@charset "UTF-8";

/*------------------------------------------------------------------------------
CSS Import設定
------------------------------------------------------------------------------*/
/*@import "reset.css";*/
/*------------------------------------------------------------------------------
ブラウザスタイル初期化設定
------------------------------------------------------------------------------*/
html {
	overflow-y: scroll;
}
body {
	background-color: #FFFFFF;
	color: #333333;
	font-family: "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	font-size: 12px;
	line-height: 1.3;
}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
	margin: 0px;
	padding: 0px;
}
img {
	border: 0;
	vertical-align: bottom;
}
li {
	list-style: none;
}
caption,
th {
	text-align: left;
}

sup,
sub {
	line-height: -1px;
	vertical-align: text-top;
}
sub {
	vertical-align: text-bottom;
}
/*@media screen and (min-width:768px) {
	body {
		-webkit-text-size-adjust: 100%;
	}
}*/

/*@import "style_renewal.css";*/
/*------------------------------------------------------------------------------
clearfix設定
------------------------------------------------------------------------------*/
.clearfix {
    zoom: 1;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    line-height: 0; 
    visibility: hidden;
}

/*------------------------------------------------------------------------------
基本設定
------------------------------------------------------------------------------*/
a:link {
	color: #1d3994;
}
a:visited {
	color: #1d3994;
}
a:hover {
	color: #1d3994;
	text-decoration: none;
}
a:active {
	color: #1d3994;
	text-decoration: none;
}
a[href^="tel:"] {
	cursor: default;
}
img {
	width: 100%;
	height: auto;
}


.top {
	margin: 0px;
	padding: 0px;
	float: right;
	width: 740px;
}
.top .searchbox {
	background: url(../img/top/top_view.jpg) no-repeat;
	margin: 3px 0 5px 0;
	padding: 0px;
	width: 750px;
	position: relative;
	height: 262px;

}
.top .searchbox select {
	font-family: "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	border: 1px solid #999;
	padding: 2px 2px 2px 0px;
}
.top .searchbox .s01 {
	position: absolute;
	top: 201px;
	left: 92px;
}
.top .searchbox .s02 {
	position: absolute;
	top: 201px;
	left: 268px;
}
.top .searchbox .s03 {
	position: absolute;
	top: 201px;
	left: 330px;
}
.top .searchbox .s04 {
	position: absolute;
	top: 201px;
	left: 390px;
}
.top .searchbox .btn {
	margin: 0px;
	padding: 0px;
	width: 168px;
	position: absolute;
	top: 174px;
	left: 531px;
}
.top .searchbox ol .s04 .off {
	color: #ACA899;
}
.top .searchbox .kome {
	font-size: 10px;
	word-spacing: 1px;
	margin: 0px;
	padding: 0px;
	line-height: 1;
	position: absolute;
	right: 38px;
	bottom: 8px;
}

.top .searchbox_kanwa {
	background: url(../img/top/top_kanwa.jpg) no-repeat;
	margin: 3px 0 0 -3px;
	padding: 0px;
	width: 556px;
	position: relative;
	height: 71px;

}
.top .searchbox_kanwa select {
	font-family: "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	border: 1px solid #999;
	padding: 2px 2px 2px 0px;
}
.top .searchbox_kanwa .s01 {
	position: absolute;
	top: 199px;
	left: 93px;
}
.top .searchbox_kanwa .s02 {
	position: absolute;
	top: 40px;
	left: 334px;
}
.top .searchbox_kanwa .s03 {
	position: absolute;
	top: 40px;
	left: 400px;
}
.top .searchbox_kanwa .s04 {
	position: absolute;
	top: 199px;
	left: 390px;
}
.top .searchbox_kanwa .btn {
	margin: 0px;
	padding: 0px;
	width: 78px;
	position: absolute;
	top: 17px;
	left: 469px;
}
.top .column {
	margin: 0px;
	padding: 0px;
	width: 740px;
	position: relative;
	zoom: 1;
}

/*------------------------------------------------------------------------------
main設定
------------------------------------------------------------------------------*/
#main {
	margin: 0px;
	padding: 5px 0px 0px;
	float: left;
	width: 560px;

}
#main .navidial {
	margin: 10px 0px 0px;
	padding: 0px;
	width: 551px;
}
#main .consul {
	margin: 8px 0px 5px;
	padding: 0px;
	width: 551px;
}
#main .syurui-block {
	margin: 10px 0px 0px;
	padding: 0px;
	width: 551px;
}
#main .syurui-block ul {
	margin: 0px;
	padding: 0px 0px 0px 44px;
	width: 506px;
}
#main .syurui-block ul li {
	margin: 0px;
	padding: 5px 0px 3px;
	width: 506px;
	border-bottom: 1px dotted #CCC;
	overflow: hidden;
}
#main .syurui-block ul li .name {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 75px;
}
#main .syurui-block ul li .text {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 431px;
}
#main .lifest-block {
	margin: 10px 0px 0px;
	padding: 0px;
	width: 551px;
}
#main .lifest-block .lead {
	margin: 0px;
	padding: 0px 0px 0px 44px;
}
#main .lifest-block dl {
	margin: 10px 0px 0px;
	padding: 0px 0px 0px 44px;
	width: 506px;
	overflow: hidden;
}
#main .lifest-block dl dt {
	margin: 0px;
	padding: 0px;
	float: left;
}
#main .lifest-block dl dd {
	margin: 0px;
	padding: 0px;
	float: left;
}
#main .shinpai-block {
	margin: 10px 0px 0px;
	padding: 0px;
	width: 551px;
}
#main .shinpai-block .lead {
	margin: 0px;
	padding: 0px 0px 0px 44px;
}
#main .shinpai-block ul {
	margin: 0px;
	padding: 0px 0px 0px 35px;
	width: 515px;
	overflow: hidden;
}
#main .shinpai-block ul li {
	margin: 7px 0px 0px 9px;
	padding: 0px;
	float: left;
	height: 22px;
	width: 248px;
	display: inline;
}
#main .shinpai-block ul li a:link,
#main .shinpai-block ul li a:visited {
	background: url(../img/top/top_shinpai_bg01_off.jpg) no-repeat;
	display: block;
	margin: 0px;
	padding: 0px 0px 0px 12px;
	height: 22px;
	width: 236px;
	color: #333;
	text-decoration: none;
	line-height: 22px;
}
#main .shinpai-block ul li a:hover,
#main .shinpai-block ul li a:active {
	background: url(../img/top/top_shinpai_bg01_on.jpg) no-repeat;
}
#main .info-block {
	margin: 10px 0px 0px;
	padding: 0px;
	width: 551px;
	position: relative;
}
#main .info-block .box {
	margin: 0px;
	padding: 0px 0px 0px 44px;
	width: 506px;
	height: 150px;
}
#main .info-block .box ul {
	margin: 0px;
	padding: 0px;
	width: 502px;
	border-right: 2px solid #CCC;
	border-bottom: 2px solid #CCC;
	border-left: 2px solid #CCC;
	height: 150px;
	overflow: scroll;
	overflow-x: hidden;
	overflow-y: scroll;	
	position: absolute;
	top: 37px;
	left: 44px;
}
#main .info-block .box ul li {
	margin: 0px;
	padding: 5px 15px 5px 10px;
	width: 477px;
	border-bottom: 1px dotted #CCC;
	overflow: hidden;
}
#main .info-block .box ul li .days {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 70px;
	font-weight: bold;
}
#main .info-block .box ul li .text {
	margin: 0px;
	padding: 2px 0px 2px 60px;
	float: left;
	width: 347px;
}
#main .info-block .box ul li .oshirase {
	background: url(../img/top/top_info_icon_oshirase.gif) no-repeat left 2px;
}
#main .info-block .box ul li .up {
	background: url(../img/top/top_info_icon_tsuika.gif) no-repeat left 2px;
}
#main .info-block .box ul .bg {
	background: #F5F5F5;
}
#main .about-block {
	margin: 15px 0px 0px;
	padding: 0px;
	width: 550px;
	background: url(../img/top/top_about_bg01.jpg) no-repeat right bottom;
}
#main .about-block h2 {
	font-size: 14px;
	background: #066EC3;
	margin: 0px;
	padding: 2px 10px;
	width: 530px;
	color: #FFF;
}
#main .about-block p {
	margin: 0px;
	padding: 10px 10px 0px;
}
#main .about-block p span {
	display: block;
	margin: 10px 0px 0px;
	padding: 0px;
}
#main .comp-block {
	margin: 10px 0px 0px;
	padding: 0px;
	width: 551px;
}
#main .comp-block .logo {
	margin: 0px;
	padding: 0px 0px 0px 44px;
	width: 506px;
}
#main .comp-block .logo table tr td {
	margin: 0px;
	padding: 0px;
	width: 72px;
	text-align: center;
	vertical-align: middle;
	height: 50px;
}


/*------------------------------------------------------------------------------
階層ページTOPページ　共通
------------------------------------------------------------------------------*/
#lower_common.index {
	margin: 0px;
	padding: 6px 0px 0px;
}
#lower_common.index {
	padding: 20px 0px 0px;
}
#lower_common.index .ttl01 {
	font-size: 20px;
	padding: 10px 0 10px;
	background-image: none;
}
#lower_common.index .ttl01 span {
	font-size: 24px;
}

/*- view ------------------------------------------------------------------------------*/
#lower_common.index .view {
	margin: 0 0 10px;
	border: solid 1px #cccccc;
}
#lower_common.index .view .view_title {
	position: relative;
	z-index: 100;
	width: 798px;
	height:185px;
	overflow: hidden;
	text-indent: 120%;
	white-space: nowrap;
	margin-bottom: -2.5%;	/* 18/720*100 */
	background-repeat: no-repeat;
}
#lower_common.index .view .search_area {
	box-sizing: border-box;
	text-align: center;
	width: 100%;
	padding: 10px;
	background-color: #ffcc00;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: center;
	-webkit-box-pack: center;
	justify-content: center;
}
@media screen and (min-width:768px) {
	#lower_common.index .view .search_area {
		-ms-flex-wrap: nowrap;
		-webkit-flex-wrap: nowrap;
		flex-wrap: nowrap;
	}
}
#lower_common.index .view .search_area .select_title {
	display: none;
}
#lower_common.index .view .search_area .selecrt_age {
	box-sizing: border-box;
	padding: 9px 30px 9px 65px;
	margin: 0;
	background-image: url('../img/medical/search_step_1.png'), url('../img/medical/search_bg_01.png');
	background-size: 34px 42px, 240px 60px;
	background-position: left 15px center , center;
	background-repeat: no-repeat, no-repeat;
}
#lower_common.index .view .search_area .selecrt_age .select_box {
	font-size: 14px;
	width: 145px;
}
#lower_common.index .view .search_area .selecrt_gender {
	box-sizing: border-box;
	position: relative;
	left: -8px;
	padding: 14px 45px 14px 50px;
	margin: 0 5px 0 0;
	background-image: url('../img/medical/search_step_2.png'), url('../img/medical/search_bg_02.png');
	background-size: 34px 42px, 270px 60px;
	background-position: left 25px center , center;
	background-repeat: no-repeat, no-repeat;
}
#lower_common.index .view .search_area .selecrt_gender .search_radio,
#gakushi #lower_common.index .view .search_area .search_bg01 .search_radio{
	display: inline-block;
	vertical-align: middle;
	margin-left: 2em;
	margin-top: 4px;
}
#lower_common.index .view .search_area .selecrt_gender .search_radio .radio_btn,
#gakushi #lower_common.index .view .search_area .search_bg01 .search_radio .radio_btn{
	display: inline-block;
	font-size: 20px;
	font-weight: bold;
	vertical-align: middle;
}
#lower_common.index .view .search_area .selecrt_gender .search_radio .radio_btn:last-child,
#gakushi #lower_common.index .view .search_area .search_bg01 .search_radio .radio_btn:last-child {
	margin-left: 12px;
}
#lower_common.index .view .search_area .selecrt_gender .search_radio .radio_btn input.radio_button[type="radio"] + .inner_label,
#gakushi #lower_common.index .view .search_area .search_bg01 .search_radio .radio_btn input.radio_button[type="radio"] + .inner_label{
	position: relative;
	top: -5px;
	margin-right: 0;
	margin-left: 5px;
}
#lower_common.index .view .search_area .item-inactive{
	opacity: 0.3;
}

#lower_common.index .view .search_button {
	box-sizing: border-box;
	vertical-align: middle;
	margin-top: 2px;
}
#lower_common.index .view .search_button button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	box-sizing: border-box;
	overflow: hidden;
	cursor: pointer;
	color: #FFF;
	font-size: 28px;
	font-weight: bold;
	text-shadow: 0px 2px 3px #10914a;
	line-height: 52px;
	letter-spacing: 1px;
	width: 260px;
	height: 52px;
	padding: 0;
	border: 1px solid #119e51;
	background-color: #29ac63;
	background: -moz-linear-gradient(top, #30c774 0%, #29ac63 100%);
	background: -webkit-linear-gradient(top, #30c774 0%, #29ac63 100%);
	background: linear-gradient(to bottom, #30c774 0%, #29ac63 100%);
	box-shadow: 0 4px 0 #10914a;
	border-radius: 8px;
}
#lower_common.index .view .search_button button span {
	position: relative;
	padding-left: 40px;
	line-height: normal;
}
#lower_common.index .view .search_button button span::before {
	content: '';
	position: absolute;
	background-image:  url('../img/common/icon_search_w.svg');
	width: 32px;
	height: 32px;
	background-size: 32px 32px;
	background-repeat: no-repeat;
	left: 0;
	bottom: 1px;
}

#lower_common.index .view .search_button button:hover {
	text-decoration: none;
	transform: translate3d(0, 2px, 0);
	box-shadow: 0 1px 0 #10914a;
	background: -webkit-linear-gradient(#29ac63 0%, #29ac63 100%);
	background: -o-linear-gradient(#29ac63 0%, #29ac63 100%);
	background: linear-gradient(#29ac63 0%, #29ac63 100%);
}

 #gakushi #lower_common.index .view .search_area .search_bg01 {
	box-sizing: border-box;
	padding: 6px 35px 6px 100px;
	margin: 0;
	background-image: url('../img/gakushi/search_step_1.png'), url('../img/gakushi/search_bg_01.png');
	background-size: 66px 38px, 320px 60px;
	background-position: left 15px center , left center;
	background-repeat: no-repeat, no-repeat;
}
#gakushi #lower_common.index .view .search_area .selecrt_age {
	box-sizing: border-box;
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	width: 0;
	height: 0;
	padding: 0;
	margin: 0;
	background: none;
}
#gakushi #lower_common.index .view .search_area .selecrt_age .select_box {
	width: 85px;
	margin-right: 0;
}
#gakushi #lower_common.index .view .search_area .selecrt_gender {
	box-sizing: border-box;
	position: relative;
	left: -7px;
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	height: 50px;
	padding: 0 0 0 14px;
	margin: 0;
	background: none;
}
#gakushi #lower_common.index .view .search_area .selecrt_gender .search_radio{ margin-left: 0;}
#gakushi #lower_common.index .view .search_area .selecrt_gender .search_radio .radio_btn:last-child{ margin-left: 6px;}
#gakushi #lower_common.index .view .search_area .selecrt_gender .search_radio .radio_btn span{
	display: block;
	font-size: 16px;
}
#gakushi #lower_common.index .view .search_area .selecrt_gender .search_radio .radio_btn input.radio_button[type="radio"] + .inner_label{ margin: 7px auto 0 ;}
#gakushi #lower_common.index .view .search_area .search_bg02{
	box-sizing: border-box;
	position: relative;
	left: -10px;
	padding: 9px 30px 9px 95px;
	margin: 0;
	background-image: url('../img/gakushi/search_step_2.png'), url('../img/gakushi/search_bg_02.png');
	background-size: 49px 38px, 210px 60px;
	background-position: left 20px center , center;
	background-repeat: no-repeat, no-repeat;
}
#life  #lower_common.index .view .search_button button,
#gakushi #lower_common.index .view .search_button button { width: 240px;}
#life #lower_common.index .view .search_area .selecrt_type {
	box-sizing: border-box;
	height: 60px;
	padding: 9px 30px 9px 60px;
	margin: 0;
	background-image: url('../img/life/search_step_1.png'), url('../img/life/search_bg_01.png');
	background-size: 34px 42px, 240px 60px;
	background-position: left 15px center , center;
	background-repeat: no-repeat, no-repeat;
}
#life .selecrt_type .select_box{
	font-size: 14px;
	width: 150px;
}
#life #lower_common.index .view .search_area .selecrt_age {
    width: auto;
    height: 50px;
    padding: 0 0 0 48px;
    margin: 0;
    background: none;
}
#life .select_box.age_2,
#gakushi .select_box.age_2{
	width: 90px;
	margin: 0 15px 0 0;
}
@media screen and (max-width: 1130px) and (min-width: 768px){
	#life .select_box.age_2{
		margin: 0 5px 0 0;
	}
}
#life #lower_common.index .view .search_area .selecrt_gender {
	padding: 6px 35px 6px 70px;
	margin: 0 3px 0 0;
	background-image: url(../img/life/search_step_2.png), url(../img/life/search_bg_02.png);
	background-size: 34px 42px, 290px 60px;
	background-position: left 25px center , center;
}
#life #lower_common.index .view .search_area .selecrt_gender .search_radio,
#gakushi #lower_common.index .view .search_area .search_bg01 .search_radio{
	margin-left: 0;
	position: relative;
}
#life #lower_common.index .view .search_area .selecrt_gender .search_radio .radio_btn:last-child,
#gakushi #lower_common.index .view .search_area .search_bg01 .search_radio .radio_btn:last-child {
	margin-left: 6px;
}
#life #lower_common.index .view .search_area .selecrt_gender .search_radio .radio_btn span,
#gakushi #lower_common.index .view .search_area .search_bg01 .search_radio .radio_btn span{
	display: block;
	font-size: 16px;
}
#life #lower_common.index .view .search_area .selecrt_gender .search_radio .radio_btn input.radio_button[type="radio"] + .inner_label,
#gakushi #lower_common.index .view .search_area .search_bg01 .search_radio .radio_btn input.radio_button[type="radio"] + .inner_label{
	margin: 7px auto 0 ;
}

#life #lower_common.index .view .search_area .selecrt_age .select_box {
    font-size: 14px;
    width: 80px;
    margin-top: 2px;
}

/*- img_bnr ------------------------------------------------------------------------------*/
#lower_common.index .img_bnr {
	position: relative;
}
#lower_common.index .img_bnr img {
	width: 100%;
	height: auto;
}
#lower_common.index .img_bnr a .text {
	position: absolute;
	top: 58px;
	left: 148px;
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	font-family: "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
}


#lower_common.index .img_bnr a:hover {
	opacity: 0.7;
}

/*- sim_bnr ------------------------------------------------------------------------------*/
#lower_common.index .sim_bnr {
	margin: 10px 50px 0;
}

/*- about-block ------------------------------------------------------------------------------*/
#lower_common.index .about-block {
	margin: 0;
}


#lower_common.index .about-block p {
	margin: 5px 0 0;
	line-height: 1.7;
}


/*- rank_list ------------------------------------------------------------------------------*/
#lower_common.index .rank-block {
	position: relative;
	margin-top: 0;
}

#lower_common.index .rank-block .is_date {
	position: absolute;
	top: 23px;
	right: 0;
	font-size: 12px;
}
#chronic #lower_common.index .rank-block .is_date,
#life #lower_common.index .rank-block .is_date_low,
#life #lower_common.index .rank-block .is_date_shunyu{ top:52px;}
#life #lower_common.index .rank-block .is_date_low{ right: 0;}


#lower_common.index .rank_list {
	margin: 10px 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
#lower_common.index .rank_list .box {
	box-sizing: border-box;
	float: left;
	text-align: center;
	width: calc(20% - 5px);
	padding: 8px;
	margin-right: 6px;
	border: solid 4px #e8f3fb;
}
#lower_common.index .rank_list .box:nth-child(5n+1) {
	margin-right: 0;
}
#lower_common.index .rank_list .box .check {
	text-align: center;
	max-width: 34px;
	margin: 0 auto;
	height: 70px;
}
#lower_common.index .rank_list .box .check img {
	width: 34px;
	height: auto;
	margin-top: 5px;
	margin-bottom: 13px;
}
#lower_common.index .rank_list .box #no1,
#lower_common.index .rank_list .box #no2,
#lower_common.index .rank_list .box #no3{
	max-width: 45px;
}
#lower_common.index .rank_list .box #no1 img,
#lower_common.index .rank_list .box #no2 img,
#lower_common.index .rank_list .box #no3 img{
	width: 45px;
	margin-bottom: 10px;
	margin-top: 0;
}
#lower_common.index .rank_list .box .image {
	width: 100px;
	height: 100px;
	margin: 0 auto;
	display: table;
}
#lower_common.index .rank_list .box .image span {
	display: table-cell;
	vertical-align: middle;
}
#lower_common.index .rank_list .box .image img {
	margin: 0;
	max-width: 84px;
	max-height: 80px;
	width: auto;
}
@media screen and (min-width:768px) {
	#lower_common.index .rank_list .box:first-child .image img {
		max-height: 80px;
		width: auto;
	}
}
#lower_common.index .rank_list .box .button {
	margin-bottom: 5px;
}
#lower_common.index .rank_list .box .button .net-btn > a {
	box-sizing: border-box;
	display: block;
	color: #FFF;
	font-size: 16px;
	font-family: "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	font-weight: bold;
	text-decoration: none;
	width: 100%;
	min-width: 100px;
	padding: 0.25em 0;
	background-color: #29a5f4;
	border: solid 1px #1f8de1;
	border-bottom: solid 4px #0060a7;
	border-radius: 5px;
}
#lower_common.index .rank_list .box .button .net-btn > a:hover {
	opacity: 0.6;
}
#lower_common.index .rank_list .box .button .net-btn {
	margin-top: 10px;
	display: block;
}
#lower_common.index .rank_list .box .button .link {
	display: block;
	font-size: 13px;
	line-height: 1.3;
	word-wrap: break-word;
}
#lower_common.index .rank_list .box .button .link a {
	word-wrap: break-word;
	line-height: 1.5;
}
#lower_common.index .rank-btnarea{
	margin: 10px 20px 20px;
}
#lower_common.index .button_check_rank {
	box-sizing: border-box;
	float: left;
	width: 370px;
	text-align: center;
	border: 1px solid #bf0000;
	background-color: #e52e2e;
	background: -moz-linear-gradient(top, #ff3333 0%, #e52e2e 100%);
	background: -webkit-linear-gradient(top, #ff3333 0%, #e52e2e 100%);
	background: linear-gradient(to bottom, #ff3333 0%, #e52e2e 100%);
	box-shadow: 0 2px 0 #bf0000;
	border-radius: 8px;
}
#lower_common.index .button_search_rank {
	box-sizing: border-box;
	float: right;
	width: 370px;
	text-align: center;
	border: 1px solid #119e51;
	background-color: #29ac63;
	background: -moz-linear-gradient(top, #30c774 0%, #29ac63 100%);
	background: -webkit-linear-gradient(top, #30c774 0%, #29ac63 100%);
	background: linear-gradient(to bottom, #30c774 0%, #29ac63 100%);
	box-shadow: 0 3px 0 #10914a;
	border-radius: 8px;
}
#lower_common.index .rank-btnarea a{
	display: block;
	color: #FFF;
	font-weight: bold;
	text-shadow: 1px 1px 3px rgba(0,0,0, 0.7);
	text-decoration: none;
	width: auto;
}
#lower_common.index .button_search_rank a{
	padding: 9px 15px 7px 10px;
	margin: 0;
	font-size: 25px;
	text-shadow: 0 2px 2px #10914a;
}
#lower_common.index .button_search_rank a > span{
	position: relative;
	padding-left: 40px;
}
#lower_common.index .button_search_rank a > span::before{
	content: '';
	position: absolute;
	background-image: url(../img/common/icon_search_w.svg);
	width: 30px;
	height: 30px;
	background-size: 30px 30px;
	background-repeat: no-repeat;
	bottom: 0;
	left: 0
}
#lower_common.index .button_check_rank a {
	padding: 8px 10px 9px 40px;
	margin: 0;
	background-image: url(../img/common/ico_check_btn.svg);
	background-size: 30px 30px;
	background-position: left 15px center;
	background-repeat: no-repeat;
	text-shadow: 0 2px 2px #bf0000;
}
#lower_common.index .button_check_rank a span{
	font-size: 24px;
	top: 0.05em;
	vertical-align: baseline;
	position: relative;
}
#lower_common.index .rank-btnarea .button_check_rank:hover,
#lower_common.index .rank-btnarea .button_search_rank:hover{
	text-decoration: none;
	transform: translate3d(0, 2px, 0);
}
#lower_common.index .rank-btnarea .button_check_rank:hover{
	box-shadow: none;
	background: -webkit-linear-gradient(#e52e2e 0%, #e52e2e 100%);
	background: -o-linear-gradient(#e52e2e 0%, #e52e2e 100%);
	background: linear-gradient(#e52e2e 0%, #e52e2e 100%);
}
#lower_common.index .rank-btnarea .button_search_rank:hover{
	box-shadow: 0 1px 0 #10914a;
	background: -webkit-linear-gradient(#29ac63 0%, #29ac63 100%);
	background: -o-linear-gradient(#29ac63 0%, #29ac63 100%);
	background: linear-gradient(#29ac63 0%, #29ac63 100%);
}

/* SBI生命_安い順ランキング設定 */
#lower_common.index .low_price .rank_list {margin: 20px 0 10px;}
#lower_common.index .low_price .rank_list .box {
	width: calc(33% - 2px);
	padding: 12px 8px 10px;}
#lower_common.index .low_price .rank_list .box:first-child {margin-right: 6px;}
#lower_common.index .low_price .rank_list .box:last-child {margin-right: 0;}
#lower_common.index .low_price .rank_list .box .check {height: 32px;}
#lower_common.index .low_price .rank_list .box .rank_price {
	font-size: 30px;
	margin: 3px 0 5px;
	font-weight: bold;
	color: #67a624;
}
#lower_common.index .low_price .rank_list .box .rank_price span {font-size: 16px;}
#lower_common.index .low_price .rank_list .box .button .net-btn{
	margin: 0 10px;
}
#lower_common.index .low_price .rank_list .box .button .net-btn > a,
#index .block_01 .pickup .btn > a {
	font-size: 18px;
	padding: 0.4em 0 0.3em;
	background-color: #ff9500;
	border: solid 1px #ff7f00;
	border-bottom: solid 3px #f27900;
	text-shadow: 0px 2px 1px rgba(255,127,0,1.0);
}

/* メットライフ生命_ドルスマートの注釈設定 */
#life .rank-block .kome.doll-smart span,
#ranking .rank-block .kome.doll-smart span,
#nenkin .rank-block .kome.regulus span,
#ranking .rank-block .kome.regulus span {font-size: 19px}
#life .rank-block .kome.doll-smart::before,
#ranking .rank-block .kome.doll-smart::before,
#nenkin .rank-block .kome.regulus::before,
#ranking .rank-block .kome.regulus::before {top: 6px}

/*- medical_list ------------------------------------------------------------------------------*/
#lower_common.index .medical_list {
	margin: 20px 0 10px;
}
#lower_common.index .medical_list h2 {
	border: solid 1px #cccccc;
  border-radius: 5px 5px 0 0;
  background-color: #FFF;
	border-bottom: solid 2px #36ae22;
}

#lower_common.index .medical_list h2 a{
	box-sizing: border-box;
	display: block;
	color: #333;
	font-size: 18px;
	font-weight: normal;
	text-decoration: none;
	padding: 0.35em 0.5em 0.35em 10px;
	background-size: 11px auto;
	background-position: right 7px center;
	background-repeat: no-repeat;
	background-image: url('../img/medical/arrow_icon_01.png');
}

#lower_common.index .medical_list h2 span:not(.sp-hide) {
	font-size: 20px;
	font-weight: bold;
}
#lower_common.index .medical_list ul {
	box-sizing: border-box;
	padding: 15px 10px 10px;
	width: 100%;
	margin: 0 0 10px;
	border: solid 1px #cccccc;
	border-radius: 0 0 5px 5px;
	display:-webkit-box;
	display:-webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
#lower_common.index .medical_list ul li {
	font-size: 12px;
	text-align: center;
	width: 130px;
	margin: 0 12.5px 20px;
	float: left;
}
#lower_common.index .medical_list ul li img{
	width: 80%;
	max-height: 45px;
	
}
#lower_common.index .medical_list ul li span{
	vertical-align: middle;
	display: table-cell;
}

#lower_common.index .medical_list ul li span:last-child {
	display: block;
	width: 100%;
	margin-top: 5px;
}





/*------------------------------------------------------------------------------
nenkin
------------------------------------------------------------------------------*/
#nenkin .desc_01 {
	margin-top: 30px;
}
#nenkin .desc_01 .right {
	font-size: 10px;
	text-align: right;
}
#nenkin .desc_01 .text {
	margin: 15px 0;
	line-height: 1.7;
}
#nenkin .desc_01 .image01 {
	width: 100%;
	max-width: 641px;
	margin: 10px auto;
}
#nenkin .desc_01 .image01 img {
	width: 100%;
	height: auto;
}




/*------------------------------------------------------------------------------
company共通設定
------------------------------------------------------------------------------*/
#company, #houshin, #privacy, #security, #comparison, #antisocial{
	margin: 30px 0 0;
	line-height: 1.6;
}

/*------------------------------------------------------------------------------
company設定
------------------------------------------------------------------------------*/
#company h4 {
	font-weight: bold;
	margin: 10px 0;
}
#company .table {
	font-size: 14px;
	padding: 0px;
	margin: 20px auto 0px;
	width: 100%;
}
#company .table table {
	background: #CCC;
	margin: 0px;
	padding: 0px;
	width: 100%;
	border-top:1px solid  #CCC;
	border-right: 1px solid #ccc;
	border-left:1px solid #ccc;
	border-collapse: collapse;
}
#company .table table tr th {
	background: #F5F5F5;
	margin: 0px;
	padding: 8px 10px;
	width: 160px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	vertical-align: top;
}
#company .table table tr td {
	vertical-align: top;
	width: auto;
	padding: 8px 10px;
	margin: 0px;
	border-bottom: 1px solid #ccc;
	background: #FFF;
}
#company .table table tr td ul {
	box-sizing: border-box;
	width: 100%;
}
#company .table table tr td ul li {
	position: relative;
	padding-left: 1.2em;
}
#company .table table tr td ul li::before {
	content: '・';
	position: absolute;
	display: block;
	left: 0;
	font-size: inherit;
}
#company .table table tr td .hoken {
	color: #3D5EAB;
	font-weight: bold;
}
#company .table table tr td .mgb10 {
	margin-bottom: 10px;
}
#company .table table tr td .maptxt {
	margin: 10px 0px 0px;
}
#company .table table tr td iframe {
	width: 100%;
}

/*------------------------------------------------------------------------------
プライバシーポリシー 設定
------------------------------------------------------------------------------*/
#privacy .privacypolicy #accordion_tg_01 > p{
	margin-top: 20px!important;
}
#privacy .privacypolicy dl dt {
	font-size: 18px;
	font-weight: bold;
	margin: 20px 0 5px 0;
}
#privacy .privacypolicy ul {
	text-align: right;
	margin: 20px 0;
}
#privacy .privacypolicy ul.cookie { text-align: left;}
#privacy .privacypolicy ul.cookie li:first-child { font-weight: bold;}
#privacy .privacypolicy .inquiry {
	font-size: 14px;
	padding: 10px 15px;
	margin: 10px 0;
	border: 2px solid #d3d4d5;
}
#privacy .privacypolicy .inquiry span {
	font-weight: bold;
	line-height: 2;
}
#privacy .privacypolicy table {
	font-size: 14px;
	width: 100%;
	margin: 10px 0 20px 0;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
}
#privacy .privacypolicy table th {
	padding: 5px;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	color: #FFF;
	background-color: #666666;
	text-align: center;
}
#privacy .privacypolicy table td {
	padding: 5px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #999;
	border-bottom-color: #999;
}
#privacy .privacypolicy table ul.list {
	text-align: left;
	margin: 0;
}
#privacy .privacypolicy table ul.list li {
	position: relative;
	padding-left: 1.2em;
}
#privacy .privacypolicy table ul.list li::before {
	content: '・';
	position: absolute;
	display: block;
	left: 0;
	font-size: inherit;
}

/*------------------------------------------------------------------------------
セキュリティポリシー 設定
------------------------------------------------------------------------------*/
#security .sec-block dl dt {
	font-size: 18px;
	font-weight: bold;
	margin: 20px 0 5px 0;
}
#security .sec-block ul {
	text-align: right;
	margin: 20px 0 0;
}

/*------------------------------------------------------------------------------
保険比較ポリシー 設定
------------------------------------------------------------------------------*/
#comparison .sec-block h4 {
	font-weight: bold;
	margin: 15px 0 10px 0;
}




/*------------------------------------------------------------------------------
sitemap設定
------------------------------------------------------------------------------*/
#sitemap {
	margin: 30px 0 0;
}

#sitemap .link01 {
	font-size: 14px;
}
#sitemap .link01 a::before {
    width: 17px;
    height: 17px;
}
#sitemap .link01 a::after {
    left: 4px;
    width: 5px;
    height: 5px;
}
#sitemap ul li.link01:last-child {
	margin-bottom: 0!important
}


#sitemap h1 {
	margin-bottom: 20px!important;
}
#sitemap .box {
	width: 100%;
	margin-top: 20px!important;
}

#sitemap .box h3 {
	box-sizing: border-box;
    color: #333;
    font-size: 20px;
    font-weight: bold;
    width: 100%;
    padding: 9px 10px 8px;
    display: table;
    background: #f2f6fb;
	position: relative;

}
#sitemap .box h3 a {
    box-sizing: border-box;
    display: table-cell;
    color: #333;
    text-decoration: none;
    width: 100%;
    vertical-align: middle;
}

#sitemap .box h3 a::after {
	content: "";
	display: inline-block;
    width: 9px;
    height: 9px;
    border-top: 2px solid #014aac;
    border-right: 2px solid #014aac;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
	position: absolute;
	top: 38%;
	right: 10px;
}

#sitemap .box .f_box,
#sitemap .box .fs_box {
	float: left;
	width: 48.7%;
}
#sitemap .box .f_box:nth-child(2n) {
	float: right;
}
#sitemap .box .f_box:nth-child(2n+1) {
	clear: both;
}

#sitemap .box .f_box li a {
	text-indent: 0;
	text-decoration: none;
}



/*------------------------------------------------------------------------------
campaign
------------------------------------------------------------------------------*/
#campaign {
	margin: 30px 0 0;
}
#campaign .margin_box {
	margin: 20px 0 0;
}


#campaign table, #campaign th, #campaign td, #campaign thead, #campaign tbody {
	border-collapse: collapse;
	border-spacing: 0;
	border: none;
	empty-cells: show;
	-webkit-text-size-adjust: 100%;
}
#campaign table {
	width: 100%;
}
#campaign table th {
	color: #000;
	font-size: 16px;
	font-weight: normal;
	font-family: "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	text-align: center;
	padding: 0.25em 1em;
	border: solid 1px #cccccc;
	background-color: #f4f9fd;
}
#campaign table td {
	text-align: center;
	border: solid 1px #cccccc;
}
#campaign table td:not(.link_btn) {
	padding: 1em;
}
#campaign table td.link_btn {
	padding: 10px;
}
#campaign table td.overview {
	color: #1d3994;
	text-align: left;
}
#campaign table td:not(.overview) {
	font-family: "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
}

#campaign .news-tbl .cate{
	width: 18%;
}
#campaign .news-tbl .date{
	width: 18%;
}
#campaign .news-tbl .overview{
	width: auto;
}

#campaign .news-tbl .cate span{
	font-size: 12px;
	font-weight: bold;
	display: block;
	color: #014aac;
	background-color: #ccc;
	border-radius: 3px;
	line-height: 1.5;
}

/*お知らせ*/
#index .news_list .cate #cat2{
	color: #014aac;
	background-color: #e6eefa;
}

/*新商品掲載*/
#index .news_list .cate #cat1{
	color: #c80000;
	background-color: #fdff7f;
}

/*#campaign table td a {
	position: relative;
	overflow: hidden;
	display: block;
	color: #000;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	width: 100%;
	padding: 0.75em 0;
	background-color: #FFF;
	border: solid 1px #CCC;
	border-bottom: solid 3px #999;
	border-radius: 5px;
}
#campaign table td a:hover::before {
	position: absolute;
	top: 0;
	left: 0;
	content: " ";
	display: block;
	width: 150%;
	height: 160%;
	background-color: rgba(255, 255, 255, 0.4);
}
#campaign table td a:hover {
	border-color: #e1e1e1;
}*/


/* トップバナー設定 ------------------------------------------------------------------------------*/
#campaign #mainview {
	width: 100%;
	max-width: 710px;
	margin: 30px auto 0;
}
#campaign #mainview img {
	width: 100%;
	height: auto;
}
#campaign .btn {
	width: 100%;
	max-width: 403px;
	margin: 25px auto;
}
#campaign .btn img {
	width: 100%;
	height: auto;
}


/* キャンペーン詳細設定 ------------------------------------------------------------------------------*/
#campaign #cp {
	text-align: left;
	margin-bottom: 20px;
}
#campaign #cp dl {
	overflow: hidden;
	zoom: 1;
}
#campaign #cp dl dt {
	margin: 15px 0 10px;
}
#campaign #cp dl dd {
	font-size: 12px;
	line-height: 1.3;
	padding-left: 5px;
}
#campaign #cp dl dd ul {
	float: left;
	font-size: 12px;
	text-indent: 0pt;
	width: 50%;	/* 350/700*100 */
}



/*------------------------------------------------------------------------------
type設定
------------------------------------------------------------------------------*/
#type {
	padding: 35px 0 0;
}

#type .rank_list {
	margin: 15px 0 20px!important;
}
#type .rank_list ul {
	overflow: hidden;
}
#type .rank_list ul li {
	float:left;
	width: 31.428571428571428571428571428571%;	/* 220/700*100 */
	margin-right:2.85714285715%;
	margin-bottom: 15px;
}
#type .rank_list ul li:nth-child(3n) {
	margin-right: 0;
}
#type .rank_list ul li:nth-child(n+7) {
	margin-bottom: 0;
}
#type .rank_list ul li a {
	box-sizing:border-box;
	position: relative;
	overflow: hidden;
	display: block;
	text-align: center;
	text-decoration: none;
	width: 100%;
	padding: 18px 0 15px;
	margin-bottom: 5px;
	background-color: #FFF;
	border: solid 1px #CCC;
	border-radius: 8px;
	box-shadow:0px 3px 0px 0px #d9d9d9;
}
#type .rank_list ul li a:hover::before {
	position: absolute;
	top: 0;
	left: 0;
	content: " ";
	display: block;
	width: 150%;
	height: 160%;
	background-color: rgba(255, 255, 255, 0.4);
}
#type .rank_list ul li img {
	width: 30px;
	height: 30px;
	margin: 0 auto;
}
#type .rank_list ul li .rank_title {
	box-sizing: border-box;
	display: block;
	color: #333;
	font-size: 22px;
	font-weight: bold;
	letter-spacing: -1px;
	padding: 0.3em 0.5em 0;
}
#type .rank_list ul li .rank_title span {
	font-size: 18px;
}
#type .rank_list ul li .rank_title span .line1 {
	margin-left: -9px;
}
#type .inner dl {
	margin: 20px 0px 0px;
}
#type .inner dl dt {
	box-sizing: border-box;
	font-size: 22px;
	font-weight: bold;
	width: 100%;
	display: table;
	background: #f2f6fb;
	border-bottom: 3px solid #014aac;
	position: relative;
}
#type .inner dl dt a {
	display: table-cell;
	color: #333;
	text-decoration: none;
	padding: 10px 46px 8px 12px;
	margin: 0px;
	vertical-align: middle;
}
#type .inner dl dt a::before {
	content: "";
	display: block;
	position: absolute;
	right: 10px;
	background-color: #fff;
	border: 1px solid #b3b3b3;
	cursor: pointer;
	top: 48%;
	width: 24px;
	height: 24px;
	margin-top: -12px;
	box-shadow: 0 2px 0 0 #b3b3b3;
	border-radius: 6px;
}
#type .inner dl dt a::after {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 20px;
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	margin: auto;
	border-top: 2px solid #014aac;
	border-right: 2px solid #014aac;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
#type .inner dl dd {
	position: relative;
	box-sizing: border-box;
	width: 100%;
	padding: 12px 0px 0px 70px;
	margin: 0px;
}
#type .inner dl dd::before {
	content: " ";
	position: absolute;
	top: 12px;
	left: 8px;
	display: block;
	width: 50px;
	height: 50px;
	background-size: 50px
}
#type .inner dl:nth-child(1) dd::before{
		background-image: url(../img/icon/ico_ttl_medical.svg);
		background-repeat: no-repeat;
}

#type .inner dl:nth-child(2) dd::before{
		background-image: url(../img/icon/ico_ttl_gan.svg);
		background-repeat: no-repeat;
}
#type .inner dl:nth-child(3) dd::before{
		background-image: url(../img/icon/ico_ttl_life.svg);
		background-repeat: no-repeat;
}
#type .inner dl:nth-child(4) dd::before{
		background-image: url(../img/icon/ico_ttl_nenkin.svg);
		background-repeat: no-repeat;
}
#type .inner dl:nth-child(5) dd::before{
		background-image: url(../img/icon/ico_ttl_child.svg);
		background-repeat: no-repeat;
}
#type .inner dl:nth-child(6) dd::before{
		background-image: url(../img/icon/ico_ttl_woman.svg);
		background-repeat: no-repeat;
}
#type .inner dl:nth-child(7) dd::before{
		background-image: url(../img/icon/ico_ttl_chronic.svg);
		background-repeat: no-repeat;
}
#type .inner dl:nth-child(8) dd::before{
		background-image: url(../img/icon/ico_ttl_care.svg);
		background-repeat: no-repeat;
}
#type .inner dl:nth-child(9) dd::before{
		background-image: url(../img/icon/ico_ttl_disability.svg);
		background-repeat: no-repeat;
}

#type .box-answer #accordion_tg_02,
#type .box-answer #accordion_tg_03,
#type .box-answer #accordion_tg_04,
#type .box-answer #accordion_tg_05,
#type .box-answer #accordion_tg_06,
#type .box-answer #accordion_tg_07,
#type .box-answer #accordion_tg_08,
#type .box-answer #accordion_tg_09,
#type .box-answer #accordion_tg_10,
#type .box-answer #accordion_tg_11{ display: none;}

#type .margin_box_20 {
	margin: 20px 0 0;
}
#type .margin_box_40 {
	margin: 20px 0 0;
}
#type .img-main{
	margin-top: 25px;
}
#type .type-box{
	margin-top: 15px;
	text-align: center;
}
#type .chart-arrow{
	position: relative;
	display: block;
	margin: 20px auto 25px;
}
#type .chart-arrow:after{
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 25px 50px 0 50px;
	border-color: #fff373 transparent transparent transparent;
}
.chart_box .start_btn,
.chart_box .return_btn,
.chart_box .answer_box .btn,
.chart_box .return_top{
	box-sizing: border-box;
	cursor: pointer;
	text-align: center;
	margin: 0 auto 15px;
	padding: 22px 50px 21px 70px;
	color: #FFF;
	font-size: 22px;
	width: 100%;
	max-width: 600px;
	background-color: #20c0c0;
	border-bottom: solid 4px #1ca6a6;
	border-radius: 10px;
	overflow: hidden;
}
.chart_box .start_btn{
	max-width: 600px;
	font-size: 30px;
	font-weight: bold;
	padding: 6px 10px 12px;
	line-height: 1.35;
	
}
.chart_box .start_btn span{
	font-size: 20px;
	font-weight: normal;
}

.chart_box .return_btn{
	margin: 25px auto 5px;
	padding: 12px 0 10px;
	text-align: center;
	width: 240px;
	background-color: #fff;
	border: 1px solid #cccccc;
	border-bottom: solid 4px #cccccc;
	color: #333;
	font-size: 18px;
	position: relative;
}
.chart_box .return_btn::before,
.chart_box .return_btn::after,
.chart_box .return_top::before,
.chart_box .return_top::after{
	position: absolute;
	margin: auto;
	content: "";
	vertical-align: middle;
}
.chart_box .return_btn::before,
.chart_box .return_top::before{
	top: 0;
	bottom: 0;
	margin: auto;
	left: 16px;
	width: 18px;
	height: 18px;
	background: #20c0c0;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
.chart_box .return_btn::after,
.chart_box .return_top::after{
	width: 5px;
	height: 5px;
	border-top: 3px solid #fff;
	border-right: 3px solid #fff;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 22px;
	-webkit-transform: rotate(225deg);
	transform: rotate(225deg);
}

.chart_box .btn.ico_a{
	position: relative;
	background-color: #00aee8;
	border-bottom: solid 4px #0099cc;
}
.chart_box .btn.ico_a::before{
	content: "";
	position: absolute;
	top: 18px;
	left: 15px;
	width: 40px;
	height: 40px;
	background-position: left top;
	background-image: url(../img/type/unknown/ico_num01.svg);
	background-size: 40px auto;
}
.chart_box .btn.ico_b{
	position: relative;
	background-color: #89bf1d;
	border-bottom: solid 4px #7cad1a;
}
.chart_box .btn.ico_b::before{
	content: "";
	position: absolute;
	top: 18px;
	left: 15px;
	width: 40px;
	height: 40px;
	background-position: left top;
	background-image: url(../img/type/unknown/ico_num02.svg);
	background-size: 40px auto;
}
.chart_box .btn.ico_c{
	position: relative;
	background-color: #fa9519;
	border-bottom: solid 4px #f27a18;
}
.chart_box .btn.ico_c::before{
	content: "";
	position: absolute;
	top: 18px;
	left: 15px;
	width: 40px;
	height: 40px;
	background-position: left top;
	background-image: url(../img/type/unknown/ico_num03.svg);
	background-size: 40px auto;
}
.chart_box .btn.ico_d{
	position: relative;
	background-color: #958bc7;
	border-bottom: solid 4px #8279ad;
}
.chart_box .btn.ico_d::before{
	content: "";
	position: absolute;
	top: 18px;
	left: 15px;
	width: 40px;
	height: 40px;
	background-position: left top;
	background-image: url(../img/type/unknown/ico_num04.svg);
	background-size: 40px auto;
}
.chart_box .question{
	margin-bottom: 30px;
	text-align: center;
}
.chart_box .question span{
	display: table;
	vertical-align: middle;
	margin: 0 auto;
	box-sizing: border-box;
	font-size: 26px;
	text-align: center;
	position: relative;
	padding: 6px 10px 5px 70px;
}
.chart_box .question span::before{
	content: "";
	position: absolute;
	display: table-cell;
	top: 0;
	left: 0;
	margin: auto 0;
	vertical-align: middle;
	background-image: url(../img/type/unknown/icon_q.svg);
	background-size: 50px auto;
	width: 50px;
	height: 50px
}
#type .q_box,
#type .r_box{
	overflow: hidden;
	display: block;
	padding: 30px 45px;
	border-radius: 10px;
	box-sizing: border-box;
	border: 4px solid #bcecec;
}
#type .r_box{
	background-color: #e6fafa;
	padding: 30px 0;
}
#type .select_title{
	color: #fff;
	position: relative;
	text-align: center;
	background-color: #20c0c0;
	width: auto;
	padding: 12px 0;
	margin-bottom: 30px;
	font-size: 24px;
}
#type .select_title::after{
	content: "";
	width: 90px;
	height: 90px;
	position: absolute;
	right: 20px;
	top: -15px;
	z-index: 1;
	background-image: url(../img/type/unknown/ico_finger.svg);
	background-size: 90px auto;
	background-position: 0px 0;
	background-repeat: no-repeat;
}
#type .a_inner{
	margin: 30px auto 0;
	padding: 20px;
	width: 660px;
	background-color: #fff;
	border-radius: 10px;
}

#type .check-block{
	padding: 60px 0 0;
	margin: 0 auto 10px;
	color: #333;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	background-image: url(../img/icon/ico_ttl_medical.svg);
	background-size: 50px auto;
	background-position: top center;
	background-repeat: no-repeat;
}

#type .r_box .text{
	text-align:center;
	padding-bottom: 15px;
	margin-bottom: 22px;
	border-bottom: 1px dashed #ccc;
}

#type .r_box .cvarea__ttl{
	background-color: #ccc;
	padding: 8px;
	border-radius: 40px;
	text-align: center;
	font-size: 18px;
	line-height: 1.4;
	width: 500px;
	margin: 0 auto;
	position: relative;
}
#type .r_box .cvarea__ttl::before{
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	left: 0;
	right: 0;
	bottom: -10px;
	margin: auto;
	border-style: solid;
	border-width: 10px 10px 0 10px;
	border-color: #ccc transparent transparent transparent;
}
#type .r_box .cvarea__btn a{
	font-size: 25px!important;
	padding: 13px 10px 13px 25px;
	width: 350px;
	margin: 18px auto 23px;
	text-align: center;
	box-sizing: border-box;
	display: block;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	border-radius: 8px;
	line-height: 1.3;
}
#type .r_box .cvarea__btn span{
	background-image: url(/img/common/icon_request_w.svg);
	background-size: 35px 35px;
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 50px;
	height: 35px;
	display: inline-block;
	vertical-align: middle;
	line-height: 35px;
}
#type .r_box .cvarea__btn.search__btn span{
	background-image: url(/img/common/icon_search_w.svg);
	background-size: 33px 33px;
	padding-left: 45px;
	height: 33px;
}
#type .a_inner.medical{ border: 2px solid #c7e2f5}
#type .medical .check-block{ background-image: url("../img/icon/ico_ttl_medical.svg"); color: #1e8bd7;}
#type .r_box .medical .text{ border-bottom: 1px dashed #1e8bd7;}
#type .r_box .medical .cvarea__ttl{ background-color: #dceffa; color: #1e8bd7;}
#type .r_box .medical .cvarea__ttl::before{ border-color: #dceffa transparent transparent transparent;}
#type .r_box .medical .cvarea__btn a{
    background: #1e8bd7;
    background: -moz-linear-gradient(top, #26a8e1 0%, #1e8bd7 100%);
    background: -webkit-linear-gradient(top, #26a8e1 0%,#1e8bd7 100%);
    background: linear-gradient(to bottom, #26a8e1 0%,#1e8bd7 100%);
    box-shadow: 0 4px 0 #1a77ba;
    text-shadow: 0 2px 2px #1a77ba;
}
#type .a_inner.gan{ border: 2px solid #ebccdb}
#type .gan .check-block{ background-image: url("../img/icon/ico_ttl_gan.svg"); color: #9c004a;}
#type .r_box .gan .text{ border-bottom: 1px dashed #9c004a;}
#type .r_box .gan .cvarea__ttl{ background-color: #fae6ef; color: #9c004a;}
#type .r_box .gan .cvarea__ttl::before{ border-color: #fae6ef transparent transparent transparent;}
#type .r_box .gan .cvarea__btn a{
    background: #9c004a;
    background: -moz-linear-gradient(top, #bf0059 0%, #9c004a 100%);
    background: -webkit-linear-gradient(top, #bf0059 0%,#9c004a 100%);
    background: linear-gradient(to bottom, #bf0059 0%,#9c004a 100%);
    box-shadow: 0 4px 0 #7a0039;
    text-shadow: 0 2px 2px #7a0039;
}
#type .a_inner.life{ border: 2px solid #d1e4bd}
#type .life .check-block{ background-image: url("../img/icon/ico_ttl_life.svg"); color: #67a624;}
#type .r_box .life .text{ border-bottom: 1px dashed #67a624;}
#type .r_box .life .cvarea__ttl{ background-color: #e8f5d7; color: #67a624;}
#type .r_box .life .cvarea__ttl::before{ border-color: #e8f5d7 transparent transparent transparent;}
#type .r_box .life .cvarea__btn a{
    background: #67a624;
    background: -moz-linear-gradient(top, #77bf2a 0%, #67a624 100%);
    background: -webkit-linear-gradient(top, #77bf2a 0%,#67a624 100%);
    background: linear-gradient(to bottom, #77bf2a 0%,#67a624 100%);
    box-shadow: 0 4px 0 #578c1f;
    text-shadow: 0 2px 2px #578c1f;
}
#type .a_inner.annuity{ border: 2px solid #dbd8e6}
#type .annuity .check-block{ background-image: url("../img/icon/ico_ttl_nenkin.svg"); color: #70639b;}
#type .r_box .annuity .text{ border-bottom: 1px dashed #70639b;}
#type .r_box .annuity .cvarea__ttl{ background-color: #eee9f7; color: #70639b;}
#type .r_box .annuity .cvarea__ttl::before{ border-color: #eee9f7 transparent transparent transparent;}
#type .r_box .annuity .cvarea__btn a{
    background: #70639b;
    background: -moz-linear-gradient(top, #8a7abf 0%, #70639b 100%);
    background: -webkit-linear-gradient(top, #8a7abf 0%,#70639b 100%);
    background: linear-gradient(to bottom, #8a7abf 0%,#70639b 100%);
    box-shadow: 0 4px 0 #5e5382;
    text-shadow: 0 2px 2px #5e5382;
}
#type .a_inner.child{ border: 2px solid #b2e4e1}
#type .child .check-block{ background-image: url("../img/icon/ico_ttl_child.svg"); color: #00a69a;}
#type .r_box .child .text{ border-bottom: 1px dashed #00a69a;}
#type .r_box .child .cvarea__ttl{ background-color: #dcf5f3; color: #00a69a;}
#type .r_box .child .cvarea__ttl::before{ border-color: #dcf5f3 transparent transparent transparent;}
#type .r_box .child .cvarea__btn a{
    background: #00a69a;
    background: -moz-linear-gradient(top, #00bfb2 0%, #00a69a 100%);
    background: -webkit-linear-gradient(top, #00bfb2 0%,#00a69a 100%);
    background: linear-gradient(to bottom, #00bfb2 0%,#00a69a 100%);
    box-shadow: 0 4px 0 #008c83;
    text-shadow: 0 2px 2px #008c83;
}
#type .a_inner.woman{ border: 2px solid #ffd3dc}
#type .woman .check-block{ background-image: url("../img/icon/ico_ttl_woman.svg"); color: #ff4e73;}
#type .r_box .woman .text{ border-bottom: 1px dashed #ff4e73;}
#type .r_box .woman .cvarea__ttl{ background-color: #ffe5eb; color: #ff4e73;}
#type .r_box .woman .cvarea__ttl::before{ border-color: #ffe5eb transparent transparent transparent;}
#type .r_box .woman .cvarea__btn a{
    background: #ff4e73;
    background: -moz-linear-gradient(top, #ff5e8a 0%, #ff4e73 100%);
    background: -webkit-linear-gradient(top, #ff5e8a 0%,#ff4e73 100%);
    background: linear-gradient(to bottom, #ff5e8a 0%,#ff4e73 100%);
    box-shadow: 0 4px 0 #f2335c;
    text-shadow: 0 2px 2px #f2335c;
}
#type .a_inner.chronic{ border: 2px solid #c3e0cf}
#type .chronic .check-block{ background-image: url("../img/icon/ico_ttl_chronic.svg"); color: #0e6a33;}
#type .r_box .chronic .text{ border-bottom: 1px dashed #0e6a33;}
#type .r_box .chronic .cvarea__ttl{ background-color: #dff2e1; color: #0e6a33;}
#type .r_box .chronic .cvarea__ttl::before{ border-color: #dff2e1 transparent transparent transparent;}
#type .r_box .chronic .cvarea__btn a{
    background: #0e6a33;
    background: -moz-linear-gradient(top, #128c43 0%, #0e6a33 100%);
    background: -webkit-linear-gradient(top, #128c43 0%,#0e6a33 100%);
    background: linear-gradient(to bottom, #128c43 0%,#0e6a33 100%);
    box-shadow: 0 4px 0 #0c5e2d;
    text-shadow: 0 2px 2px #0c5e2d;
}
#type .a_inner.care{ border: 2px solid #fbd9b2}
#type .care .check-block{ background-image: url("../img/icon/ico_ttl_care.svg"); color: #f18200;}
#type .r_box .care .text{ border-bottom: 1px dashed #f18200;}
#type .r_box .care .cvarea__ttl{ background-color: #ffeed9; color: #f18200;}
#type .r_box .care .cvarea__ttl::before{ border-color: #ffeed9 transparent transparent transparent;}
#type .r_box .care .cvarea__btn a{
    background: #f18200;
    background: -moz-linear-gradient(top, #ff9d00 0%, #f18200 100%);
    background: -webkit-linear-gradient(top, #ff9d00 0%,#f18200 100%);
    background: linear-gradient(to bottom, #ff9d00 0%,#f18200 100%);
    box-shadow: 0 4px 0 #f26d00;
    text-shadow: 0 2px 2px #f26d00;
}
#type .a_inner.disa{ border: 2px solid #d8d8eb}
#type .disa .check-block{ background-image: url("../img/icon/ico_ttl_disability.svg"); color: #3d3d99;}
#type .r_box .disa .text{ border-bottom: 1px dashed #3d3d99;}
#type .r_box .disa .cvarea__ttl{ background-color: #e1e9fa; color: #3d3d99;}
#type .r_box .disa .cvarea__ttl::before{ border-color: #e1e9fa transparent transparent transparent;}
#type .r_box .disa .cvarea__btn a{
    background: #3d3d99;
    background: -moz-linear-gradient(top, #4d4cbf 0%, #3d3d99 100%);
    background: -webkit-linear-gradient(top, #4d4cbf 0%,#3d3d99 100%);
    background: linear-gradient(to bottom, #4d4cbf 0%,#3d3d99 100%);
    box-shadow: 0 4px 0 #333380;
    text-shadow: 0 2px 2px #333380;
}

#type .answer-link{
	position: relative;
	z-index: 2;
	margin: 0 auto 12px;
	max-width: 500px;
	text-align: center;
	overflow: hidden;
	display: block;
	background: #fff;
	border: solid 1px #ccc;
	border-radius: 8px;
	line-height: 1.4;
	padding: 14px 0 12px;
	font-weight: bold;
	text-decoration: none;
	color: #333;
	box-shadow: 0px 2px 0px 0px #ced1d5;
	transition: all .3s;
	-webkit-font-smoothing: antialiased;
}
#type .answer-link span{
	content: "";
	position: absolute;
	margin: auto;
	vertical-align: middle;
	background-image: url("../img/icon/ico_btn_ranking.svg");
	background-size: 30px auto;
	background-position: left center;
	background-repeat: no-repeat;
	padding: 14px 0 10px 40px;
	font-size: 18px;
}
#type .answer-link:last-child span{
	background-image: url("../img/icon/ico_btn_faq.svg");
	background-size: 26px auto;
	padding: 14px 0 10px 38px;
}
#type .answer-link:hover {
  background-color: #e6e6e6;
	box-shadow: none;
	transform: translate3d(0, 1px, 0);
}

#type .answer-link a{
	display: block;
	color: #333;
	text-decoration: none;
}
#type .answer-link a span{
  position: relative;
}
#type .return_top{
	margin: 25px auto 0;
	padding: 14px 0 10px 20px;
	text-align: center;
	width: 380px;
	font-size: 18px;
	position: relative;
}
.chart_box .return_top::before {
	background-color: #fff;
}
.chart_box .return_top::after{
	border-top: 3px solid #20c0c0;
	border-right: 3px solid #20c0c0;
}

#type .link01 { margin: 5px 0 0!important;}
#type .flink-top-area p.link01 { margin: 0!important;}


/*------------------------------------------------------------------------------
TOPページ設定
------------------------------------------------------------------------------*/
#index {
	margin: 0px;
	padding: 6px 0px 0px;
}
#index {
	padding: 20px 0px 0px;
}


/*- view ------------------------------------------------------------------------------*/
#index .index_search_banner {
	margin: 0 0 10px;
	border: solid 1px #cccccc;
}

#index .index_search_banner .banner_title {
	position: relative;
	z-index: 100;
	width: 798px;
	height: 185px;
	overflow: hidden;
	text-indent: 120%;
	white-space: nowrap;
	margin-bottom: -2.5%;
	background-image: url(../img/search_image_top_01.png);
	background-repeat: no-repeat;
}
#index .index_search_banner .banner_title span {
	position: absolute;
	top: 0;
	left: 0;
	font-size: 18px;
	font-weight: bold;
	font-family: Arial;
	padding-top: 12px;
	padding-left: 15.714285714285714285714285714286%;	/* 110/700*100 */
}
#index .index_search_banner .banner_title img{
	display: block;
	width: 520px;
}
#index .index_search_banner .search_area {
	box-sizing: border-box;
	letter-spacing: -0.4em;
	text-align: left;
	width: 100%;
	padding: 0 9px;
	background-color: #ffcc00;
}

#index .index_search_banner .search_area .f_item_text {
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	line-height: 1;
	margin: 7px 0 6px;
}
#index .index_search_banner .search_area .f_item_text .num {
	position: relative;
	top: 2px;
	left: -1px;
	color: #333;
	font-size: 28px;
	font-family: Arial;
	font-style: italic;
	line-height: 0.6;
	margin-right: 3px;
}

#index .index_search_banner .search_area .f_item_text .text {
	color: #000;
	font-weight: normal;
}
#index .index_search_banner .search_area .selecrt_hoken_type {
	box-sizing: border-box;
	display: inline-block;
	letter-spacing: normal;
	vertical-align: top;
	width: 270px;
	height: 82px;
	padding: 3px 0px 0 55px;
	margin: 8px 0 0;
	background-image: url(../img/frontpage/search_step_1.png), url(../img/frontpage/top_search_bg_01.png);
	background-size: 34px 42px, 270px 82px;
	background-position: left 12px center , center;
	background-repeat: no-repeat;
}
#index .index_search_banner .search_area .selecrt_hoken_type .select_box.hoken_type { width: 185px;}
#index .index_search_banner .search_area .selecrt_age {
	box-sizing: border-box;
	display: inline-block;
	text-align: left;
	letter-spacing: normal;
	vertical-align: top;
	width: 260px;
	height: 82px;
	padding: 3px 0 0 70px;
	margin: 8px 0 0 -10px;
	background-image: url(../img/frontpage/search_step_2.png), url(../img/frontpage/top_search_bg_02.png);
	background-size: 34px 42px, 260px 82px;
	background-position: left 25px center , center;
	background-repeat: no-repeat;
}
#index .index_search_banner .search_area .selecrt_age .search_radio {
	display: inline-block;
	vertical-align: middle;
	margin-left: 8px;
}
#index .index_search_banner .search_area .selecrt_age .search_radio label, 
#index .index_search_banner .search_area .selecrt_age .search_radio label .inner_label {
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	vertical-align: middle;
	text-align: center;
}
#index .index_search_banner .search_area .selecrt_age .search_radio label .inner_label {
	margin-right: 0;
	margin-bottom: 5px;
}
#index .index_search_banner .search_area .selecrt_age .search_radio label:last-child, 
#index .index_search_banner .search_area .selecrt_age .search_radio label .inner_label:last-child {
	margin-left: 0.5em;
}

#index .index_search_banner .search_area .search_button {
	display: inline-block;
	text-align: right;
	width: 245px;
	height: 50px;
	border: 1px solid #119e51;
	background-color: #29ac63;
	background: -moz-linear-gradient(top, #30c774 0%, #29ac63 100%);
	background: -webkit-linear-gradient(top, #30c774 0%, #29ac63 100%);
	background: linear-gradient(to bottom, #30c774 0%, #29ac63 100%);
	box-shadow: 0 4px 0 #10914a;
	border-radius: 8px;
	margin: 18px 0 28px 8px;
}
#index .index_search_banner .search_area .search_button button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	position: relative;
	overflow: hidden;
	box-sizing: border-box;
	display: block;
	cursor: pointer;
	background: none;
	background-color: transparent;
	border: none;
	border-radius: 0;
	color: #FFF;
	font-size: 29px;
	font-weight: bold;
	text-shadow: 0px 2px 3px #10914a;;
	letter-spacing: 1px;
	width: 245px;
	height: 55px;
	padding: 0;
}
#index .index_search_banner .search_area .search_button button span{
	position: relative;
	padding-left: 40px;
	padding-right: 5px;
	line-height: normal;
}
#index .index_search_banner .search_area .search_button button span::before{
	content: '';
	position: absolute;
	background-image: url(../img/common/icon_search_w.svg);
	width: 32px;
	height: 32px;
	background-size: 32px 32px;
	background-repeat: no-repeat;
	top: -1px;
	left: 0;
}
#index .index_search_banner .search_area .search_button:hover {
	text-decoration: none;
	transform: translate3d(0, 2px, 0);
	box-shadow: 0 1px 0 #10914a;
	background: -webkit-linear-gradient(#29ac63 0%, #29ac63 100%);
	background: -o-linear-gradient(#29ac63 0%, #29ac63 100%);
	background: linear-gradient(#29ac63 0%, #29ac63 100%);
}
#index .index_search_banner .search_area .search_button .caution {
	display: block;
	font-size: 10px;
	margin-top: 2px;
	letter-spacing: normal;
}
#index .index_search_banner .search_area .search_button:hover .caution{ margin-top: 0;}

#index .index_search_banner .search_area .item-inactive{
	opacity: 0.3;
}


/*- block_01 ------------------------------------------------------------------------------*/
#index .block_01 {
/*	margin: 15px 0 0;*/
}
#index .block_01 .banner_box p{
	width: 390px;
	float: left;
}
#index .block_01 .banner_box p:last-child{
	float: right;
}
.banner_box .banner-line-pc{
	display: inline;
}
.banner_box .banner-line-sp{
	display: none;
}

/*- block_02 ------------------------------------------------------------------------------*/
#index .block_02 {
	margin: 21px 0 0;
}



/*- bunner_box ------------------------------------------------------------------------------*/
#index .bunner_box {
	margin: 0 0 15px;
}
#index .bunner_box li {
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
	float: left;
	width: 390px;
}
#index .bunner_box li:nth-child(2n) {
	float: right;
}

#index .bunner_box li .s_button {
	position: absolute;
	top: 15px;
	right: 19px;
}
#index .bunner_box li .s_button span {
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
	display: block;
	color: #FFF;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	line-height: 33px;
	letter-spacing: 3px;
	width: 80px;
	border-radius: 5px;
	padding: 2px 0 0 4px;
}
#index .bunner_box li .s_button .btn-woman {
	background-color: #ff4e73;
	border: 1px solid #f2335c;
	box-shadow: 0 2px 0 #f2335c;
	text-shadow: 0px 2px 2px #f2335c;
}
#index .bunner_box li .s_button .btn-chronic {
	background-color: #0e6a33;
	border: 1px solid #0c5e2d;
	box-shadow: 0 2px 0 #0c5e2d;
	text-shadow: 0px 2px 2px #0c5e2d;

}
/*#index .bunner_box li .s_button a:hover::before {
	position: absolute;
	top: 0;
	left: 0;
	content: " ";
	display: block;
	width: 150%;
	height: 160%;
	background-color: rgba(255, 255, 255, 0.4);
}*/
#index .bunner_box li a:hover *{
	opacity: 0.7;
}

/*- banner_box_sp SPのみ表示バナー------------------------------------------------------------------------------*/

@media screen and (max-width: 767px) {
#index .banner_box_sp{
	display: block !important;
	margin-bottom: 12px;
}
}

/* SBI生命_キャンペーン設定 
------------------------------------------------------------------------------*/
#index .block_01 .inner_wrap.pickup {
	margin-top: 3px!important;
	margin-bottom: 15px;
}
#index .block_01 h2.pickup {
	font-size: 12px;
	font-weight: normal;
}

@media screen and (max-width: 767px) {
	#index .block_01 h2.pickup {
		padding-left: 3.125%;
	}
	#index .block_01 .pickup .magnific-link{
		right: 3.125%;
	}
}

/*- common_area ------------------------------------------------------------------------------*/
#index .common_area {
	margin: 20px 0 0;
}
#index .common_area .lead_text {
	margin: 8px 0;
}
#index .common_area h2 {
	border: solid 1px #cccccc;
	border-radius: 5px 5px 0 0;
	background-color: #FFF;
}
#index .common_area h2 a {
	box-sizing: border-box;
	display: block;
	color: #333;
	font-size: 18px;
	font-weight: normal;
	text-decoration: none;
	padding: 0.4em 0.5em 0.3em 10px;
	background-size: 11px auto;
	background-position: right 7px center;
	background-repeat: no-repeat;
}
#index .common_area h2 a:hover {
/*	opacity: 0.6;*/
}
#index .common_area h2 span:not(.sp-active) {
	font-size: 20px;
	font-weight: bold;
}
#index .common_area .wrap {
	box-sizing: border-box;
	width: 100%;
	padding: 0 10px;
	margin: 0 0 10px;
	border: solid 1px #cccccc;
	border-radius: 0 0 5px 5px;
}




/*- type_list ------------------------------------------------------------------------------*/
#index .type_list {
	margin: 20px 0 0;
	background-color: #f2f6fb;
}
#index .type_list h2 {
	border-bottom: solid 2px #014aac;
}
#index .type_list h2 a {
	background-image: url('../img/frontpage/arrow_icon_01.png');
}
#index .type_list ul {
	line-height: 0;
	letter-spacing: -0.4em;
	width: 100%;
	margin-top: 10px;
}
#index .type_list ul li {
	display: inline-block;
	letter-spacing: -0.4em;
	width: 18.70397643593519882179675994109%;	/* 127/679*100 */
	margin-right: 1.6200294550810014727540500736377%;	/* 11/679*100 */
	margin-bottom: 10px;
}
#index .type_list ul li:nth-child(5n) {
	margin-right: 0;
}

#index .type_list ul li a {
	box-sizing: border-box;
	overflow: hidden;
	position: relative;
	display: block;
	line-height: 52px;
	width: 100%;
	height: 55px;
	padding: 0 9px;
	background-color: #FFF;
	border: solid 1px #b3b3b3;
	border-radius: 5px;
	box-shadow:0px 2px 0px 0px #ced1d5;
}
#index .type_list ul li a:hover{
	opacity: 0.6;
}


#index .type_list ul li a span:not(.sp-hide) {
	display: inline-block;
	color: #333;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.3;
	letter-spacing: normal;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	width: calc(100% - 23px);
}
#index .type_list ul li:last-child a span {
	font-size: 16px;
	letter-spacing: -1px;
}
#index .type_list ul li a img {
	vertical-align: middle;
	width: 23px;
	height: auto;
	margin-top: -2px;
}


/*- lifestage_list ------------------------------------------------------------------------------*/
#index .lifestage_list {
	background-color: #ebf7fa;
}
#index .lifestage_list .lead_text {
	margin: 8px 0 4px;
}
#index .lifestage_list h2 {
	border-bottom: solid 2px #00b0c8;
}
#index .lifestage_list h2 a {
	background-image: url('../img/frontpage/arrow_icon_02.png');
}
#index .lifestage_list ul {
	line-height: 0;
	letter-spacing: -0.4em;
	width: 100%;
	margin-top: 10px;
}
#index .lifestage_list ul li {
	display: inline-block;
	letter-spacing: -0.4em;
	width: 32.352941176470588235294117647059%;	/* 220/680*100 */
	margin-right: 1.4705882352941176470588235294118%;	/* 10/680*100 */
	margin-bottom: 10px;
	background-color: #FFF;
}
#index .lifestage_list ul li:nth-child(3n) {
	margin-right: 0;
}

#index .lifestage_list ul li a {
	box-sizing: border-box;
	overflow: hidden;
	position: relative;
	display: block;
	width: 100%;
	padding: 5px;
	background-color: #FFF;
	border: solid 1px #b3b3b3;
	border-radius: 5px;
	box-shadow:0px 2px 0px 0px #ced5d6;
}
#index .lifestage_list ul li a:hover {
	opacity: 0.6;
}

#index .lifestage_list ul li a::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	width: 78px;
	height: 50px;
	background-size: 100% auto;
	background-position: left center;
	background-repeat: no-repeat;
}

#index .lifestage_list ul li a .in_c {
	display: inline-block;
	color: #000;
	font-size: 14px;
	line-height: 1.2;
	letter-spacing: normal;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	width: calc(100% - 78px);
}
#index .lifestage_list ul li a .in_c span {
	font-size: 18px;
	font-weight: bold;
}


#index .lifestage_list ul li:nth-child(1) a::before {
	background-image: url('../img/frontpage/lifestage_01.jpg');
}
#index .lifestage_list ul li:nth-child(2) a::before {
	background-image: url('../img/frontpage/lifestage_02.jpg');
}
#index .lifestage_list ul li:nth-child(3) a::before {
	background-image: url('../img/frontpage/lifestage_03.jpg');
}
#index .lifestage_list ul li:nth-child(4) a::before {
	background-image: url('../img/frontpage/lifestage_04.jpg');
}
#index .lifestage_list ul li:nth-child(5) a::before {
	background-image: url('../img/frontpage/lifestage_05.jpg');
}
#index .lifestage_list ul li:nth-child(6) a::before {
	background-image: url('../img/frontpage/lifestage_06.jpg');
}


/*- purpose_list ------------------------------------------------------------------------------*/
#index .purpose_list {
	background-color: #f2fbf9;
}
#index .purpose_list h2 {
	border-bottom: solid 2px #09ac8b;
}
#index .purpose_list h2 a {
	background-image: url('../img/frontpage/arrow_icon_03.png');
}
#index .purpose_list .wrap {
	padding: 0 10px 10px;
}
#index .purpose_list ul {
	clear: both;
}
#index .purpose_list ul li {
	float: left;
	margin-right: 2%;
	width: 49%;
}
#index .purpose_list ul li:nth-child(2n) {
	margin-right: 0;
}
#index .purpose_list ul li a {
	box-sizing: border-box;
	overflow: hidden;
	position: relative;
	display: block;
	color: #000;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	width: 100%;
	padding: 5px;
	margin: 0 0 8px;
	background-color: #FFF;
	border: solid 1px #b3b3b3;
	border-radius: 5px;
	box-shadow:0px 2px 0px 0px #ced5d4;
}
#index .purpose_list ul li a::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	width: 78px;
	height: 50px;
	background-size: 100% auto;
	background-position: left center;
	background-repeat: no-repeat;
}
#index .purpose_list ul li a .in_c {
	display: inline-block;
	color: #000;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.3;
	text-decoration: none;
	text-align: left;
	vertical-align: middle;
	width: calc(100% - 95px);
	padding-left: 12px;
}
#index .purpose_list ul li a .in_c span {
	font-size: 18px;
	font-weight: bold;
}
#index .purpose_list ul li:nth-child(1) a::before {
	background-image: url('../img/purpose/purpose_01.jpg');
}
#index .purpose_list ul li:nth-child(2) a::before {
	background-image: url('../img/purpose/purpose_02.jpg');
}
#index .purpose_list ul li:nth-child(3) a::before {
	background-image: url('../img/purpose/purpose_03.jpg');
}
#index .purpose_list ul li:nth-child(4) a::before {
	background-image: url('../img/purpose/purpose_04.jpg');
}
#index .purpose_list ul li:nth-child(5) a::before {
	background-image: url('../img/purpose/purpose_05.jpg');
}
#index .purpose_list ul li:nth-child(6) a::before {
	background-image: url('../img/purpose/purpose_06.jpg');
}
#index .purpose_list ul li:nth-child(7) a::before {
	background-image: url('../img/purpose/purpose_08.jpg');
}
#index .purpose_list ul li:nth-child(8) a::before {
	background-image: url('../img/purpose/purpose_07.jpg');
}
#index .purpose_list ul li a:hover{
opacity: 0.6;
}


/*- medical_list ------------------------------------------------------------------------------*/
#index .medical_list h2 {
	border-bottom: solid 2px #36ae22;
}
#index .medical_list h2 a {
	background-image: url('../img/frontpage/arrow_icon_04.png');
}
#index .medical_list .wrap {
	padding: 0px 0px 0;
}
#index .medical_list ul {
	box-sizing: border-box;
	padding: 15px 9px 10px;
	width: 100%;
	margin: 0;
	border-radius: 0 0 5px 5px;
display: flex;
justify-content: flex-start;
-webkit-flex-wrap: wrap;
flex-wrap:         wrap;
align-items: flex-start;
}
#index .medical_list ul li {
	font-size: 12px;
	text-align: center;
	width: 110px;
	margin: 0 12.5px 15px;
}
#index .medical_list ul li img{
	max-width: 80%;
	max-height:45px; 
}
#index .medical_list ul li span:first-child {
	display: flex;
	align-items:center;
	height: 65px;
}

#index .medical_list ul li span:last-child {
	margin-top: 5px;
	display: block;
	width: 100%;
}

/*- outer_wrap ------------------------------------------------------------------------------*/
#index .outer_wrap {
	margin: 0;
}
#index .outer_wrap .ttl01.is_close {
	margin-bottom: 0;
}

/*- news_list ------------------------------------------------------------------------------*/
#index .block_02 .ttl01.unique_02.is_close {
	margin-bottom: 0;
}

#index .news_list {
	box-sizing: border-box;
	overflow-y: auto;
	width: 100%;
	padding: 0 10px;
	margin-bottom: 10px;
	max-height: 97px;
	border: solid 1px #cccccc;
	border-radius: 0 0 5px 5px;
}
#index .news_list ul {
	box-sizing: border-box;
	display: table;
	width: 100%;
}
#index .news_list ul li {
	display: table-row;
	font-size: 12px;
}
#index .news_list ul li>span {
	display: table-cell;
	vertical-align: middle;
	box-sizing: border-box;
	border-bottom: dashed 1px #cccccc;
}
#index .news_list ul li:last-child>span {
	border-bottom: none;
}


#index .news_list ul li .cate {
	font-weight: bold;
	text-align: center;
	width: 92px;
	padding: 7px 0;
}
#index .news_list ul li .cate .c_01 {
	display: block;
	color: #014aac;
	padding: 0;
	background-color: #e6eefa;
	border-radius: 3px;
}
#index .news_list ul li .cate .c_02 {
	display: block;
	color: #c80000;
	padding: 2px 0 0;
	background-color: #fdff7f;
	border-radius: 3px;
}

#index .news_list ul li .date {
	text-align: center;
	width: 82px;
	padding: 7px 0;
}
#index .news_list ul li .text {
	padding: 7px 1em;
}
#index .news_list ul li .text a {
	text-decoration: none;
}

/*- lank_link_list ------------------------------------------------------------------------------*/
#index .lank_link_list:after {  
    content:" ";
    display:block;
    clear:both;
}
#index .lank_link_list p{
	width: 48.571428571428571428571428571429%;	/* 340/700*100 */
}
#index .lank_link_list p:nth-child(2){
	margin-top: 15px;
}
#index .lank_link_list p:nth-child(odd) {
	float: left;
}
#index .lank_link_list p:nth-child(even) {
	float: right;
}

/*- f_link_list ------------------------------------------------------------------------------*/
#index .f_link_list {
	margin: 20px 0 0;
}
#index .f_link_list .ttl01 {
	font-size: 22px!important;
	font-weight: bold;
	margin: 0;
	padding-left: 10px;
	background-color: #f2f6fb;
}
#index .f_link_list .ttl01::before {
	/*top: 8px;*/
}

#index .f_link_list .f_box {
	float: left;
	width: 48.571428571428571428571428571429%;	/* 340/700*100 */
	margin: 0 0 20px;
}
#index .f_link_list .f_box:nth-child(2n) {
	float: right;
}
#index .f_link_list .f_box:nth-child(2n+1) {
	clear: both;
}


#index .f_link_list .f_box li {
	text-indent: -1.3em;
	padding-left: 1.3em;
	margin-top: 15px;
}
#index .f_link_list .f_box li a {
	text-indent: 0;
	text-decoration: none;
}

/*------------------------------------------------------------------------------
資料請求ボタン
------------------------------------------------------------------------------*/
.body_announce .check-btn input[type="checkbox"] {
    display: none;
    outline: none;
    appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    box-sizing: border-box;
    width: 0px;
    height: 0px;
    margin: 0;
    padding: 0;
    background-color: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none;
}
.body_announce .check-btn input[type="checkbox"]:not(:checked) + .inner_label {
    background-color: #e10f0f;
    color: #ffffff !important;
    border-top: 1px solid #990000;
    border-left: 1px solid #990000;
    border-right: 1px solid #990000;
    border-bottom: 3px solid #990000;
    padding-top: 1px;
    text-shadow: 0px 0px 4px rgba(0,0,0, 0.7);
}
.body_announce .check-btn input[type="checkbox"] + .inner_label, .consul-btn a {
	position: relative;
	display: inline-block;
	text-align: center;
	width: 40%;
	height: 39px;
	border-radius: 5px;
	text-decoration: none;
	font-weight: 600;
	font-size: 18px;
	box-sizing: border-box;
	line-height: 34px;
	cursor: pointer;
	margin-top: 3px;
}
.body_announce .txt-product {
	font-size: 13px;
	text-align: center;
	margin-top: 15px;
}
.body_announce .check-btn input[type="checkbox"]:not(:checked) + .inner_label:before {
    content: "資料請求";
}
.body_announce .check-btn input[type="checkbox"]:not(:checked) + .inner_label:after {
		display: block;
    position: absolute;
    top: 50%;
		margin-top: -12px;
    left: 14px;
    content: "";
    width: 24px;
		height: 21px;
    background-image: url(/img/icon-check-w-pc.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.body_announce .check-btn input[type="checkbox"]:checked + .inner_label {
    background-color: #e1e1e1;
    color: #dd0000 !important;
    border-top: 3px solid #999999;
    border-left: 2px solid #999999;
    border-right: 1px solid #999999;
    border-bottom: 1px solid #999999;
    padding-top: 0px;
    text-shadow: 0px 0px 0px rgba(0,0,0, 0.7);
}
.body_announce .check-btn input[type="checkbox"]:checked + .inner_label:before {
    content: "チェック";
}
.body_announce .check-btn input[type="checkbox"]:checked + .inner_label:after {
    display: block;
    position: absolute;
    top: 1px;
    left: 14px;
    content: "";
    width: 20px;
    background-image: url(/img/medical/rank_checked_icon.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.body_announce .check-area{text-align: center;}
.body_announce input[type=checkbox]:checked + label::after {
    width: 29px;
    height: 27px;
    border-radius: 3px;
    display: inline-block;
    position: absolute;
    top: -5px;
    left: -4px;
    vertical-align: 0;
    content: none;
}

.chronic_net_btn{
  position: relative;
	width: 40%;
  margin: 5px auto 0;
	font-weight: bold;
	text-decoration: none;
	border-radius: 5px;
	background-color: #45b8ff;
	background: -moz-linear-gradient(top, #45b8ff 0%, #29a5f4 100%);
	background: -webkit-linear-gradient(top, #45b8ff 0%, #29a5f4 100%);
	background: linear-gradient(to bottom, #45b8ff 0%, #29a5f4 100%);
	border: 1px solid #2184c2;
	box-shadow: 0 3px 0 #2184c2;
	text-shadow: 1px 1px 4px rgba(0,0,0,0.3);
  height: 39px;
	line-height: 42px;
	font-size: 18px;
	display: block;
	color: #fff!important;
	text-align: center;
}
.chronic_net_btn span{
	background-image: url(../img/ico_blank_w.svg);
	background-size: 17px 17px;
	background-position: center right;
	background-repeat: no-repeat;
	padding-right: 25px;
}
@media screen and (max-width:767px) {
  .chronic_net_btn{
    width: 100%;
  }
}

.body_announce .footer-button {
  display: none;
	width: 100%;
}
.body_announce .footer-button.active {
	display: block;
	margin-top: 0;
	margin-bottom: 0;
	box-sizing: border-box;
	background: rgba(188,188,188,0.8);
	position: fixed;
	bottom: 0;
	z-index: 10;
	padding: 10px;
	text-align: center;
}
.body_announce .multi-siryo-btn {
    display: inline-block;
    background-color: #e10f0f;
    color: #fff !important;
    text-decoration: none;
    border-radius: 6px;
    border-top: 1px solid #990000;
    border-left: 1px solid #990000;
    border-right: 1px solid #990000;
    border-bottom: 3px solid #990000;
    font-weight: 600;
    font-size: 18px;
    height: 40px;
    box-sizing: border-box;
    padding: 2px 8px 0 8px;
    text-shadow: 0px 0px 4px rgba(0,0,0, 0.7);
    line-height: 35px;
}
@media screen and (max-width: 767px){
	.body_announce .check-btn input[type="checkbox"] + .inner_label, .consul-btn a {width: 100%;}
}
.body_announce .multi-siryo-btn .icon-check-w {
    width: 33px;
    height: 29px;
    margin-right: 10px;
    padding-bottom: 5px;
}
/*------------------------------------------------------------------------------
hover設定
------------------------------------------------------------------------------*/
.img-hover:hover{
	opacity: 0.6;
}

/*------------------------------------------------------------------------------
TOPへのリンク
------------------------------------------------------------------------------*/
.flink-top-area {
    text-align: center;
    border: solid 4px #e8f3f9;
    margin: 20px 0 0px;
    padding: 10px 15px;
}
.flink-top-area p.link01{margin: 0!important;}
@media screen and (max-width: 767px) {
	.flink-top-area {margin: 20px 3.125% 0px;}
}

/*------------------------------------------------------------------------------
magnific-popup
------------------------------------------------------------------------------*/
.mfp-hide {
  display: none !important;
}
.magnific-block{
	background: #fff;
	padding: 20px;
}
.mfp-inline-holder .mfp-close{
	color: #fff!important;
	background: #333;
	text-align: center;
	opacity: 0.8;
	top: -30px;
	right: 15px;
}
.pr-block{
	position: relative;
}
.magnific-link{
	position: absolute;
	top: 0;
	right: 0;
	width: 4em;
	font-size: 10px;
	background: #333;
	color: #fff!important;
	text-align: center;
	opacity: 0.8!important;
}
.magnific-line{
	position: static;
	width: auto;
	background: none;
	color: #fff!important;
	text-align: center;
	opacity: 1.0!important;
}
.magnific-block-line{
	padding: 40px 20px 20px 20px;
}
.magnific-block-line div{
	text-align: center;
}
.magnific-block-line div img{
	width: 250px;
	height: 250px;
	border: 1px solid #ddd;
}
.magnific-block-line .qr-ttl{
	font-weight: bold;
	text-align: center;
	margin: 15px 0 10px;
}
.magnific-block-line .qr-txt{
	font-weight: bold;
	font-size: 14px;
	color: #888;
}



.mfp-bg{
	opacity: 0.3!important;
}
@media screen and (max-width: 767px) {
	.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content{
		width: 90%!important;
	}
}

/*@import "common_renewal.css";*/
/*------------------------------------------------------------------------------
ブラウザスタイル初期化設定
------------------------------------------------------------------------------*/
body {
	margin: 0 auto;
}




/*------------------------------------------------------------------------------
###		OK		###header設定
------------------------------------------------------------------------------*/
#header {
	box-sizing: border-box;
	width: 1070px;
	margin: 5px auto 0;
	position: relative;
}
#header:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	line-height: 0;
	visibility: hidden;
}
#header #logo {
	float: left;
	/*width: 8.8541666666666666666666666666667%;	/* 85/960*100 */
	width: 85px;
	padding: 0px;
	margin: 0 0 5px;
}
#header #logo img { width: 100%; height: 100%; }

#header .head_left {
	position: relative;
	float: left;
	width: calc(73.125% - 87px);
	margin-left: 10px;
}
#header .head-txt {
	color: #000;
	font-size: 10px;
	font-weight: normal;
	letter-spacing: 0.5px;
	margin: 1px 0 0 0;
	line-height: 1.3;
}
#header .img {
	position: absolute;
	top: 31px;
	font-size: 18px;
	font-weight: bold;
	line-height: 1;
	letter-spacing: -0.4em;
	width: 100%;
	padding: 0px;
	margin: 0px;
}
#header .img.is_gakushi {
	font-size: 17px;
}
#header .img.is_chronic {
	font-size: 16px;
}
#header .img span {
	display: inline-block;
	letter-spacing: normal;
	vertical-align: baseline;
/*	vertical-align: bottom;*/
}
#header .img01 {
	font-size: 22px;
	margin-right: 5px;
}
#header .img .text {
	position: relative;
	top: 1px;
	color: #c1272d;
	font-size: 20px;
	margin: 0 1px;
	font-family: Arial;
/*	vertical-align: middle;*/
}

#header .pmark {
	float: right;
	width: 50px;
	padding: 0px;
	margin: 0px;
}
#header .pmark a:hover {
	opacity: 0.6;
}
#header .tel {
	float: right;
	padding: 0px;
	margin: 0px;
	margin-right: 2px;
}
#header .tel img { width: 100%; height: 100%; }


/*------------------------------------------------------------------------------
###		OK		###gnavi設定
------------------------------------------------------------------------------*/
#gnavi {
	box-sizing: border-box;
	width: 100%;
	margin: 0 auto;
	border-top: solid 3px #014aac;
}
#gnavi ul {
	width: 1070px;
	margin: 0px auto;
	box-sizing: border-box;
}
#gnavi ul li {
	box-sizing: border-box;
	float: left;
	width: 11.04166%;	/* 106/960*100 */
	padding: 0px;
	margin: 0px;
}
#gnavi ul li:nth-child(9) {
	width: 11.5625%;	/* 111/960*100 */
}
#gnavi ul li a {
	position: relative;
	display: table;
	color: #000;
	font-size: 14px;
	font-family: "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	text-align: center;
	text-decoration: none;
	line-height: 1.3;
	/*width: 100%;*/
	width: calc(100% + 2px);
	height: 44px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
#gnavi ul li a span{ 
	display:table-cell;
	vertical-align: middle;
}
#gnavi ul li:nth-child(1) a:hover { color: #FFF; background-color: #1e8bd7; }
#gnavi ul li:nth-child(2) a:hover { color: #FFF; background-color: #9c004a; }
#gnavi ul li:nth-child(3) a:hover { color: #FFF; background-color: #67a624; }
#gnavi ul li:nth-child(4) a:hover { color: #FFF; background-color: #70639b; }
#gnavi ul li:nth-child(5) a:hover { color: #FFF; background-color: #00a69a; }
#gnavi ul li:nth-child(6) a:hover { color: #FFF; background-color: #ff4e73; }
#gnavi ul li:nth-child(7) a:hover { color: #FFF; background-color: #0e6a33; }
#gnavi ul li:nth-child(8) a:hover { color: #FFF; background-color: #f18200; }
#gnavi ul li:nth-child(9) a:hover { color: #FFF; background-color: #3d3d99; }
#gnavi ul li a::after {
	content: " ";
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 1px;
	height: calc(100% - 10px);
	margin: auto 0;
	background-color: #999;
}
#gnavi ul li:nth-child(1) a::before {
	content: " ";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 1px;
	height: calc(100% - 10px);
	margin: auto 0;
	background-color: #999;
}
#gnavi ul li.on_left a::after {
	display: none;
}

#gnavi ul li:nth-child(1) a:hover::after { display: none; }
#gnavi ul li:nth-child(2) a:hover::after { display: none; }
#gnavi ul li:nth-child(3) a:hover::after { display: none; }
#gnavi ul li:nth-child(4) a:hover::after { display: none; }
#gnavi ul li:nth-child(5) a:hover::after { display: none; }
#gnavi ul li:nth-child(6) a:hover::after { display: none; }
#gnavi ul li:nth-child(7) a:hover::after { display: none; }
#gnavi ul li:nth-child(8) a:hover::after { display: none; }
#gnavi ul li:nth-child(9) a:hover::after { display: none; }
#gnavi ul li:nth-child(1) a:hover::before { display: none; }
#gnavi ul li.on:nth-child(1) a { color: #FFF; background-color: #1e8bd7; }
#gnavi ul li.on:nth-child(2) a { color: #FFF; background-color: #9c004a; }
#gnavi ul li.on:nth-child(3) a { color: #FFF; background-color: #67a624; }
#gnavi ul li.on:nth-child(4) a { color: #FFF; background-color: #70639b; }
#gnavi ul li.on:nth-child(5) a { color: #FFF; background-color: #00a69a; }
#gnavi ul li.on:nth-child(6) a { color: #FFF; background-color: #ff4e73; }
#gnavi ul li.on:nth-child(7) a { color: #FFF; background-color: #0e6a33; }
#gnavi ul li.on:nth-child(8) a { color: #FFF; background-color: #f18200; }
#gnavi ul li.on:nth-child(9) a { color: #FFF; background-color: #3d3d99; }
#gnavi ul li.on:nth-child(1) a::after { display: none; }
#gnavi ul li.on:nth-child(2) a::after { display: none; }
#gnavi ul li.on:nth-child(3) a::after { display: none; }
#gnavi ul li.on:nth-child(4) a::after { display: none; }
#gnavi ul li.on:nth-child(5) a::after { display: none; }
#gnavi ul li.on:nth-child(6) a::after { display: none; }
#gnavi ul li.on:nth-child(7) a::after { display: none; }
#gnavi ul li.on:nth-child(8) a::after { display: none; }
#gnavi ul li.on:nth-child(9) a::after { display: none; }
#gnavi ul li.on:nth-child(1) a::before { display: none; }


/*------------------------------------------------------------------------------
###		OK		###pan設定
------------------------------------------------------------------------------*/
#pan{
	width: 100%;
	font-size: 12px;
	box-shadow:inset 1px 4px 6px -6px rgba(0,0,0,.5);
}
/*#pan .home{
	background: url(/img/icon/ico_pan.svg);
	background-size: 15px 15px;
	background-position: left center;
	background-repeat: no-repeat;
}*/
#pan ol{
  position: relative;
	overflow: hidden;
	width: 1130px;
	margin: 0 auto;
	box-sizing: border-box;
	padding: 4px 30px 4px;
}
#pan li{
	display: table-cell;
	vertical-align: middle;
	position: relative;
  padding: 0 4px 0 0;
	line-height: 1.4;
}
#pan li:last-child{
  padding: 0 10px 0 0;
}
#pan li a{
	color: inherit;
	text-decoration: none;
}
#pan li:not(:first-child) span{
  margin: 0px 0px 0px 4px;
}
#pan li .pan-arrow{
  margin: 0px!important;
	font-family:"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Helvetica,Arial,Verdana,sans-serif;
	line-height: 1;
	letter-spacing: -2px;
}
#pan .pan_area {
	position: relative;
  margin: 0 auto;
	width: 1130px;
}
#pan .time_area {
	text-align: right;
	font-size: 12px;
	color: #999;
	line-height: 1;
	padding: 5px 0;
	position: absolute;
	right: 5px;
	top: 2px;
}
@media screen and (min-width: 768px) {
	#pan .time_area {right: 30px;}
}
@media screen and (max-width: 767px) {
#pan{ font-size: 10px;}
#pan .pan_area{ width: 100%;}
#pan ol{
	overflow-x: scroll;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
	padding: 5px 3.125% 4px;
	width: 100%;
}
#pan .time_area {
	font-size: 10px;
	top: 2px;
	right: 3.125%;
}
}

.pan-bg-top {
	background: #e8f3fb;
}
.pan-bg-medical {
	background: #e8f3f9;
}
.pan-bg-gan {
	background: #faebf2;
}
.pan-bg-life {
	background: #ecf5e1;
}
.pan-bg-nenkin {
	background: #f1edf7;
}
.pan-bg-gakushi {
	background: #e6f5f4;
}
.pan-bg-woman {
	background: #ffedf1;
}
.pan-bg-chronic {
	background: #e9f2ea;
}
.pan-bg-care {
	background: #fff1e0;
}
.pan-bg-disability {
	background: #ebf0fa;
}
.pan-bg-lifestage {
	background: #ebf7fa;
}
.pan-bg-purpose {
	background: #e9f7f5;
}

/*------------------------------------------------------------------------------
###		OK		###カラム設定
------------------------------------------------------------------------------*/
#content {
	box-sizing: border-box;
	width: 100%;
	max-width: 1070px;
	margin: 0px auto;
	zoom: 1;
}
#content:after {
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    line-height: 0;
    visibility: hidden;
}
#two-column {
	width: 100%;
	max-width: 940px;
	margin: 0px;
	padding: 0px;
	zoom: 1;
}
#two-column:after {
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    line-height: 0; 
    visibility: hidden;
}
#sub-column {
	width: 1070px;
	margin: 0px;
	padding: 0px;
	float: left;
	zoom: 1;
}
#sub-column:after {
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    line-height: 0; 
    visibility: hidden;
}
#sub-con {
	width: 800px;
	padding: 0px;
	margin: 0px;
	float: left;
}

/*------------------------------------------------------------------------------
###		OK		###更新日設定
------------------------------------------------------------------------------*/
.time_area {
    text-align: right;
    font-size: 12px;
    color: #999;
    line-height:1;
    padding: 5px 0;
}
@media screen and (max-width:767px) {
	.time_area {
    padding: 5px 10px;
	}
}
/*------------------------------------------------------------------------------
snavi設定
------------------------------------------------------------------------------*/
#snavi {
	margin: 0;
	padding: 20px 0px 0px;
	float: right;
	width: 240px;
}

/* .bnr-rank ------------------------------------------------------------------------------*/
#snavi .bnr-rank a:link,
#snavi .bnr-rank a:visited {
}
#snavi .bnr-rank a:hover,
#snavi .bnr-rank a:active {
	opacity: 0.6;
}
#snavi .bnr-rank {
	padding: 0px;
	margin: 10px 0px 0px;
}
#snavi .bnr-rank:first-child {
	margin: 0px;
}

/* .md-kiso ------------------------------------------------------------------------------*/
#snavi .md-kiso {
	margin: 10px 0px 0px;
	padding: 0px;
	border-radius: 5px;
	background-color: #1e8bd7;
	border: 2px solid #1e8bd7;
}
#snavi .md-kiso h3 {
	position: relative;
	cursor: pointer;
	color: #FFF;
	font-size: 17px;
	font-weight: normal;
	text-decoration: none;
	padding: 7px 30px 6px 10px;
	background-image: url(../img/icon/ico_accordion_gray_open_s.svg);
	background-size: 18px 19px;
	background-position: right 6px top 49%;
	background-repeat: no-repeat;
	line-height: 1.4;
}
#snavi .md-kiso h3.is_close {
	background-image: url(../img/icon/ico_accordion_gray_close_s.svg);
}
#snavi .md-kiso ul li {
	box-sizing: border-box;
	position: relative;
	width: 100%;
	padding: 8px 5px 8px 1em;
	margin: 0px!important;
	border-bottom: 2px dotted #B2B2B2;
	background-color: #FFF;
}
#snavi .md-kiso ul li::before {
	content: "・";
	position: absolute;
	top: 10px;
	left: 0.1em;
	display: block;
	width: 1em;
	height: 1em;
	line-height: 1em;
}
#snavi .md-kiso ul li:last-child {
	border-bottom-style: none;
	border-radius: 0 0 4px 4px;
}
#snavi .md-kiso ul li a {
	display: block;
	font-size: 14px;
	line-height: 1.4;
}
#snavi .md-kiso ul li a:hover {
	opacity: 0.6;
}

/* .is_current */
#snavi .md-kiso.color_medical ul li.is_current {
	background-color: #e8f3f9;
}
#snavi .md-kiso.color_gan ul li.is_current {
	background-color: #faebf2;
}
#snavi .md-kiso.color_life ul li.is_current {
	background-color: #ecf5e1;
}
#snavi .md-kiso.color_nenkin ul li.is_current {
	background-color: #f1edf7;
}
#snavi .md-kiso.color_gakushi ul li.is_current {
	background-color: #e6f5f4;
}
#snavi .md-kiso.color_woman ul li.is_current {
	background-color: #ffedf1;
}
#snavi .md-kiso.color_chronic ul li.is_current {
	background-color: #e9f2ea;
}
#snavi .md-kiso.color_care ul li.is_current {
	background-color: #fff1e0;
}
#snavi .md-kiso.color_disability ul li.is_current {
	background-color: #ebf0fa;
}

@media screen and (-webkit-min-device-pixel-ratio:0){
	#snavi .md-kiso h3.snav_accordion_btn::before {
		line-height: 0.1;
	}
}
/* .md-faq ------------------------------------------------------------------------------*/
#snavi .md-faq {
	margin: 10px 0px 0px;
	padding: 0px;
	border-radius: 5px;
	border: 2px solid #1e8bd7;
}
#snavi .md-faq h3 {
	position: relative;
	cursor: pointer;
	color: #FFF;
	font-size: 17px;
	font-weight: normal;
	text-decoration: none;
	padding: 7px 30px 6px 8px;
	background-image: url(../img/icon/ico_accordion_gray_open_s.svg);
	background-size: 18px 19px;
	background-position: right 6px top 49%;
	background-repeat: no-repeat;
	line-height: 1.4;
}
#snavi .md-faq h3.is_close {
	background-image: url(../img/icon/ico_accordion_gray_close_s.svg);
}
#snavi .md-faq ul li {
	box-sizing: border-box;
	position: relative;
	width: 100%;
	padding: 8px 5px 8px 1em;
	margin: 0px!important;
	border-bottom: 2px dotted #B2B2B2;
	background-color: #FFF;
}
#snavi .md-faq ul li a{
	display: block;
	font-size: 14px;
	line-height: 1.4;
}
#snavi .md-faq ul li::before {
	content: "・";
	position: absolute;
	top: 10px;
	left: 0.1em;
	display: block;
	width: 1em;
	height: 1em;
	line-height: 1em;
}
#snavi .md-faq ul li:last-child {
	border-bottom-style: none;
	border-radius: 0 0 4px 4px;
}
#snavi .md-faq ul li a {
	display: block;
	font-size: 14px;
}
#snavi .md-faq ul li a:hover {
	opacity: 0.6;
}
@media screen and (-webkit-min-device-pixel-ratio:0){
	#snavi .md-faq h3.snav_accordion_btn::before {
		line-height: 0.1;
	}
}
/* .seimei-erabi02 ------------------------------------------------------------------------------*/
#snavi .seimei-erabi02,
#spgnavi_accordion .seimei-erabi02{
	margin: 10px 0px -1px;
	padding: 0px 4px 2px;
	background-color: #014aac;
}
#snavi .seimei-erabi02 p,
#snavi .seimei-erabi02 h3,
#spgnavi_accordion .seimei-erabi02 p{
	color: #FFF;
	font-size: 18px;
	font-weight: bold;
	padding: 9px 5px 7px;
}
#snavi .seimei-erabi02>ul,
#spgnavi_accordion .seimei-erabi02>ul{
	margin: 0px;
	padding: 0px;
}
#snavi .seimei-erabi02>ul>li,
#spgnavi_accordion .seimei-erabi02>ul>li{
	margin-bottom: 4px;
	background-color: #FFF;
}
#snavi .seimei-erabi02>ul>li:last-child,
#spgnavi_accordion .seimei-erabi02>ul>li:last-child{
	margin-bottom: 0;
}
#snavi .seimei-erabi02>ul>li>a,
#spgnavi_accordion .seimei-erabi02>ul>li>a{
	display: block;
	color: #333;
	font-size: 16px;
	font-family: "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	line-height: 1.2;
	text-decoration: none;
	padding: 8px 9px 6px;
	background-color: #FFF;
	background-size: 22.727272727272727272727272727273% auto;	/* 50/220*100 */
	background-position: right center;
	background-repeat: no-repeat;
}
#snavi .seimei-erabi02>ul>li>a>span,
#spgnavi_accordion .seimei-erabi02>ul>li>a>span{
	font-size: 18px;
	font-weight: bold;
}
#snavi .seimei-erabi02>ul>li:not(.is_lower).item_01>a,
#spgnavi_accordion .seimei-erabi02>ul>li:not(.is_lower).item_01>a{
	background-image: url('../img/snavi/medical/bg_arrow_01.png');
}
#snavi .seimei-erabi02>ul>li:not(.is_lower).item_02>a,
#spgnavi_accordion .seimei-erabi02>ul>li:not(.is_lower).item_02>a{
	background-image: url('../img/snavi/medical/bg_arrow_02.png');
}
#snavi .seimei-erabi02>ul>li:not(.is_lower).item_03>a,
#spgnavi_accordion .seimei-erabi02>ul>li:not(.is_lower).item_03>a{
	background-image: url('../img/snavi/medical/bg_arrow_03.png');
}
#snavi .seimei-erabi02>ul>li.item_01>a span,
#spgnavi_accordion .seimei-erabi02>ul>li.item_01>a span{
	color: #00b0c8;
}
#snavi .seimei-erabi02>ul>li.item_02>a span,
#spgnavi_accordion .seimei-erabi02>ul>li.item_02>a span{
	color: #00c698;
}
#snavi .seimei-erabi02>ul>li.item_03>a span,
#spgnavi_accordion .seimei-erabi02>ul>li.item_03>a span{
	color: #61c950;
}
#snavi .seimei-erabi02>ul>li>a:hover,
#spgnavi_accordion .seimei-erabi02>ul>li>a:hover{
	opacity: 0.6;
}


#snavi .seimei-erabi02>ul>li>ul,
#spgnavi_accordion .seimei-erabi02>ul>li>ul{
	padding: 0px;
	margin: 0px;
	border-top: solid 1px #014aac;
}
#snavi .seimei-erabi02>ul>li>ul li,
#spgnavi_accordion .seimei-erabi02>ul>li>ul li{
	box-sizing: border-box;
	position: relative;
	width: 100%;
	padding: 8px 5px 8px 1em;
	margin: 0px;
	border-bottom: 2px dotted #B2B2B2;
	background-color: #FFF;
}
#snavi .seimei-erabi02>ul>li>ul li::before,
#spgnavi_accordion .seimei-erabi02>ul>li>ul li::before{
	content: "・";
	position: absolute;
	top: 10px;
	left: 0.1em;
	display: block;
	width: 1em;
	height: 1em;
	line-height: 1em;
}
#snavi .seimei-erabi02>ul>li>ul li:last-child,
#spgnavi_accordion .seimei-erabi02>ul>li>ul li:last-child{
	border-bottom-style: none;
}
#snavi .seimei-erabi02>ul>li>ul li a,
#spgnavi_accordion .seimei-erabi02>ul>li>ul li a{
	display: block;
	color: #1d3994;
	font-size: 14px;
}
#snavi .seimei-erabi02>ul>li>ul li a:hover,
#spgnavi_accordion .seimei-erabi02>ul>li>ul li a:hover{
	opacity: 0.6;
}

/* .is_current */
#snavi .seimei-erabi02 > ul > li.item_01 > ul li.is_current {
  background-color: #ebf7fa;
}
#snavi .seimei-erabi02 > ul > li.item_02 > ul li.is_current {
  background-color: #e9f7f5;
}


/* .seimei-oyaku ------------------------------------------------------------------------------*/
#snavi .seimei-oyaku,
#spgnavi_accordion .seimei-oyaku{
	margin: 0px;
	padding: 0px 4px 4px;
	background-color: #014aac;
}
#spgnavi_accordion .seimei-oyaku{
	margin-bottom: 15px!important;
}
.frontpage #snavi .seimei-oyaku,
.frontpage #spgnavi_accordion .seimei-oyaku{
	margin: 10px 0px -1px;
	padding: 0px 4px 4px;
	border-radius: 3px;
	background-color: #014aac;
}


#snavi .seimei-oyaku p,
#snavi .seimei-oyaku h3,
#spgnavi_accordion .seimei-oyaku p{
	color: #FFF;
	font-size: 18px;
	font-weight: bold;
	padding: 7px 5px 5px;
}
.frontpage #snavi .seimei-oyaku p,
.frontpage #spgnavi_accordion .seimei-oyaku p{
	padding-bottom: 2px;
}

#snavi .seimei-oyaku ul,
#spgnavi_accordion .seimei-oyaku ul{
	margin: 0px;
	padding: 0px;
}
#snavi .seimei-oyaku ul li,
#spgnavi_accordion .seimei-oyaku ul li{
	margin-bottom: 3px;
	background-color: #FFF;
}
#snavi .seimei-oyaku ul li:last-child,
#spgnavi_accordion .seimei-oyaku ul li:last-child{
	margin-bottom: 0;
}
#snavi .seimei-oyaku ul li a,
#spgnavi_accordion .seimei-oyaku ul li a{
	position: relative;
	display: block;
	color: #000;
	font-size: 16px;
	font-family: "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	text-decoration: none;
	padding: 9px 9px 9px 37px;
	background-color: #FFF;
	background-repeat: no-repeat;
}
#snavi .seimei-oyaku ul li.item_01 a,
#spgnavi_accordion .seimei-oyaku ul li.item_01 a{
	background-image: url('../img/snavi/medical/bg_icon_01.svg');
	background-size: 20px auto;
	background-position: left 10px center;
}
#snavi .seimei-oyaku ul li.item_02 a,
#spgnavi_accordion .seimei-oyaku ul li.item_02 a{
	background-image: url('../img/snavi/medical/bg_icon_02.svg');
	background-size: 30px auto;
	background-position: left 3px center;
}
#snavi .seimei-oyaku ul li.item_03 a,
#spgnavi_accordion .seimei-oyaku ul li.item_03 a{
	background-image: url('../img/snavi/medical/bg_icon_03.svg');
	background-size: 28px auto;
	background-position: left 3px center;
}
#snavi .seimei-oyaku ul li.item_04 a,
#spgnavi_accordion .seimei-oyaku ul li.item_04 a{
	background-image: url('../img/snavi/medical/bg_icon_04.svg');
	background-size: 18px auto;
	background-position: left 9px center;
}
#snavi .seimei-oyaku ul li a:hover,
#spgnavi_accordion .seimei-oyaku ul li a:hover{
	opacity: 0.6;
}
@media all and (-ms-high-contrast:none) {
	#snavi .seimei-oyaku ul li.item_01 a,
	#spgnavi_accordion .seimei-oyaku ul li.item_01 a{
		background-size: 18px 100%;
	}
	#snavi .seimei-oyaku ul li.item_02 a,
	#spgnavi_accordion .seimei-oyaku ul li.item_02 a{
		background-size: 30px 100%;
	}
	#snavi .seimei-oyaku ul li.item_03 a,
	#spgnavi_accordion .seimei-oyaku ul li.item_03 a{
		background-size: 28px 100%;
	}
	#snavi .seimei-oyaku ul li.item_04 a,
	#spgnavi_accordion .seimei-oyaku ul li.item_04 a{
		background-size: 18px 100%;
	}
}


/* .sbnr-metlife ------------------------------------------------------------------------------*/
.sbnr-metlife {
	margin-top: 10px;
}
.sbnr-metlife a:hover{
	opacity: 0.6;
}
.sbnr-metlife02 {
	margin: 10px 0;
}
.sbnr-metlife02 img, 
.sbnr-metlife img {
	width: 100%;
	height: auto;
	margin: 0;
}

/* .banner01 ------------------------------------------------------------------------------*/
#snavi .banner01 {
	padding: 0px;
	margin: 10px 0px 0px;
}
#snavi .banner01 li {
	padding: 0;
	margin: 0;
}
#snavi .banner01 li a:hover {
	opacity: 0.6;
}


/* .snav-search ------------------------------------------------------------------------------*/
#snavi .snav-search {
	padding: 0px;
	margin: -5px 0 0;
}
#snavi .snav-search .sub_title {
	border-top: solid 2px #ffc000;
	border-left: solid 2px #ffc000;
	border-right: solid 2px #ffc000;
}

#snavi .snav-search .search_area {
	box-sizing: border-box;
	width: 100%;
	padding: 0 7px 12px;
	background-color: #ffcc00;
	border-left: solid 2px #ffc000;
	border-right: solid 2px #ffc000;
}
#snavi .snav-search .search_area select {
	height: 36px;
	padding: 0px 20px 0px 10px;
}

#snavi .snav-search .search_area .selecrt_hoken_type {
	box-sizing: border-box;
	width: 100%;
	padding: 8px 0 0;
}
#snavi .snav-search .search_area .selecrt_hoken_type .select_box {
	width: 100%;
}
#snavi .snav-search .search_area .selecrt_age {
	box-sizing: border-box;
	width: 100%;
}
#snavi .snav-search .search_area .selecrt_age .select_box {
	display: block;
	vertical-align: top;
	width: 100%;
	max-width: 110px;
	margin: 0 8px 0 0;
	float: left;
}
#snavi .snav-search .search_area .selecrt_age .search_radio {
	display: block;
	text-align: center;
	vertical-align: middle;
	margin: 8px 0 0;
}
#snavi .snav-search .search_area .selecrt_age .search_radio label, 
#snavi .snav-search .search_area .selecrt_age .search_radio label .inner_label {
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	vertical-align: middle;
	margin-right: 0;
}

#snavi .snav-search .search_area .search_button {
	box-sizing: border-box;
	vertical-align: middle;
	margin-top: 8px;
}
#snavi .snav-search .search_area .search_button button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: block;
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
	cursor: pointer;
	color: #FFF;
	font-size: 24px;
	font-weight: bold;
	text-shadow: 0px 2px 3px #10914a;
	line-height: 42px;
	letter-spacing: 1px;
	width: 190px;
	height: 42px;
	padding: 0 0 0 30px;
	margin: 0 auto;
	border: 1px solid #119e51;
	background-color: #29ac63;
	background: -moz-linear-gradient(top, #30c774 0%, #29ac63 100%);
	background: -webkit-linear-gradient(top, #30c774 0%, #29ac63 100%);
	background: linear-gradient(to bottom, #30c774 0%, #29ac63 100%);
	box-shadow: 0 4px 0 #10914a;
	border-radius: 8px;
}
#snavi .snav-search .search_area .search_button button span { line-height: normal;}
#snavi .snav-search .search_area .search_button button::before {
	content: '';
	position: absolute;
	background-image: url(../img/common/icon_search_w.svg);
	width: 26px;
	height: 26px;
	background-size: 26px 26px;
	background-repeat: no-repeat;
	left: 13px;
	bottom: 7px;
}
#snavi .snav-search .search_area .search_button button:hover {
	text-decoration: none;
	transform: translate3d(0, 2px, 0);
	box-shadow: 0 1px 0 #10914a;
	background: -webkit-linear-gradient(#29ac63 0%, #29ac63 100%);
	background: -o-linear-gradient(#29ac63 0%, #29ac63 100%);
	background: linear-gradient(#29ac63 0%, #29ac63 100%);
}
#snavi .snav-search .item-inactive{
	display: none !important;
}

/* .index-hikaku ------------------------------------------------------------------------------*/
#snavi .index-hikaku {
	display: block;
	padding: 6px 4px 4px;
	margin: 10px 0 0;
	background-color: #f38505;
}
#snavi .index-hikaku h3 {
	color: #FFF;
	font-size: 20px;
	font-weight: bold;
	padding: 0;
}
#snavi .index-hikaku h3 span {
	font-size: 10px;
	vertical-align: middle;
	padding: 0 3px;
}
#snavi .index-hikaku ul {
	margin: 0px;
	padding: 0px;
}
#snavi .index-hikaku ul li {
	margin-bottom: 2px;
	background-color: #FFF;
}
#snavi .index-hikaku ul li:last-child {
	margin-bottom: 0;
}
#snavi .index-hikaku ul li a {
	position: relative;
	display: block;
	color: #333;
	font-size: 15px;
	text-decoration: none;
	padding: 6px 3px 6px 40px;
	background-color: #FFF;
	background-size: 22px auto;	/* 64/600*100 */
	background-position: left 8px center;
	background-repeat: no-repeat;
}
#snavi .index-hikaku ul li a:hover {
	opacity: 0.6;
}
#snavi .index-hikaku ul li a span {
	margin: 0 -0.3em;
}
#snavi .index-hikaku ul li:nth-child(1) a {
	background-image: url('../img/common/hikaku/bg_icon_01.svg');
}
#snavi .index-hikaku ul li:nth-child(2) a {
	background-image: url('../img/common/hikaku/bg_icon_02.svg');
}
#snavi .index-hikaku ul li:nth-child(3) a {
	background-image: url('../img/common/hikaku/bg_icon_03.svg');
}
#snavi .index-hikaku ul li:nth-child(4) a {
	background-image: url('../img/common/hikaku/bg_icon_04.svg');
}
#snavi .index-hikaku ul li:nth-child(5) a {
	background-image: url('../img/common/hikaku/bg_icon_05.svg');
}
#snavi .index-hikaku ul li:nth-child(6) a {
	background-image: url('../img/common/hikaku/bg_icon_06.svg');
}
#snavi .index-hikaku ul li:nth-child(7) a {
	background-image: url('../img/common/hikaku/bg_icon_07.svg');
}
#snavi .index-hikaku ul li:nth-child(8) a {
	background-image: url('../img/common/hikaku/bg_icon_08.svg');
}
#snavi .index-hikaku ul li a:active {
	opacity: 0.6;
}


/* .isms ------------------------------------------------------------------------------*/
#snavi .isms {
	margin: 10px auto 0px;
	max-width: 130px;
}
#snavi .isms img {
	width: 100%;
	height: auto;
}
#snavi .isms a:hover {
	opacity: 0.6;
}
/* .isms2 ------------------------------------------------------------------------------*/
#snavi .isms2 {
	margin: 14px auto 0px;
	max-width: 130px;
}
#snavi .isms2 img {
	width: 100%;
	height: auto;
}
#snavi .isms2 a:hover {
	opacity: 0.6;
}
/* .pmark ------------------------------------------------------------------------------*/
#snavi .pmark {
	margin: 8px auto 0px;
	max-width: 75px;
}
#snavi .pmark img {
	width: 100%;
	height: auto;
}
#snavi .pmark_text {
	font-size: 12px;
	margin: 8px auto 0px;
}
#snavi .pmark_text_2 {
	font-size: 12px;
	margin: 5px auto 0px;
}


/*------------------------------------------------------------------------------
footer設定
------------------------------------------------------------------------------*/
#footer {
	width: 100%;
	padding: 0px;
	margin: 50px 0px 0px;
	clear: both;
}

/* .fnavi ------------------------------------------------------------------------------*/
#footer .fbanner {
	margin: 0px auto;
	padding: 0px;
/*	width: 960px;
*/
box-sizing: border-box;
width: 100%;
max-width: 960px;
	overflow: hidden;
}
#footer .fbanner li {
	margin: 0px;
	padding: 0px;
	float: left;
}


/* .tel_text ------------------------------------------------------------------------------*/
#footer .tel_text {
	font-size: 12px;
	text-align: center;
	margin:0 0 10px 0;
}
#footer .tel_text span{
	display: inline-block;
	margin-right: 10px;
}

/* .fnavi ------------------------------------------------------------------------------*/
#footer .fnavi {
	box-sizing: border-box;
	position: relative;
	width: 100%;
	padding: 0px;
	margin: 20px auto 0px;
}
#footer .fnavi .pagetop.is_absolute {
	box-sizing: border-box;
	position: absolute;
	top: -37px;
	right: 40px;
	width: 56px;
	margin: 0px;
	padding: 0px;
}
#footer .fnavi .pagetop:not(.is_absolute) {
	box-sizing: border-box;
	position: fixed;
	bottom: 88px;
	left: 0;
	right: 0;
	width: 100%;
	height: 0;
	margin: 0px auto;
	padding: 0px;
	z-index: 100;
}
#footer .fnavi .pagetop:not(.is_absolute) a {
	position: absolute;
	right: 40px;
	display: block;
	width: 56px;
}

#footer .link {
	color: #FFF;
	text-align: center;
	width: 100%;
	padding: 7px 0px;
	margin: 0px auto;
	background: #666;
}
#footer .ua {
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	padding: 10px 0 0;
	text-align: center;
}
#footer .ua a {
    color: #FFF;
}
#footer .link a {
	color: #FFF;
	font-size: 12px;
	text-decoration: none;
}

.syounin {
	font-size: 12px;
	letter-spacing: 1px;
	text-align: right;
	margin: 10px 0px 0px;
	padding: 0px;
	color: #999;
}
#footer address {
	box-sizing: border-box;
	color: #666;
	font-size: 12px;
	font-style: normal;
	font-family: Verdana;
	width: 100%;
	max-width: 1000px;
	padding: 3px 20px 3px;
	margin: 0px auto;
}
#footer address p {
	display: inline;
}
#footer address .ifc {
	text-align: left;
	float: left;
}
#footer address .copy {
	text-align: right;	
	float: right;
}

/*------------------------------------------------------------------------------
404設定
------------------------------------------------------------------------------*/
#error h2 {
	font-size: 18px;
	color: #FFF;
	background: #306CC4;
	margin: 0px;
	padding: 10px 10px 5px;
}
#error {
	margin: 0px;
	padding: 15px 0px 0px;
}
#error .text01 {
	margin: 0px;
	padding: 15px 0px 0px 10px;
}
#sub-con #error .link {
	margin: 30px 0px 0px;
	padding: 0px 0px 0px 10px;
}
#error .link a {
	background: url(../img/common/com_details_icon01.gif) no-repeat left center;
	padding-left: 15px;
}

/* ranking logo */
.logotypetran{
	vertical-align: middle;
	display: table-cell;
	height: 80px;
}

/* ライフネットバナー */
.bnr-lifenet:hover{
	opacity: 0.6;
}


/* SP用固定フッターナビ ------------------------------------------------------------------------------*/
#spfnav-fixed {
	bottom: -63px;
	width: 100%;
	height: auto;
	background-color: #014aac;
	position: fixed;
	z-index: 9999;
	-webkit-transition-timing-function: ease;
	transition-timing-function: ease;
	-webkit-transition-duration: .4s;
	transition-duration: .4s;
}
#spfnav-fixed ul {
	padding: 2px 0;
}
#spfnav-fixed ul::after{
	display: table;
	clear: both;
	content: '';
}
#spfnav-fixed ul li {
	float: left;
	box-sizing: border-box;
	width: 28.33333333%;
	/*width: calc(85%/3);*/
	border-right: 1px solid #fff;
	border-bottom: none;
}
#spfnav-fixed ul li:last-child {
	width: 15%;
	border-right: none;
}
#spfnav-fixed ul li a {
	position: relative;
	display: block;
	box-sizing: border-box;
	height: 59px;
	padding: 8px 0 0 0;
	font-size: 12px;
	color: #fff;
	text-decoration: none;
	text-align: center;
}
#spfnav-fixed ul li a span {
	font-size: 100%;
	display: block;
	padding-top: 3px;
}
#spfnav-fixed ul li a img {
	margin-right: 0;
	width: auto;
	height: 25px;
	text-align: center;
}
#spfnav-fixed.slide-sp {
	bottom: 0;
}

/*--- margin ---*/

.auto  {margin-left: auto!important; margin-right: auto!important;}

.m0  {margin:  0px!important;}
.m5  {margin:  5px!important;}
.m10 {margin: 10px!important;}
.m15 {margin: 15px!important;}
.m20 {margin: 20px!important;}
.m25 {margin: 25px!important;}
.m30 {margin: 30px!important;}
.m35 {margin: 35px!important;}
.m40 {margin: 40px!important;}
.m45 {margin: 45px!important;}
.m50 {margin: 50px!important;}
.m55 {margin: 55px!important;}
.m60 {margin: 60px!important;}
.m65 {margin: 65px!important;}
.m70 {margin: 70px!important;}
.m75 {margin: 75px!important;}
.m80 {margin: 80px!important;}
.m85 {margin: 85px!important;}
.m90 {margin: 90px!important;}
.m95 {margin: 95px!important;}
.m100{margin:100px!important;}

.mt0  {margin-top:  0px!important;}
.mt5  {margin-top:  5px!important;}
.mt10 {margin-top: 10px!important;}
.mt15 {margin-top: 15px!important;}
.mt20 {margin-top: 20px!important;}
.mt25 {margin-top: 25px!important;}
.mt30 {margin-top: 30px!important;}
.mt35 {margin-top: 35px!important;}
.mt40 {margin-top: 40px!important;}
.mt45 {margin-top: 45px!important;}
.mt50 {margin-top: 50px!important;}
.mt55 {margin-top: 55px!important;}
.mt60 {margin-top: 60px!important;}
.mt65 {margin-top: 65px!important;}
.mt70 {margin-top: 70px!important;}
.mt75 {margin-top: 75px!important;}
.mt80 {margin-top: 80px!important;}
.mt85 {margin-top: 85px!important;}
.mt90 {margin-top: 90px!important;}
.mt95 {margin-top: 95px!important;}
.mt100{margin-top:100px!important;}

.mb0  {margin-bottom:  0px!important;}
.mb5  {margin-bottom:  5px!important;}
.mb10 {margin-bottom: 10px!important;}
.mb15 {margin-bottom: 15px!important;}
.mb20 {margin-bottom: 20px!important;}
.mb25 {margin-bottom: 25px!important;}
.mb30 {margin-bottom: 30px!important;}
.mb35 {margin-bottom: 35px!important;}
.mb40 {margin-bottom: 40px!important;}
.mb45 {margin-bottom: 45px!important;}
.mb50 {margin-bottom: 50px!important;}
.mb55 {margin-bottom: 55px!important;}
.mb60 {margin-bottom: 60px!important;}
.mb65 {margin-bottom: 65px!important;}
.mb70 {margin-bottom: 70px!important;}
.mb75 {margin-bottom: 75px!important;}
.mb80 {margin-bottom: 80px!important;}
.mb85 {margin-bottom: 85px!important;}
.mb90 {margin-bottom: 90px!important;}
.mb95 {margin-bottom: 95px!important;}
.mb100{margin-bottom:100px!important;}

.ml0  {margin-left:  0px!important;}
.ml5  {margin-left:  5px!important;}
.ml10 {margin-left: 10px!important;}
.ml15 {margin-left: 15px!important;}
.ml20 {margin-left: 20px!important;}
.ml25 {margin-left: 25px!important;}
.ml30 {margin-left: 30px!important;}
.ml35 {margin-left: 35px!important;}
.ml40 {margin-left: 40px!important;}
.ml45 {margin-left: 45px!important;}
.ml50 {margin-left: 50px!important;}
.ml55 {margin-left: 55px!important;}
.ml60 {margin-left: 60px!important;}
.ml65 {margin-left: 65px!important;}
.ml70 {margin-left: 70px!important;}
.ml75 {margin-left: 75px!important;}
.ml80 {margin-left: 80px!important;}
.ml85 {margin-left: 85px!important;}
.ml90 {margin-left: 90px!important;}
.ml95 {margin-left: 95px!important;}
.ml100{margin-left:100px!important;}

.mr0  {margin-right:  0px!important;}
.mr5  {margin-right:  5px!important;}
.mr10 {margin-right: 10px!important;}
.mr15 {margin-right: 15px!important;}
.mr20 {margin-right: 20px!important;}
.mr25 {margin-right: 25px!important;}
.mr30 {margin-right: 30px!important;}
.mr35 {margin-right: 35px!important;}
.mr40 {margin-right: 40px!important;}
.mr45 {margin-right: 45px!important;}
.mr50 {margin-right: 50px!important;}
.mr55 {margin-right: 55px!important;}
.mr60 {margin-right: 60px!important;}
.mr65 {margin-right: 65px!important;}
.mr70 {margin-right: 70px!important;}
.mr75 {margin-right: 75px!important;}
.mr80 {margin-right: 80px!important;}
.mr85 {margin-right: 85px!important;}
.mr90 {margin-right: 90px!important;}
.mr95 {margin-right: 95px!important;}
.mr100{margin-right:100px!important;}

/*--- padding ---*/
.p0   {padding:  0px!important;}
.p5   {padding:  5px!important;}
.p10  {padding: 10px!important;}
.p15  {padding: 15px!important;}
.p20  {padding: 20px!important;}
.p25  {padding: 25px!important;}
.p30  {padding: 30px!important;}
.p35  {padding: 35px!important;}
.p40  {padding: 40px!important;}
.p45  {padding: 45px!important;}
.p50  {padding: 50px!important;}
.p55  {padding: 55px!important;}
.p60  {padding: 60px!important;}
.p65  {padding: 65px!important;}
.p70  {padding: 70px!important;}
.p75  {padding: 75px!important;}
.p80  {padding: 80px!important;}
.p85  {padding: 85px!important;}
.p90  {padding: 90px!important;}
.p95  {padding: 95px!important;}
.p100 {padding:100px!important;}

.pt0  {padding-top:  0px!important;}
.pt5  {padding-top:  5px!important;}
.pt10 {padding-top: 10px!important;}
.pt15 {padding-top: 15px!important;}
.pt20 {padding-top: 20px!important;}
.pt25 {padding-top: 25px!important;}
.pt30 {padding-top: 30px!important;}
.pt35 {padding-top: 35px!important;}
.pt40 {padding-top: 40px!important;}
.pt45 {padding-top: 45px!important;}
.pt50 {padding-top: 50px!important;}
.pt55 {padding-top: 55px!important;}
.pt60 {padding-top: 60px!important;}
.pt65 {padding-top: 65px!important;}
.pt70 {padding-top: 70px!important;}
.pt75 {padding-top: 75px!important;}
.pt80 {padding-top: 80px!important;}
.pt85 {padding-top: 85px!important;}
.pt90 {padding-top: 90px!important;}
.pt95 {padding-top: 95px!important;}
.pt100{padding-top:100px!important;}

.pb0  {padding-bottom:  0px!important;}
.pb5  {padding-bottom:  5px!important;}
.pb10 {padding-bottom: 10px!important;}
.pb15 {padding-bottom: 15px!important;}
.pb20 {padding-bottom: 20px!important;}
.pb25 {padding-bottom: 25px!important;}
.pb30 {padding-bottom: 30px!important;}
.pb35 {padding-bottom: 35px!important;}
.pb40 {padding-bottom: 40px!important;}
.pb45 {padding-bottom: 45px!important;}
.pb50 {padding-bottom: 50px!important;}
.pb55 {padding-bottom: 55px!important;}
.pb60 {padding-bottom: 60px!important;}
.pb65 {padding-bottom: 65px!important;}
.pb70 {padding-bottom: 70px!important;}
.pb75 {padding-bottom: 75px!important;}
.pb80 {padding-bottom: 80px!important;}
.pb85 {padding-bottom: 85px!important;}
.pb90 {padding-bottom: 90px!important;}
.pb95 {padding-bottom: 95px!important;}
.pb100{padding-bottom:100px!important;}

.pl0  {padding-left:  0px!important;}
.pl5  {padding-left:  5px!important;}
.pl10 {padding-left: 10px!important;}
.pl15 {padding-left: 15px!important;}
.pl20 {padding-left: 20px!important;}
.pl25 {padding-left: 25px!important;}
.pl30 {padding-left: 30px!important;}
.pl35 {padding-left: 35px!important;}
.pl40 {padding-left: 40px!important;}
.pl45 {padding-left: 45px!important;}
.pl50 {padding-left: 50px!important;}
.pl55 {padding-left: 55px!important;}
.pl60 {padding-left: 60px!important;}
.pl65 {padding-left: 65px!important;}
.pl70 {padding-left: 70px!important;}
.pl75 {padding-left: 75px!important;}
.pl80 {padding-left: 80px!important;}
.pl85 {padding-left: 85px!important;}
.pl90 {padding-left: 90px!important;}
.pl95 {padding-left: 95px!important;}
.pl100{padding-left:100px!important;}

.pr0  {padding-right:  0px!important;}
.pr5  {padding-right:  5px!important;}
.pr10 {padding-right: 10px!important;}
.pr15 {padding-right: 15px!important;}
.pr20 {padding-right: 20px!important;}
.pr25 {padding-right: 25px!important;}
.pr30 {padding-right: 30px!important;}
.pr35 {padding-right: 35px!important;}
.pr40 {padding-right: 40px!important;}
.pr45 {padding-right: 45px!important;}
.pr50 {padding-right: 50px!important;}
.pr55 {padding-right: 55px!important;}
.pr60 {padding-right: 60px!important;}
.pr65 {padding-right: 65px!important;}
.pr70 {padding-right: 70px!important;}
.pr75 {padding-right: 75px!important;}
.pr80 {padding-right: 80px!important;}
.pr85 {padding-right: 85px!important;}
.pr90 {padding-right: 90px!important;}
.pr95 {padding-right: 95px!important;}
.pr100{padding-right:100px!important;}

.txt-s{font-size: 14px;}
.txt-ss{font-size: 12px;}
.txt-b{font-weight: bold;}
.txt-red{color: #FF0000;}
.txt-marker-yellow{
	background: linear-gradient(transparent 60%, #fff699 0%);
}

.txt-left{text-align: left!important;}
.txt-right{text-align: right!important;}
.txt-center{text-align: center!important;}

.wid60{width: 60%;}

/*@import "insurance.css";*/
/*------------------------------------------------------------------------------
insurance設定
------------------------------------------------------------------------------*/
#insurance {
	margin: 20px 0px 0px;
	padding: 0px;
	width: 740px;
}
#insurance .ins-block .lead {
	margin: 10px 0px 0px;
	padding: 0px 0px 0px 45px;
}
#insurance .ins-block {
	margin: 30px 0px 0px;
	padding: 0px;
	width: 740px;
}
#insurance .ins-block .inner {
	margin: 0px;
	padding: 20px 0px 0px 26px;
	width: 714px;
	overflow: hidden;
}
#insurance .ins-block .inner dl {
	display: inline;
	margin: 0px 0px 10px 19px;
	padding: 0px;
	float: left;
	width: 338px;
}
#insurance .ins-block .inner dl dt {
	font-size: 14px;
	line-height: 28px;
	background: url(../img/common/com_ins_titlebg.gif) no-repeat;
	margin: 0px;
	padding: 0px 28px 0px 10px;
	height: 28px;
	width: 300px;
}
#insurance .ins-block .inner dl dt a {
	background: url(../img/common/com_ins_icon.gif) no-repeat left center;
	display: block;
	padding-left: 15px;
}
#insurance .ins-block .inner dl dd {
	margin: 0px;
	padding: 4px 9px;
	width: 318px;
	border-right: 1px solid #8C8C8C;
	border-bottom: 1px solid #8C8C8C;
	border-left: 1px solid #8C8C8C;
}
#insurance .ins-block .inner dl dd table {
	margin: 0px;
	padding: 0px;
	width: 318px;
}
#insurance .ins-block .inner dl dd table tr th {
	text-align: center;
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
	width: 90px;
}
#insurance .ins-block .inner dl dd table tr td {
	text-align: left;
	margin: 0px;
	padding: 0px;
	width: 228px;
}
#insurance .ins-block .inner dl dd table tr td p span {
	margin: 0px;
	padding: 0px;
	font-family: Verdana;
	font-size: 10px;
	text-align: right;
	display: block;
}
#insurance .ins-block .ins {
	margin: 25px 0px 15px 50px;
	padding: 0px;
	width: 690px;
}
#insurance .ins-block .ins dt {
	font-size: 16px;
	line-height: normal;
	font-weight: bold;
	background: #E6F9E5;
	margin: 0px;
	padding: 4px 0px 4px 10px;
	width: 675px;
	border-left: 5px solid #61C84F;
}
#insurance .ins-block .ins dd table {
	margin: 15px 0px 0px;
	padding: 0px;
	width: 690px;
}
#insurance .ins-block .ins dd table tr th {
	text-align: left;
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
	width: 130px;
}
#insurance .ins-block .ins dd table tr td {
	margin: 0px;
	padding: 0px;
	width: 510px;
}
#insurance .ins-block .ins dd table tr td span {
	margin: 0px;
	padding: 0px;
	font-family: Verdana;
	font-size: 10px;
}
#insurance .attention {
	background: #FFF0ED url(../img/insurance/insurance_bg02.jpg) no-repeat right center;
	margin: 0px 0px 0px 50px;
	padding: 8px 20px 8px 10px;
	width: 660px;
	-moz-border-radius: 6px;    /* Firefox用 */
	-webkit-border-radius: 6px; /* Safari,Google Chrome用 */
	border-radius: 6px;         /* CSS3草案 */
	behavior: url(/PIE.htc);    /* IE6～IE8適用ファイル */
}
#insurance .attention p {
	background: url(../img/insurance/insurance_bg01.jpg) no-repeat left center;
	margin: 0px;
	padding: 0px 0px 0px 50px;
	line-height: 1.1;
}
#insurance .attention p span {
	font-size: 16px;
	font-weight: bold;
	color: #E91C24;
}
#insurance .hoken-list {
	margin: 15px 0px 0px 50px;
	padding: 0px;
	width: 690px;
}
#insurance .hoken-list h4 {
	margin: 0px 0px 10px;
	padding: 0px;
	width: 690px;
}
#insurance .hoken-list .box {
	margin: 0px 0px 15px;
	padding: 0px;
	width: 690px;
}
#insurance .hoken-list .box table {
	background: #666;
	margin: 0px;
	padding: 0px;
	width: 690px;
}
#insurance .hoken-list .box table tr th {
	background: #E6F9E5;
	margin: 0px;
	padding: 0px;
	border-left: 5px solid #61C84F;
	overflow: hidden;
}
#insurance .hoken-list .box table tr th p {
	font-size: 16px;
	margin: 0px;
	padding: 5px 10px 0px;
	float: left;
}
#insurance .hoken-list .box table tr th div {
    margin: 0px;
    padding: 4px 8px 3px 0px;
    float: right;
}
#insurance .hoken-list .box table tr th span {
	float: right;
	padding: 4px 8px 3px 0px;
}
#insurance .hoken-list .box table tr .logo {
	background: #FFF;
	margin: 0px;
	padding: 0px 0px 8px;
	width: 105px;
	text-align: center;
}
#insurance .hoken-list .box table tr .logo span a {
	font-size: 10px;
	background: url(../img/insurance/insurance_icon01.gif) no-repeat left center;
	padding-left: 12px;
}
#insurance .hoken-list .box table tr td {
	background: #F9F2AD;
	text-align: center;
	margin: 0px;
	padding: 2px 0px;
	width: 65px;
}
#insurance .hoken-list .box table tr .toku {
	width: 315px;
}
#insurance .hoken-list .box table tr .toku02 {
    width: 315px;
    padding-right: 10px;
	padding-left: 10px;
	text-align: left;
}
#insurance .hoken-list .box table .bg td {
	background: #FFF;
}
#insurance .hoken-list .box .kome {
	font-size: 10px;
	margin: 2px 0px 0px;
	padding: 0px;
	line-height: 1.1;
	letter-spacing: 1px;
}
#insurance .cart-btn {
	text-align: center;
	margin: 50px 0px 40px 50px;
	padding: 0px;
	width: 690px;
}
#insurance .instxt {
	margin: 0px 0px 0px 50px;
	padding: 0px;
	width: 690px;
	font-size: 10px;
}
#insurance .instxt li {
	text-indent: -1em;
	margin: 0px 0px 0px 1em;
	padding: 0px;
}
#insurance .instxt li span {
	text-decoration: underline;
}
#insurance .dairi {
	font-size: 10px;
	margin: 10px 0px 0px 50px;
	padding: 0px;
	width: 690px;
}
#insurance .dairi span {
	font-size: 10px;
	margin: 0px;
	padding: 0px;
	text-align: right;
	display: block;
}
#insurance .syonin {
	font-size: 10px;
	margin: 20px 0px 0px;
	padding: 0px;
	font-family: Verdana;
	letter-spacing: 1px;
	text-align: right;
}
.insCpbnr { margin: 20px auto; text-align: right;}
.insSearchBtn { margin: 40px auto; text-align: center;}




/*--------------------------------------------------------------------------------------------
lifestage／purpose共通設定
--------------------------------------------------------------------------------------------*/
#lifestage, #purpose {
	padding: 35px 0 0;
	font-family: "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, sans-serif;
}
#lifestage p, #purpose p {
	line-height: 1.7;
}
#lifestage .lead, #purpose .lead {
	margin: 20px 0;
}
#lifestage img[src$=".svg"], #purpose img[src$=".svg"]{
	width: auto;
	margin: 0 auto;
	display: block;
}
#lifestage sup, #purpose sup{
	position: relative;
	top: -0.3em;
	vertical-align: baseline;
	line-height: 0;
	font-size: 11px;
}
#purpose .bnr_lifeplan_service{
	max-width: 700px;
	margin: 0 auto;
}

/* erabu-box ------------------------------------------------------------------------------*/
#lifestage .erabu-block .inner .box_01, #purpose .erabu-block .inner .box_01 {
	float: left;
	padding: 0px;
	margin: 20px 0px 0px;
	width: 48.571428571428571428571428571429%;	/* 340/700*100 */
}
#lifestage .erabu-block .inner .box_01:nth-child(2n), #purpose .erabu-block .inner .box_01:nth-child(2n) {
	float: right;
}
#lifestage .erabu-block .inner .box_01:nth-child(2n+1), #purpose .erabu-block .inner .box_01:nth-child(2n+1) {
	clear: both;
}
#lifestage .erabu-block .inner .box_01 dt, #purpose .erabu-block .inner .box_01 dt {
	box-sizing: border-box;
	color: #333;
	font-size: 22px;
	font-weight: bold;
	width: 100%;
	margin: 0px;
	padding: 12px 10px 7px 12px;
	display: table;
	background: #ebf7fa;
	border-bottom: 3px solid #00afcc;
}
#lifestage .erabu-block .inner .box_01 dt a, #purpose .erabu-block .inner .box_01 dt a {
	box-sizing: border-box;
	display: table-cell;
	color: #333;
	text-decoration: none;
	width: 100%;
	padding: 0 1em 0 0;
	margin: 0px;
	vertical-align: middle;
	background-image: url(../img/lifestage/icon_arrow_01.png);
	background-size: 11px auto;
	background-position: right 35%;
	background-repeat: no-repeat;
}
#lifestage .erabu-block .inner .box_01 dd, #purpose .erabu-block .inner .box_01 dd {
	box-sizing: border-box;
	width: 100%;
	padding-top: 20px;
	margin: 0px;
}
#lifestage .erabu-block .inner .box_01 dd a, #purpose .erabu-block .inner .box_01 dd a {
	float: left;
	display: block;
	width: 120px;
	margin: 0 auto;
}
#lifestage .erabu-block .inner .box_01 dd a img, #purpose .erabu-block .inner .box_01 dd a img {
	width: 100%;
	height: auto;
}
#lifestage .erabu-block .inner .box_01 dd .text, #purpose .erabu-block .inner .box_01 dd .text {
	float: right;
	width: 64%;
}
@media screen and (max-width: 767px) {
	#lifestage .erabu-block .inner .box_01 dt a, #purpose .erabu-block .inner .box_01 dt a {
		font-size: 20px;
	}
	#lifestage .erabu-block .inner .box_01, #purpose .erabu-block .inner .box_01,
	#lifestage .erabu-block .inner .box_01:nth-child(2n+1), #purpose .erabu-block .inner .box_01:nth-child(2n+1) {
		float: none;
		width: 100%;
	}
	#lifestage .erabu-block .inner .box_01:nth-child(2n), #purpose .erabu-block .inner .box_01:nth-child(2n),
	#lifestage .erabu-block .inner .box_01 dd a, #purpose .erabu-block .inner .box_01 dd a {
		float: none;
	}
	#lifestage .erabu-block .inner .box_01 dd .text, #purpose .erabu-block .inner .box_01 dd .text {
		float: none;
		width: 100%;
		margin-top: 15px;
	}
	#lifestage .erabu-block .inner .box_01, #purpose .erabu-block .inner .box_01 {
		margin-top: 30px;
	}
	#lifestage .erabu-block .inner .box_01 dt, #purpose .erabu-block .inner .box_01 dt {
		padding: 10px 10px 9px 12px;
	}
	#lifestage .erabu-block .inner .box_01 dt a, #purpose .erabu-block .inner .box_01 dt a {
		background-position: right 45%;
	}
}



/*@import "lifestage.css";*/
/*--------------------------------------------------------------------------------------------
lifestage設定
--------------------------------------------------------------------------------------------*/
#lifestage .stage-block .box_lead {
	margin-top: 25px!important;
}
#lifestage .stage-block .box_lead .image {
	float: left;
	width: 200px;
}
#lifestage .stage-block .box_lead .text {
	float: right;
	width: 580px;
}
#lifestage .flink-lifestage-area{
	text-align: center;
	border: solid 4px #ebf7fa;
	margin: 20px 0 0px;
	padding: 10px 15px;
}
#lifestage .flink-lifestage-area p.link01{ margin: 0 !important; }


/*--------------------------------------------------------------------------------------------
lifestage＿見出し・パーツ設定
--------------------------------------------------------------------------------------------*/
/* ttl00 ------------------------------------------------------------------------------*/
#lifestage .ttl00::after {
	background-color: #00afcc;
}
/* ttl01 ------------------------------------------------------------------------------*/
#lifestage .ttl01 {
	border-top: 4px solid #00afcc!important;
	border-bottom: 2px solid #00afcc!important;
}
/* ttl02 ------------------------------------------------------------------------------*/
#lifestage .ttl02 {
	background-color: #ebf7fa;
	border-left: solid 3px #00afcc;
}
#lifestage .ttl02::before {
	color: #00afcc;
}
/* ttl03 ------------------------------------------------------------------------------*/
#lifestage .ttl03 {
	background-color: #ebf7fa!important;
}
/* ttl04 ------------------------------------------------------------------------------*/
#lifestage .ttl04 {
	border-left: solid 5px #00afcc!important;
}
/* ttl05 ------------------------------------------------------------------------------*/
#lifestage .ttl05::before {
	color: #00afcc;
}
/* ttl06 ------------------------------------------------------------------------------*/
#lifestage .ttl06 {
	border-bottom: dotted 1px #00afcc;
}
#lifestage .ttl06 span {
	color: #00afcc;
}
/* list07 ------------------------------------------------------------------------------*/
#lifestage .list07 dt {
	background-color: #00afcc;
}
#lifestage .list07 dd .title {
	color: #00afcc;
}

/* pnavi ------------------------------------------------------------------------------*/
#lifestage .pnavi {
	margin: 50px 0px;
}
#lifestage .pnavi ul:first-child {
	margin-bottom: 10px;
}
#lifestage .pnavi ul li {
	margin: 0px 5px;
}
#lifestage .pnavi ul li:first-child {
	margin-left: 0;
}
#lifestage .pnavi ul li:nth-child(3n) {
	margin-right: 0;
}
#lifestage .pnavi ul li a {
	color: #1d3994;
	padding: 0.75em 0;
}
#lifestage .pnavi ul li a:hover {
	color: #a5b0d4;
}
@media screen and (max-width: 767px){
	#lifestage .pnavi {
		margin: 40px 0 0;
	}
	#lifestage .pnavi ul:first-child {
		margin-bottom: 0;
	}
	#lifestage .pnavi ul li {
		margin: 0 0 10px;
	}
}

/* image ------------------------------------------------------------------------------*/
#lifestage .image {
	width: 100%;
	margin: 0 auto;
}

/* erabu-box ------------------------------------------------------------------------------*/
#lifestage .erabu-block .inner .box_01 dt {
	background: #ebf7fa;
	border-bottom: 3px solid #00afcc;
}
#lifestage .erabu-block .inner .box_01 dt a {
	background-image: url(../img/lifestage/icon_arrow_01.png);
}

/* hosyo-block ------------------------------------------------------------------------------*/
#lifestage .hosyo-block .box_wrap {
	margin: 20px auto;
	position: relative;
}
#lifestage .hosyo-block .box_wrap .img {
	box-sizing: border-box;
	width: 100%;
	max-width: 700px;
	padding: 20px;
	border: solid 1px #CCC;
	border-radius: 10px;
	margin: 0 auto;
}
#lifestage .hosyo-block .box_wrap .img img {
	width: 100%;
	height: auto;
}
#lifestage .hosyo-block .box_wrap .h01,
#lifestage .hosyo-block .box_wrap .h02,
#lifestage .hosyo-block .box_wrap .h03,
#lifestage .hosyo-block .box_wrap .h04,
#lifestage .hosyo-block .box_wrap .h05,
#lifestage .hosyo-block .box_wrap .h06 {
	position: absolute;
	top: 0;
	left: 0;
	margin-top: 63px;
}
#lifestage .hosyo-block .box_wrap .h01 {margin-left: 154px;}
#lifestage .hosyo-block .box_wrap .h02 {margin-left: 226px;}
#lifestage .hosyo-block .box_wrap .h03 {margin-left: 296px;}
#lifestage .hosyo-block .box_wrap .h04 {margin-left: 410px;}
#lifestage .hosyo-block .box_wrap .h05 {margin-left: 546px;}
#lifestage .hosyo-block .box_wrap .h06 {margin-left: 661px;}

@media screen and (max-width: 767px) {
	#lifestage .hosyo-block .box_wrap {
		margin: 10px auto 0;
	}
	#lifestage .hosyo-block .box_wrap .img{
		padding: 0;
		border:none;
	}
}

/* 妊娠・出産したとき ------------------------------------------------------------------------------*/
#lifestage .child .check-block .image02 {
	width: 400px;
	margin: 20px auto 0;
}
/* gaisan */
#lifestage .child .check-block .gaisan {
	margin: 20px 0px 0px;
	padding: 0px;
	position: relative;
}
#lifestage .child .check-block .gaisan form ol {
	margin: 0px;
	padding: 0px 0px 0px 0;
}
#lifestage .child .check-block .gaisan form ol li {
	margin: 14px 0px 0px;
	padding: 0px;
	overflow: hidden;
}
#lifestage .child .check-block .gaisan form ol li .step {
	display: inline-block;
	color: #00afcc;
	font-size: 18px;
	font-weight: bold;
	vertical-align: middle;
	width: 267px;
	margin: 0px;
	padding: 0px;
}
#lifestage .child .check-block .gaisan form ol li .step span {
	font-size: 26px;
	font-style: italic;
	padding-right: 10px;
}
#lifestage .child .check-block .gaisan form ol li .step span.small {
	color: #000;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
}
#lifestage .child .check-block .gaisan form ol li .input {
	display: inline-block;
	vertical-align: middle;
	padding: 0px;
	margin: 0px;
}
#lifestage .child .check-block .gaisan form ol li .input input {
	vertical-align: middle;
}
#lifestage .child .check-block .gaisan form ol li .input label,
#lifestage .child .check-block .gaisan form ol li .input select{
	font-size: 16px;
}
#lifestage .child .check-block .gaisan form ol li .input select{
	height: 30px;
}
#lifestage .child .check-block .gaisan form .kei_wrap {
	position: absolute;
	right: 0px;
	bottom: 0px;
	color: #333;
	font-size: 22px;
	vertical-align: bottom;
}
#lifestage .child .check-block .gaisan form .kei_wrap .kei {
	display: inline-block;
	color: #000;
	font-size: 26px;
	font-weight: bold;
	vertical-align: bottom;
	line-height: normal;
	text-align: right;
	width: auto;
	min-width: 3.5em;
	height: 31px;
	padding: 8px 1em 8px 0.25em;
	margin: 0px 3px;
	border: solid 1px #EFEFEF;
	box-shadow: 0 0 1px 1px rgba(0,0,0,0.3) inset;
	border-radius: 5px;
}
@media screen and (max-width: 767px) {
	#lifestage .child .check-block .image02 {
		width: 100%;
	}
	#lifestage .child .check-block .gaisan form .kei_wrap {
		position: static;
	text-align: right;
	}
	#lifestage .child .check-block .gaisan form ol li {
		margin: 0;
	}
	#lifestage .child .check-block .gaisan form ol li .step {
		font-size: 16px;
		display: block;
		width: 100%;
	}
	#lifestage .child .check-block .gaisan form ol li .input {
		display: block;
		width: 100%;
		margin-bottom: 15px;
	}
	#lifestage .child .check-block .gaisan form ol li .input label {
		display: block;
		width: 100%;
		margin-bottom: 5px;
	}
	#lifestage .child .check-block .gaisan form ol li .step span.small{ font-size: 12px;}
}

/* 結婚したとき ------------------------------------------------------------------------------*/
#lifestage .lady-block .title{padding-bottom: 15px;}
#lifestage .lady-block .title .ico {background-color: #DB1F7A;}
#lifestage .lady-block .ttl05,
#lifestage .lady-block .ttl05::before {color: #DB1F7A;}
#lifestage .marriage .lady-block .block02 {background-color: #FCF1F7;}
#lifestage .marriage .lady-block .lady01 .box .image {
	float: left;
	width: 107px;
}
#lifestage .marriage .lady-block .lady01 .box dl {
	float: right;
	width: 83%;
}
@media screen and (max-width: 767px) {
	#lifestage .lady-block .title {padding-bottom: 5px;}
	#lifestage .marriage .lady-block .lady01 .box .image,
	#lifestage .marriage .lady-block .lady01 .box dl {float: none;}
	#lifestage .marriage .lady-block .lady01 .box dl {
		width: 100%;
		margin-top: 15px;
	}
}

/* 住宅を購入したとき ------------------------------------------------------------------------------*/
#lifestage .myhome .block02 {background: #F0FFDA;}
#lifestage .myhome .block02 dt {color: #408E4F;}
#lifestage .myhome .block02 dd {
	width: 55%;
	float: left;
}
#lifestage .myhome .block02 .image {
	float: right;
	width: 320px;
}
@media screen and (max-width: 767px) {
	#lifestage .myhome .block02 dd,
	#lifestage .myhome .block02 .image {
		float: none;
		width: 100%;
	}
	#lifestage .myhome .block02 .image {margin: 15px auto 0;}
}




/*@import "purpose.css";*/
/*------------------------------------------------------------------------------
purpose設定
------------------------------------------------------------------------------*/

/*表------------------------------------------------------------------------------*/
#purpose table{
	font-size: 14px;
	line-height: 1.5;
	margin: 0px;
	padding: 0px;
	width: 100%;
	border-collapse: collapse;
	border-top:1px solid #c9c9c9;
	border-left: 1px solid #c9c9c9;
}
#purpose table th {
	background: #f5f5f5;
	font-weight: bold;
	text-align: center;
	margin: 0px;
	padding: 10px 5px;
	border: 1px solid #c9c9c9;
}
#purpose table thead th{
	color: #FFF;
	background: #666;
}
#purpose table td {
	text-align: center;
	border: 1px solid #c9c9c9;
	margin: 0px;
	padding: 10px 5px;
}

/*マージン設定------------------------------------------------------------------------------*/
#purpose .ttl05 + .image {margin-top: 15px;}
#purpose .image {margin: 20px auto 10px;}
#purpose .image + p {margin-top: 20px;}
#purpose .image + .note,
#purpose .image + .note-r {margin-top: 15px;}
#purpose .note + p,
#purpose .note-r + p {margin-top: 20px;}
#purpose .note + .image,
#purpose .note-r + .image {margin-top: 15px;}
#purpose .note + .note-r,
#purpose .note-r + .note {margin-top: 5px;}

/*flink-area------------------------------------------------------------------------------*/
#purpose .flink-area{
	text-align: center;
	border: solid 4px #e9f7f5;
	margin: 20px 0 0px;
	padding: 0 15px;
}
#purpose .flink-area p.link01{ margin: 10px!important; }


/*--------------------------------------------------------------------------------------------
purpose＿見出し・パーツ設定
--------------------------------------------------------------------------------------------*/
/* ttl00 ------------------------------------------------------------------------------*/
#purpose .ttl00::after {
	background-color: #00c698;
}
/* ttl01 ------------------------------------------------------------------------------*/
#purpose .ttl01 {
	border-top: 4px solid #00c698!important;
	border-bottom: 2px solid #00c698!important;
}
/* ttl02 ------------------------------------------------------------------------------*/
#purpose .ttl02 {
	background-color: #e9f7f5;
	border-left: solid 3px #00c698;
}
#purpose .ttl02::before{
	color: #00c698;
}
/* ttl03 ------------------------------------------------------------------------------*/
#purpose .ttl03 {
	background-color: #e9f7f5!important;
}
/* ttl04 ------------------------------------------------------------------------------*/
#purpose .ttl04 {
	border-left: solid 5px #00c698!important;
}
/* ttl05 ------------------------------------------------------------------------------*/
#purpose .ttl05::before {
	color: #00c698!important;
}
/* 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: #e9f7f5;
}
/* list07 ------------------------------------------------------------------------------*/
#purpose .list07 dt {
	background-color: #00c698;
}
#purpose .list07 dd .title {
	color: #00c698;
}

/* erabu-box ------------------------------------------------------------------------------*/
#purpose .erabu-block .inner .box_01 dt {
	background: #e9f7f5;
	border-bottom: 3px solid #00c698;
}
#purpose .erabu-block .inner .box_01 dt a {
	background-image: url(../img/purpose/icon_arrow_01.png);
}


/* がん保障を重点的に備えたい ------------------------------------------------------------------------------*/
#purpose .image01 {max-width: 640px;}
#purpose .image02 {max-width: 200px;}
#purpose .image03 {max-width: 539px;}

/* 万一の死亡時に備えたい ------------------------------------------------------------------------------*/
#purpose .if .column-02{
	overflow: hidden;
	display: block;
	width: 100%;
}
#purpose .if .column-02 li{
	float: left;
	width: 50%;
}
@media screen and (max-width: 767px) {
	#purpose .if .column-02 li{
		float: none;
		width: 100%;
		margin-right: 0;
	}
	#purpose .if .column-02 li:first-child{ margin-bottom:15px;}
}

/* 子供の教育資金を備えたい ------------------------------------------------------------------------------*/
#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 .af table .blue{ background-color: #aae0f2;}
#purpose .af table .yellow{ background-color: #fff5bf;}
#purpose .af table .red{ background-color: #ffcce6;}
#purpose .af .square{ margin: 5px 0 15px;}
#purpose .af .square li{
	position: relative;
	display: inline-block;
	margin-right: 10px;
}
#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.8em;}




/*@import "kiso.css";*/
/*------------------------------------------------------------------------------
共通
------------------------------------------------------------------------------*/
#kiso {
	padding: 35px 0 0;
	font-family: "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, sans-serif;
}
#kiso p{
	line-height: 1.7;
}

#kiso .box dl {
	padding: 0px;
	margin: 30px 0px 0px;
}
#kiso .box dl dt {
	box-sizing: border-box;
	color: #333;
	font-size: 22px;
	font-weight: bold;
	width: 100%;
	display: table;
	position: relative;
}
#kiso .box dl dt a {
	display: table-cell;
	color: #333;
	text-decoration: none;
	padding: 10px 46px 8px 12px;
	margin: 0px;
	vertical-align: middle;
}
#kiso .box dl dt a::before {
	content: "";
	display: block;
	position: absolute;
	right: 10px;
	background-color: #fff;
	border: 1px solid #b3b3b3;
	cursor: pointer;
	top: 48%;
	width: 24px;
	height: 24px;
	margin-top: -12px;
	box-shadow: 0 2px 0 0 #b3b3b3;
	border-radius: 6px;
}
#kiso .box dl dt a::after {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 20px;
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	margin: auto;
	border-top: 2px solid #b3b3b3;
	border-right: 2px solid #b3b3b3;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
#kiso .box dl dd {
	box-sizing: border-box;
	width: 100%;
	padding: 10px 0 0 0;
	margin: 0;
}
#kiso .box .link01 {
	margin-top: 15px;
}

#lower_common.index .rank_list .box .button .net-btn > a {
	display: block;
	background-color: #29a5f4;
	border: solid 1px #1f8de1;
	border-bottom: solid 4px #0060a7;
}
#lower_common.index .view .view_title img{
	display: block;
	width: 520px;
}
#chronic #lower_common.index .view .view_title img,
#gakushi #lower_common.index .view .view_title img{
	width: 580px;
}

/*lead文
------------------------------------------------------------------------------*/
#kiso .lead{
	margin: 20px 0 40px!important;
}

/*画像
------------------------------------------------------------------------------*/
#kiso img[src$=".svg"]{
	width: auto;
	margin: 0 auto;
	display: block;
}

/*上付き文字
------------------------------------------------------------------------------*/
#kiso sup{
	position: relative;
	top: -0.3em;
	vertical-align: baseline;
	line-height: 0;
	font-size: 11px;
}

/*表
------------------------------------------------------------------------------*/
#kiso table{
	font-size: 14px;
	line-height: 1.5;
	margin: 0px;
	padding: 0px;
	width: 100%;
	border-collapse: collapse;
	border-top:1px solid #c9c9c9;
	border-left: 1px solid #c9c9c9;
}
#kiso table th{
	background: #f5f5f5;
	font-weight: bold;
	text-align: center;
	margin: 0px;
	padding: 10px;
	border: 1px solid #c9c9c9;
}
#kiso table td{
	text-align: center;
	margin: 0px;
	padding: 10px 5px;
	border: 1px solid #c9c9c9;
}
#kiso table .f06 {
	color: #FFF;
	background: #666;
}

/*マージン設定
------------------------------------------------------------------------------*/
#kiso .ttl05 + .image {
	margin-top: 15px;
}
#kiso .image {
	margin: 20px auto 10px;
}
#kiso .image + p{
	margin-top: 20px;
}
#kiso .image + .note, #kiso .image + .note-r{
	margin-top: 15px;
}
#kiso .note + p, #kiso .note-r + p{
	margin-top: 20px;
}
#kiso .note + .image, #kiso .note-r + .image{
	margin-top: 15px;
}
#kiso .note + .note-r, #kiso .note-r + .note{
	margin-top: 5px;
}

/*目次
------------------------------------------------------------------------------*/
.block-mokuji{
	position: relative;
	border: 2px solid #ebebeb;
	border-radius: 8px;
	padding: 25px 20px 20px;
	margin: 0 3.125% 50px;
}
.block-mokuji:before{
	content: '目次';
	position: absolute;
	display: inline-block;
	font-size: 18px;
	font-weight: bold;
	padding: 0 15px 0 45px;
	background: #fff;
	background-image: url("../img/common/kiso/ico_mokuji.svg");
	background-size: 16px 24px;
	background-position: left 15px center;
	background-repeat: no-repeat;
	border-radius: 5px;
	top: -12px;
}
.block-mokuji__list li{
	position: relative;
	padding-left: 1.5em;
}
.block-mokuji__list li:not(:last-child){
	margin-bottom: 10px;
}
.block-mokuji__list li:before{
	position: absolute;
	display: block;
	left: 0;
	font-size: inherit;
}
.block-mokuji__list li:before{
	content: '';
	top: 0.45em;
	border-radius: 50%;
	background: #ccc;
	height: 10px;
	width: 10px;
}
.block-mokuji__list li a{
	text-decoration: underline;
}
.block-mokuji__list li a:hover{
	text-decoration: none;
}
.block-mokuji__list li ul{
	margin: 10px 0 15px;
}
.block-mokuji__list li ul li:before{
	content: '・';
	top: 0;
	background: #fff;
	color: #1d3994;
}
.block-mokuji__list li ul li {
	padding-left: 1.2em;
}

@media screen and (min-width: 768px){
	.block-mokuji{
		padding: 30px 25px 25px;
		margin: 0;
	}
	.block-mokuji:before{
		font-size: 20px;
		padding: 0px 15px 0 50px;
	}
	.block-mokuji__list{
		padding-top: 5px;
		padding-left: 18px;
	}
}

/*ページ内ナビ（3カラム）
------------------------------------------------------------------------------*/
.pnavi ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
	width: 100%;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}
.pnavi ul li {
	flex: 1;
	margin: 0px 10px;
	padding: 0px;
	text-align: center;
}
.pnavi ul li a {
	color: #333;
	font-size: 16px;
	font-weight: bold;
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
	display: block;
	text-align: center;
	text-decoration: none;
	width: 100%;
	padding: 0.75em 0;
	margin-bottom: 5px;
	background-color: #FFF;
	border: solid 1px #CCC;
	border-radius: 8px;
	box-shadow: 0px 3px 0px 0px #d9d9d9;
}
#kiso .pnavi {margin: 30px 20px!important;}
#kiso .pnavi ul li span {
	position:relative;
}
#kiso .pnavi ul li span::before {
	position: absolute;
	top: 25%;
	left: -1.2em;
	margin: auto;
	content: "";
	vertical-align: middle;
	background: transparent;
	width: 6px;
	height: 6px;
	border-top: 2px solid #1d3994;
	border-right: 2px solid #1d3994;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}
@media screen and (max-width: 767px) {
	#kiso .pnavi {margin: 20px 10px!important;}
	.pnavi ul {display: block;}
	.pnavi ul li {
		display: block;
		width: 100%;
		padding: 0px;
		margin: 0 0 10px;
		border-radius: 5px;
	}
	.pnavi ul li:last-child {margin-bottom: 0;}
	.pnavi ul li a {border-radius: 10px;}
}

/*関連ページ
------------------------------------------------------------------------------*/
.relation-link{
	margin: 15px 0 20px;
	display: flex;
}
.relation-link .tag{
	align-self: flex-start;
	font-size: 14px;
	color: #7d7f80;
	font-weight: bold;
	background-color: #eaeeef;
	padding: 5px 12px 3px;
	border-radius: 5px;
	text-align: center;
}
.relation-link .link{
	font-size: 15px;
	padding: 3px 0 3px 15px;
}
.relation-link  ul li.link{
	margin-bottom: 2px;
}

@media screen and (max-width: 767px) {
	.relation-link{
		display: block;
	}
	.relation-link .tag{
		display: table;
		font-size: 12px;
		padding: 5px 10px 4px;
		margin-bottom: 10px;
	}
	.relation-link .link{
		font-size: 14px;
		padding: 0;
	}
	.relation-link  ul li.link{
	margin-bottom: 8px;
}
}

/*------------------------------------------------------------------------------
メイン画像
------------------------------------------------------------------------------*/
#medical #lower_common.index .view .view_title {
  background-image: url(../img/search_image_iryo_01.png);
}
#gan #lower_common.index .view .view_title {
  background-image: url(../img/search_image_gan_01.png);
}
#life #lower_common.index .view .view_title {
  background-image: url(../img/search_image_life_01.png);
}
#nenkin #lower_common.index .view .view_title {
  background-image: url(../img/search_image_nenkin_01.png);
}
#gakushi #lower_common.index .view .view_title {
  background-image: url(../img/search_image_gakushi_01.png);
}
#woman #lower_common.index .view .view_title {
  background-image: url(../img/search_image_woman_01.png);
}
#chronic #lower_common.index .view .view_title {
  background-image: url(../img/search_image_chronic_01.png);
}
#care #lower_common.index .view .view_title {
  background-image: url(../img/search_image_care_01.png);
}
#disability #lower_common.index .view .view_title {
  background-image: url(../img/search_image_disability_01.png);
}

/*------------------------------------------------------------------------------
医療kiso設定
------------------------------------------------------------------------------*/
/* グローバルナビ ------------------------------------------------------------------------------*/
#gnavi.medical_navi {
	border-top: solid 3px #1e8bd7;
}

/* ttl00 ------------------------------------------------------------------------------*/
#medical .ttl00::after,
.body-class-medical .ttl00::after{
	background-color: #1e8bd7;
}
/* ttl01 ------------------------------------------------------------------------------*/
#medical .ttl01::after {
	background-color: #1e8bd7;
}
#medical .ttl01::before {
	color: #1e8bd7;
}
#medical #kiso .ttl01{
	border-top: 4px solid #1e8bd7;
	border-bottom: 2px solid #1e8bd7;
}
/* ttl02 ------------------------------------------------------------------------------*/
#medical .ttl02 {
	background-color: #e8f3f9;
	border-left: solid 3px #1e8bd7;
	background-image: url(../img/icon/ico_accordion_medical_open.svg);
}
#medical .ttl02.is_close {
	background-image: url(../img/icon/ico_accordion_medical_close.svg);
}
/* ttl03 ------------------------------------------------------------------------------*/
#medical #kiso .ttl03 {
	background-color: #e8f3f9;
}
/* ttl04 ------------------------------------------------------------------------------*/
#medical #kiso .ttl04{
	border-left: solid 5px #1e8bd7;
}
/* ttl05 ------------------------------------------------------------------------------*/
#medical #kiso .ttl05::before {
	color: #1e8bd7;
}
/* ttl06 ------------------------------------------------------------------------------*/
#medical #kiso .ttl06 {
	border-bottom: dotted 1px #0680c2;
}
#medical #kiso .ttl06 span {
	color: #1e8bd7;
}
/* list01 ------------------------------------------------------------------------------*/
#medical .list01 li .title span {
	background-color: #1e8bd7;
}
/* list01-2 ------------------------------------------------------------------------------*/
#medical .list01-2 .title span {
	background-color: #1e8bd7;
}
/* list03 ------------------------------------------------------------------------------*/
#medical .list03 li .title {
	background-color: #f4f9fd;
}
/* list07 ------------------------------------------------------------------------------*/
#medical .list07 dt {
	background-color: #1e8bd7;
}
#medical .list07 dd .title {
	color: #1e8bd7;
}
/* list-l ------------------------------------------------------------------------------*/
#medical .list-l li::before{
	color: #5cb8e5;
}
/* list-m ------------------------------------------------------------------------------*/
#medical .list-m li::before{
	color: #5cb8e5;
}
/* block01 ------------------------------------------------------------------------------*/
#medical .block01 .arrow::after {
/*	border-top-color: #1e8bd7;*/
}
/* block02 ------------------------------------------------------------------------------*/
#medical .block02 {
	background-color: #f4f9fd;
}
#medical .block02 .title .icon {
	background-color: #1e8bd7;
}
/* block03 ------------------------------------------------------------------------------*/
#medical .block03 {
	border-color: #1e8bd7;
}
#medical .block03 .tag{
	color: #1e8bd7;
}
/* block04 ------------------------------------------------------------------------------*/
#medical .block04 {
	border-color: #dcedfa;
}
#medical .block04 dt span{
	background-color: #1e8bd7;
}

/* .md-kiso ------------------------------------------------------------------------------*/
#snavi .md-kiso.color_medical {
	background-color: #1e8bd7;
	border: 2px solid #1e8bd7;
}
#snavi .md-kiso.color_medical h3{
	background-image: url(../img/icon/ico_accordion_medical_open_s.svg);
}
#snavi .md-kiso.color_medical h3.is_close {
	background-image: url(../img/icon/ico_accordion_medical_close_s.svg);
}

/* .md-faq ------------------------------------------------------------------------------*/
#snavi .md-faq.color_medical {
	background-color: #1e8bd7;
	border: 2px solid #1e8bd7;
}
#snavi .md-faq.color_medical h3{
	background-image: url(../img/icon/ico_accordion_medical_open_s.svg);
}
#snavi .md-faq.color_medical h3.is_close {
	background-image: url(../img/icon/ico_accordion_medical_close_s.svg);
}

#medical #kiso .box dl dt {
	background: #e8f3f9;
	border-bottom: 3px solid #1e8bd7;
}
#medical #kiso .box dl dt a::after {
    border-top: 2px solid #1e8bd7;
    border-right: 2px solid #1e8bd7;
}
#medical .flink-area{
	text-align: center;
	border: solid 4px #e8f3f9;
    margin: 20px 0 0px;
	padding: 0 15px;
}
#medical .flink-area p.link01{
	margin: 10px !important;
}


/*------------------------------------------------------------------------------
がんkiso設定
------------------------------------------------------------------------------*/
/* グローバルナビ ------------------------------------------------------------------------------*/
#gnavi.gan_navi {
	border-top: solid 3px #9C004A;
}

/* ttl00 ------------------------------------------------------------------------------*/
#gan .ttl00::after,
.body-class-cancer .ttl00::after{
	background-color: #9C004A;
}
/* ttl01 ------------------------------------------------------------------------------*/
#gan .ttl01::after {
	background-color: #9C004A;
}
#gan .ttl01::before {
 color: #9c004a;
}
#gan #kiso .ttl01 {
	border-top: 4px solid #9C004A;
	border-bottom: 2px solid #9C004A;
}
/* ttl02 ------------------------------------------------------------------------------*/
#gan .ttl02 {
	background-color: #faebf2;
	border-left: solid 3px #9C004A;
	background-image: url(../img/icon/ico_accordion_gan_open.svg);
}
#gan .ttl02.is_close {
	background-image: url(../img/icon/ico_accordion_gan_close.svg);
}
/* ttl03 ------------------------------------------------------------------------------*/
#gan #kiso .ttl03 {
	background-color: #faebf2;
}
/* ttl04 ------------------------------------------------------------------------------*/
#gan #kiso .ttl04 {
	border-left: solid 5px #9C004A;
}
/* ttl05 ------------------------------------------------------------------------------*/
#gan #kiso .ttl05::before {
	color: #9C004A;
}
/* ttl06 ------------------------------------------------------------------------------*/
#gan #kiso .ttl06 {
	border-bottom: dotted 1px #9C004A;
}
#gan #kiso .ttl06 span {
	color: #9C004A;
}
/* list01 ------------------------------------------------------------------------------*/
#gan .list01 li .title span {
	background-color: #9C004A;
}
/* list01-2 ------------------------------------------------------------------------------*/
#gan .list01-2 .title span {
	background-color: #9C004A;
}
/* list03 ------------------------------------------------------------------------------*/
#gan .list03 li .title {
	background-color: #f6e8ef;
}
/* list07 ------------------------------------------------------------------------------*/
#gan .list07 dt {
	background-color: #9C004A;
}
#gan .list07 dd .title {
	color: #9C004A;
}
/* list-l ------------------------------------------------------------------------------*/
#gan .list-l li::before{
	color: #9C004A;
}
/* list-m ------------------------------------------------------------------------------*/
#gan .list-m li::before{
	color: #9C004A;
}
/* block01 ------------------------------------------------------------------------------*/
#gan .block01 .arrow::after {
/*	border-top-color: #9C004A;*/
}
/* block02 ------------------------------------------------------------------------------*/
#gan .block02 {
	background-color: #f6e8ef;
}
#gan .block02 .title .icon {
	background-color: #9C004A;
}
/* block03 ------------------------------------------------------------------------------*/
#gan .block03 {
	border-color: #9C004A;
}
#gan .block03 .tag{
	color: #9C004A;
	background-image: url(../img/common/kiso/ico_point_gan.svg);
}
/* block04 ------------------------------------------------------------------------------*/
#gan .block04 {
	border-color: #f6e8ef;
}
#gan .block04 dt span{
	background-color: #9C004A;
}

/* .md-kiso ------------------------------------------------------------------------------*/
#snavi .md-kiso.color_gan {
	background-color: #9C004A;
	border: 2px solid #9C004A;
}
#snavi .md-kiso.color_gan h3{
	background-image: url(../img/icon/ico_accordion_gan_open_s.svg);
}
#snavi .md-kiso.color_gan h3.is_close {
	background-image: url(../img/icon/ico_accordion_gan_close_s.svg);
}

/* .md-faq ------------------------------------------------------------------------------*/
#snavi .md-faq.color_gan {
	background-color: #9C004A;
	border: 2px solid #9C004A;
}
#snavi .md-faq.color_gan h3{
	background-image: url(../img/icon/ico_accordion_gan_open_s.svg);
}
#snavi .md-faq.color_gan h3.is_close {
	background-image: url(../img/icon/ico_accordion_gan_close_s.svg);
}

#gan #lower_common.index .rank_list .box,
.body-class-cancer #lower_common.index .rank_list .box{
	border: solid 4px #f5e5ed;
}

#gan #kiso .box dl dt {
	background: #faebf2;
	border-bottom: 3px solid #9C004A;
}
#gan #kiso .box dl dt a::after {
    border-top: 2px solid #9C004A;
    border-right: 2px solid #9C004A;
}
#gan .flink-area{
	text-align: center;
	border: solid 4px #f6e8ef;
    margin: 20px 0 0px;
	padding: 0 15px;
}
#gan .flink-area:first-of-type{
	margin-top: 60px;
}
#gan .flink-area p.link01{
	margin: 10px !important;
}


/*------------------------------------------------------------------------------
死亡kiso設定
------------------------------------------------------------------------------*/
/* グローバルナビ ------------------------------------------------------------------------------*/
#gnavi.life_navi {
	border-top: solid 3px #67a624;
}

/* ttl00 ------------------------------------------------------------------------------*/
#life .ttl00::after,
.body-class-teiki .ttl00::after,
.body-class-syushin .ttl00::after,
.body-class-shunyu .ttl00::after{
	background-color: #67a624;
}
/* ttl01 ------------------------------------------------------------------------------*/
#life .ttl01::after {
	background-color: #67a624;
}
#life .ttl01::before {
 color: #67a624;
}
#life #kiso .ttl01 {
	border-top: 4px solid #67a624;
	border-bottom: 2px solid #67a624;
}
/* ttl02 ------------------------------------------------------------------------------*/
#life .ttl02 {
	background-color: #ecf5e1;
	border-left: solid 3px #67a624;
	background-image: url(../img/icon/ico_accordion_life_open.svg);
}
#life .ttl02.is_close {
	background-image: url(../img/icon/ico_accordion_life_close.svg);
}
/* ttl03 ------------------------------------------------------------------------------*/
#life #kiso .ttl03 {
	background-color: #ecf5e1;
}
/* ttl04 ------------------------------------------------------------------------------*/
#life #kiso .ttl04 {
	border-left: solid 5px #67a624;
}
/* ttl05 ------------------------------------------------------------------------------*/
#life #kiso .ttl05::before {
	color: #67a624;
}
/* ttl06 ------------------------------------------------------------------------------*/
#life #kiso .ttl06 {
	border-bottom: dotted 1px #67a624;
}
#life #kiso .ttl06 span {
	color: #67a624;
}
/* list01 ------------------------------------------------------------------------------*/
#life .list01 li .title span {
	background-color: #67a624;
}
/* list01-2 ------------------------------------------------------------------------------*/
#life .list01-2 .title span {
	background-color: #67a624;
}
/* list03 ------------------------------------------------------------------------------*/
#life .list03 li .title {
	background-color: #f0f6e9;
}
/* list07 ------------------------------------------------------------------------------*/
#life .list07 dt {
	background-color: #67a624;
}
#life .list07 dd .title {
	color: #67a624;
}
/* list-l ------------------------------------------------------------------------------*/
#life .list-l li::before{
	color: #67a624;
}
/* list-m ------------------------------------------------------------------------------*/
#life .list-m li::before{
	color: #67a624;
}
/* block01 ------------------------------------------------------------------------------*/
#life .block01 .arrow::after {
	border-top-color: #67a624;
}
/* block02 ------------------------------------------------------------------------------*/
#life .block02 {
	background-color: #f0f6e9;
}
#life .block02 .title {
	color: #67a624;
}
#life .block02 .title .icon {
	background-color: #67a624;
}
/* block03 ------------------------------------------------------------------------------*/
#life .block03 {
	border-color: #67a624;
}
#life .block03 .tag{
	color: #67a624;
	background-image: url(../img/common/kiso/ico_point_life.svg);
}
/* block04 ------------------------------------------------------------------------------*/
#life .block04 {
	border-color: #e1f2ce;
}
#life .block04 dt span{
	background-color: #67a624;
}

/* .md-kiso ------------------------------------------------------------------------------*/
#snavi .md-kiso.color_life {
	background-color: #67a624;
	border: 2px solid #67a624;
}
#snavi .md-kiso.color_life h3{
	background-image: url(../img/icon/ico_accordion_life_open_s.svg);
}
#snavi .md-kiso.color_life h3.is_close {
	background-image: url(../img/icon/ico_accordion_life_close_s.svg);
}

/* .md-faq ------------------------------------------------------------------------------*/
#snavi .md-faq.color_life {
	background-color: #67a624;
	border: 2px solid #67a624;
}
#snavi .md-faq.color_life h3{
	background-image: url(../img/icon/ico_accordion_life_open_s.svg);
}
#snavi .md-faq.color_life h3.is_close {
	background-image: url(../img/icon/ico_accordion_life_close_s.svg);
}

#life #lower_common.index .rank_list .box,
.body-class-teiki #lower_common.index .rank_list .box,
.body-class-syushin #lower_common.index .rank_list .box,
.body-class-shunyu #lower_common.index .rank_list .box{
	border: solid 4px #f0f6e9;
}

#life #kiso .box dl dt {
	background: #ecf5e1;
	border-bottom: 3px solid #67a624;
}
#life #kiso .box dl dt a::after {
    border-top: 2px solid #67a624;
    border-right: 2px solid #67a624;
}
#life .flink-area{
	text-align: center;
	border: solid 4px #f0f6e9;
    margin: 20px 0 0px;
	padding: 0 15px;
}
#life .flink-area:first-of-type{
	margin-top: 60px;
}
#life .flink-area p.link01{
	margin: 10px !important;
}


/* SBI生命_安い順ランキング設定 
------------------------------------------------------------------------------*/
#lower_common.index .low_price .ttl01:before {content: none;}
#lower_common.index .low_price .ttl01 {
	padding: 9px 9px 9px 60px;
	background-image: url(../img/life/icon_pickup02.svg);
	background-size: 48px 45px;
	background-position: left center;
	background-repeat: no-repeat;
	cursor: auto;
}
@media screen and (max-width: 767px) {
	#lower_common.index .low_price .ttl01 {
		padding: 9px 5px 9px calc(3.125% + 54px);
		background-position: left 3.125% center;
	}
}
/* SBI生命_キャンペーンバナー設定 
------------------------------------------------------------------------------*/
#life #kiso .banner_box .pr-block{
	margin: 15px auto 0;
	width: 680px;
}
@media screen and (max-width: 767px) {
	#life #kiso .banner_box .pr-block{
		width: 100%;
	}
}



/*------------------------------------------------------------------------------
年金kiso設定
------------------------------------------------------------------------------*/
/* グローバルナビ ------------------------------------------------------------------------------*/
#gnavi.nenkin_navi {
	border-top: solid 3px #70639b;
}

/* ttl00 ------------------------------------------------------------------------------*/
#nenkin .ttl00::after,
.body-class-annuity .ttl00::after{
	background-color: #70639b;
}
/* ttl01 ------------------------------------------------------------------------------*/
#nenkin .ttl01::after {
	background-color: #70639b;
}
#nenkin .ttl01::before {
 color: #36266c;
}
#nenkin #kiso .ttl01 {
	border-top: 4px solid #70639b;
	border-bottom: 2px solid #70639b;
}
/* ttl02 ------------------------------------------------------------------------------*/
#nenkin .ttl02 {
	background-color: #f1edf7;
	border-left: solid 3px #70639b;
	background-image: url(../img/icon/ico_accordion_nenkin_open.svg);
}
#nenkin .ttl02.is_close {
	background-image: url(../img/icon/ico_accordion_nenkin_close.svg);
}
/* ttl03 ------------------------------------------------------------------------------*/
#nenkin #kiso .ttl03 {
	background-color: #f1edf7;
}
/* ttl04 ------------------------------------------------------------------------------*/
#nenkin #kiso .ttl04 {
	border-left: solid 5px #70639b;
}
/* ttl05 ------------------------------------------------------------------------------*/
#nenkin #kiso .ttl05::before {
	color: #70639b;
}
/* ttl06 ------------------------------------------------------------------------------*/
#nenkin #kiso .ttl06 {
	border-bottom: dotted 1px #70639b;
}
#nenkin #kiso .ttl06 span {
	color: #70639b;
}
/* list01 ------------------------------------------------------------------------------*/
#nenkin .list01 li .title span {
	background-color: #70639b;
}
/* list01-2 ------------------------------------------------------------------------------*/
#nenkin .list01-2 .title span {
	background-color: #70639b;
}
/* list03 ------------------------------------------------------------------------------*/
#nenkin .list03 li .title {
	background-color: #ebe8f1;
}
/* list07 ------------------------------------------------------------------------------*/
#nenkin .list07 dt {
	background-color: #70639b;
}
#nenkin .list07 dd .title {
	color: #70639b;
}
/* list-l ------------------------------------------------------------------------------*/
#nenkin .list-l li::before{
	color: #70639b;
}
/* list-m ------------------------------------------------------------------------------*/
#nenkin .list-m li::before{
	color: #70639b;
}
/* block01 ------------------------------------------------------------------------------*/
#nenkin .block01 .arrow::after {
	border-top-color: #70639b;
}
/* block02 ------------------------------------------------------------------------------*/
#nenkin .block02 {
	background-color: #ebe8f1;
}
#nenkin .block02 .title .icon {
	background-color: #70639b;
}
/* block03 ------------------------------------------------------------------------------*/
#nenkin .block03 {
	border-color: #70639b;
}
#nenkin .block03 .tag{
	color: #70639b;
	background-image: url(../img/common/kiso/ico_point_nenkin.svg);
}
/* block04 ------------------------------------------------------------------------------*/
#nenkin .block04 {
	border-color: #ebe8f1;
}
#nenkin .block04 dt span{
	background-color: #70639b;
}

/* .md-kiso ------------------------------------------------------------------------------*/
#snavi .md-kiso.color_nenkin {
	background-color: #70639b;
	border: 2px solid #70639b;
}
#snavi .md-kiso.color_nenkin h3{
	background-image: url(../img/icon/ico_accordion_nenkin_open_s.svg);
}
#snavi .md-kiso.color_nenkin h3.is_close {
	background-image: url(../img/icon/ico_accordion_nenkin_close_s.svg);
}

/* .md-faq ------------------------------------------------------------------------------*/
#snavi .md-faq.color_nenkin {
	background-color: #70639b;
	border: 2px solid #70639b;
}
#snavi .md-faq.color_nenkin h3{
	background-image: url(../img/icon/ico_accordion_nenkin_open_s.svg);
}
#snavi .md-faq.color_nenkin h3.is_close {
	background-image: url(../img/icon/ico_accordion_nenkin_close_s.svg);
}

#nenkin #lower_common.index .rank_list .box,
.body-class-annuity #lower_common.index .rank_list .box{
	border: solid 4px #ebe8f1;
}

#nenkin #kiso .box dl dt {
	background: #f1edf7;
	border-bottom: 3px solid #70639b;
}
#nenkin #kiso .box dl dt a::after {
    border-top: 2px solid #70639b;
    border-right: 2px solid #70639b;
}
#nenkin .flink-area{
	text-align: center;
	border: solid 4px #ebe8f1;
    margin: 20px 0 0px;
	padding: 0 15px;
}
#nenkin .flink-area:first-of-type{
	margin-top: 60px;
}
#nenkin .flink-area p.link01{
	margin: 10px !important;
}



/*------------------------------------------------------------------------------
学資kiso設定
------------------------------------------------------------------------------*/
/* グローバルナビ ------------------------------------------------------------------------------*/
#gnavi.gakushi_navi {
	border-top: solid 3px #00A69A;
}

/* ttl00 ------------------------------------------------------------------------------*/
#gakushi .ttl00::after,
.body-class-child .ttl00::after{
	background-color: #00A69A;
}
/* ttl01 ------------------------------------------------------------------------------*/
#gakushi .ttl01::after {
	background-color: #00A69A;
}
#gakushi .ttl01::before {
	color: #00A69A;
}
#gakushi #kiso .ttl01 {
	border-top: 4px solid #00A69A;
	border-bottom: 2px solid #00A69A;
}
/* ttl02 ------------------------------------------------------------------------------*/
#gakushi .ttl02 {
	background-color: #e6f5f4;
	border-left: solid 3px #00A69A;
	background-image: url(../img/icon/ico_accordion_gakushi_open.svg);
}
#gakushi .ttl02.is_close {
	background-image: url(../img/icon/ico_accordion_gakushi_close.svg);
}
/* ttl03 ------------------------------------------------------------------------------*/
#gakushi #kiso .ttl03 {
	background-color: #e6f5f4;
}
/* ttl04 ------------------------------------------------------------------------------*/
#gakushi #kiso .ttl04 {
	border-left: solid 5px #00A69A;
}
/* ttl05 ------------------------------------------------------------------------------*/
#gakushi #kiso .ttl05::before {
	color: #00A69A;
}
/* ttl06 ------------------------------------------------------------------------------*/
#gakushi #kiso .ttl06 {
	border-bottom: dotted 1px #00A69A;
}
#gakushi #kiso .ttl06 span {
	color: #00A69A;
}
/* list01 ------------------------------------------------------------------------------*/
#gakushi .list01 li .title span {
	background-color: #00A69A;
}
/* list01-2 ------------------------------------------------------------------------------*/
#gakushi .list01-2 .title span {
	background-color: #00A69A;
}
/* list03 ------------------------------------------------------------------------------*/
#gakushi .list03 li .title {
	background-color: #ddf3f1;
}
/* list07 ------------------------------------------------------------------------------*/
#gakushi .list07 dt {
	background-color: #00A69A;
}
#gakushi .list07 dd .title {
	color: #00A69A;
}
/* list-l ------------------------------------------------------------------------------*/
#gakushi .list-l li::before{
	color: #00A69A;
}
/* list-m ------------------------------------------------------------------------------*/
#gakushi .list-m li::before{
	color: #00A69A;
}
/* block01 ------------------------------------------------------------------------------*/
#gakushi .block01 .arrow::after {
	border-top-color: #00A69A;
}
/* block02 ------------------------------------------------------------------------------*/
#gakushi .block02 {
	background-color: #ddf3f1;
}
#gakushi .block02 .title .icon {
	background-color: #00A69A;
}
/* block03 ------------------------------------------------------------------------------*/
#gakushi .block03 {
	border-color: #00A69A;
}
#gakushi .block03 .tag{
	color: #00A69A;
	background-image: url(../img/common/kiso/ico_point_gakushi.svg);
}
/* block04 ------------------------------------------------------------------------------*/
#gakushi .block04 {
	border-color: #ddf3f1;
}
#gakushi .block04 dt span{
	background-color: #00A69A;
}

/* .md-kiso ------------------------------------------------------------------------------*/
#snavi .md-kiso.color_gakushi {
	background-color: #00A69A;
	border: 2px solid #00A69A;
}
#snavi .md-kiso.color_gakushi h3{
	background-image: url(../img/icon/ico_accordion_gakushi_open_s.svg);
}
#snavi .md-kiso.color_gakushi h3.is_close {
	background-image: url(../img/icon/ico_accordion_gakushi_close_s.svg);
}

/* .md-faq ------------------------------------------------------------------------------*/
#snavi .md-faq.color_gakushi {
	background-color: #00A69A;
	border: 2px solid #00A69A;
}
#snavi .md-faq.color_gakushi h3{
	background-image: url(../img/icon/ico_accordion_gakushi_open_s.svg);
}
#snavi .md-faq.color_gakushi h3.is_close {
	background-image: url(../img/icon/ico_accordion_gakushi_close_s.svg);
}

#gakushi #lower_common.index .rank_list .box,
.body-class-child #lower_common.index .rank_list .box{
	border: solid 4px #ddf3f1;
	margin-bottom: 0;
}
#gakushi #kiso .box dl dt {
	background: #e6f5f4;
	border-bottom: 3px solid #00A69A;
}
#gakushi #kiso .box dl dt a::after {
    border-top: 2px solid #00A69A;
    border-right: 2px solid #00A69A;
}
#gakushi .flink-area{
	text-align: center;
	border: solid 4px #ddf3f1;
    margin: 20px 0 0px;
	padding: 0 15px;
}
#gakushi .flink-area:first-of-type{
	margin-top: 60px;
}
#gakushi .flink-area p.link01{
	margin: 10px !important;
}



/*------------------------------------------------------------------------------
女性kiso設定
------------------------------------------------------------------------------*/
/* グローバルナビ ------------------------------------------------------------------------------*/
#gnavi.woman_navi {
	border-top: solid 3px #ff4e73;
}

/* ttl00 ------------------------------------------------------------------------------*/
#woman .ttl00::after,
.body-class-woman .ttl00::after{
	background-color: #ff4e73;
}
/* ttl01 ------------------------------------------------------------------------------*/
#woman .ttl01::after {
	background-color: #ff4e73;
}
#woman .ttl01::before {
	color: #ff4e73;
}
#woman #kiso .ttl01 {
	border-top: 4px solid #ff4e73;
	border-bottom: 2px solid #ff4e73;
}
/* ttl02 ------------------------------------------------------------------------------*/
#woman .ttl02 {
	background-color: #ffedf1;
	border-left: solid 3px #ff4e73;
	background-image: url(../img/icon/ico_accordion_woman_open.svg);
}
#woman .ttl02.is_close {
	background-image: url(../img/icon/ico_accordion_woman_close.svg);
}
/* ttl03 ------------------------------------------------------------------------------*/
#woman #kiso .ttl03 {
	background-color: #ffedf1;
}
/* ttl04 ------------------------------------------------------------------------------*/
#woman #kiso .ttl04 {
	border-left: solid 5px #ff4e73;
}
/* ttl05 ------------------------------------------------------------------------------*/
#woman #kiso .ttl05::before {
	color: #ff4e73;
}
/* ttl06 ------------------------------------------------------------------------------*/
#woman #kiso .ttl06 {
	border-bottom: dotted 1px #ff4e73;
}
#woman #kiso .ttl06 span {
	color: #ff4e73;
}
/* list01 ------------------------------------------------------------------------------*/
#woman .list01 li .title span {
	background-color: #ff4e73;
}
/* list01-2 ------------------------------------------------------------------------------*/
#woman .list01-2 .title span {
	background-color: #ff4e73;
}
/* list03 ------------------------------------------------------------------------------*/
#woman .list03 li .title {
	background-color: #ffedf1;
}
/* list07 ------------------------------------------------------------------------------*/
#woman .list07 dt {
	background-color: #ff4e73;
}
#woman .list07 dd .title {
	color: #ff4e73;
}
/* list-l ------------------------------------------------------------------------------*/
#woman .list-l li::before{
	color: #ff4e73;
}
/* list-m ------------------------------------------------------------------------------*/
#woman .list-m li::before{
	color: #ff4e73;
}
/* block01 ------------------------------------------------------------------------------*/
#woman .block01 .arrow::after {
	border-top-color: #ff4e73;
}
/* block02 ------------------------------------------------------------------------------*/
#woman .block02 {
	background-color: #ffedf1;
}
#woman .block02 .title .icon {
	background-color: #ff4e73;
}
/* block03 ------------------------------------------------------------------------------*/
#woman .block03 {
	border-color: #ff4e73;
}
#woman .block03 .tag{
	color: #ff4e73;
	background-image: url(../img/common/kiso/ico_point_woman.svg);
}
/* block04 ------------------------------------------------------------------------------*/
#woman .block04 {
	border-color: #ffedf1;
}
#woman .block04 dt span{
	background-color: #ff4e73;
}

/* .md-kiso ------------------------------------------------------------------------------*/
#snavi .md-kiso.color_woman {
	background-color: #ff4e73;
	border: 2px solid #ff4e73;
}
#snavi .md-kiso.color_woman h3{
	background-image: url(../img/icon/ico_accordion_woman_open_s.svg);
}
#snavi .md-kiso.color_woman h3.is_close {
	background-image: url(../img/icon/ico_accordion_woman_close_s.svg);
}

/* .md-faq ------------------------------------------------------------------------------*/
#snavi .md-faq.color_woman {
	background-color: #ff4e73;
	border: 2px solid #ff4e73;
}
#snavi .md-faq.color_woman h3{
	background-image: url(../img/icon/ico_accordion_woman_open_s.svg);
}
#snavi .md-faq.color_woman h3.is_close {
	background-image: url(../img/icon/ico_accordion_woman_close_s.svg);
}

#woman #lower_common.index .rank_list .box,
.body-class-woman #lower_common.index .rank_list .box{
	border: solid 4px #ffedf1;
}

#woman #kiso .box dl dt {
	background: #ffedf1;
	border-bottom: 3px solid #ff4e73;
}
#woman #kiso .box dl dt a::after {
	border-top: 2px solid #ff4e73;
	border-right: 2px solid #ff4e73;
}
#woman .flink-area{
	text-align: center;
	border: solid 4px #ffedf1;
    margin: 20px 0 0px;
	padding: 0 15px;
}
#woman .flink-area p.link01{
	margin: 10px !important;
}



/*------------------------------------------------------------------------------
引受基準緩和型kiso設定
------------------------------------------------------------------------------*/
/* グローバルナビ ------------------------------------------------------------------------------*/
#gnavi.chronic_navi {
	border-top: solid 3px #0e6a33;
}

/* ttl00 ------------------------------------------------------------------------------*/
#chronic .ttl00::after,
.body-class-chronic .ttl00::after{
	background-color: #0e6a33;
}
/* ttl01 ------------------------------------------------------------------------------*/
#chronic .ttl01::after {
	background-color: #0e6a33;
}
#chronic .ttl01::before {
	color: #0e6a33;
}
#chronic #kiso .ttl01 {
	border-top: 4px solid #0e6a33;
	border-bottom: 2px solid #0e6a33;
}
/* ttl02 ------------------------------------------------------------------------------*/
#chronic .ttl02 {
	background-color: #e9f2ea;
	border-left: solid 3px #0e6a33;
	background-image: url(../img/icon/ico_accordion_chronic_open.svg);
}
#chronic .ttl02.is_close {
	background-image: url(../img/icon/ico_accordion_chronic_close.svg);
}
/* ttl03 ------------------------------------------------------------------------------*/
#chronic #kiso .ttl03 {
	background-color: #e9f2ea;
}
/* ttl04 ------------------------------------------------------------------------------*/
#chronic #kiso .ttl04 {
	border-left: solid 5px #0e6a33;
}
/* ttl05 ------------------------------------------------------------------------------*/
#chronic #kiso .ttl05::before {
	color: #0e6a33;
}
/* ttl06 ------------------------------------------------------------------------------*/
#chronic #kiso .ttl06 {
	border-bottom: dotted 1px #0e6a33;
}
#chronic #kiso .ttl06 span {
	color: #0e6a33;
}
/* list01 ------------------------------------------------------------------------------*/
#chronic .list01 li .title span {
	background-color: #0e6a33;
}
/* list01-2 ------------------------------------------------------------------------------*/
#chronic .list01-2 .title span {
	background-color: #0e6a33;
}
/* list03 ------------------------------------------------------------------------------*/
#chronic .list03 li .title {
	background-color: #e6f0ea;
}
/* list07 ------------------------------------------------------------------------------*/
#chronic .list07 dt {
	background-color: #0e6a33;
}
#chronic .list07 dd .title {
	color: #0e6a33;
}
/* list-l ------------------------------------------------------------------------------*/
#chronic .list-l li::before{
	color: #0e6a33;
}
/* list-m ------------------------------------------------------------------------------*/
#chronic .list-m li::before{
	color: #0e6a33;
}
/* block01 ------------------------------------------------------------------------------*/
#chronic .block01 .arrow::after {
	border-top-color: #0e6a33;
}
/* block02 ------------------------------------------------------------------------------*/
#chronic .block02 {
	background-color: #e6f0ea;
}
#chronic .block02 .title .icon {
	background-color: #0e6a33;
}
/* block03 ------------------------------------------------------------------------------*/
#chronic .block03 {
	border-color: #0e6a33;
}
#chronic .block03 .tag{
	color: #0e6a33;
	background-image: url(../img/common/kiso/ico_point_gan.svg);
}
/* block04 ------------------------------------------------------------------------------*/
#chronic .block04 {
	border-color: #e6f0ea;
}
#chronic .block04 dt span{
	background-color: #0e6a33;
}

/* .md-kiso ------------------------------------------------------------------------------*/
#snavi .md-kiso.color_chronic {
	background-color: #0e6a33;
	border: 2px solid #0e6a33;
}
#snavi .md-kiso.color_chronic h3{
	background-image: url(../img/icon/ico_accordion_chronic_open_s.svg);
}
#snavi .md-kiso.color_chronic h3.is_close {
	background-image: url(../img/icon/ico_accordion_chronic_close_s.svg);
}

/* .md-faq ------------------------------------------------------------------------------*/
#snavi .md-faq.color_chronic {
	background-color: #0e6a33;
	border: 2px solid #0e6a33;
}
#snavi .md-faq.color_chronic h3{
	background-image: url(../img/icon/ico_accordion_chronic_open_s.svg);
}
#snavi .md-faq.color_chronic h3.is_close {
	background-image: url(../img/icon/ico_accordion_chronic_close_s.svg);
}

#chronic #lower_common.index .rank_list .box,
.body-class-chronic #lower_common.index .rank_list .box{
	border: solid 4px #e6f0ea;
}

#chronic #kiso .box dl dt {
	background: #e9f2ea;
	border-bottom: 3px solid #0e6a33;
}
#chronic #kiso .box dl dt a::after {
	border-top: 2px solid #0e6a33;
	border-right: 2px solid #0e6a33;
}
#chronic .flink-area{
	text-align: center;
	border: solid 4px #e6f0ea;
	margin: 20px 0 0px;
	padding: 0 15px;
}
#chronic .flink-area:first-of-type{
	margin-top: 60px;
}
#chronic .flink-area p.link01{
	margin: 10px !important;
}



/*------------------------------------------------------------------------------
介護保険kiso設定
------------------------------------------------------------------------------*/
/* グローバルナビ ------------------------------------------------------------------------------*/
#gnavi.care_navi {
	border-top: solid 3px #f18200;
}

/* ttl00 ------------------------------------------------------------------------------*/
#care .ttl00::after,
.body-class-care .ttl00::after{
	background-color: #f18200;
}
/* ttl01 ------------------------------------------------------------------------------*/
#care .ttl01::after {
	background-color: #f18200;
}
#care .ttl01::before {
	color: #f18200;
}
#care #kiso .ttl01 {
	border-top: 4px solid #f18200;
	border-bottom: 2px solid #f18200;
}
/* ttl02 ------------------------------------------------------------------------------*/
#care .ttl02 {
	background-color: #fff1e0;
	border-left: solid 3px #f18200;
	background-image: url(../img/icon/ico_accordion_care_open.svg);
}
#care .ttl02.is_close {
	background-image: url(../img/icon/ico_accordion_care_close.svg);
}
/* ttl03 ------------------------------------------------------------------------------*/
#care #kiso .ttl03 {
	background-color: #fff1e0;
}
/* ttl04 ------------------------------------------------------------------------------*/
#care #kiso .ttl04 {
	border-left: solid 5px #f18200;
}
/* ttl05 ------------------------------------------------------------------------------*/
#care #kiso .ttl05::before {
	color: #f18200;
}
/* ttl06 ------------------------------------------------------------------------------*/
#care #kiso .ttl06 {
	border-bottom: dotted 1px #f18200;
}
#care #kiso .ttl06 span {
	color: #f18200;
}
/* list01 ------------------------------------------------------------------------------*/
#care .list01 li .title span {
	background-color: #f18200;
}
/* list01-2 ------------------------------------------------------------------------------*/
#care .list01-2 .title span {
	background-color: #f18200;
}
/* list03 ------------------------------------------------------------------------------*/
#care .list03 li .title {
	background-color: #dfe7f6;
}
/* list07 ------------------------------------------------------------------------------*/
#care .list07 dt {
	background-color: #f18200;
}
#care .list07 dd .title {
	color: #f18200;
}
/* list-l ------------------------------------------------------------------------------*/
#care .list-l li::before{
	color: #f18200;
}
/* list-m ------------------------------------------------------------------------------*/
#care .list-m li::before{
	color: #f18200;
}
/* block01 ------------------------------------------------------------------------------*/
#care .block01 .arrow::after {
	border-top-color: #f18200;
}
/* block02 ------------------------------------------------------------------------------*/
#care .block02 {
	background-color: #dfe7f6;
}
#care .block02 .title .icon {
	background-color: #f18200;
}

/* .md-kiso ------------------------------------------------------------------------------*/
#snavi .md-kiso.color_care {
	background-color: #f18200;
	border: 2px solid #f18200;
}
#snavi .md-kiso.color_care h3{
	background-image: url(../img/icon/ico_accordion_care_open_s.svg);
}
#snavi .md-kiso.color_care h3.is_close {
	background-image: url(../img/icon/ico_accordion_care_close_s.svg);
}

/* .md-faq ------------------------------------------------------------------------------*/
#snavi .md-faq.color_care {
	background-color: #f18200;
	border: 2px solid #f18200;
}
#snavi .md-faq.color_care h3{
	background-image: url(../img/icon/ico_accordion_care_open_s.svg);
}
#snavi .md-faq.color_care h3.is_close {
	background-image: url(../img/icon/ico_accordion_care_close_s.svg);
}

#care #lower_common.index .rank_list .box,
.body-class-care #lower_common.index .rank_list .box{
	border: solid 4px #fdecd8;
}

#care #kiso .box dl dt {
	background: #fff1e0;
	border-bottom: 3px solid #f18200;
}
#care #kiso .box dl dt a::after {
	border-top: 2px solid #f18200;
	border-right: 2px solid #f18200;
}
#care .flink-area{
	text-align: center;
	border: solid 4px #fdecd8;
    margin: 20px 0 0px;
	padding: 0 15px;
}
#care .flink-area:first-of-type{
	margin-top: 60px;
}
#care .flink-area p.link01{
	margin: 10px !important;
}



/*------------------------------------------------------------------------------
就業不能保険kiso設定
------------------------------------------------------------------------------*/
/* グローバルナビ ------------------------------------------------------------------------------*/
#gnavi.disability_navi {
	border-top: solid 3px #3d3d99;
}

/* ttl00 ------------------------------------------------------------------------------*/
#disability .ttl00::after,
.body-class-disability .ttl00::after{
	background-color: #3d3d99;
}
/* ttl01 ------------------------------------------------------------------------------*/
#disability .ttl01::after {
	background-color: #3d3d99;
}
#disability .ttl01::before {
	color: #3d3d99;
}
#disability #kiso .ttl01{
	border-top: 4px solid #3d3d99;
	border-bottom: 2px solid #3d3d99;
}
/* ttl02 ------------------------------------------------------------------------------*/
#disability .ttl02 {
	background-color: #ebf0fa;
	border-left: solid 3px #3d3d99;
	background-image: url(../img/icon/ico_accordion_disability_open.svg);
}
#disability .ttl02.is_close {
	background-image: url(../img/icon/ico_accordion_disability_close.svg);
}
/* ttl03 ------------------------------------------------------------------------------*/
#disability #kiso .ttl03 {
	background-color: #ebf0fa;
}
/* ttl04 ------------------------------------------------------------------------------*/
#disability #kiso .ttl04 {
	border-left: solid 5px #3d3d99;
}
/* ttl05 ------------------------------------------------------------------------------*/
#disability #kiso .ttl05::before {
	color: #3d3d99;
}
/* ttl06 ------------------------------------------------------------------------------*/
#disability #kiso .ttl06 {
	border-bottom: dotted 1px #3d3d99;
}
#disability #kiso .ttl06 span {
	color: #3d3d99;
}
/* list01 ------------------------------------------------------------------------------*/
#disability .list01 li .title span {
	background-color: #3d3d99;
}
/* list01-2 ------------------------------------------------------------------------------*/
#disability .list01-2 .title span {
	background-color: #3d3d99;
}
/* list03 ------------------------------------------------------------------------------*/
#disability .list03 li .title {
	background-color: #dfe7f6;
}
/* list07 ------------------------------------------------------------------------------*/
#disability .list07 dt {
	background-color: #3d3d99;
}
#disability .list07 dd .title {
	color: #3d3d99;
}
/* list-l ------------------------------------------------------------------------------*/
#disability .list-l li::before{
	color: #3d3d99;
}
/* list-m ------------------------------------------------------------------------------*/
#disability .list-m li::before{
	color: #3d3d99;
}
/* block01 ------------------------------------------------------------------------------*/
#disability .block01 .arrow::after {
	border-top-color: #3d3d99;
}
/* block02 ------------------------------------------------------------------------------*/
#disability .block02 {
	background-color: #dfe7f6;
}
#disability .block02 .title .icon {
	background-color: #3d3d99;
}
/* block03 ------------------------------------------------------------------------------*/
#disability .block03 {
	border-color: #3d3d99;
}
#disability .block03 .tag{
	color: #3d3d99;
	background-image: url(../img/common/kiso/ico_point_disability.svg);
}
/* block04 ------------------------------------------------------------------------------*/
#disability .block04 {
	border-color: #dfe7f6;
}
#disability .block04 dt span{
	background-color: #3d3d99;
}
/* .md-kiso ------------------------------------------------------------------------------*/
#snavi .md-kiso.color_disability {
	background-color: #3d3d99;
	border: 2px solid #3d3d99;
}
#snavi .md-kiso.color_disability h3{
	background-image: url(../img/icon/ico_accordion_disability_open_s.svg);
}
#snavi .md-kiso.color_disability h3.is_close {
	background-image: url(../img/icon/ico_accordion_disability_close_s.svg);
}

/* .md-faq ------------------------------------------------------------------------------*/
#snavi .md-faq.color_disability {
	background-color: #3d3d99;
	border: 2px solid #3d3d99;
}
#snavi .md-faq.color_disability h3{
	background-image: url(../img/icon/ico_accordion_disability_open_s.svg);
}
#snavi .md-faq.color_disability h3.is_close {
	background-image: url(../img/icon/ico_accordion_disability_close_s.svg);
}

#disability #lower_common.index .rank_list .box,
.body-class-disability #lower_common.index .rank_list .box{
	border: solid 4px #dfe7f6;
}

#disability #kiso .box dl dt {
	background: #ebf0fa;
	border-bottom: 3px solid #3d3d99;
}
#disability #kiso .box dl dt a::after {
	border-top: 2px solid #3d3d99;
	border-right: 2px solid #3d3d99;
}
#disability .flink-area{
	text-align: center;
	border: solid 4px #dfe7f6;
	margin: 20px 0 0px;
	padding: 0 15px;
}
#disability .flink-area:first-of-type{
	margin-top: 60px;
}
#disability .flink-area p.link01{
	margin: 10px !important;
}



/*@import "ranking.css";*/
/*------------------------------------------------------------------------------
ランキング設定
------------------------------------------------------------------------------*/
/*navigationの色とpanを変更*/
#ranking {
	padding: 15px 0 0;
}
#ranking .lead {
	padding: 0!important;
	line-height: 1.7;
}
#ranking .text {
	margin: 10px 0 20px;
	line-height: 1.7;
}
#ranking .erabu-block {
	margin: 20px 0px 0px;
}
#ranking .rank_mv {
	margin: 15px 0 20px;
}
#ranking .rank_mv img {
	width: 100%;
	height: auto;
}

/*ランキングリスト*/
/* pnavi ------------------------------------------------------------------------------*/
#ranking .pnavi {
	margin-top: 20px;
}
#ranking .pnavi ul {
	justify-content: flex-start;
}
#ranking .pnavi ul li {
	flex: inherit;
	width: calc((100%/4) - 7.5px);
	margin: 10px 0 0 10px;
}
#ranking .pnavi ul li:first-child,
#ranking .pnavi ul li:nth-child(4n+1) {
	margin-left: 0;
}
#ranking .pnavi ul li a {
	line-height: 98px;
	padding: 0 12px;
	margin-bottom: 2px;
	white-space: nowrap;
}
#ranking .pnavi ul li a:hover::before {
	position: absolute;
	top: 0;
	left: 0;
	content: " ";
	display: block;
	width: 150%;
	height: 160%;
	background-color: rgba(255, 255, 255, 0.4);
}
#ranking .pnavi ul li a span:not(.sp-hide) {
	display: inline-block;
	line-height: 1.3;
	vertical-align: middle;
	width: calc(100% - 50px);
	padding-left: 10px
}
#ranking .pnavi ul li a img {
	vertical-align: middle;
	width: 30px;
	height: 30px;
	margin-top: -2px;
}

/*医療保険*/
.rank-medical #gnavi{
	border-top: solid 3px #1e8bd7;
}
.rank-medical .pan-bg-top{
	background: #e8f3f9;
}
.rank-medical .ttl00::after{
	background-color: #1e8bd7;
}
.rank-medical .rank_list .box{
	border: solid 4px #e8f3f9!important;
}

/*がん保険*/
.rank-cancer #gnavi{
	 border-top: solid 3px #9C004A;
}
.rank-cancer .pan-bg-top{
	background: #f6e8ef;
}
.rank-cancer .ttl00::after{
	background-color: #9C004A;
}
.rank-cancer .rank_list .box{
	border: solid 4px #f6e8ef!important;
}

/*死亡保険*/
.rank-teiki #gnavi,
.rank-syushin  #gnavi{
	 border-top: solid 3px #67a624;
}
.rank-teiki .pan-bg-top,
.rank-syushin .pan-bg-top{
	background: #f0f6e9;
}
.rank-teiki .ttl00::after,
.rank-syushin .ttl00::after{
	background-color: #67a624;
}
.rank-teiki .rank_list .box,
.rank-syushin .rank_list .box{
	border: solid 4px #f0f6e9!important;
}

/*個人年金保険*/
.rank-annuity #gnavi{
	 border-top: solid 3px #70639b;
}
.rank-annuity .pan-bg-top{
	background: #ebe8f1;
}
.rank-annuity .ttl00::after{
	background-color: #70639b;
}
.rank-annuity .rank_list .box{
	border: solid 4px #ebe8f1!important;
}

/*学資保険*/
.rank-child #gnavi{
	 border-top: solid 3px #00A69A;
}
.rank-child .pan-bg-top{
	background: #ddf3f1;
}
.rank-child .ttl00::after{
	background-color: #00A69A;
}
.rank-child .rank_list .box{
	border: solid 4px #ddf3f1!important;
}

/*女性保険*/
.rank-woman #gnavi{
	 border-top: solid 3px #ff4e73;
}
.rank-woman .pan-bg-top{
	background: #ffedf1;
}
.rank-woman .ttl00::after{
	background-color: #ff4e73;
}
.rank-woman .rank_list .box{
	border: solid 4px #ffedf1!important;
}

/*引受基準緩和型保険*/
.rank-chronic #gnavi{
	 border-top: solid 3px #0e6a33;
}
.rank-chronic .pan-bg-top{
	background: #e6f0ea;
}
.rank-chronic .ttl00::after{
	background-color: #0e6a33;
}
.rank-chronic .rank_list .box{
	border: solid 4px #e6f0ea!important;
}

/*介護保険*/
.rank-care #gnavi{
	 border-top: solid 3px #f18200;
}
.rank-care .pan-bg-top{
	background: #fdecd8;
}
.rank-care .ttl00::after{
	background-color: #f18200;
}
.rank-care .rank_list .box{
	border: solid 4px #fdecd8!important;
}

/*就業不能保険*/
.rank-disability #gnavi{
	 border-top: solid 3px #3d3d99;
}
.rank-disability .pan-bg-top{
	background: #dfe7f6;
}
.rank-disability .ttl00::after{
	background-color: #3d3d99;
}
.rank-disability .rank_list .box{
	border: solid 4px #dfe7f6!important;
}

#ranking .rank_list {
	margin: 20px 0 0;
}
#ranking .rank_list ul {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	flex-wrap: wrap;
	align-items: center;
}
#ranking .rank_list ul li {
	display: block;
	width: 31.428571428571428571428571428571%;	/* 220/700*100 */
	margin-bottom: 15px;
	margin-right: 18px;
}
@media screen and (min-width: 767px) {
	#ranking .rank_list ul li:nth-child(3n){ margin-right: 0;}
	#ranking .rank_list ul li a {height: 130px;}
}
#ranking .rank_list ul li a {
	position: relative;
	overflow: hidden;
	display: block;
	text-align: center;
	text-decoration: none;
	width: 100%;
	padding: 11px 0 15px;
	margin-bottom: 5px;
	background-color: #FFF;
	border: solid 1px #CCC;
	border-radius: 8px;
	box-shadow:0px 3px 0px 0px #d9d9d9;
	box-sizing: border-box;
}
#ranking .rank_list ul li a:hover::before {
	position: absolute;
	top: 0;
	left: 0;
	content: " ";
	display: block;
	width: 150%;
	height: 160%;
	background-color: rgba(255, 255, 255, 0.4);
}

#ranking .rank_list ul li img {
	width: 30px;
	height: 30px;
	margin: 0 auto;
}

#ranking .rank_list ul li .rank_title {
	box-sizing: border-box;
	display: block;
	color: #333;
	font-size: 22px;
	font-weight: bold;
	line-height: 1.1;
	letter-spacing: -1px;
	padding: 7px 10px 0;
}
#ranking .rank_list ul li .rank_title span {
	font-size: 18px;
}

#ranking .rank_list ul li .rank_title span .line1 {
	margin-left: -9px;
}

#ranking #lower_common.index .rank-block {
	margin-bottom: 20px;
}
#ranking #lower_common.index .button_check_rank,
#ranking #lower_common.index .button_search_rank{
	margin-top: 10px;
}

#lower_common.index .rank_list .box {
	margin-bottom: 0;
}
#ranking #lower_common.index .rank_list .box {
	margin-bottom: 10px;
}
#ranking #lower_common.index .rank_list .box:nth-child(7) {
	clear: both;
}
.rank-caution{
	font-size: 12px;
	border: #ccc dotted 1px;
	padding: 10px 15px;
}

#ranking #lower_common.index .rank_newbox{
	margin-top: 20px;
}
/*#ranking #lower_common.index .rank_newbox .new-box,
#ranking #lower_common.index .rank_newbox .re-box{
	width: 49%;
	float: right;
}*/



#ranking #lower_common.index .rank_newbox .box-tbl {
	box-sizing: border-box;
	display: table;
	border-collapse: separate;
	width: 100%;
	border-spacing: 10px 0;
	border: solid 4px #e8f3fb;
	padding: 8px 2px;
	margin-top: 8px;
}
#ranking #lower_common.index .rank_newbox .new-ttl,
#ranking #lower_common.index .rank_newbox .re-ttl{
	font-weight: bold;
	font-size: 20px;
}
#ranking #lower_common.index .rank_newbox .new-ttl span,
#ranking #lower_common.index .rank_newbox .re-ttl span{
	display: inline-block;
	background: #a37acc;
	padding: 0 8px;
	border-radius: 5px;
	margin-right: 7px;
	color: #fff;
	font-size: 20px;
	font-weight: normal;
	line-height: 1.8;
}
#ranking #lower_common.index .rank_newbox .new-ttl span{
	background: #45bde6;
}
#ranking #lower_common.index .rank_newbox .re-ttl span{
	background: #a37acc;
}
#ranking #lower_common.index .rank_newbox .re-box .box-tbl{
	border: solid 4px #ede5f4;
}
#ranking #lower_common.index .rank_newbox .box-tbl p{
	display: table-cell;
	vertical-align: middle;
	font-size: 13px;
	text-align: left;
	height: 70px;
}
#ranking #lower_common.index .rank_newbox .box-left {
	float: left;
}
#ranking #lower_common.index .rank_newbox .box-tbl img{
	width: 68px;
}
#ranking #lower_common.index .rank_newbox .box-tbl .box-link{
	padding-right: 20px;
}
#ranking #lower_common.index .rank_newbox .box-tbl .box-link span a{
	position: relative;
	display: inline-block;
}
#ranking #lower_common.index .rank_newbox .box-tbl .box-link span a:after{
	background-image: url(/img/icon/ico_link01.svg);
	content: "";
	position: absolute;
	background-size: 16px 16px;
	background-position: right center;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	top: 50%;
	right: -20px;
	margin-top: -8px;
}
#lower_common.index .rank-btnarea-foot{
	margin-top: 20px;
}
#lower_common.index .rank-btnarea-foot .button_check_rank{
	float: none;
	margin: 0 auto;
}
.body-class-annuity #ranking #lower_common.index .rank_list .box{
	margin-bottom: 0;
}

@media screen and (min-width: 767px) {
#ranking #lower_common.index .rank-block .is_date {
	position: static;
	text-align: right;
	margin-top: -40px!important;
	margin-bottom: 22px;
}

}
@media screen and (max-width: 767px) {
	#ranking #lower_common.index .rank_newbox .new-box,
	#ranking #lower_common.index .rank_newbox .re-box{
		width: 100%;
		float: none!important;
	}
	#lower_common.index .rank_newbox{
		border: none!important;
		padding: 0 3.125%;
	}
	#ranking #lower_common.index .rank_newbox .re-box{
		margin-top: 15px;
	}
	#ranking #lower_common.index .rank_newbox .new-ttl, 
	#ranking #lower_common.index .rank_newbox .re-ttl{
		text-align: left;
	}
/*		#ranking #lower_common.index .rank_newbox .box-tbl .box-link span:after{
	top: 0;
	margin-top: 0;
}*/
}
.rank_company_name{
  font-size: 12px;
  margin-bottom: 3px;
}
.rank_logo_caution{
	font-size: 11px;
	margin: 0 -8px 10px;
	display: block;
	text-align: left;
	text-indent: -1em;
	padding-left: 1em;
	letter-spacing: -0.01em;
	line-height: 1.3;
	color: #666;
}

.ever_0121{
	font-size: 11px;
	margin: 10px -10px 5px;
	color: #c00;
	display: block!important;
}

@media screen and (max-width:767px) {
.ever_0121{
	display: inline-block!important;
	margin-top: 5px;
	margin-bottom: 0;
	line-height: 1.3;
}
}
.button_check_rank > a{
	position: relative;
}
.button_check_rank > a > .chk_num{
	position: absolute!important;
	top: -10px!important;
	right: -7px!important;
	border-radius: 50%;
	width: 22px;
	height: 22px;
	line-height: 22px;
	background: #fff;
	display: block;
	padding: 0!important;
	text-align: center;
	font-size: 16px!important;
	color: #ff4c4c;
	border: 2px solid #ff4c4c;
	text-shadow: none;
}
@media screen and (min-width:768px) {
	.button_check_rank > a > .chk_num{
		width: 25px;
		height: 25px;
		line-height: 25px;
		font-size: 18px!important;
		top: -10px!important;
		right: -7px!important;
	}
}




/*@import "consulting.css";*/
/*------------------------------------------------------------------------------
保険コンサルティング設定
------------------------------------------------------------------------------*/
#consulting {
	margin: 0px auto;
	padding: 0px;
	width: auto;
	background: #E2E2E2 url(../img/consulting/cons_bg03.jpg) no-repeat center bottom;
}
#consulting .bg-block {
	margin: 0px auto;
	padding: 20px 25px;
	width: 740px;
	background: url(../img/consulting/cons_bg02.jpg) no-repeat center top;
}
#consulting .mg {
	margin-bottom: 400px;
}
#consulting .mg02 {
	margin-bottom: 100px;
}
#consulting .title {
	background: #C2145A;
	margin: 0px;
	padding: 20px 0px 0px 15px;
	height: 32px;
	width: 725px;
}
#consulting .lead {
	margin: 15px 0px 0px;
	padding: 0px;
}
#consulting .tit01 {
	font-size: 16px;
	margin: 30px 0px 0px;
	padding: 0px;
	width: 740px;
	border-bottom: 2px solid #C2145A;
	clear: both;
}
#consulting .input-block .text01 {
	color: #E91C24;
	text-align: right;
	margin: 10px 0px 0px;
	padding: 0px;
}
#consulting .input-block .form {
	margin: 5px 0px 0px;
	padding: 0px;
	width: 740px;
}
#consulting .input-block .form table {
	margin: 0px;
	padding: 0px;
	width: 740px;
	border-right: 1px solid #4D4D4D;
	border-bottom: 1px solid #4D4D4D;
	border-left: 1px solid #4D4D4D;
}
#consulting .input-block .form table tr th {
	background: #FCEBF1 url(../img/consulting/cons_bg01.gif) repeat-y left top;
	margin: 0px;
	padding: 7px 0px 6px 10px;
	width: 110px;
	font-weight: normal;
	vertical-align: top;
	border-top: 1px solid #4D4D4D;
}
#consulting .input-block .form table tr th .kome {
	color: #E91C24;
}
#consulting .input-block .form table tr td {
	background: #FFF;
	vertical-align: top;
	padding: 7px 0px 6px 10px;
	width: auto;
	border-top: 1px solid #4D4D4D;
}
#consulting .input-block .form table tr td span {
	display: block;
	margin-bottom: 5px;
}
#consulting .input-block .form .text03 {
	font-weight: bold;
	color: #FFF;
	background: #EC4700;
	margin: 0px;
	padding: 5px 0px 5px 10px;
	border-right: 1px solid #4D4D4D;
	border-left: 1px solid #4D4D4D;
	width: 728px;
}
#consulting .input-block .form table tr .none {
	border-top-style: none;
}
#consulting .com-btn {
	text-align: center;
	margin: 30px 0px 0px;
	padding: 0px;
}
#consulting .com-btn li {
	display: inline;
	margin: 0px;
	padding: 0px 30px;
}
#consulting .com-btn li a img {
	vertical-align: top;
}
#consulting .thanks .close {
	text-align: center;
	margin: 50px 0px 0px;
	padding: 0px;
}
#consulting .bg-block .banner {
	margin: 50px 0px 0px;
	padding: 0px;
	width: 740px;
}#consulting .thanks {
	margin: 30px 0px 0px;
	padding: 0px;
}
#consulting .thanks dl {
	background: #FDE8F0;
	margin: 0px auto;
	padding: 28px 0px 30px;
	width: 660px;
	text-align: center;
}
#consulting .thanks dl dd p {
	margin: 0px;
	padding: 13px 0px 0px;
}


/*@import "guide.css";*/
/*------------------------------------------------------------------------------
ご利用ガイド 設定
------------------------------------------------------------------------------*/
#guide{
	padding: 35px 0 0;
	line-height: 1.6;
}
#guide .ttl00,#guide .ttl02{
	margin-bottom: 10px;
}
#guide .img-center{
	width: auto;
	margin: 20px auto;
	display: block;
}
#guide .lead{
	margin: 0 0 20px 0;
}
#guide .ttl01 + .lead{
	margin-bottom: 10px;
}
#guide .hover:hover,
#guide .hover:hover img{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}
#guide .txt-arrow{
	font-size: 16px;
	margin-bottom: 3px;
}
#guide .left{
	float: left;
}
#guide .right{
	float: right;
}
#guide .img-arrow{
    margin: 7px auto;
}
#guide .box-accordion{
	margin-bottom: 0;
}
.img_site02{
	width: auto;
}
.pc-hide{
	display: none;
}

/*nav*/
#guide .nav-guide li:first-child {margin-left: 0;}
#guide .nav-guide li a {
	font-size: 18px;
	font-weight: normal;
	line-height: 1.4;
}
#guide .nav-guide li img{
	display: block;
	width: 100%;
	max-width: 113px;
	margin: 8px auto;
}
#guide .nav-guide li b{
	font-weight: bold;
}
@media screen and (min-width: 768px) {
	#guide .nav-guide li{
		flex: inherit;
		width: calc((100%/4) - 11.5px);
		margin: 0 0 0 15px;
	}
}

/*保険料検索バナー*/
#guide .txt-arrow + .search_banner{
	margin: 0;
}

/*医療保険保険料検索*/
#guide .box-search{
	width: 100%;
}
#guide .box-search .left,
#guide .box-search .right{
	width: 50%;
}
#guide .box-search li:first-child{
	margin-top: 0!important;
}
#guide .box-search li:last-child{
	margin-bottom: 0!important;
}

/*tel画像*/
#guide .img-tel{
	margin: 0 auto 30px;
}

/*コンサルバナー*/
#guide .box-consul{
	position: relative;
	width: 530px;
	height: 70px;
	margin: 0 auto;
	background: url("../guide/img/img_consul.gif");
}
#guide .box-consul .btn-consul{
	position: absolute;
	margin-top: -20px;
	top: 50%;
	right: 20px;
	display: block;
    color: #FFF;
    font-size: 20px;
    font-weight: bold;
    text-shadow: 1px 1px 1px #000;
    text-align: center;
    text-decoration: none;
    line-height: 37px;
    width: 23%;
    height: 33px;
    background-color: #e10f0f;
    border: solid 1px #990000;
    border-bottom: solid 4px #990000;
    border-radius: 10px;
	box-sizing: content-box;
}
.banner-mar .search_banner{
	margin: 0;
}

/*  767px以下のみ適応する記述 ------------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {
	#guide {padding: 20px 0px 0px;}
	#guide .pnavi {padding: 0 3.125%!important;}
	#guide .nav-guide{
		box-sizing: border-box;
		margin: 15px auto;
	}
	#guide .nav-guide li a{
		padding: 6px 5px 5px 5px;
		border-radius: 5px;
		text-align: left;
		line-height: 35px;
	}
	#guide .nav-guide li img {
		display: inline-block;
		float: left;
		height: 35px;
		width: auto;
		margin: 0 auto;
		padding-right: 15px;
	}
}
/*  スマホのみ適応する記述 ------------------------------------------------------------------------------*/
@media screen and (max-width: 660px) {
	#guide .lead{
		margin-bottom: 15px;
	}
	#guide .inner_wrap .lead{
		padding: 0!important;
	}
	#guide .img-change{
		width: 100%;
		height: auto;
	}
	#guide .box-search .left, #guide .box-search .right{
		float: none;
		width: 100%;
	}
	#guide .box-search .right {margin-top: 15px;}
}




/*@import "faq.css";*/
/*------------------------------------------------------------------------------
よくあるご質問設定
------------------------------------------------------------------------------*/
#faq {
	margin: 35px 0px 0px;
	font-family: "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, sans-serif;
}
#faq .ans{
	margin-top: 0!important;
}
#faq.medical .flink-area {border-color: #e8f3f9;}
#faq.cancer .flink-area {border-color: #f6e8ef;}
#faq.life .flink-area {border-color: #f0f6e9;}
#faq.annuity .flink-area {border-color: #ebe8f1;}
#faq.child .flink-area {border-color: #ddf3f1;}
#faq.woman .flink-area {border-color: #ffedf1;}
#faq.chronic .flink-area {border-color: #e6f0ea;}
#faq.care .flink-area {border-color: #fdecd8;}
#faq.disability .flink-area {border-color: #dfe7f6;}

/* top pnavi ------------------------------------------------------------------------------*/
#faq .rank_list {
	margin: 20px 0 0;
}
#faq .rank_list ul {
	/*display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;*/
	overflow: hidden;
}
#faq .rank_list ul li {
	float:left;
	width: 31.428571428571428571428571428571%;	/* 220/700*100 */
	margin-right:2.85714285715%;
	margin-bottom: 15px;
}
#faq .rank_list ul li:nth-child(3n) {
	margin-right:0;
}
#faq .rank_list ul li a {
	box-sizing:border-box;
	position: relative;
	overflow: hidden;
	display: block;
	text-align: center;
	text-decoration: none;
	width: 100%;
	padding: 18px 0 15px;
	margin-bottom: 5px;
	background-color: #FFF;
	border: solid 1px #CCC;
	border-radius: 8px;
	box-shadow:0px 3px 0px 0px #d9d9d9;
}
#faq .rank_list ul li a:hover::before {
	position: absolute;
	top: 0;
	left: 0;
	content: " ";
	display: block;
	width: 150%;
	height: 160%;
	background-color: rgba(255, 255, 255, 0.4);
}
#faq .rank_list ul li img {
	width: 30px;
	height: 30px;
	margin: 0 auto;
}
#faq .rank_list ul li .rank_title {
	box-sizing: border-box;
	display: block;
	color: #333;
	font-size: 22px;
	font-weight: bold;
	letter-spacing: -1px;
	padding: 0.3em 0.5em 0;
}
#faq .rank_list ul li .rank_title span {
	font-size: 18px;
}
#faq .rank_list ul li .rank_title span .line1 {
	margin-left: -9px;
}

/* pnavi ------------------------------------------------------------------------------*/
#faq .pnavi {
	margin-top: 20px;
}
#faq .pnavi ul {
	justify-content: flex-start;
}
#faq .pnavi ul li {
	flex: inherit;
	width: calc((100%/4) - 7.5px);
	margin: 8px 0 0 10px;
}
#faq .pnavi ul li:first-child,
#faq .pnavi ul li:nth-child(4n+1) {
	margin-left: 0;
}
#faq .pnavi ul li a {
	line-height: 63px;
	height: 65px;
	padding: 0 12px;
	white-space: nowrap;
}
#faq .pnavi ul li a span:not(.sp-hide) {
	display: inline-block;
	line-height: 1.4;
	text-align: left;
	vertical-align: middle;
	width: calc(100% - 40px);
	padding-left: 10px
}
#faq .pnavi ul li a img {
	vertical-align: middle;
	width: 30px;
	height: auto;
	margin-top: -2px;
}

/* question-block ------------------------------------------------------------------------------*/
#faq .question-block {
	margin: 15px 0px 0px;
	padding: 0px;
}
#faq .question-block ul {
	margin: 0px 0px 0px 0;
}
#faq .question-block ul li {
	position: relative;
	margin: 15px 0px 0px;
	padding: 1px 0px 1px 27px;
}
#faq .question-block ul li:first-child {
	margin: 0;
}
#faq .question-block ul li::before {
	content: "Q";
	position: absolute;
	top: 0px;
	left: -3px;
	display: block;
	color: #cd0205;
	font-size: 18px;
	font-weight: 500;
	text-align: center;
	line-height: 18px;
	width: 17px;
	height: 18px;
}

/* answer-block ------------------------------------------------------------------------------*/
#faq .answer-block {
}
#faq .answer-block dl {
	margin: 20px 0px 0px;
}
#faq .answer-block dt {
	position: relative;
	cursor: pointer;
	font-size: 18px;
	font-weight: bold;
	padding: 10px 45px 10px 38px;
	margin: 0px;
	border: solid 1px #CCC;
	background-image: url(../img/icon/ico_accordion_gray_open.svg);
	background-size: 26px 28px;
	background-position: right 10px top 50%;
	background-repeat: no-repeat;
}
#faq .answer-block dt::before {
	content: "Q";
	position: absolute;
	top: 5px;
	bottom: 0;
	left: 10px;
	display: block;
	color: #cd0205;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
}
#faq .answer-block dt.is_close {
	background-image: url(../img/icon/ico_accordion_gray_close.svg);
}
#faq .answer-block dl dd {
	position: relative;
	padding: 0px 0px 0px 37px;
	margin: 15px 0px 0px;
	display: none;
}
#faq .answer-block dl dd::before {
	content: "A";
	position: absolute;
	top: -5px;
	left: 8px;
	display: block;
	color: #2d4bab;
	font-size: 24px;
	font-weight: bold;
	font-family: "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	text-align: center;
}
#faq .answer-block dl dd p {
	line-height: 1.7;
}
#faq .answer-block dl dd .point {
	margin: 6px 0px 0px;
	padding: 0px;
}
#faq .answer-block dl dd .point li {
	text-indent: -5em;
	margin: 0px 0px 5px 5em;
	padding: 0px;
}
#faq .answer-block dl dd .point li span {
	font-weight: bold;
}
#faq .answer-block dl dd .list02 {
	margin: 6px 0px 0px;
	padding: 0px;
}
#faq .answer-block dl dd .list02 li {
	text-indent: -1em;
	margin: 0px 0px 5px 1em;
	padding: 0px;
}
#faq .answer-block dl dd .list02 li span {
	font-weight: bold;
}

#faq .answer-block .link01 {margin-top: 10px!important;}
#faq .answer-block .link01:last-child {margin-bottom: 0!important;}
#faq .flink-area{
	text-align: center;
	border: solid 4px #e8f3f9;
	margin: 20px 0 0px;
	padding: 0 15px;
}
#faq .flink-area p.link01{
	margin: 10px!important;
	line-height: 1.7;
}




/*@import "glossary.css";*/
/*------------------------------------------------------------------------------
保険用語集設定
------------------------------------------------------------------------------*/
#glossary {
	padding: 35px 0 0;
}
#glossary p {
	line-height: 1.7;
}
#glossary .pnavi {
	margin: 20px 40px 0px;
}
#glossary .pnavi li a {
	padding: 0.5em 0.25em;
	box-shadow:0px 2px 0px 0px #d9d9d9;
}
#glossary .pnavi li a:hover {
	opacity: 0.6;
}
#glossary .word table {
	background: #CCC;
	width: 100%;
	padding: 0px;
	margin: 30px 0px 0!important;
	border-spacing: 1px;
}
#glossary .word table tr td {
	text-align: left;
	vertical-align: top;
	width: 50%;
	padding: 8px 15px;
	margin: 0px;
	background: #FFF;
	font-size: 16px;
}
#glossary .word dl dt.ttl03 {
	margin: 35px 0 15px!important;
	padding: 12px 15px 10px;
	font-size: 20px;
}




/*@import "ihoken.css";*/
/* ttl02 ------------------------------------------------------------------------------*/
@media screen and (min-width: 768px) {
	.ihoken-top .ttl02 {
	}
}
.ihoken-top .ttl02 {
	background-color: #f2f6fb;
}
.ihoken-top .ttl05 {
	border-bottom: solid 2px #0680c2;
}
.ihoken-top .ttl05::before {
	color: #1e8bd7;
}




/*------------------------------------------------------------------------------
ｉ保険が選ばれる理由設定
------------------------------------------------------------------------------*/
.ihoken-top {
	margin: 30px 0 0;
}

/* .view ------------------------------------------------------------------------------*/
.ihoken-top {
	margin: 0px;
	padding: 30px 0px 0px;
	font-family: "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
}
.ihoken-top .title {
	background: #E6800A;
	margin: 0px;
	padding: 20px 0px 0px 15px;
	height: 32px;
	width: 725px;
}
.ihoken-top .view {
/*
	background-image: url(../img/ihoken/ihoken_view_02.png), url(../img/ihoken/ihoken_view_01.png);
	background-size: contain, contain;
	background-position: right, left;
	background-repeat: no-repeat;
	background-repeat: no-repeat;
*/
background-image: url(../img/ihoken/ihoken_view.jpg);
background-size: 100% 100%;
background-position: left;
background-repeat: no-repeat;
	margin: 20px 0px 0px;
	padding: 0px;
	min-height: 160px;
	width: 100%;
	position: relative;
}
.ihoken-top .view h3,.ihoken-top .view h2 {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	position: absolute;
	top: 20px;
	left: 30px;
	font-size: 16px;
	font-weight: bold;
	color: #DB0000;
}
.ihoken-top .view h3 span,.ihoken-top .view h2 span {
	font-size: 23px;
}
.ihoken-top .view p.catch {
	font-eize: 18px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	position: absolute;
	top: 25px;
	left: 210px;
	font-size: 19px;
	color: #c03;
	letter-spacing: 0px;
	height: 32px;
	font-weight: bold;
}
.ihoken-top .view p.catch span {
	font-eize: 22px;
	font-size: 23px;letter-spacing: -0.5px;
}
.ihoken-top .view p.text {
	font-eize: 18px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	position: absolute;
	top: 71px;
	left: 16px;
	font-size: 18px;
	color: #000;
	line-height: 1.3;
}
.ihoken-top .view p.text span {
	font-size: 22px;
	font-weight: bold;
	color: #c30;
}
.ihoken-top .view p {
	margin: 0px;
	padding: 0px;
	position: absolute;
	bottom: 8px;
	left: 529px;
	font-size: 10px;
	letter-spacing: 1px;
}
.ihoken-top .view ul {
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	position: absolute;
	top: 133px;
	left: 28px;
	height: 20px;
}
.ihoken-top .view ul li {
	background: url(../ihoken/img/ihoken_icon01.gif) no-repeat left center;
	margin: 0px 10px 0px 0px;
	padding: 0px 0px 0px 14px;
	float: left;
	display: inline;
}
.ihoken-top .view ul .mg {
	background: url(../ihoken/img/ihoken_icon01.gif) no-repeat left center;
	position: relative;
	top: 0px;
	left: 0px;
}
.ihoken-top .view ul li a {
	color: #C91D1D;
}
.ihoken-top .view ul li a .col {
	color: #333;
}

/* .reason-block ------------------------------------------------------------------------------*/

.ihoken-top .reason-block dl.first {
	margin-top: 30px;
}
.ihoken-top .reason-block dl {
	position: relative;
	margin: 20px 0px 0px;
}
.ihoken-top .reason-block dl dd {
	padding: 0px;
	margin: 10px 0px 10px!important;
}
.ihoken-top .reason-block .image01 {
	width: 100%;
	max-width: 650px;
	margin: 10px auto;
}
.ihoken-top .reason-block .image01-sp {
	display: none;
}
.ihoken-top .reason-block .image01 img, 
.ihoken-top .reason-block .image02 img, 
.ihoken-top .reason-block .image03 img, 
.ihoken-top .reason-block .image04 img {
	width: 100%;
	height: auto;
	margin-top: 10px;
}
.ihoken-top .reason-block .r02 .text {
	float: left;
	width: 74.285714285714285714285714285714%;	/* 520/700*100 */
}
.ihoken-top .reason-block .r02 .image02 {
	float: right;
	width: 23.714285714285714285714285714286%;	/* 166/700*100 */
	max-width: 166px;
	margin: 0 auto;
}

.ihoken-top .reason-block .r03 .text {
	float: left;
	width: 74.285714285714285714285714285714%;	/* 520/700*100 */
}
.ihoken-top .reason-block .r03 .text span {
	font-size: 12px;
	display: block;
	margin-top: 14px;
}
.ihoken-top .reason-block .r03 .image03 {
	float: right;
	width: 16.285714285714285714285714285714%;	/* 114/700*100 */
	max-width: 114px;
	margin: 0 auto;
}

.ihoken-top .reason-block .r04 .text {
	float: left;
	width: 74.285714285714285714285714285714%;	/* 520/700*100 */
}
.ihoken-top .reason-block .r04 .image04 {
	float: right;
	width: 18.857142857142857142857142857143%;	/* 132/700*100 */
	max-width: 132px;
	margin: 0 auto;
}

.ihoken-top .reason-block .privacy {
	width: auto;
	font-size: 14px;
	padding: 10px 10px 10px 110px;
	margin: 10px 10px 0;
	border: 1px solid #ccc;
	background: url(//www.ifcreate.com/img/privacy/pmark.svg) no-repeat 20px center;
  background-size: 75px 75px;
}
.ihoken-top .reason-block .isms {
	padding: 10px 10px 10px 110px;
	font-size: 14px;
	margin: 10px 10px 30px;
	border: 1px solid #CCC;
	background: url(//www.ifcreate.com/img/privacy/privacy_isms.svg) no-repeat 10px center;
  background-size: 87px 42px;
}

/* .about-block ------------------------------------------------------------------------------*/
.ihoken-top .about-block {
	margin: 0 0px 0px;
	padding: 0px;
}
.ihoken-top .about-block dl.first {
	margin-top: 30px;
}
.ihoken-top .about-block dl {
	margin-top: 20px;
	padding: 0px;
}
.ihoken-top .about-block dl dd {
	margin: 10px 0px!important;
}
.ihoken-top .about-block dl dd p {
}

.ihoken-top .yakusoku-block {
	margin: 20px 0px 0px;
}
.ihoken-top .ttl06 {
    border-bottom: dotted 1px #014aac;
}
.ihoken-top .yakusoku-block ul {
	margin: 15px 0px 0px!important;
	padding: 0px;
}
.ihoken-top .yakusoku-block ul li {
	margin: 0px 0px 10px;
}
.ihoken-top .yakusoku-block ul li:last-child {
	margin: 0px 0px 0;
}
.ihoken-top .yakusoku-block ul li span {
	display: block;
}




/*@import "kiso-med.css";*/
/*@import "medical-sp.css";*/
/*------------------------------------------------------------------------------
共通設定
------------------------------------------------------------------------------*/
#medical #kiso span.txt-co-medical{
	color: #1e8bd7;
	font-weight: bold;
}

#content #medical #kiso table .f02 { background-color:#fff9a7; }
#content #medical #kiso table .f04 { background-color:#ffd9df; }
#content #medical #kiso table .f05 { background-color:#ffaeb8; }

#medical #kiso .rei {
	text-indent: -3em;
	padding-left: 3em;
}

/*------------------------------------------------------------------------------
医療保険の選び方設定
------------------------------------------------------------------------------*/
#medical #kiso .select .check-block ul.check-box{
	border: 1px solid #ccc;
	padding: 0 3.125% 15px;
	margin-top: 20px;
	border-radius: 10px;
}
#medical #kiso .select .check-block ul.check-box > li{
	padding-bottom: 15px;
	border-bottom: 1px dashed #ccc;
}
#medical #kiso .select .check-block ul li:last-child{
	border: none;
	padding-bottom: 0;
}
#medical #kiso .select .check-block dl dt{
	position: relative;
	font-size: 16px;
	font-weight: bold;
	padding: 10px 8px 8px 48px;
	margin: 15px 0 10px;
	background: #e8f3f9;
	border-radius: 5px;
}
#medical #kiso .select .check-block dl dt::before{
	content: '';
	box-sizing: border-box;
	position: absolute;
	display: inline-block;
	vertical-align: middle;
	width: 23px;
	height: 23px;
	border: 1px solid #ccc;
	border-radius: 3px;
	box-shadow: none;
	background: rgb(255,255,255);
	left: 12px
}
#medical #kiso .select .check-block dl dt::after{
	position: absolute;
	top: 12px;
	left: 13px;
	content: url(../img/icon/ico_check_dark.svg);
	width: 21px;
	height: 17px;
}
#medical #kiso .select .check-block dl dd .relation-link{
	margin: 15px 0 5px!important;
}
@media screen and (min-width: 768px) {
	#medical #kiso .select .check-block ul.check-box {padding: 0 20px 20px;}
	#medical #kiso .select .check-block ul.check-box > li {padding-bottom: 20px;}
	#medical #kiso .select .check-block ul.check-box > li:last-child {padding-bottom: 0;}
	#medical #kiso .select .check-block dl dt{font-size: 18px; margin: 20px 0 12px;}
	#medical #kiso .select .check-block dl dt::before{width: 25px; height: 25px;}
	#medical #kiso .select .check-block dl dt::after{width: 23px;}
}
/*------------------------------------------------------------------------------
先進医療の特徴と治療費について設定
------------------------------------------------------------------------------*/
#medical #kiso .senshin .ikura-block .hiyou-txt {
	color: #ff834d;
	display: table;
	margin: 0 auto;
	font-weight: bold;
	font-size: 16px;
	border: 2px solid #ffe6de;
	border-radius: 8px;
}
#medical #kiso .senshin .ikura-block .hiyou-txt span{
	font-size: 26px;
}
#medical #kiso .senshin .ikura-block .hiyou-txt p{
	padding: 5px 15px;
	text-align: center;
}
#medical #kiso .senshin .ikura-block .hiyou-txt p:first-child{
	background-color: #ffe6de;
}
@media screen and (min-width: 768px) {
	#medical #kiso .senshin .ikura-block .hiyou-txt {width: 90%;}
	#medical #kiso .senshin .ikura-block .hiyou-txt p:first-child{width: 50%;}
	#medical #kiso .senshin .ikura-block .hiyou-txt p{padding: 10px 15px; display: table-cell;}
}
/*------------------------------------------------------------------------------
長期入院に備える保障は必要？設定
------------------------------------------------------------------------------*/
#medical #kiso .long .cover-block .line:first-of-type { border-top: dotted 2px #CCC;}

/*------------------------------------------------------------------------------
長期入院に備える保障は必要？／入院の費用ってどのくらいかかるの？設定
------------------------------------------------------------------------------*/
#medical #kiso .nyuin .jiko-block dl {
	width: 100%;
	color: #1e8bd7;
	font-size: 16px;
	margin: 10px auto;
	text-align: center;
	display: block;
}
#medical #kiso .nyuin .jiko-block dt {
	padding: 10px 10px 8px;
	margin-bottom: 5px;
	background: #e8f3fb;
	border-radius: 20px
}
#medical #kiso .nyuin .jiko-block dd { font-weight: bold;}
#medical #kiso .nyuin .jiko-block dd span { font-size: 26px; padding: 0 3px;}

#medical #kiso .nyuin .cover-block .cover-block__box{
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
#medical #kiso .nyuin .cover-block .cover-block__box .box_01,
#medical #kiso .nyuin .cover-block .cover-block__box .box_02 {width: 100%;}
#medical #kiso .long .cover-block .line,
#medical #kiso .nyuin .cover-block .line {
	width: 100%;
	margin: 0px;
	border-bottom: dotted 2px #CCC;
}
#medical #kiso .long .cover-block .line dl,
#medical #kiso .nyuin .cover-block .line dl {
	box-sizing: border-box;
	padding: 0px 0px 0px 65px;
	margin: 15px 0 20px 5px;
}
#medical #kiso .long .cover-block .line dl dt,
#medical #kiso .nyuin .cover-block .line dl dt {
	font-size: 18px;
	font-weight: bold;
}
#medical #kiso .long .cover-block .icon01,
#medical #kiso .long .cover-block .icon02,
#medical #kiso .long .cover-block .icon03,
#medical #kiso .long .cover-block .icon04,
#medical #kiso .nyuin .cover-block .icon01,
#medical #kiso .nyuin .cover-block .icon02,
#medical #kiso .nyuin .cover-block .icon03,
#medical #kiso .nyuin .cover-block .icon04 {background-size: 50px 50px!important;}
#medical #kiso .long .cover-block .icon01,
#medical #kiso .nyuin .cover-block .icon01 {background: url(../img/medical/kiso/ico_nyuinhiyou01.svg) no-repeat left top;}
#medical #kiso .long .cover-block .icon02,
#medical #kiso .nyuin .cover-block .icon02 {background: url(../img/medical/kiso/ico_nyuinhiyou02.svg) no-repeat left top;}
#medical #kiso .long .cover-block .icon03,
#medical #kiso .nyuin .cover-block .icon03 {background: url(../img/medical/kiso/ico_nyuinhiyou03.svg) no-repeat left top;}
#medical #kiso .long .cover-block .icon04,
#medical #kiso .nyuin .cover-block .icon04 {background: url(../img/medical/kiso/ico_nyuinhiyou04.svg) no-repeat left top;}
#medical #kiso .long .cover-block .icon01 dt,
#medical #kiso .nyuin .cover-block .icon01 dt {color: #44C3D8;}
#medical #kiso .long .cover-block .icon02 dt,
#medical #kiso .nyuin .cover-block .icon02 dt {color: #85BF62;}
#medical #kiso .long .cover-block .icon03 dt,
#medical #kiso .nyuin .cover-block .icon03 dt {color: #ffa300;}
#medical #kiso .long .cover-block .icon04 dt,
#medical #kiso .nyuin .cover-block .icon04 dt {color: #FF834D;}
#medical #kiso .long .cover-block .line dl dd,
#medical #kiso .nyuin .cover-block .line dl dd {margin: 5px 0px 0px;}
#medical #kiso .nyuin .block02 .title {color: #1e8bd7;}
#medical #kiso .nyuin .cover-block .icon01 .ttl05::before {color: #40b7d3;}

@media screen and (min-width: 768px) {
	#medical #kiso .nyuin .jiko-block .jikohutan{
		display: flex;
		flex-wrap: wrap;
	}
	#medical #kiso .nyuin .jiko-block dl {
		flex: 1;
		flex-direction: column;
		font-size: 18px;
		margin: 10px auto;
	}
	#medical #kiso .nyuin .jiko-block dl {margin-left: 20px; margin-right: 20px;}
	#medical #kiso .nyuin .jiko-block dd span { font-size: 30px;}

	#medical #kiso .long .cover-block .line dl,
	#medical #kiso .nyuin .cover-block .line dl {
	width: 100%;
		padding: 0px 0px 0px 85px;
		margin: 20px 0;
	}
	#medical #kiso .long .cover-block .line dl dt,
	#medical #kiso .nyuin .cover-block .line dl dt {
		padding-top: 5px;
		font-size: 20px;
	}
	#medical #kiso .long .cover-block .icon01,
	#medical #kiso .long .cover-block .icon02,
	#medical #kiso .long .cover-block .icon03,
	#medical #kiso .long .cover-block .icon04,
	#medical #kiso .nyuin .cover-block .icon01,
	#medical #kiso .nyuin .cover-block .icon02,
	#medical #kiso .nyuin .cover-block .icon03,
	#medical #kiso .nyuin .cover-block .icon04 {background-size: 65px auto!important;}
	#medical #kiso .nyuin .cover-block .cover-block__box .box_01,
	#medical #kiso .nyuin .cover-block .cover-block__box .box_02 {width: 48%;}
}
/*------------------------------------------------------------------------------
医療費の自己負担額が高額になってしまったら？設定
------------------------------------------------------------------------------*/
#medical #kiso .jiko-f .about-block .txt-arrow{
	text-align: center;
	position: relative;
	font-size: 16px;
	margin-top: 45px;
}
#medical #kiso .jiko-f .about-block .txt-arrow::before{
	content: '';
	position: absolute;
	display: block;
	top: -30px;
	right: 50%;
	margin-right: -25px;
	border-top: 20px solid #ffe266;
	border-left: 30px solid transparent;
	border-right: 30px solid transparent;
}
@media screen and (min-width: 768px) {
	#medical #kiso .jiko-f .about-block .txt-arrow{	font-size: 18px;}
}
#medical #kiso .jiko-f .mediJikoTable .orange{ background-color: #FFD367;}
#medical #kiso .jiko-f .mediJikoTable span,
#woman #kiso .jiko-f .mediJikoTable span{ font-weight: bold;}
#medical #kiso .jiko-f .mediJikoTable th.line,
#woman #kiso .jiko-f .mediJikoTable th.line{ border-right: none;}
#medical #kiso .jiko-f .mediJikoTable th.line-l,
#woman #kiso .jiko-f .mediJikoTable th.line-l{ border-left: none;}

/*------------------------------------------------------------------------------
高齢者の公的医療制度と老後の医療保険の備え設定
------------------------------------------------------------------------------*/
#medical #kiso .kourei .mediJikoTable {
	width: 100%;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
	border-collapse: collapse;
}
#medical #kiso .kourei .mediJikoTable th { border-left: none;}
#medical #kiso .kourei .mediJikoTable span { font-weight: bold;}
#medical #kiso .kourei .mediJikoTable th.line { border-right: none;}

/*------------------------------------------------------------------------------
子どもの医療保険は必要？設定
------------------------------------------------------------------------------*/
#medical #kiso .child .assist_block table.left{
	width:48.5%;
	float:left;
}
#medical #kiso .child .assist_block table.right{
	width:48.5%;
	float:right;
}
#medical #kiso .child .assist_block table thead th{
	color: #fff;
	background: #666;
}
#medical #kiso .child .assist_block table thead th.wid25{width: 25%;}
#medical #kiso .child .assist_block table thead th.wid30{width: 30%;}

@media screen and (max-width: 767px) {
	#medical #kiso .child .assist_block table.left,
	#medical #kiso .child .assist_block table.right{
		float: none;
		width: 100%;
	}
	#medical #kiso .child .assist_block table.left {margin-bottom: 15px;}
}



/*@import "kiso-gan.css";*/
/*@import "gan-sp.css";*/
/*------------------------------------------------------------------------------
共通設定
------------------------------------------------------------------------------*/
#gan #kiso span.txt-co-gan{
	color: #9C004A;
	font-weight: bold;
}

#gan #kiso table .m_color {background-color:#cceeff;}
#gan #kiso table .w_color {background-color:#ffe1f2;}

/*------------------------------------------------------------------------------
がん保険の必要性設定
------------------------------------------------------------------------------*/
#gan #kiso .need .image01 {width: 700px;}
#gan #kiso .need .image03 {width: 640px;}
#gan #kiso .mediJikoTable .orange { background-color: #FFD367; }
#gan #kiso .mediJikoTable th { font-weight: normal;}
#gan #kiso .mediJikoTable span { font-weight: bold;}

@media screen and (max-width: 767px) {
#gan #kiso .need .image03 {max-width: 361px!important;}
}
/*------------------------------------------------------------------------------
がん保険の選び方設定
------------------------------------------------------------------------------*/
#gan #kiso .select #sec-block02 .image01 {width: 350px;}
#gan #kiso .select #sec-block04 .table table tr .t01 {
	background: #9C004A;
	color: #FFF;
	width: 250px;
}
#gan #kiso .select #sec-block04 .table table tr .t02 {background: #E6E6E6;}
#gan #kiso .select #sec-block04 .table table tr .t03 {
	background: #0680C2;
	color: #fff;
	width: 250px;
}
#gan #kiso .select #sec-block04 .table table tr .col01 {background: #FBF3F7;}
#gan #kiso .select #sec-block04 .table table tr .col03 {background: #ECF5FA;}

#gan #kiso .select .check-block ul.check-box{
	border: 1px solid #ccc;
	padding: 0 3.125% 15px;
	margin-top: 20px;
	border-radius: 10px;
}
#gan #kiso .select .check-block ul.check-box > li{
	padding-bottom: 15px;
	border-bottom: 1px dashed #ccc;
}
#gan #kiso .select .check-block ul li:last-child{
	border: none;
	padding-bottom: 0;
}
#gan #kiso .select .check-block dl dt{
	position: relative;
	font-size: 16px;
	font-weight: bold;
	padding: 10px 8px 8px 48px;
	margin: 15px 0 10px;
	background: #faebf2;
	border-radius: 5px;
}
#gan #kiso .select .check-block dl dt p:last-child{
	font-size: 12px;
	font-weight: normal;
}
#gan #kiso .select .check-block dl dt::before{
	content: '';
	box-sizing: border-box;
	position: absolute;
	display: inline-block;
	vertical-align: middle;
	width: 23px;
	height: 23px;
	border: 1px solid #ccc;
	border-radius: 3px;
	box-shadow: none;
	background: rgb(255,255,255);
	left: 12px
}
#gan #kiso .select .check-block dl dt::after{
	position: absolute;
	top: 12px;
	left: 13px;
	content: url(../img/icon/ico_check_dark.svg);
	width: 21px;
	height: 17px;
}
#gan #kiso .select .check-block dl dd .relation-link{
	margin: 15px 0 5px!important;
}
@media screen and (min-width: 768px) {
	#gan #kiso .select .check-block ul.check-box {padding: 0 20px 20px;}
	#gan #kiso .select .check-block ul.check-box > li {padding-bottom: 20px;}
	#gan #kiso .select .check-block ul.check-box > li:last-child {padding-bottom: 0;}
	#gan #kiso .select .check-block dl dt{font-size: 18px; margin: 20px 0 12px;}
	#gan #kiso .select .check-block dl dt::before{width: 25px; height: 25px;}
	#gan #kiso .select .check-block dl dt::after{width: 23px;}
}
/*------------------------------------------------------------------------------
がん保険の主な給付金
------------------------------------------------------------------------------*/
#gan #kiso .kyufu #sec-block01 section div p:first-child,
#gan #kiso .kyufu #sec-block02 section div p:first-child {
	font-weight: bold;
	color: #9C004A;
}
/*------------------------------------------------------------------------------
がん保険のメリット・デメリット設定
------------------------------------------------------------------------------*/
#gan #kiso .merit .image01 {max-width: 539px;}

/*------------------------------------------------------------------------------
「がん」とはどんな病気？設定
------------------------------------------------------------------------------*/
#gan #kiso .about .image01 {max-width: 685px;}

/*------------------------------------------------------------------------------
がんの種類や治療法
------------------------------------------------------------------------------*/
#gan #kiso .type #sec-block01 table th {
	color: #FFF;
	background: #666;
	width: 25%;
}
#gan #kiso .type #sec-block01 table td {
	text-align: left;
	padding: 10px;
}
@media screen and (min-width: 768px) {
	#gan #kiso .type #sec-block01 table th {width: auto;}
}
/*------------------------------------------------------------------------------
女性特有のがんとは ～乳がん～設定
------------------------------------------------------------------------------*/
#gan #kiso .toku02 .sikumi-block .text {
	float: left;
	width:  71%;
}
#gan #kiso .toku02 .sikumi-block .image01 {
	float: right;
	width: 100%;
	max-width: 220px;
}
@media screen and (max-width: 767px) {
#gan #kiso .toku02 .sikumi-block .text{
	float: none;
	width: 100%;
}
#gan #kiso .toku02 .sikumi-block .image01{
	float: none;
	width: 220px!important;
	text-align: center;
	margin: 0 auto;
}
}
/*------------------------------------------------------------------------------
女性特有のがんとは～子宮がん・卵巣がん・膣がん～設定
------------------------------------------------------------------------------*/
#gan #kiso .toku01 .syurui-block .link_area ul {
	float: left;
	width: 40%;
}
#gan #kiso .toku01 .syurui-block .link_area .link01 a::after {
	top: 7px;
	left: 5px;
	transform: rotate(135deg);
}
#gan #kiso .toku01 .syurui-block .link_area .image01 {
	float: right;
	width: 100%;
	max-width: 405px;
}
#gan #kiso .toku01 .gan01-block .image02 {width: 640px;}

@media screen and (max-width: 767px) {
#gan #kiso .toku01 .syurui-block .link_area ul,
#gan #kiso .toku01 .syurui-block .link_area .image01{
	float: none;
	width: 100%;
	margin: 0 auto;
}
}



/*@import "kiso-life.css";*/
/*@import "life-sp.css";*/
/*------------------------------------------------------------------------------
共通設定
------------------------------------------------------------------------------*/
#life #kiso span.txt-co-life{
	color: #67a624;
	font-weight: bold;
}

#life #kiso table .sp-hide {
	display: inline;
}

/*------------------------------------------------------------------------------
死亡保険の選び方設定
------------------------------------------------------------------------------*/
#life #kiso .select .image01,
#life #kiso .select .image02,
#life #kiso .select .image03 {max-width: 640px;}

/*------------------------------------------------------------------------------
死亡保険の見直し方設定
------------------------------------------------------------------------------*/
#life #kiso .minaoshi .image01,
#life #kiso .minaoshi .image02,
#life #kiso .minaoshi .image03 {max-width: 640px;}
#life #kiso .minaoshi .image04 {max-width: 636px;}

/*------------------------------------------------------------------------------
終身保険（死亡保険）設定
------------------------------------------------------------------------------*/
#life #kiso .syushin .image01,
#life #kiso .syushin .image02,
#life #kiso .syushin .image03 {max-width: 640px;}

/*------------------------------------------------------------------------------
定期保険（死亡保険）設定
------------------------------------------------------------------------------*/
#life #kiso .teiki .f_text {
	float: left;
	width: 440px;
}
#life #kiso .teiki .f_img {
	float: right;
	width: 340px;
}
#life #kiso .teiki .teigen .image01,
#life #kiso .teiki .syunyu .image02 {max-width: 640px;}

@media screen and (max-width: 767px) {#life #kiso .teiki .f_text,
#life #kiso .teiki .f_img {
	float: none;
	width: 100%;
}
}
/*------------------------------------------------------------------------------
死亡保険（養老保険）設定
------------------------------------------------------------------------------*/
#life #kiso .yorou .image01 {max-width: 640px;}

/*------------------------------------------------------------------------------
必要保障額の考え方設定
------------------------------------------------------------------------------*/
#life #kiso .hosyogaku .image01,
#life #kiso .hosyogaku .image02,
#life #kiso .hosyogaku .image03,
#life #kiso .hosyogaku .image04 {max-width: 640px;}
#life #kiso .hosyogaku .image05 {max-width: 700px;}

#life #kiso .hosyogaku .if .block04 dt {color: #67a624;}
#life #kiso .hosyogaku .if .block04 .link01 {margin: 10px 0 5px!important;}
@media screen and (min-width: 768px) {
	#life #kiso .hosyogaku .if .block04 dt {font-size: 18px;}
	#life #kiso .hosyogaku .if .block04 dd {font-size: 16px;}
}

#life #kiso .hosyogaku .meyasu-block table,
#life #kiso .hosyogaku .meyasu-block table th,
#life #kiso .hosyogaku .meyasu-block table td {border: solid 1px;}
#life #kiso .hosyogaku .meyasu-block table tbody th {
	font-weight: normal;
	width: 50%;
	background-color: #fff;
}
#life #kiso .hosyogaku .meyasu-block table tbody td {font-weight: bold;}
#life #kiso .hosyogaku .meyasu-block table.tb_01 thead th {color: #249cf2; background-color: #c8e5fa;}
#life #kiso .hosyogaku .meyasu-block table.tb_02 thead th {color: #f24965; background-color: #ffe5ec;}
#life #kiso .hosyogaku .meyasu-block table.tb_01 tbody td {color: #249cf2;}
#life #kiso .hosyogaku .meyasu-block table.tb_02 tbody td {color: #f24965;}
#life #kiso .hosyogaku .meyasu-block table.tb_01,
#life #kiso .hosyogaku .meyasu-block table.tb_01 th,
#life #kiso .hosyogaku .meyasu-block table.tb_01 td {border-color: #c8e5fa;}
#life #kiso .hosyogaku .meyasu-block table.tb_02,
#life #kiso .hosyogaku .meyasu-block table.tb_02 th,
#life #kiso .hosyogaku .meyasu-block table.tb_02 td {border-color: #ffe5ec;}

/*------------------------------------------------------------------------------
万一の場合の必要保障額の算出方法は？設定
------------------------------------------------------------------------------*/
#life #kiso .san .image01 {width: 640px;}
#life #kiso .san .image02 {width: 375px;}

#life #kiso .san .san_box001{
	overflow: hidden;
	padding: 0 80px;
}
#life #kiso .san .san_box001 ul:nth-of-type(1),
#life #kiso .san .san_box001 ul:nth-of-type(2){
	float: left;
	width: 310px;
	height: 224px;
	background-size:100% auto;
}
#life #kiso .san .san_box001 ul:nth-of-type(1){
	background: url(../img/life/kiso/sansyutsu_img001.png);
}
#life #kiso .san .san_box001 ul:nth-of-type(2){
	margin-left: 20px;
	background: url(../img/life/kiso/sansyutsu_img002.png);
}
#life #kiso .san .san_box001 ul li {text-indent: -9999px;}
#life #kiso .san .waku{
	overflow: hidden;
	margin-top: 10px;
	padding: 10px 15px;
	border: 1px solid #ddd;
}
#life #kiso .san .thumi-block .waku{display: inline-block;}
#life #kiso .san .waku ul {
	float: left;
	width: 50%;
}
#life #kiso .san .ico_pink::after,
#life #kiso .san .ico_blue::after{
	display: inline-block;
	padding: 0 5px;
	border-radius: 5px;
	position: relative;
	bottom: 3px;
	font-size: 14px;
	color: #fff;
}
#life #kiso .san .ico_pink::after{
	content: "支出";
	background-color: #d9366c;
}
#life #kiso .san .ico_blue::after{
	content: "収入";
	background-color: #174299;
}
#life #kiso .san .box_table01 table,
#life #kiso .san .box_table02 table {border: 1px solid #fff;}
#life #kiso .san .box_table01 table th,
#life #kiso .san .box_table02 table th {border: 2px solid #fff;}
#life #kiso .san .box_table01 table th {background-color: #ffdbe6; color: #d9366c;}
#life #kiso .san .box_table02 table th {background-color: #dbe6ff; color: #174299;}
#life #kiso .san .box_table01 table td,
#life #kiso .san .box_table02 table td{
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
}
#life #kiso .san .box_table01 table td {background-color: #ffebf1;}
#life #kiso .san .box_table02 table td {text-align: left; background-color: #ebf1ff;}
#life #kiso .san .box_table01 table td.grey,
#life #kiso .san .box_table02 table td.grey,
#life #kiso .san .box_table01 table td.pink,
#life #kiso .san .box_table02 table td.blue{
	width: 16%;
	text-align:right;
}
#life #kiso .san .box_table01 table td.grey,
#life #kiso .san .box_table02 table td.grey {background-color: #f1f1f1;}
#life #kiso .san .box_table01 table td.pink {background-color: #d9366c; color: #fff;}
#life #kiso .san .box_table02 table td.blue{background-color: #174299; color: #fff;}
#life #kiso .san .box_arow:after {
	content: " ";
	box-sizing: border-box;
	display: block;
	margin: 15px auto;
	width: 0;
	height: 0px;
	border-top: 32px solid #67a624;
	border-right: 150px solid transparent;
	border-bottom: 0px solid transparent;
	border-left: 150px solid transparent;
}
@media screen and (max-width: 767px) {
#life #kiso .san .san_box001 {padding: 0;}
#life #kiso .san .san_box001 ul:nth-of-type(1),
#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;
}
#life #kiso .san .san_box001 ul:nth-of-type(1) {margin-bottom: 20px;}
#life #kiso .san .san_box001 ul:nth-of-type(2) {margin-left: 0;}
#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 .image01 {width: 640px;}
#life #kiso .izoku .image02 {width: 400px;}
#life #kiso .izoku .check-block .gaisan {position: relative;}
#life #kiso .izoku .check-block .gaisan form ol li {
	margin: 15px 0px 0px;
	overflow: hidden;
}
#life #kiso .izoku .check-block .gaisan form ol li .step {
	display: inline-block;
	color: #67a624;
	font-size: 18px;
	font-weight: bold;
	vertical-align: middle;
	width: 267px;
}
#life #kiso .izoku .check-block .gaisan form ol li .step span {
	font-size: 26px;
	padding-right: 10px;
}
#life #kiso .izoku .check-block .gaisan form ol li .step span.small {
	color: #333;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
}
#life #kiso .izoku .check-block .gaisan form ol li .input {
	display: inline-block;
	vertical-align: middle;
}
#life #kiso .izoku .check-block .gaisan form ol li .input input {
	vertical-align: middle;
}
#life #kiso .izoku .check-block .gaisan form ol li .input label,
#life #kiso .izoku .check-block .gaisan form ol li .input select {font-size: 16px;}
#life #kiso .izoku .check-block .gaisan form ol li .input select {height: 30px;}
#life #kiso .izoku .check-block .gaisan form .kei_wrap {
	position: absolute;
	right: 0px;
	bottom: 0px;
	font-size: 22px;
	vertical-align: bottom;
}
#life #kiso .izoku .check-block .gaisan form .kei_wrap .kei {
	display: inline-block;
	font-size: 26px;
	font-weight: bold;
	vertical-align: bottom;
	line-height: normal;
	text-align: right;
	width: auto;
	min-width: 3.5em;
	height: 31px;
	padding: 8px 1em 8px 0.25em;
	margin: 0px 3px;
	border: solid 1px #EFEFEF;
	box-shadow: 0 0 1px 1px rgba(0,0,0,0.3) inset;
	border-radius: 5px;
}
#life #kiso .izoku .mame-block .arrow::before{
	content: " ";
	box-sizing: border-box;
	display: block;
	margin: 20px auto;
	width: 0;
	height: 0px;
	border-top: 25px solid #67a624;
	border-right: 80px solid transparent;
	border-bottom: 0px solid transparent;
	border-left: 80px solid transparent;
}
@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;
	}
}
@media screen and (max-width: 767px) {
	#life #kiso .izoku .check-block .box_01 .text,
	#life #kiso .izoku .check-block .box_01 .image02 {
		float: none;
		width: 100%;
	}
	#life #kiso .izoku .check-block .gaisan form ol li .step,
	#life #kiso .izoku .check-block .gaisan form ol li .input,
	#life #kiso .izoku .check-block .gaisan form ol li .input label{
		display: block;
		width: 100%;
	}
	#life #kiso .izoku .check-block .gaisan form ol li .input {margin-bottom: 15px;}
	#life #kiso .izoku .check-block .gaisan form ol li .input label {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 .meyasu table,
#life #kiso .meyasu th,
#life #kiso .meyasu td,
#life #kiso .meyasu thead,
#life #kiso .meyasu tbody {
	border-spacing: 0;
	border: none;
	empty-cells: show;
}
#life #kiso .meyasu table tbody th {border: solid 2px #FFF;}
#life #kiso .meyasu table tbody td {
	background-color: #FFF;
	border: solid 2px #FFF;
	text-align: left;
	padding: 10px;
}
#life #kiso .meyasu table tbody th:first-child,
#life #kiso .meyasu table tbody td:first-child {border-left: none !important;}
#life #kiso .meyasu table tbody th:last-child,
#life #kiso .meyasu table tbody td:last-child {border-right: none !important;}
#life #kiso .meyasu table tbody th.th01,
#life #kiso .meyasu table tbody th.th02 {width: 10%;}
#life #kiso .meyasu table tbody th.th01.type02 {width: 24%;}
#life #kiso .meyasu .color01 table tbody th {background-color: #ffdc73;}
#life #kiso .meyasu .color01 table tbody td {background-color: #fffbe5;}
#life #kiso .meyasu .color02 table tbody th {background-color: #ffb57f;}
#life #kiso .meyasu .color02 table tbody td {background-color: #fff0e5;}
#life #kiso .meyasu table tbody td .boder_wrap {
	padding: 8px 10px;
	margin-top: 5px;
	border: solid 1px;
}
#life #kiso .meyasu .color01 table tbody td .boder_wrap {border-color: #ffdc73;}
#life #kiso .meyasu .color02 table tbody td .boder_wrap{border-color: #ff7919;}

/*------------------------------------------------------------------------------
生命保険に加入しているのはどのくらい？設定
------------------------------------------------------------------------------*/
#life #kiso .kanyu .image01 {max-width: 320px;}
#life #kiso .kanyu .image02,
#life #kiso .kanyu .image03 {max-width: 700px;}

/*------------------------------------------------------------------------------
死亡率と主な原因とは？設定
------------------------------------------------------------------------------*/
#life #kiso .wariai .box_table table{
	float: left;
	width: 48.5%;
	border-top: none;
	border-left: none;
}
#life #kiso .wariai .box_table table:nth-of-type(2) {float: right;}
#life #kiso .wariai .box_table table th,
#life #kiso .wariai .box_table table td{
	border-bottom: 2px solid #fff;
	border-right: 2px solid #fff;
}
#life #kiso .wariai .box_table table th {
	background-color: #f1f1f1;
	border-top: none;
	border-left: none;
}
#life #kiso .wariai .box_table table .th_man,
#life #kiso .wariai .box_table table .th_woman{
	color: #fff;
	border-bottom: 2px solid #fff;
	border-right: 2px solid #fff;
}
#life #kiso .wariai .box_table table .th_man{ background-color: #365fb3;}
#life #kiso .wariai .box_table table .th_woman{ background-color: #e65082;}
#life #kiso .wariai .box_table table .td_blue{ background-color: #ebf1ff;}
#life #kiso .wariai .box_table table .td_pink{ background-color: #ffebf1;}

#life #kiso .wariai .genin-block .image01 {width: 340px;}
#life #kiso .wariai .genin-block .shiin table {border-left: none;}
#life #kiso .wariai .genin-block .shiin table th,
#life #kiso .wariai .genin-block .shiin table td{
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
}
#life #kiso .wariai .genin-block .shiin table th {
	background-color: #f1f1f1;
	border-left: none;
	border-bottom: none;
	width: 20%;
}
#life #kiso .wariai .genin-block .shiin table td {background-color: #fff0a6; border-bottom: none;}
#life #kiso .wariai .genin-block .shiin table th.th_grey {background-color: #e8e8e8; text-align: left;}
#life #kiso .wariai .genin-block .shiin table td.th_orange {background-color: #ffd57f;}
#life #kiso .wariai .genin-block .shiin table th.th_space {width: 4%; border-top: 0;}

@media screen and (max-width: 767px) {
	#life #kiso .wariai .box_table table{
	width: 100%;
	float: none;
	margin-right:0;
	margin-bottom: 15px;
	}
	#life #kiso .wariai .box_table table:nth-of-type(2) {margin-bottom: 0;}
}
/*------------------------------------------------------------------------------
事故や自然災害で亡くなる人はどれくらい？設定
------------------------------------------------------------------------------*/
#life #kiso .jiko .image01 {max-width: 400px;}
#life #kiso .jiko table,
#life #kiso .jiko th,
#life #kiso .jiko td,
#life #kiso .jiko thead,
#life #kiso .jiko tbody {
	border-spacing: 0;
	border: none;
	empty-cells: show;
}
#life #kiso .jiko table {width: 100%;}
#life #kiso .jiko table thead th,
#life #kiso .jiko table thead td,
#life #kiso .jiko table tbody th,
#life #kiso .jiko table tbody td {border: solid 2px #FFF;}
#life #kiso .jiko table thead th,
#life #kiso .jiko table thead td,
#life #kiso .jiko table tbody th {font-weight: bold;}
#life #kiso .jiko table thead th:first-child,
#life #kiso .jiko table thead td:first-child,
#life #kiso .jiko table tbody th:first-child,
#life #kiso .jiko table tbody td:first-child {border-left: none !important;}
#life #kiso .jiko table thead th:last-child,
#life #kiso .jiko table thead td:last-child,
#life #kiso .jiko table tbody th:last-child,
#life #kiso .jiko table tbody td:last-child {border-right: none !important;}
#life #kiso .jiko table thead th {white-space: nowrap; background-color: #f1f1f1;}
#life #kiso .jiko table tbody th {white-space: nowrap;}
#life #kiso .jiko table tbody th.th01 {background-color: #f1f1f1;}
#life #kiso .jiko table tbody th.th02 {font-size: 12px; background-color: #e8e8e8;}
#life #kiso .jiko table tbody td {background-color: #fff0a6;}
#life #kiso .jiko table tbody td.td_red {background-color: #ffd57f;}



/*@import "kiso-nenkin.css";*/
/*@import "nenkin-sp.css";*/
/*------------------------------------------------------------------------------
共通設定
------------------------------------------------------------------------------*/
#nenkin #kiso span.txt-co-nenkin{
	color: #70639b;
	font-weight: bold;
}

/*------------------------------------------------------------------------------
老後の生活費を準備する方法と必要な生活費について設定
------------------------------------------------------------------------------*/
#nenkin #kiso .junbi .image01 {max-width: 240px;}
#nenkin #kiso .junbi .image02 {max-width: 500px;}
#nenkin #kiso .junbi .image03 {max-width: 700px;}

/*------------------------------------------------------------------------------
個人年金保険の必要性設定
------------------------------------------------------------------------------*/
#nenkin #kiso .need .image01 { width: 439px;}
#nenkin #kiso .need .image03 { width: 660px;}
#nenkin #kiso .need .image04 { width: 700px;}

#nenkin #kiso .need #sec-block02 .box_01.clr .text {
	float: left;
	width: 580px;
}
#nenkin #kiso .need #sec-block02 .box_01.clr .image02 {
	float: right;
	width: 200px;
	margin: 0 auto;
}
@media screen and (max-width: 767px) {
	#nenkin #kiso .need #sec-block02 .box_01.clr .text,
	#nenkin #kiso .need #sec-block02 .box_01.clr .image02 {
		float: none;
		width: 100%;
}
	#nenkin #kiso .need #sec-block02 .box_01.clr .image02 {margin-top: 20px;}
}
/*------------------------------------------------------------------------------
　「個人年金の受け取り方」は一生涯？一定期間？設定
------------------------------------------------------------------------------*/
#nenkin #kiso .uketori #sec-block02 .text_box,
#nenkin #kiso .uketori #sec-block03 .text_box {
	float: left;
	width: 440px;
}
#nenkin #kiso .uketori #sec-block02 .image01,
#nenkin #kiso .uketori #sec-block03 .image02{
	float: right;
	max-width: 340px;
	margin: 10px auto 0;
}

@media screen and (max-width: 767px) {
#nenkin #kiso .uketori #sec-block02 .text_box,
#nenkin #kiso .uketori #sec-block03 .text_box,
#nenkin #kiso .uketori #sec-block02 .image01,
#nenkin #kiso .uketori #sec-block03 .image02{
	float: none;
	width: 100%;
}
}
/*------------------------------------------------------------------------------
　定額個人年金保険とは？設定
------------------------------------------------------------------------------*/
#nenkin #kiso .teigaku .image01 {max-width: 640px;}

/*------------------------------------------------------------------------------
　変額個人年金保険とは？設定
------------------------------------------------------------------------------*/
#nenkin #kiso .hengaku .image01 {max-width: 640px;}



/*@import "kiso-gakushi.css";*/
/*@import "gakushi-sp.css";*/
/*------------------------------------------------------------------------------
共通設定
------------------------------------------------------------------------------*/
#gakushi #kiso span.txt-co-gakushi{
	color: #00a69a;
	font-weight: bold;
}

/*------------------------------------------------------------------------------
こども／学資保険の選び方設定
------------------------------------------------------------------------------*/
#gakushi #kiso .select .choose-block dd p{
	float: left;
	width: 440px;
}
#gakushi #kiso .select .choose-block dd .image02,
#gakushi #kiso .select .choose-block dd .image03{
	max-width: 340px;
	float: right;
	margin-top: 10px!important;
}
#gakushi #kiso .select .image03 {
	margin-top: 0!important;
}
#gakushi #kiso .select .image04 {width: 640px;}
#gakushi #kiso .select .image05 {width: 640px;}

@media screen and (max-width: 767px) {
#gakushi #kiso .select .choose-block dd p{
	float: none;
	width: 100%;
}
#gakushi #kiso .select .choose-block dd .image02,
#gakushi #kiso .select .choose-block dd .image03{
	float: none;
	width: 100%;
	margin: 0 auto 15px !important;
}
}
/*------------------------------------------------------------------------------
貯蓄型の学資保険とは？設定
------------------------------------------------------------------------------*/
#gakushi #kiso .cyochiku.lead p {
	float: left;
	width: 580px;
}
#gakushi #kiso .cyochiku.lead .image01 {
	float: right;
	width: 200px;
}
@media screen and (max-width: 767px) {
#gakushi #kiso .cyochiku.lead p,
#gakushi #kiso .cyochiku.lead .image01{
	float: none;
	width: 100%;
}
#gakushi #kiso .cyochiku.lead .image01 {margin: 15px auto 0 !important;}
}
/*------------------------------------------------------------------------------
保障型の学資保険とは？設定
------------------------------------------------------------------------------*/
#gakushi #kiso .hosyo.lead p {
	float: left;
	width: 440px;
}
#gakushi #kiso .hosyo.lead .image01 {
	float: right;
	width: 340px;
}
@media screen and (max-width: 767px) {
#gakushi #kiso .hosyo.lead p,
#gakushi #kiso .hosyo.lead .image01{
	float: none;
	width: 100%;
}
#gakushi #kiso .hosyo.lead .image01 {margin: 15px auto 0 !important;}
}
/*------------------------------------------------------------------------------
進路で異なる教育費の総額設定
------------------------------------------------------------------------------*/
#gakushi #kiso .shinro .square li{
	position: relative;
	display: inline-block;
	font-size: 14px;
	margin-right: 10px;
}
#gakushi #kiso .shinro .square li::before{
	content:"";
	position: absolute;
	width: 16px;
	height: 16px;
	border: 1px solid #b3b3b3;
	background-color: #f4fad4;
}
#gakushi #kiso .shinro .square li:nth-of-type(1)::before{background-color: #f4fad4;}
#gakushi #kiso .shinro .square li:nth-of-type(2)::before{background-color: #eff0bd;}
#gakushi #kiso .shinro .square li span {padding-left: 1.8em;}
#gakushi #kiso .shinro table,
#gakushi #kiso .shinro table th{
	border-top: none;
	border-left: none;
}
#gakushi #kiso .shinro table th{
	width: 17%;
	border-bottom: 2px solid #fff;
	border-right: 2px solid #fff;
}
#gakushi #kiso .shinro table td{
	border-bottom: 2px solid #fff;
	border-right: 2px solid #fff;
}
#gakushi #kiso .shinro table .th01{ background-color: #aaf2ce;}
#gakushi #kiso .shinro table .th02{ background-color: #ffd073;}
#gakushi #kiso .shinro table .th03{ background-color: #ffcce6;}
#gakushi #kiso .shinro table .th04{ background-color: #d6b8d9;}
#gakushi #kiso .shinro table .th05{ background-color: #aae0f2;}
#gakushi #kiso .shinro table .th06{
	font-weight: normal;
	text-align:left;
	background-color: #e1faed;
}
#gakushi #kiso .shinro table .th06 span{
	font-weight: bold;
	color:#008075;
}
#gakushi #kiso .shinro table .td01{ background-color: #f4fad4;}
#gakushi #kiso .shinro table .td02{ background-color: #eff0bd;}
#gakushi #kiso .shinro table .td03{
	font-weight: bold;
	background-color: #ffe5e5;
}
#gakushi #kiso .shinro .heikin-block .note-r {margin-top: -15px;}

/*------------------------------------------------------------------------------
小学生にかかる教育費はどれくらい？設定
------------------------------------------------------------------------------*/
#gakushi #kiso .syougaku .gakunen-block table th{
	background-color: #f5bf59;
	border-bottom: 2px solid #fff;
	border-right: 2px solid #fff;
}
#gakushi #kiso .syougaku .gakunen-block table td{
	background-color: #fef7eb;
	border-bottom: 2px solid #fff;
	border-right: 2px solid #fff;
}
#gakushi #kiso .syougaku .gakunen-block table .orange {background-color: #fff5bf;}

/*------------------------------------------------------------------------------
中学生にかかる教育費はどれくらい？設定
------------------------------------------------------------------------------*/
#gakushi #kiso .cyugaku .shiritsu-block .shi03 table th{
	background-color: #f1aac6;
	border-bottom: 2px solid #fff;
	border-right: 2px solid #fff;
}
#gakushi #kiso .cyugaku .shiritsu-block .shi03 table td{
	background-color: #fdf0f8;
	border-bottom: 2px solid #fff;
	border-right: 2px solid #fff;
}
#gakushi #kiso .cyugaku .shiritsu-block .shi03 table .yellow {background-color: #fff5bf;}

/*------------------------------------------------------------------------------
高校生にかかる教育費はどれくらい？設定
------------------------------------------------------------------------------*/
#gakushi #kiso .koko .shiritsu-block .shi03 table th{
	background-color: #d4b9d6;
	border-bottom: 2px solid #fff;
	border-right: 2px solid #fff;
}
#gakushi #kiso .koko .shiritsu-block .shi03 table td{
	background-color: #f8f2f8;
	border-bottom: 2px solid #fff;
	border-right: 2px solid #fff;
}
#gakushi #kiso .koko .shiritsu-block .shi03 table .yellow {background-color: #fff5bf;}

/*------------------------------------------------------------------------------
大学生にかかる教育費はどれくらい？設定
------------------------------------------------------------------------------*/
#gakushi #kiso .daigaku .table_box_02 .box1, 
#gakushi #kiso .daigaku .table_box_02 .box2 {
	float: left;
	width: 48.571428571428571428571428571429%;	/* 340/700*100 */
}
#gakushi #kiso .daigaku .table_box_02 .box2 {float: right;}
#gakushi #kiso .daigaku table, 
#gakushi #kiso .daigaku table tbody, 
#gakushi #kiso .daigaku table thead, 
#gakushi #kiso .daigaku table tr, 
#gakushi #kiso .daigaku table th, 
#gakushi #kiso .daigaku table td{
	box-sizing: border-box;
	border-collapse: collapse;
	border-spacing: 0;
	border: none;
	empty-cells: show;
}
#gakushi #kiso .daigaku table th {
	font-weight: normal;
	white-space: nowrap;
	border-left: solid 2px #FFF;
	border-right: solid 2px #FFF;
	border-bottom: solid 2px #FFF;
}
#gakushi #kiso .daigaku table td {
	border-left: solid 2px #FFF;
	border-right: solid 2px #FFF;
	border-bottom: solid 2px #FFF;
}
#gakushi #kiso .daigaku .table_box_01 table {
	position: relative;
	left: -2px;
	width: calc(100% + 4px);
	margin: 10px 0 0;
}
#gakushi #kiso .daigaku .table_box_01 table th {background-color: #aae0f2;}
#gakushi #kiso .daigaku .table_box_01 table td {background-color: #e6f5fa;}
#gakushi #kiso .daigaku .table_box_01 table td.res {background-color: #fff5bf;}
#gakushi #kiso .daigaku .table_box_01 .box1 table th,
#gakushi #kiso .daigaku .table_box_01 .box1 table td{width: 50%;}
#gakushi #kiso .daigaku .table_box_02 .box1 table,
#gakushi #kiso .daigaku .table_box_02 .box2 table{
	position: relative;
	left: -2px;
	width: calc(100% + 4px);
}
#gakushi #kiso .daigaku .table_box_02 .box2 table {right: -2px;}
#gakushi #kiso .daigaku .table_box_02 table th {width: 80px;}
#gakushi #kiso .daigaku .table_box_02 table th {
	color: #FFF;
	background-color: #2e3180;
}
#gakushi #kiso .daigaku .table_box_02 .box2 table th {border-left: none;}
#gakushi #kiso .daigaku .table_box_02 table tr:nth-child(odd) td {background-color: #f0f2fd;}
#gakushi #kiso .daigaku .table_box_02 table tr:nth-child(even) td {background-color: #e1e4f5;}

@media screen and (max-width: 767px) {
#gakushi #kiso .daigaku .table_box_02 .box1,
#gakushi #kiso .daigaku .table_box_02 .box2 {
	float: none;
	width: 100%;
}
#gakushi #kiso .daigaku .table_box_02 table th {width: 65px;}
#gakushi #kiso .daigaku .table_box_02 table td:not(:last-child) {width: 90px;}
#gakushi #kiso .daigaku .table_box_02 .box2 table {
	left: 0px;
	width: calc(100% + 2px);
}
}



/*@import "kiso-woman.css";*/
/*@import "woman-sp.css";*/
/*------------------------------------------------------------------------------
共通設定
------------------------------------------------------------------------------*/
#woman #kiso span.txt-co-woman{
	color: #ff4e73;
	font-weight: bold;
}

/*------------------------------------------------------------------------------
女性保険って何？
------------------------------------------------------------------------------*/
#woman #kiso .about .image01 {width: 557px;}
#woman #kiso .about .image02 {width: 486px;}

#woman #kiso .about .woman-tbl table tr .t02,
#chronic #kiso .about .chronic-tbl table tr .t02{
	background: #ff4e73;
	color: #FFF;
	width: 267px;
}
#woman #kiso .about .woman-tbl table tr .t03,
#chronic #kiso .about .chronic-tbl table tr .t03{
	background: #FDFEFF;
	color: #0680C2;
	width: 265px;
	border: 1px solid #0680C2;
}
#woman #kiso .about .woman-tbl table tr .col01,
#chronic #kiso .about .chronic-tbl table tr .col01 {background: #f5f5f5;}
#woman #kiso .about .woman-tbl table tr .col02 {background: #ffedf1;}
#woman #kiso .about .woman-tbl table tr .col03,
#chronic #kiso .about .chronic-tbl table tr .col03 {background: #ECF5FA;}
#woman #kiso .about .woman-tbl .arrow-normal,
#woman #kiso .about .woman-tbl .arrow-up,
#chronic #kiso .about .chronic-tbl .arrow-normal,
#chronic #kiso .about .chronic-tbl .arrow-up {
	position: relative;
}
#woman #kiso .about .woman-tbl .arrow-normal::before,
#woman #kiso .about .woman-tbl .arrow-up::before,
#woman #kiso .about .woman-tbl .arrow-normal::after,
#woman #kiso .about .woman-tbl .arrow-up::after,
#chronic #kiso .about .chronic-tbl .arrow-normal::before,
#chronic #kiso .about .chronic-tbl .arrow-up::before,
#chronic #kiso .about .chronic-tbl .arrow-normal::after,
#chronic #kiso .about .chronic-tbl .arrow-up::after{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 5px;
	margin: auto;
	content: "";
	vertical-align: middle;
}
#woman #kiso .about .woman-tbl .arrow-normal::before,
#woman #kiso .about .woman-tbl .arrow-up::before,
#chronic #kiso .about .chronic-tbl .arrow-normal::before,
#chronic #kiso .about .chronic-tbl .arrow-up::before{
	right: -3em;
	width: 11px;
	height: 2px;
	background: #0680C2;
}
#woman #kiso .about .woman-tbl .arrow-up::before,
#chronic #kiso .about .chronic-tbl .arrow-up::before{
	width: 12px;
	background: #ff4e73;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}
#woman #kiso .about .woman-tbl .arrow-up::after,
#woman #kiso .about .woman-tbl .arrow-normal::after,
#chronic #kiso .about .chronic-tbl .arrow-up::after,
#chronic #kiso .about .chronic-tbl .arrow-normal::after{
	right: -3em;
	width: 8px;
	height: 8px;
	border-top: 2px solid #ff4e73;
	border-right: 2px solid #ff4e73;
}
#woman #kiso .about .woman-tbl .arrow-normal::after,
#chronic #kiso .about .chronic-tbl .arrow-normal::after{
	border-top: 2px solid #0680C2;
	border-right: 2px solid #0680C2;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
#woman #kiso .woman-specific .box-kako {margin: 30px 0;}
#woman #kiso .woman-specific .spec-list:first-child .ttl05 {margin-top: 0;}
#woman #kiso .woman-specific .ttl05 {margin-bottom: 10px;}
#woman #kiso .spec-list ul li::before {color: #ddd;}

@media screen and (min-width: 768px) {
	#woman #kiso .woman-specific .box-kako {
	padding: 15px 40px 10px;
	margin: 30px 0 25px;
	display: flex;
}
	#woman #kiso .woman-specific .ttl05{
	margin-top: 0;
	margin-bottom: 10px;
}
	#woman #kiso .spec-list {flex-basis: 35%;}
	#woman #kiso .spec-list ul li:last-child {margin-bottom: 8px;}
}
@media screen and (max-width: 767px) {
	#woman #kiso .woman-specific .ttl05 {font-size: 16px!important;}
	#woman #kiso .woman-specific .spec-list div {display: flex;}
	#woman #kiso .woman-specific .spec-list ul {flex-basis: 50%;}
}
/*------------------------------------------------------------------------------
女性特有のがんリスクと女性保険の必要性
------------------------------------------------------------------------------*/
#woman #kiso .need .image01 {max-width: 640px;}

/*------------------------------------------------------------------------------
出産のときに女性保険は対象？対象外？
------------------------------------------------------------------------------*/
#woman #kiso .birth .image01 {width: 368px}
#woman #kiso .tbl-birth table.left {
	width: 48.5%;
	float: left;
}
#woman #kiso .tbl-birth table.right {
	width: 48.5%;
	float: right;
}
#woman #kiso .tbl-birth table .fs-c {font-size: 20px;}

@media screen and (max-width: 767px) {
#woman #kiso .tbl-birth table.left {margin-bottom: 15px;}
#woman #kiso .tbl-birth table.left,
#woman #kiso .tbl-birth table.right{
	float: none;
	width: 100%;
}
}
/*------------------------------------------------------------------------------
帝王切開による出産費用は高額になる？
------------------------------------------------------------------------------*/
#woman #kiso .conts #sec-block01 table th {width: 30%;}
#woman #kiso .conts #sec-block01 table td {
	padding: 10px;
	border-top: none;
	border-left: none;
}
#woman #kiso .conts #sec-block01 table td ul li::before {color: #ddd;}
#woman #kiso .jiko-f .mediJikoTable .pink {background-color: #ffccd7;}
@media screen and (min-width: 768px) {
	#woman #kiso .conts #sec-block01 table td {
		padding: 10px 15px;
		display: flex;
}
#woman #kiso .conts #sec-block01 table td ul {flex-basis:50%;}
}



/*@import "kiso-chronic.css";*/
/*@import "chronic-sp.css";*/
/*------------------------------------------------------------------------------
共通設定
------------------------------------------------------------------------------*/
#chronic #kiso span.txt-co-chronic{
	color: #0e6a33;
	font-weight: bold;
}

/*------------------------------------------------------------------------------
持病があっても入りやすい保険って何？
------------------------------------------------------------------------------*/
#chronic #kiso .about .chronic-tbl table tr .t02 {background: #0e6a33;}
#chronic #kiso .about .chronic-tbl table tr .col02 {background: #e6f0ea;}
#chronic #kiso .about .chronic-tbl .arrow-up::before {background: #0e6a33;}
#chronic #kiso .about .chronic-tbl .arrow-up::after{
	border-top: 2px solid #0e6a33;
	border-right: 2px solid #0e6a33;
}
#chronic #kiso .about .flow-box{
	text-align: center;
	padding: 20px 10px 15px;
}
#chronic #kiso .about .flow::after{
	content: " ";
	display: block;
	width: 0;
	margin: 15px auto 0;
	border-color: #0e6a33;
	border-style: solid;
	border-width: 20px 40px 15px 40px;
	border-left-color: transparent;
	border-bottom-color: transparent;
	border-right-color: transparent;
}
@media screen and (max-width: 767px) {
	#chronic #kiso .about .flow::after{
		margin: 12px auto 0;
		border-width: 15px 30px 12px 30px;
	}
}
/*------------------------------------------------------------------------------
告知項目詳細
------------------------------------------------------------------------------*/
#chronic #kiso .product-name{
	display: table;
	margin-bottom: 20px;
}
#chronic #kiso .product-name img{
	max-width: 80px;
	min-width: 80px;
	height: auto;
	margin: 0 auto;
	display: table-cell;
}
#chronic #kiso .product-name p{
	line-height: 1.4;
	padding-left: 15px;
	display: table-cell;
	vertical-align: middle;
}
#chronic #kiso .product-name span{
	font-weight: bold;
	font-size: 18px;
	display: block;
}
#chronic #kiso .product-name .txt-ss {
	font-size: 12px;
	font-weight: normal;
}
#chronic #kiso .border-section:first-child{
	margin-top: 30px!important;
}
#chronic #kiso .border-section:not(:first-child){
	border-top: dotted 1px #ccc;
	margin-top: 40px;
	padding-top: 30px;
}
#chronic #kiso .txt-line{
	text-decoration: underline;
}
#chronic #kiso .list-announce {
	border: solid 1px #0e6a33;
	border-radius: 5px;
	padding: 5px 15px 15px 15px;
}
#chronic #kiso .list-announce .box-note {
	font-size: 14px;
	padding: 8px 10px;
	margin: 10px 50px 5px 20px;
}
#chronic #kiso .list-announce b {
	color:#ff0000;
}
#chronic #kiso .list-announce > li {
	margin: 10px 0px 0px;
	line-height: 1.5;
	padding-bottom: 10px;
	border-bottom: dotted 1px #0e6a33;
}
#chronic #kiso .list-announce li:last-child {
	padding-bottom: 0;
	border-bottom: none;
}
#chronic #kiso .list-announce li .ttl06 {
	background-image: url(../chronic/img/non_icon_pc.gif);
	background-size: 38px auto;
	background-position: right center!important;
	background-repeat: no-repeat;
	padding: 0 50px 0 20px;
	min-height: 36px;
	border: none;
}
#chronic #kiso .box-border__ano{
	margin-top: 20px;
	border: 1px solid #ff0000;
	color: #ff0000;
	padding: 12px 15px;
}
#chronic #kiso .box-border__ano02{
	border: 2px solid #ccc;
	padding: 0 15px 15px 15px;
	border-radius: 5px;
	margin-top: 15px;
}
#chronic #kiso .text-plus {
	font-weight: bold;
	margin: 10px 0;
	padding-left: 1em;
	text-indent: -1em;
}
#chronic #kiso .txt-announce{
	margin-bottom: 10px;
}
#chronic #kiso .txt-announce b{
	color: #ff0000;
}
#chronic #kiso .box-note{
	border: 1px solid #ccc;
	padding: 12px 15px;
	margin-top: 20px;
}
#chronic #kiso .txt-bold-black{
	font-weight: bold;
	color: #333!important;
}
#chronic #kiso .tbl-announce-basis{
	padding: 0;
	margin: 0 50px 10px 20px;
	table-layout: fixed;
	word-wrap: break-word;
	white-space: normal;
}
#chronic #kiso .tbl-announce-basis th {width: 25%;}
#chronic #kiso .tbl-announce-basis td {padding: 10px; text-align: left;}
#chronic #kiso .tbl-announce-basis table,
#chronic #kiso .tbl-announce-basis--wide table{
	border-top: none;
	border-left: none;
}
#chronic #kiso .tbl-announce-basis--wide th,
#chronic #kiso .tbl-announce-basis--wide td{
	width: 100%;
	display: block;
}
#chronic #kiso .tbl-announce-basis--wide th {border-bottom: none!important;}
#chronic #kiso .tbl-announce-basis--wide tr:not(:last-child) td {border-bottom: none!important;}
#chronic #kiso .tbl-announce-basis__caution{
	font-size: 12px;
	font-weight: normal;
	display: block;
}
@media screen and (max-width: 767px) {
	#chronic #kiso .list-announce li .ttl06 {background-position: right top 5px!important;}
	#chronic #kiso .tbl-announce-basis {margin: 0 15px 10px 20px;}
	#chronic #kiso .tbl-announce-basis th, #chronic #kiso .tbl-announce-basis td{
		width: 100%;
		display: block;
		padding: 5px!important;
	}
	#chronic #kiso .tbl-announce-basis th {border-bottom: none!important;}
	#chronic #kiso .tbl-announce-basis tr:not(:last-child) td {border-bottom: none!important;}
}

/*アクサダイレクト生命*/
#chronic .appliCheck_table_wrapper {margin-top: 20px;}
#chronic .appliCheck_table_wrapper span.label_appliCheck_table {
	font-size: 18px;
	font-weight:bold;
	color:#fff;
	letter-spacing:0.1em;
	padding:2px 8px 0 10px;
	margin: 0;
	line-height: 1.4;
	display: inline-block;
}
#chronic ul.appliCheck_tableA {padding:10px; border: 2px solid #dd5a00;}
#chronic span.label_appliCheck_tableA {background-color:#dd5a00;}
#chronic .appliCheck_table_wide{ padding: 12px 15px;border: 2px solid #dd5a00; width: 100%; box-sizing: border-box;}
#chronic .appliCheck_table_wide li{ display: table; width: 100%; border-bottom: 1px #ccc dotted; padding-bottom: 8px; margin-bottom: 8px;}
#chronic .appliCheck_table_wide li:last-child{ border-bottom: none;margin-bottom: 0;padding-bottom: 0;}
#chronic .appliCheck_table_wide li b{display: table-cell; width: 35%;}
#chronic .appliCheck_table_wide li span{display: table-cell; width: 65%;}
#chronic .appliCheck_table_wrapper p {line-height: 1.4;}
@media screen and (max-width: 767px) {
#chronic .appliCheck_table_wrapper {margin-top: 15px;}
}

/*FWD富士生命*/
#chronic #to_jibyo .tbl-announce-jibyo,
#chronic #to_fwd_shuunyuu .tbl-announce-jibyo {font-size: 13px;}
#chronic #to_jibyo table th,#chronic #to_jibyo table td,
#chronic #to_fwd_shuunyuu table th,#chronic #to_fwd_shuunyuu table td{
	border: 1px solid #333;
	padding: 5px;
}
#chronic #to_jibyo table td > span,
#chronic #to_fwd_shuunyuu table td > span{
	position: relative;
	padding: 0 5px 0 1.2em;
	display: inline-block;
	color:inherit;
}
#chronic #to_jibyo table td > span:before,
#chronic #to_fwd_shuunyuu table td > span:before{
	content: "●";
	position: absolute;
	display: block;
	left: 0;
	font-size: inherit;
}
#chronic #to_jibyo table th,#chronic #to_fwd_shuunyuu table th {background-color:#dfeff7;}
#chronic .tbl-announce-jibyo {margin-bottom: 10px!important;}
#chronic .tbl-announce-jibyo th {width: 32%;}
@media screen and (max-width: 767px) {
	#chronic .tbl-announce-jibyo th,.tbl-announce-jibyo td{
		width: 100%;
		display: block;
		padding: 5px!important;
	}
	#chronic .tbl-announce-jibyo th {border-bottom: none!important;}
	#chronic .tbl-announce-jibyo tr:not(:last-child) td {border-bottom: none!important;}
	#chronic .ttl06-ico-top {background-position: right top 15px!important;}
}

/*ネオファースト生命*/
#chronic #to_promote .tbl-announce-promote table {font-size: 13px;}
#chronic #to_promote .tbl-announce-promote th,
#chronic #to_promote .tbl-announce-promote td{
	border:1px solid #333;
}
#chronic #to_promote .tbl-announce-promote th{
	background-color:#FDE8D0;
	width: 35%;
	text-align: left;
}
@media screen and (max-width: 767px) {
	#chronic #to_promote .tbl-announce-promote th, #chronic #to_promote .tbl-announce-promote td{
		width: 100%;
		display: block;
		padding: 5px!important;
	}
	#chronic #to_promote .tbl-announce-promote th {border-bottom: none!important;}
	#chronic #to_promote .tbl-announce-promote tr:not(:last-child) td {border-bottom: none!important;}
}

/*アクサ生命*/
#chronic .announce-item{
	background: #7f5c2e;
	border-radius: 5px;
	padding: 1px;
	margin-top: 10px;
}
#chronic .announce-item__ttl{
	color: #fff;
	font-size: 14px;
	overflow: hidden;
	line-height: 1.3;
	padding: 5px 7px;
}
#chronic .announce-item__ttl dt{
	display: inline-block;
	float: left;
	background: #be9345;
	border-radius: 20px;
	vertical-align: middle;
	padding: 5px 15px;
	margin-top: 3px;
	font-weight: bold;
}
#chronic .announce-item__ttl dd{
	display: inline-block;
	margin-left: 15px;
	font-size:16px;
}
#chronic .announce-item__txt{
	background: #fff;
	padding: 10px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
@media screen and (max-width:769px) {
	#chronic .announce-item__ttl dt{
		display: block;
		float: none;
		margin-bottom: 5px;
		text-align: center;
		border-radius: 5px;
	}
	#chronic .announce-item__ttl dd {font-size: 14px;}
}
#chronic .smartwith-check {
	text-align: center;
	margin-top: 15px!important;
}
#chronic .smartwith-check img {max-width: 557px;}

/*オリックス生命*/
#chronic #kiso .block-checkex {
	margin-bottom: 15px;
	font-size: 12px;
}
#chronic #kiso .block-checkex:last-child {
	margin-bottom: 5px;
}
#chronic #kiso .block-checkex dt {
	float: left;
	width: auto;
	margin-right: 10px;
}
#chronic #kiso .block-checkex dd {
	overflow: hidden;
	width: auto;
}
#chronic #kiso .txt-marker__01 {
	background: #999;
	color: #fff;
	padding: 4px 8px;
	border-radius: 5px;
}
@media screen and (max-width:767px) {
	#chronic #kiso .block-checkex {margin-bottom: 10px;}
}

/*富士少額短期保険*/
#chronic #to_ososhiki span.label_appliCheck_tableA{
	background-color: #0e6a33;
}
#chronic #to_ososhiki .appliCheck_table_wide {
    padding: 12px 0;
	border: 2px solid #0e6a33;
}
#chronic #to_ososhiki .tbl-announce-basis {
	margin: 5px 15px;
}
@media screen and (max-width:767px) {
	#chronic #to_ososhiki .tbl-announce-basis {
		margin: 5px 22px 5px 10px;
	}}




/*@import "kiso-care.css";*/
/*@import "care-sp.css";*/
/*------------------------------------------------------------------------------
共通設定
------------------------------------------------------------------------------*/
#care #kiso span.txt-co-care{
	color: #f18200;
	font-weight: bold;
}

/*画像設定*/
#care .image01 {max-width: 640px;}

/*table設定*/
#care #kiso .tbl-basis table th {
	vertical-align: middle;
}
#care #kiso .tbl-basis table td {
	width: auto;
	vertical-align: middle;
}
#care #kiso .tbl-basis table .wid15 {width: 15%;}
#care #kiso .tbl-basis table .wid18 {width: 18%;}
#care #kiso .tbl-basis table .wid20 {width: 20%;}
#care #kiso .tbl-basis table .wid25 {width: 25%;}
#care #kiso .tbl-basis table .wid30 {width: 30%;}
#care #kiso .tbl-basis table .wid35 {width: 35%;}
#care #kiso .tbl-basis table .wid60 {width: 60%;}
#care #kiso .tbl-basis table .bg-aqua {background-color: #daeef3;}
#care #kiso .tbl-basis table .bg-purple {background-color: #e5dfec;}
#care #kiso .tbl-basis table .bg-orange {background-color: #fde9d9;}
#care #kiso .tbl-basis table .txt-line {text-decoration: underline;}

#care .tbl-basis .li-tbl {
	position: relative;
}
#care .tbl-basis .li-tbl li{
	margin-bottom: 3px;
	text-align: left;
}
#care .tbl-basis .li-indent li{
	padding-left: 1em!important;
	text-indent: -1em!important;
}
#care .tbl-basis .ttl-intbl{
	margin: 15px 0 5px 0;
	position: relative;
}
#care .tbl-basis .td-excluded p:first-child{
	margin-top: 0;
}



/*@import "kiso-disa.css";*/
/*@import "disa-sp.css";*/
/*------------------------------------------------------------------------------
共通設定
------------------------------------------------------------------------------*/
#disability #kiso span.txt-co-disability{
	color: #3d3d99;
	font-weight: bold;
}

/*------------------------------------------------------------------------------
就業不能に備える保険の必要性
------------------------------------------------------------------------------*/
#disability #kiso .need #sec-block02 table th{ width: 50%;}

/*------------------------------------------------------------------------------
働けなくなったときの公的保障
------------------------------------------------------------------------------*/
#disability #kiso .public .image01,
#disability #kiso .public .image02,
#disability #kiso .public .image03 {max-width: 640px;}
#disability #kiso .public #sec-block04 table th {width: 50%;}

/*------------------------------------------------------------------------------
就業不能保険での備え方
------------------------------------------------------------------------------*/
#disability #kiso .with .image01,
#disability #kiso .with .image02 {max-width: 640px;}




/*@import "hokenjijyo.css";*/
/*@import "triangle.css";*/
/*--------------------------------------------------------------------------------------------
単独ページ 共通設定
（統計から見る生命保険、『三角形の保険』の仕組み）
--------------------------------------------------------------------------------------------*/
#hokenjijyo, #triangle {
	padding: 35px 0 0;
	font-family: "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, sans-serif;
}
#hokenjijyo p, #triangle p {
	line-height: 1.7;
}
#hokenjijyo .lead, #triangle .lead {
	margin: 20px 0 40px!important;
}
#hokenjijyo img[src$=".svg"], #triangle img[src$=".svg"]{
	width: auto;
	margin: 0 auto;
	display: block;
}
#hokenjijyo sup, #triangle sup{
	position: relative;
	top: -0.3em;
	vertical-align: baseline;
	line-height: 0;
	font-size: 11px;
}

/* image ------------------------------------------------------------------------------*/
#hokenjijyo .image, #triangle .image{
	margin: 20px auto 10px;
}

/*マージン設定------------------------------------------------------------------------------*/
#hokenjijyo .ttl05 + .image, #triangle .ttl05 + .image {margin-top: 15px;}
#hokenjijyo .image, #triangle .image {margin: 20px auto 10px;}
#hokenjijyo .image + p, #triangle .image + p {margin-top: 20px;}
#hokenjijyo .image + .note, #hokenjijyo .image + .note-r,
#triangle .image + .note, #triangle .image + .note-r {margin-top: 15px;}
#hokenjijyo .note + p, #hokenjijyo .note-r + p,
#triangle .note + p, #triangle .note-r + p {margin-top: 20px;}
#hokenjijyo .note + .image, #hokenjijyo .note-r + .image,
#triangle .note + .image, #triangle .note-r + .image {margin-top: 15px;}
#hokenjijyo .note + .note-r, #hokenjijyo .note-r + .note,
#triangle .note + .note-r, #triangle .note-r + .note{margin-top: 5px;}


/*------------------------------------------------------------------------------
統計から見る生命保険 設定
------------------------------------------------------------------------------*/
#hokenjijyo .lifekanyu-block .image01 {max-width: 320px;}
#hokenjijyo .kingaku-block .image02 {max-width: 700px;}
#hokenjijyo .medkanyu-block .image03 {max-width: 700px;}
#hokenjijyo .gankanyu-block .image04 {
	float: right;
	max-width: 340px;
}
#hokenjijyo .gankanyu-block .left {
	float: left;
	width: 440px;
}
#hokenjijyo .jyunbi-block .image05 {max-width: 600px;}
#hokenjijyo .oneday-block .image06 {max-width: 600px;}


/*------------------------------------------------------------------------------
『三角形の保険の仕組み』 設定
------------------------------------------------------------------------------*/
#triangle .need-block .image01 {max-width: 640px;}
#triangle .need-block .image01-2 {max-width: 680px;}
#triangle .need-block .image02 {max-width: 635px;}
#triangle .need-block .image03 {max-width: 640px;}
#triangle .need-block .image04 {max-width: 640px;}




/*@import "osusume.css";*/
/*------------------------------------------------------------------------------
おすすめ資料請求設定
------------------------------------------------------------------------------*/
#osusume {
	margin: 0px auto;
	padding: 0px;
	width: auto;
	background: #E2E2E2 url(../img/osusume/osusume_bg03.jpg) no-repeat center bottom;
}
#osusume .bg-block {
	margin: 0px auto;
	padding: 20px 25px;
	width: 740px;
	background: url(../img/osusume/osusume_bg02.jpg) no-repeat center top;
}
#osusume .title {
	background: #EC4700;
	margin: 0px;
	padding: 20px 0px 0px 15px;
	height: 32px;
	width: 725px;
}
#osusume .attention {
	background: #FCE6D6 url(../img/osusume/osusume_img02.jpg) no-repeat right center;
	margin: 25px 0px 0px;
	padding: 10px 20px 10px 10px;
	width: 710px;
	-moz-border-radius: 6px;    /* Firefox用 */
	-webkit-border-radius: 6px; /* Safari,Google Chrome用 */
	border-radius: 6px;         /* CSS3草案 */
	/*behavior: url(/PIE.htc);     IE6～IE8適用ファイル */
}
#osusume .attention p {
	background: url(../img/osusume/osusume_img01.gif) no-repeat 10px center;
	margin: 0px;
	padding: 0px 0px 0px 50px;
	line-height: 1.1;
}
#osusume .attention p span {
	font-size: 16px;
	font-weight: bold;
	color: #E91C24;
}
#osusume .tit01 {
	margin: 25px 0px 0px;
	padding: 0px;
	width: 740px;
	font-size: 12px;
}
#osusume .check-block {
	margin: 5px 0px 0px;
	padding: 0px;
	width: 740px;
	overflow: hidden;
}
#osusume .check-block table {
	background: #808080;
	margin: 0px 4px 0px 0px;
	padding: 0px;
	width: 144px;
	display: inline;
	float: left;
}
#osusume .check-block .end {
	margin: 0px;
}
#osusume .check-block table tr th {
	background: #00AFCC;
	margin: 0px;
	padding: 5px 0px;
	width: 144px;
	overflow: hidden;
}
#osusume .check-block table tr th .inp {
	margin: 0px;
	padding: 0px 0px 0px 5px;
	float: left;
	width: 13px;
}
#osusume .check-block table tr th .tit02 {
	margin: 0px;
	padding: 0px 0px 0px 6px;
	float: left;
	width: 118px;
}
#osusume .check-block table tr .cate {
	text-align: center;
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
	height: 75px;
	width: 15px;
}
#osusume .check-block table tr .med {
	background: #0680C3;
}
#osusume .check-block table tr .gan {
	background: #9C004A;
}
#osusume .check-block table tr .life {
	background: #67a624;
}
#osusume .check-block table tr .gaku {
	background: #00A69A;
}
#osusume .check-block table tr .item {
	background: #FFF;
	text-align: center;
	vertical-align: top;
	margin: 0px;
	padding: 5px 0px 0px;
	width: 129px;
}
#osusume .check-block table tr .item .name {
	font-size: 10px;
	line-height: normal;
	padding-top: 2px;
	letter-spacing: 1px;
}
#osusume .tit03 {
	font-size: 16px;
	margin: 40px 0px 0px;
	padding: 0px;
	width: 740px;
	border-bottom: 2px solid #EC4700;
	clear: both;
}
#osusume .tit03 span {
	font-size: 12px;
	font-weight: normal;
	padding-left: 5px;
}
#osusume .input-block .text01 {
	margin: 10px 0px 0px;
	padding: 0px;
}
#osusume .input-block .text02 {
	color: #E91C24;
	text-align: right;
}
#osusume .input-block .form {
	margin: 5px 0px 0px;
	padding: 0px;
	width: 740px;
}
#osusume .input-block .form table {
	margin: 0px;
	padding: 0px;
	width: 740px;
	border-right: 1px solid #4D4D4D;
	border-bottom: 1px solid #4D4D4D;
	border-left: 1px solid #4D4D4D;
}
#osusume .input-block .form table tr th {
	background: #FCE6D6 url(../img/osusume/osusume_bg01.gif) repeat-y left top;
	margin: 0px;
	padding: 7px 0px 6px 10px;
	width: 110px;
	font-weight: normal;
	vertical-align: top;
	border-top: 1px solid #4D4D4D;
}
#osusume .input-block .form table tr th .kome {
	color: #E91C24;
}
#osusume .input-block .form table tr td {
	background: #FFF;
	vertical-align: top;
	padding: 7px 0px 6px 10px;
	width: auto;
	border-top: 1px solid #4D4D4D;
}
#osusume .input-block .form table tr td span {
	display: block;
	margin-bottom: 5px;
}
#osusume .input-block .form .text03 {
	font-weight: bold;
	color: #FFF;
	background: #EC4700;
	margin: 0px;
	padding: 5px 0px 5px 10px;
	border-right: 1px solid #4D4D4D;
	border-left: 1px solid #4D4D4D;
	width: 728px;
}
#osusume .input-block .form table tr .none {
	border-top-style: none;
}
#osusume .com-btn {
	text-align: center;
	margin: 30px 0px 0px;
	padding: 0px;
}
#osusume .com-btn li {
	display: inline;
	margin: 0px;
	padding: 0px 30px;
}
#osusume .com-btn li a img {
	vertical-align: top;
}
#osusume .thanks {
	margin: 30px auto 0px;
	padding: 0px;
	width: 666px;
}
#osusume .thanks .text01 {
	background: url(../img/osusume/osusume_tha_img01.jpg) no-repeat;
	margin: 0px auto;
	padding: 60px 0px 0px;
	height: 91px;
	width: 550px;
	text-align: center;
}
#osusume .thanks h3 {
	font-weight: normal;
	background: url(../img/osusume/osusume_tha_img02.jpg) no-repeat;
	margin: 15px 0px 0px;
	padding: 35px 0px 0px 20px;
	height: 24px;
	width: 666px;
	font-size: 12px;
}
#osusume .thanks .step01 {
	margin: 0px 0px 0px 20px;
	padding: 0px;
	height: 120px;
	width: 638px;
	background: url(../img/osusume/osusume_tha_img03.jpg) no-repeat;
}
#osusume .thanks .step01 .kome {
	margin: 0px;
	padding: 95px 0px 0px 110px;
}
#osusume .thanks .step02 {
	background: url(../img/osusume/osusume_tha_img04.gif) no-repeat;
	margin: 0px 0px 0px 20px;
	padding: 0px;
	height: 153px;
	width: 638px;
}
#osusume .thanks .step02 .kome01 {
	margin: 0px;
	padding: 40px 0px 0px 110px;
}
#osusume .thanks .step02 .kome02 {
	margin: 0px;
	padding: 60px 0px 0px 110px;
}
#osusume .thanks .step02 .kome03 {
	color: #E91C24;
	margin: 0px;
	padding: 0px 0px 0px 110px;
}
#osusume .thanks .step03 {
	background: url(../img/osusume/osusume_tha_img05.gif) no-repeat;
	margin: 0px 0px 0px 20px;
	padding: 0px;
	width: 638px;
}
#osusume .thanks .step03 .kome {
	margin: 0px;
	padding: 38px 0px 0px 110px;
	color: #E91C24;
}
#osusume .thanks .close {
	text-align: center;
	margin: 50px 0px 0px;
	padding: 0px;
}
.form-bg {
	background: #E2E2E2;
	margin: 0px;
	padding: 20px 0px;
}
#osusume .bg-block .banner {
	margin: 50px 0px 0px;
	padding: 0px;
	width: 740px;
}
#osusume .form table tr td .annai {
	display: block;
	margin: 0px 0px 5px;
	padding: 0px;
}
#osusume .bg-block .text02 {
	font-size: 10px;
	letter-spacing: 1px;
	margin: 30px 0px 0px;
	padding: 0px;
}


/*@import "osusume2.css";*/
/*------------------------------------------------------------------------------
おすすめ資料請求設定
------------------------------------------------------------------------------*/
#osusume2 {
	margin: 0px auto;
	padding: 14px 0px 0px;
	width: auto;
}
#osusume2 .title {
	background: #EC4700;
	margin: 0px;
	padding: 20px 0px 0px 15px;
	height: 32px;
	width: 725px;
}
#osusume2 .attention {
	background: #FCE6D6 url(../img/osusume/osusume_img02.jpg) no-repeat right center;
	margin: 25px 0px 0px;
	padding: 10px 20px 10px 10px;
	width: 710px;
	-moz-border-radius: 6px;    /* Firefox用 */
	-webkit-border-radius: 6px; /* Safari,Google Chrome用 */
	border-radius: 6px;         /* CSS3草案 */
	/*behavior: url(/PIE.htc);     IE6～IE8適用ファイル */
}
#osusume2 .attention p {
	background: url(../img/osusume/osusume_img01.gif) no-repeat 10px center;
	margin: 0px;
	padding: 0px 0px 0px 50px;
	line-height: 1.1;
}
#osusume2 .attention p span {
	font-size: 16px;
	font-weight: bold;
	color: #E91C24;
}
#osusume2 .tit01 {
	margin: 25px 0px 0px;
	padding: 0px;
	width: 740px;
	font-size: 12px;
}
#osusume2 .check-block {
	margin: 5px 0px 0px;
	padding: 0px;
	width: 740px;
	overflow: hidden;
}
#osusume2 .check-block table {
	background: #808080;
	margin: 0px 4px 0px 0px;
	padding: 0px;
	width: 144px;
	display: inline;
	float: left;
}
#osusume2 .check-block .end {
	margin: 0px;
}
#osusume2 .check-block table tr th {
	background: #00AFCC;
	margin: 0px;
	padding: 5px 0px;
	width: 144px;
	overflow: hidden;
}
#osusume2 .check-block table tr th .inp {
	margin: 0px;
	padding: 0px 0px 0px 5px;
	float: left;
	width: 13px;
}
#osusume2 .check-block table tr th .tit02 {
	margin: 0px;
	padding: 0px 0px 0px 6px;
	float: left;
	width: 118px;
}
#osusume2 .check-block table tr .cate {
	text-align: center;
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
	height: 75px;
	width: 15px;
}
#osusume2 .check-block table tr .med {
	background: #0680C3;
}
#osusume2 .check-block table tr .gan {
	background: #9C004A;
}
#osusume2 .check-block table tr .life {
	background: #67a624;
}
#osusume2 .check-block table tr .gaku {
	background: #00A69A;
}
#osusume2 .check-block table tr .item {
	background: #FFF;
	text-align: center;
	vertical-align: top;
	margin: 0px;
	padding: 5px 0px 0px;
	width: 129px;
}
#osusume2 .check-block table tr .item .name {
	font-size: 10px;
	line-height: normal;
	padding-top: 2px;
	letter-spacing: 1px;
}
#osusume2 .tit03 {
	font-size: 16px;
	margin: 40px 0px 0px;
	padding: 0px;
	width: 740px;
	border-bottom: 2px solid #EC4700;
	clear: both;
}
#osusume2 .tit03 span {
	font-size: 12px;
	font-weight: normal;
	padding-left: 5px;
}
#osusume2 .input-block .text01 {
	margin: 10px 0px 0px;
	padding: 0px;
}
#osusume2 .input-block .text02 {
	color: #E91C24;
	text-align: right;
}
#osusume2 .input-block .form {
	margin: 5px 0px 0px;
	padding: 0px;
	width: 740px;
}
#osusume2 .input-block .form table {
	margin: 0px;
	padding: 0px;
	width: 740px;
	border-right: 1px solid #4D4D4D;
	border-bottom: 1px solid #4D4D4D;
	border-left: 1px solid #4D4D4D;
}
#osusume2 .input-block .form table tr th {
	background: #FCE6D6 url(../img/osusume/osusume_bg01.gif) repeat-y left top;
	margin: 0px;
	padding: 7px 0px 6px 10px;
	width: 110px;
	font-weight: normal;
	vertical-align: top;
	border-top: 1px solid #4D4D4D;
}
#osusume2 .input-block .form table tr th .kome {
	color: #E91C24;
}
#osusume2 .input-block .form table tr td {
	background: #FFF;
	vertical-align: top;
	padding: 7px 0px 6px 10px;
	width: auto;
	border-top: 1px solid #4D4D4D;
}
#osusume2 .input-block .form table tr td span {
	display: block;
	margin-bottom: 5px;
}
#osusume2 .input-block .form .text03 {
	font-weight: bold;
	color: #FFF;
	background: #EC4700;
	margin: 0px;
	padding: 5px 0px 5px 10px;
	border-right: 1px solid #4D4D4D;
	border-left: 1px solid #4D4D4D;
	width: 728px;
}
#osusume2 .input-block .form table tr .none {
	border-top-style: none;
}

#osusume2 .input-block .form select {
	font-family: "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	border: 1px solid #999;
	padding: 2px 2px 2px 0px;
}
#osusume2 .input-block .form .txtinp {
	font-family: "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	border: 1px solid #999;
	padding: 2px;
}

#osusume2 .com-btn {
	text-align: center;
	margin: 30px 0px 0px;
	padding: 0px;
}
#osusume2 .com-btn li {
	display: inline;
	margin: 0px;
	padding: 0px 30px;
}
#osusume2 .com-btn li a img {
	vertical-align: top;
}
#osusume2 .thanks {
	margin: 30px auto 0px;
	padding: 0px;
	width: 666px;
}
#osusume2 .thanks .text01 {
	background: url(../img/osusume/osusume_tha_img01.jpg) no-repeat;
	margin: 0px auto;
	padding: 60px 0px 0px;
	height: 91px;
	width: 550px;
	text-align: center;
}
#osusume2 .thanks h3 {
	font-weight: normal;
	background: url(../img/osusume/osusume_tha_img02.jpg) no-repeat;
	margin: 15px 0px 0px;
	padding: 35px 0px 0px 20px;
	height: 24px;
	width: 666px;
	font-size: 12px;
}
#osusume2 .thanks .step01 {
	margin: 0px 0px 0px 20px;
	padding: 0px;
	height: 120px;
	width: 638px;
	background: url(../img/osusume/osusume_tha_img03.jpg) no-repeat;
}
#osusume2 .thanks .step01 .kome {
	margin: 0px;
	padding: 95px 0px 0px 110px;
}
#osusume2 .thanks .step02 {
	background: url(../img/osusume/osusume_tha_img04.gif) no-repeat;
	margin: 0px 0px 0px 20px;
	padding: 0px;
	height: 153px;
	width: 638px;
}
#osusume2 .thanks .step02 .kome01 {
	margin: 0px;
	padding: 40px 0px 0px 110px;
}
#osusume2 .thanks .step02 .kome02 {
	margin: 0px;
	padding: 60px 0px 0px 110px;
}
#osusume2 .thanks .step02 .kome03 {
	color: #E91C24;
	margin: 0px;
	padding: 0px 0px 0px 110px;
}
#osusume2 .thanks .step03 {
	background: url(../img/osusume/osusume_tha_img05.gif) no-repeat;
	margin: 0px 0px 0px 20px;
	padding: 0px;
	width: 638px;
}
#osusume2 .thanks .step03 .kome {
	margin: 0px;
	padding: 38px 0px 0px 110px;
	color: #E91C24;
}
#osusume2 .thanks .close {
	text-align: center;
	margin: 50px 0px 0px;
	padding: 0px;
}
#osusume2 .form table tr td .annai {
	display: block;
	margin: 0px 0px 5px;
	padding: 0px;
}
#osusume2 .text02 {
	font-size: 10px;
	letter-spacing: 1px;
	margin: 30px 0px 0px;
	padding: 0px;
}
#osusume2 .pri-tit01 {
	font-size: 16px;
	margin: 40px 0px 0px;
	padding: 0px;
	width: 740px;
	border-bottom: 2px solid #EC4700;
	font-weight: bold;
}
#osusume2 .pri .lead01 {
	margin: 0px;
	padding: 0px;
}
#osusume2 .pri {
	margin: 5px 0px 0px;
	padding: 10px;
	border: 1px solid #CCC;
	height: 100px;
	overflow: scroll;
	overflow-y: scroll;
	overflow-x: hidden;
}
#osusume2 .pri dl dt {
	font-weight: bold;
	margin: 1em 0px 0px;
	padding: 0px;
}
#osusume2 .pri dl dd {
	margin: 0px;
	padding: 0px 0px 0px 1em;
}
#osusume2 .pri .inquiry {
	border: 2px solid #d3d4d5;
	padding: 8px 10px;
	margin: 15px 0px 10px;
}
#osusume2 .pri .inquiry span {
	font-weight: bold;
	line-height: 2;
}
#osusume2 .f-pmark {
	margin: 15px 0px 0px;
	padding: 0px;
	width: 600px;
	overflow: hidden;
}
#osusume2 .f-pmark dt {
	margin: 0px 10px 0px 0px;
	padding: 0px;
	float: left;
	width: 85px;
}
#osusume2 .f-pmark dd {
	margin: 0px;
	padding: 20px 0px 0px;
}

#osusume2 .input-block .form table tr td span.address_l {
	display:block;
	padding:5px 0 0 0;
	margin-bottom:0;
}




/*@import "consulting2.css";*/
/*@import "freeconsul.css";*/
/* ttl01 ------------------------------------------------------------------------------*/
@media screen and (min-width: 768px) {
	#freeconsul .ttl00 {
		font-size: 30px;
	}
}
/* ttl02 ------------------------------------------------------------------------------*/
#freeconsul .ttl02 {
	background-color: #f2f6fb;
}

/*------------------------------------------------------------------------------
『保険のプロ』による生命保険無料相談のご案内
------------------------------------------------------------------------------*/
#freeconsul {
	margin: 30px 0px 0px;
	padding: 0px;
}
#freeconsul .block01 {
	margin: 20px 0 0 0;
}
#freeconsul .red{
	color: #c00;
	font-weight: bold;
}
#freeconsul .fw-b{
	font-weight: bold;
}
#freeconsul .flow p.text{
	margin-top: 10px !important;
}
#freeconsul .need-block {
	margin: 0px;
}
#freeconsul .need-inner{
	margin-bottom: 10px;
}
#freeconsul .need-block .need-img {
	width: 100%;
	max-width: 175px;
	float: left;
	box-sizing: border-box;
}
#freeconsul .need-block .cmt-box {
	float: right;
	width: 595px;
	background-color: #e5edf7;
	min-height: 90px;
	display: table;
	border-radius: 10px;
	box-sizing: border-box;
	padding: 10px 15px;
	position: relative;
}
#freeconsul .need-block .cmt-box::before {
	content: '';
	width: 0px;
	height: 0px;
	border-top: 10px solid transparent;
	border-right: 20px solid #e5edf7;
	border-bottom: 10px solid transparent;
	border-left: 20px solid transparent;
	position: absolute;
	top: 35px;
	left: -40px;
}
#freeconsul .need-block .cmt-box .cmt-txt{
	display: table-cell;
	vertical-align: middle;
}
#freeconsul .need-block .block01{
	margin-bottom: 20px;
}
#freeconsul .need-block .block01 .link01{
	font-weight: 400;
	text-align: right;
	margin: 10px 0 0 0 !important;
}
#freeconsul .need-block .fp {
	margin: 20px 0 0 0;
	padding: 15px;
	border-radius: 10px;
	border: 1px solid #014aac;
}
.consulting-box a {
	box-sizing: border-box;
	margin: 30px auto 0;
	width: 462px;
	height: 52px;
	background-image: -moz-linear-gradient( 90deg, rgb(255,138,0) 0%, rgb(255,192,0) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(255,138,0) 0%, rgb(255,192,0) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(255,138,0) 0%, rgb(255,192,0) 100%);
	border: 1px solid rgb(223, 114, 7);
	border-radius: 4px;
	box-shadow: 0.707px 0.707px 4px 0px rgba(102, 102, 102, 0.75);
	display: block;
	z-index: 62;
	text-align: center;
    color: #fff;
    font-size: 26px;
    font-family: "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
    font-weight: bold;
    text-shadow: 0px 0px 4px rgba(0,0,0, 0.8);
    text-decoration: none;
	position: relative;
	padding: 9px 0 0;
}
.consulting-box a span{
	font-size: 21px;
}
.consulting-box a .btn-arrow{
	width: 48px;
	height: 35px;
	position: absolute;
	right: 5px;
	top: 7px;
}
.consulting-box a:hover {
	opacity: 0.6;
	top: 1px;
	left: 1px;
}
.clearfix:after {
    content:" ";
    display:block;
    clear:both;
}




/*@import "style-sp.css";*/
/*  スマホのみ適応する記述 ------------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {

/*------------------------------------------------------------------------------
階層ページTOPページ　共通
------------------------------------------------------------------------------*/
#lower_common.index {
	padding: 0px 0px 0px;
}
#lower_common.index .ttl01 {
	font-size: 20px;
	padding: 10px 3.125% 10px; /* 20/640*100 */
	background-image: none;
}
#lower_common.index .ttl01 span {
	font-size: 22px;
}


/*- view ------------------------------------------------------------------------------*/
#lower_common.index .view {
	border: none;
	background-color: #ffcc00;
}
#lower_common.index .view .search_area {
	padding: 11px 5px;
}
#lower_common.index .view .bg_white{
	background-color: #fff;
	width: 100%;
}
#lower_common.index .view .view_title{
	position: relative;
	top: 0;
	width: 100%;
	max-width: 520px;
	height: auto;
	margin: 0 auto -3%;
	background-size: contain;
	background: none!important;
}

#lower_common.index .view .search_area {
	padding: 15px 10px;
	margin-right: auto;
	margin-left: auto;
}
#lower_common.index .view .search_area .select_title {
	box-sizing: border-box;
	display: inline-block;
	vertical-align: top;
	width: 20%;
	max-width: 90px;
	min-width: 70px;
	height: 36px;
	padding-top: 5px;
}
#lower_common.index .view .search_area .select_title p {
	text-indent: -4px;
	width: 100%;
	padding: 6px 0 6px;
	background-image: url('../img/medical/search_bg_03.png');
	background-size: 100% 100%;
	background-position: center;
	background-repeat: no-repeat;
}
#lower_common.index .view .search_area .selecrt_age {
	display: block;
	width: 30%;
	min-width: 95px;
	height: 44px;
	padding: 0 8px 0 5px;
	margin: 0 0 10px;
	background-image: none;
}
#lower_common.index .view .search_area .selecrt_age .select_box {
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	box-shadow: 0px 1px 3px rgba(0,0,0,0.3);
}
#lower_common.index .view .search_area .selecrt_age .select_box select {
	font-size: 18px;
	height: 100%;
}

#lower_common.index .view .search_area .selecrt_gender {
	display: block;
	left: 0;
	width: 50%;
	min-width: 120px;
	height: 44px;
	padding: 0;
	margin: 0 0 10px;
	background-image: none;
}
#lower_common.index .view .search_area .selecrt_gender .search_radio,
#gakushi #lower_common.index .view .search_area .search_bg01 .search_radio {
	box-sizing: border-box;
	text-align: center;
	width: 100%;
	margin-left: 0;
	margin-top: 0;
	letter-spacing: -0.4em;
	box-shadow: 0px 1px 3px rgba(0,0,0,0.3);
	border-radius: 5px;
}
#lower_common.index .view .search_area .selecrt_gender .search_radio .radio_btn,
#gakushi #lower_common.index .view .search_area .search_bg01 .search_radio .radio_btn {
	box-sizing: border-box;
	font-size: 16px;
	letter-spacing: normal;
	vertical-align: middle;
	width: 50%;
	height: 44px;
	margin-left: 0;
	padding: 10px 0;
	border: solid 1px #666666;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(249,249,249,1) 50%, rgba(242,242,242,1) 100%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(249,249,249,1) 50%,rgba(242,242,242,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(249,249,249,1) 50%,rgba(242,242,242,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 );
	z-index: 1;
}
#lower_common.index .view .search_area .selecrt_gender .search_radio .radio_btn.active,
#gakushi #lower_common.index .view .search_area .search_bg01 .search_radio .radio_btn.active {
	color: #fff;
	background-color: #4d4d4d;
	background: -moz-linear-gradient(top, #4d4d4d 0%, #666666 100%);
	background: -webkit-linear-gradient(top, #4d4d4d 0%, #666666 100%);
	background: linear-gradient(to bottom, #4d4d4d 0%, #666666 100%);
}
#lower_common.index .view .search_area .selecrt_gender .search_radio .radio_btn:first-child,
#gakushi #lower_common.index .view .search_area .search_bg01 .search_radio .radio_btn:first-child {
	border-right: none;
	border-radius: 5px 0 0 5px;
}
#lower_common.index .view .search_area .selecrt_gender .search_radio .item-inactive span{
	opacity: 0.5 !important;
}
#lower_common.index .view .search_area .selecrt_gender .search_radio .radio_btn:last-child,
#gakushi #lower_common.index .view .search_area .search_bg01 .search_radio .radio_btn:last-child {
	margin-left: 0;
	border-radius: 0 5px 5px 0;
}
#lower_common.index .view .search_area .selecrt_gender .search_radio .radio_btn input,
#gakushi #lower_common.index .view .search_area .search_bg01 .search_radio .radio_btn input {
	vertical-align: middle;
	margin-right: 1px;
}
#lower_common.index .view .search_area .selecrt_gender .search_radio .radio_btn input.radio_button[type="radio"] + .inner_label,
#gakushi #lower_common.index .view .search_area .search_bg01 .search_radio .radio_btn input.radio_button[type="radio"] + .inner_label{
	top: -4px;
	margin-right: 5px;
	margin-left: 0;
}
#lower_common.index .view .search_area .selecrt_gender .search_radio .radio_btn input.radio_button[type="radio"] + .inner_label::before {
	top: 3px;
	vertical-align: top;
	margin-right: 3px;
	margin-left: 0;
}
#lower_common.index .view .search_button {
	display: block;
	text-align: center;
	width: 100%;
	margin: 0 auto;
	padding: 0 0 4px;
}
#lower_common.index .view .search_button button,
#life #lower_common.index .view .search_button button,
#gakushi #lower_common.index .view .search_button button{
	width: 260px;
	height: 56px;
}
#lower_common.index .view .search_button button:hover::after { display: none;}
#gakushi #lower_common.index .view .search_area div.search_bg01,
#gakushi #lower_common.index .view .search_area div.search_bg02 {
	display: block;
	width: 100%;
	height: auto;
	text-align: center;
	background: none;
	margin: 0;
	padding: 0;
	left: 0;
}
#gakushi #lower_common.index .view .search_area div.search_bg02{
	margin: 0 0 10px;
}

#gakushi #lower_common.index .view .search_area .select_title p{ float: left;}
#gakushi #lower_common.index .view .search_area .selecrt_age {
	display: inline-block;
	width: 30%;
	min-width: 160px;
	height: 44px;
	padding: 0;
	margin: 0;
	background-image: none;
}
#gakushi #lower_common.index .view .search_area .selecrt_gender{
	position: static;
	display: block;
	text-align: right;
	width: 125px;
	height: 44px;
	padding: 0;
	margin: 0;
	background-image: none;
}
#gakushi #lower_common.index .view .search_area .selecrt_gender .search_radio .radio_btn input.radio_button[type="radio"] + .inner_label{ margin: 0;}
#gakushi #lower_common.index .view .search_area .selecrt_age .select_box{
	width: 100%;
	margin: 0;
}
#gakushi #lower_common.index .view .search_area .selecrt_gender .search_radio .radio_btn span{ display: inherit;}
#gakushi #lower_common.index .view .search_area .selecrt_gender .search_radio .radio_btn:last-child{ margin: 0}
#gakushi #lower_common.index .view .search_button button{ margin: 0 auto;}
	
 #life #lower_common.index .view .search_area .selecrt_type {
	display: block;
	width: 60%;
	min-width: 160px;
	height: 44px;
	padding: 0 0 0 5px;
	background-image: none;
}
#life .select_box select,
#gakushi .select_box select{
	font-size: 18px;
	height: 100%;
	padding: 0 20px 0 8px!important;
}
#life #lower_common.index .view .search_area .selecrt_gender{
	display: block;
	width: 100%;
	height: auto;
	text-align: center;
	background: none;
	margin:10px 0 0;
	padding: 0;
}
#life .selecrt_type .select_box.type_2{
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	box-shadow: 0px 1px 3px rgba(0,0,0,0.3);
}
#life .select_box.age_2,
#gakushi .select_box.age_2{
	display: inline-block;
	width: 24%;
	min-width: 85px;
	height: 44px;
	margin: 0 3px 10px 0;
	box-shadow: 0px 1px 3px rgba(0,0,0,0.3);
}
#life #lower_common.index .view .search_area .selecrt_gender .search_radio,
#gakushi #lower_common.index .view .search_area .search_bg01 .search_radio {
	display: inline-block;
	width: 52%;
	min-width: 120px;
	height: 44px;
	padding: 0;
	margin: 0 0 10px;
}
#life #lower_common.index .view .search_area .selecrt_gender .search_radio .radio_btn:last-child,
#gakushi #lower_common.index .view .search_area .search_bg01 .search_radio .radio_btn:last-child {
	margin: 0;
}
#life #lower_common.index .view .search_area .selecrt_gender .search_radio .radio_btn span,
#gakushi #lower_common.index .view .search_area .search_bg01 .search_radio .radio_btn span {
	display: inherit;
}
#life #lower_common.index .view .search_area .selecrt_gender .search_radio .radio_btn input.radio_button[type="radio"] + .inner_label,
#gakushi #lower_common.index .view .search_area .search_bg01 .search_radio .radio_btn input.radio_button[type="radio"] + .inner_label{
	margin: 7px 5px 0 0;
}



/*- sim_bnr ------------------------------------------------------------------------------*/
#lower_common.index .sim_bnr {
	margin: 15px 3.125% 0px;
}

/*- rank_list ------------------------------------------------------------------------------*/
#lower_common.index .rank-block .is_date,
.is_date_2{
	position: static;
	top: auto;
	right: auto;
	font-size: 12px;
	text-align: right;
}
#lower_common.index .rank_list {
	box-sizing: border-box;
	display: table;
	text-align: center;
	width: 100%;
	margin: 10px 0;
	border-top: solid 5px #e8f3fb;
}
#lower_common.index .rank_list .box {
	float: none;
	display: table-row;
	width: 100%;
	padding: 0;
	margin: 0;
}
#lower_common.index .rank_list .box:first-child {	margin: 0; }
#lower_common.index .rank_list .box .check {
	position: relative;
	display: table-cell;
	vertical-align: middle;
	width: 38px;
	padding: 10px 2px;
	margin: 0;
	background-color: #e8f3fb;
	border-bottom: solid 5px #e8f3fb;
}
#lower_common.index .rank_list .box .check::before {
	content: " ";
	position: absolute;
	bottom: 0;
/*	left: 0;
	width: 100%;*/
	left: 2px;
	width: 36px;
	height: 1px;
/*	background-color: #CCC;*/
	background-color: #d3e8f7;
}
	
#lower_common.index .rank_list .box .check img {
	margin-bottom: 10px;
}
	
#lower_common.index .rank_list .box .image {
	overflow: hidden;
	position: relative;
	display: table-cell;
	vertical-align: middle;
	min-width: 100px;
	border-bottom: solid 5px #e8f3fb;
	height: 80px;
}
#lower_common.index .rank_list .box .image img {
	position: relative;
	z-index: 10;
	display: block;
	width: 70px;
	margin: 0 auto;
	padding: 10px 20px;
	max-height: none;
}
#lower_common.index .rank_list .box:first-child .image img {
	width: 60px;
}
#lower_common.index .rank_list .box .image::before {
	display: none;
}
.rank-block .ttl00{
	margin-bottom: 5px!important;
}
.rank-block .ttl01{
	margin-bottom: 8px!important;
}

/*#lower_common.index .rank_list .box .image::after {
	content: " ";
	box-sizing: border-box;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	display: block;
	width: 100%;
	height: 100%;
	border: solid 5px #FFF;
	background-color: #CCC;
}*/

#lower_common.index .rank-btnarea {
	margin: 10px auto 20px;
}
#lower_common.index .rank_list .box .button {
  text-align: left;
	display: table-cell;
	vertical-align: middle;
	width: auto;
	max-width: 160px;
	padding: 8px 5px 8px 0;
	border-bottom: solid 5px #e8f3fb;
	border-right: solid 5px #e8f3fb;
}
#lower_common.index .rank_list .box .button > a {
	display: block;
	color: #FFF;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	width: 100%;
	max-width: 130px;
	min-width: auto;
	padding: 0.25em 0;
	margin: 0 auto;
}

#lower_common.index .rank_list .box .button .button > a:hover {
	opacity: 1.0;
}
#lower_common.index .rank_list .box .button .button > a:active {
	opacity: 0.6;
}
#lower_common.index .rank_list .box .button .link {
	word-wrap: break-word;
	width: 100%;
	max-width: none;
	min-height: auto;
	margin-bottom: 8px;
}
#lower_common.index .rank_list .box .button .link a {
	text-decoration: none;
	padding-bottom: 1px;
	border-bottom: solid 1px #1d3994;
}

#lower_common.index .button_check_rank,
#lower_common.index .button_search_rank{
	margin: 10px auto 15px auto;
	float: none;
	max-width: 320px;
	height: 50px;
}
#lower_common.index .button_check_rank a {
	padding: 5px 10px 9px 45px;
	font-size: 17px;
	background-position: left 18px center, center;
}
#lower_common.index .button_search_rank a {
	padding: 7px 15px 9px 10px;
	font-size: 24px;
}
#lower_common.index .button_check_rank a span { font-size: 22px;}
#lower_common.index .button_check_rank a:hover { opacity: 0.6;}
	
	
	
/* SBI生命_安い順ランキング設定 */
#lower_common.index .rank-block.low_price{margin-bottom: 20px;}
#lower_common.index .low_price .rank_list {margin: 15px 0 10px}
#lower_common.index .rank_list .box .button .net-btn > a{
	width: 70%;
	margin-left: auto;
	margin-right: auto;
}
#lower_common.index .rank_list .box .button {padding-top: 12px;}
#lower_common.index .low_price .rank_list .box .button .net-btn {
	margin: 0 10px 6px 0;
	text-align: center;
}
#lower_common.index .low_price .rank_list .box .button .net-btn > a{width: 100%;}
#lower_common.index .rank_list .box .button .link {
	margin-bottom: 5px;
}
	
	
	

/*- medical_list ------------------------------------------------------------------------------*/
#lower_common.index .medical_list {
	margin: 15px 0 10px;
}
#lower_common.index .medical_list ul {
	box-sizing: border-box;
	display:-webkit-box;
	display:-webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 0;
	width: 100%;
	min-height: auto;
	margin: 0 0 10px;
	border: solid 1px #cccccc;
	border-radius: 0;
}
#lower_common.index .medical_list ul li {
	float: none;
	text-align: left;
	width: 100%;
	margin: 0;
	border-top: solid 1px #cccccc;
}
#lower_common.index .medical_list ul li:nth-child(6n) {	margin-right: 0; }
#lower_common.index .medical_list ul li:nth-child(6n+1) {	clear: none; }
#lower_common.index .medical_list ul li a {
	box-sizing: border-box;
	display: block;
	width: 100%;
	padding: 0 20px 0 10px;
	background-image: url('../img/medical/arrow_icon_02.png');
	background-size: 11px auto;
	background-position: right 10px center;
	background-repeat: no-repeat;
}
#lower_common.index .medical_list ul li a:last-child {
	display: flex !important;
	align-items:center;
	min-height: 45px;
}
#lower_common.index .medical_list ul li img{
	max-height: none;
}

#lower_common.index .medical_list ul li a img {
	display: inline-block;
	vertical-align: middle;
	width: 25.089605734767025089605734767025%;	/* 140/558*100 */
	max-width: 140px;
	margin: 5px 0;
	max-height: 40px;
}
#lower_common.index .medical_list ul li a span, 
#lower_common.index .medical_list ul li span:last-child {
	display: inline-block;
	font-size: 14px;
	vertical-align: middle;
	width: calc(74.910394265232974910394265232975% - 20px);
	height: auto;
	margin: 5px 0 5px 1em;
}

/*------------------------------------------------------------------------------
company 設定
------------------------------------------------------------------------------*/
	#company, #houshin, #privacy, #security, #comparison, #antisocial{
		margin: 20px 0 0;
	}
	#company .table{
	margin-top: 15px;
	}
	#company .table table, 
	#company .table table tr, 
	#company .table table tbody, 
	#company .table table thead, 
	#company .table table tr th, 
	#company .table table tr td {
	box-sizing: border-box;
	display: block;
	width: 100%;
	}
	#company .table table {
	border-left: solid 1px #CCC;
	border-right: solid 1px #CCC;
	border-bottom: none;
	}
	#company .table table tr {
	border-top: none;
	}
	#company .table table tr th{
	border: none;
	}
	#company .table table tr td {
	border-top: solid 1px #CCC;
	}
	
	#privacy .privacypolicy dl dt {font-size: 16px;}
	#security .sec-block dl dt {font-size: 16px;}
	
	
/*------------------------------------------------------------------------------
sitemap設定
------------------------------------------------------------------------------*/
#sitemap {
	margin-top: 20px;
}
#sitemap h2 {
	margin-top: 5px;
	}
#sitemap .box h3 {
    padding: 9px 20px 8px 10px;
}
#sitemap .box .f_box,
#sitemap .box .fs_box {
	float: none!important;
	width: auto;
	margin: 15px 0px 0px 0px;
}
#sitemap .br-pc{
	display: none;
}


/* キャンペーン詳細設定 ------------------------------------------------------------------------------*/
	#campaign{
		margin-top: 20px;
	}
	
	#campaign #cp dl dd ul {
	float: none;
	width: 100%;
}


/*------------------------------------------------------------------------------
type設定
------------------------------------------------------------------------------*/
#type{
	padding-top: 20px !important;
}
#type .rank_list ul li a:hover::before{display: none;}
#type .rank_list ul li {
	width: 48.333333333333333333333333333333%;	/* 290/600*100 */
	margin: 0 3.3333333333333333333333333333333% 10px 0;
}
#type .rank_list ul li:nth-child(2n) {margin: 0 0 10px 0;}
#type .rank_list ul li:nth-child(3) {
	margin-right:3.3333333333333333333333333333333%;
}

#type .rank_list ul li .rank_title {
	font-size: 16px;
}
#type .rank_list ul li a {
	padding: 13px 0 10px;
}
#type .rank_list ul li .rank_title span {
	font-size: 12px;
}
#type .rank_list ul li .rank_title span .line1 {
	display: block;
	margin-left: 0;
}
#type .inner > dl {
	margin-top: 20px !important;
}
#type .inner > dl dt {
	padding-left: 0 !important;
}
#type .inner > dl dt a {
	padding: 7px 14.5% 4px 3.125% !important;
}
#type .inner dl {
	float: none;
	width: 100%;
}
#type .inner dl:nth-child(2n) {
	float: none;
}
#type .inner dl dd::before {
	left: 3.125%;
	width: 55px;
	height: 55px;
	background-size: 55px;
}
	
#type .img-main{
	margin-top: 20px;
}
#type .chart-arrow{
	margin: 15px auto;
}
#type .chart-arrow:after{
	border-width: 20px 40px 0 40px;
}
.chart_box .start_btn{ padding: 5px 0 10px; font-size: 24px;}
.chart_box .start_btn span { font-size: 16px;}
.chart_box .answer_box .btn{ padding: 13px 15px 11px 45px;}
.chart_box .return_btn{
	font-size: 16px;
	margin: 15px auto 10px;
	padding: 10px 0;
	width: 200px;
}
.chart_box .question span{
	display: table-cell;
	font-size: 18px;
	text-align: left;
	padding: 6px 0 4px 45px;
	line-height: 1.4;
}
.chart_box .question{
	display: table;
	margin-bottom: 10px;
}
.chart_box .question span::before{
	background-position: 50% 50%;
	background-size: 35px auto;
	width: 35px;
	height: 35px;
	background-repeat: no-repeat;
}
.chart_box .btn.ico_a::before,
.chart_box .btn.ico_b::before,
.chart_box .btn.ico_c::before,
.chart_box .btn.ico_d::before{
	width: 22px;
	height: 22px;
	top: 15px;
	left: 12px;
	background-size: 22px auto;
}
.chart_box .answer_box .btn {
	line-height: 1.5;
	font-size: 18px;
	text-align: left;
	margin: 0 auto 12px;
}
#type .q_box{ padding: 15px 15px 10px;}
#type .r_box{
	padding: 15px 0 20px;
	border: 2px solid #bcecec;
	}
#type .select_title{
	font-size: 18px;
	padding: 8px;
	margin-bottom: 15px;
}
#type .select_title::after{ background-image: none;}
#type .a_inner{
	width: auto;
	padding: 15px 3.125% 5px;
	margin: 3.125%;
	border: none!important;
	}
#type .check-block{
	font-size: 22px;
	margin-bottom: 5px;
}
#type .r_box .text{
	font-size: 15px;
	margin-bottom: 18px;
}
#type .r_box .cvarea__ttl{
	padding: 8px 5px;
	border-radius: 10px;
	font-size: 16px;
	width: auto;
}
#type .r_box .cvarea__btn a{
	font-size: 22px!important;
	padding: 12px 5px 15px 15px;
	margin: 18px 0 20px;
	width: auto;
}
#type .r_box .cvarea__btn.search__btn a{
	padding: 12px 5px 15px;
}
	#type .r_box .cvarea__btn span {
	background-size: 30px 30px;
	padding-left: 42px;
	height: 30px;
	line-height: 32px;
}
#type .r_box .cvarea__btn.search__btn span {
	background-size: 30px 30px;
	padding-left: 40px;
	height: 30px;
}
#type .r_box .cvarea__btn .fsiryo-request__free{
	font-size: 16px;
	top: 0.1em;
	}
#type .answer-link {
	z-index: 0;
	padding: 12px 15px 10px 45px;
	background-image: url(../img/icon/ico_btn_ranking.svg);
	background-size: 26px auto;
	background-position: left 10px center;
	background-repeat: no-repeat;
}
#type .answer-link:last-child {
	background-image: url(../img/icon/ico_btn_faq.svg);
	background-size: 22px auto;
	background-position: left 12px center;
}
#type .answer-link::before{ left: 8px;}
#type .answer-link span{
	padding-left: 0;
	font-size: 16px;
	background-image: none;
}
#type .answer-link:last-child span{
	background-image: none;
	padding: 14px 0 10px;
	}
#type .return_top{
	font-size: 16px;
	margin: 20px 30px 0;
	padding: 13px 5px 11px 25px;
	width: auto;
}

/*------------------------------------------------------------------------------
TOPページ設定
------------------------------------------------------------------------------*/
#index {
	padding: 0px 0px 0px;
}


/*- view ------------------------------------------------------------------------------*/
#index .view {
	border: none;
	background-color: #ffcc00;
}
#index .view .search_area {
	padding: 11px 5px;
}

/*- view ------------------------------------------------------------------------------*/
#index .index_search_banner {
	margin: 0 0 15px;
/*	border: solid 1px #cccccc;*/
border: none;
}
#index .index_search_banner .bg_white{
	width: 100%;
	background-color: #fff;
}
#index .index_search_banner .banner_title {
	position: relative;
	width: 100%;
	max-width: 414px;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	background: none;
}
#index .index_search_banner .banner_title span {
	font-size: 16px;
	font-weight: bold;
	font-family: Arial;
	padding-top: 0;
	padding-left: 22.65625%;	/* 145/640*100 */
	margin-top: -3px;
}
#index .index_search_banner .banner_title img{
	width: 100%!important;
}
#index .index_search_banner .select_box select {
	font-size: 16px;
}

#index .index_search_banner .search_area {
	padding: 15px 3.125% 30px;
}
#index .index_search_banner .search_area .select_box select {
	font-size: 18px;
	height: 100%;
	line-height: 20px !important;
}
#index .index_search_banner .search_area .f_item_text {
	box-sizing: border-box;
	position: absolute;
	top: 0;
	left: 0;
	display:-webkit-box;
	display:-webkit-flex;
	display: flex;
	-webkit-box-pack: flex-start;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	font-size: 14px;
	font-weight: normal;
	letter-spacing: normal;
	line-height: 35px;
	width: 92px;
	height: 38px;
	padding-left: 6px;
	margin-top: 3px;
	background-image: url('../img/frontpage/sp-top_search_bg.png');
	background-size: 100% 100%;
	background-position: center;
	background-repeat: no-repeat;
}
#index .index_search_banner .search_area .f_item_text .num {
	position: static;
	display: inline;
	font-size: 28px;
	font-weight: bold;
	vertical-align: middle;
	line-height: 28px;
}
#index .index_search_banner .search_area .f_item_text .text {
	display: inline;
	vertical-align: middle;
	line-height: 16px;
}

#index .index_search_banner .search_area .selecrt_hoken_type {
	box-sizing: border-box;
	position: relative;
	display: block;
	letter-spacing: -0.4em;
	width: 100%;
	height: 44px;
	padding: 0 0 0 98px;
	margin: 0 0 10px 0;
	background-image: none;
}
#index .index_search_banner .search_area .selecrt_hoken_type .select_box.hoken_type {
	box-sizing: border-box;
	width: 100%;
	height: 44px;
	box-shadow: 0px 1px 3px rgba(0,0,0,0.3);
}

#index .index_search_banner .search_area .search_radio .item-inactive span{
	opacity: 0.5 !important;
}

#index .index_search_banner .search_area .selecrt_age {
	box-sizing: border-box;
	position: relative;
	display: block;
	letter-spacing: -0.4em;
	width: 100%;
	height: auto;
	padding: 0 0 0 98px;
	margin: 0 0 10px;
	background-image: none;
	text-align: left;
}
#index .index_search_banner .search_area .selecrt_age .select_box {
	vertical-align: middle;
	width: 30%;
	min-width: 80px;
	height: 44px;
	margin: 0;
	box-shadow: 0px 1px 3px rgba(0,0,0,0.3);
}
#index .index_search_banner .search_area .selecrt_age .search_radio {
	width: 60%;
	min-width: 120px;
	letter-spacing: -0.4em;
	box-shadow: 0px 1px 3px rgba(0,0,0,0.3);
	border-radius: 5px;
}
#index .index_search_banner .search_area .selecrt_age .search_radio .radio_btn {
	box-sizing: border-box;
	font-size: 16px;
	letter-spacing: normal;
	vertical-align: middle;
	width: 50%;
	height: 44px;
	padding: 10px 0;
	border: solid 1px #666;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(249,249,249,1) 50%, rgba(242,242,242,1) 100%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(249,249,249,1) 50%,rgba(242,242,242,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(249,249,249,1) 50%,rgba(242,242,242,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 );
	z-index: 1;
	text-align: center;
}
#index .index_search_banner .search_area .selecrt_age .search_radio .radio_btn.active {
	color: #fff;
	background-color: #4d4d4d;
	background: -moz-linear-gradient(top, #4d4d4d 0%, #666666 100%);
	background: -webkit-linear-gradient(top, #4d4d4d 0%, #666666 100%);
	background: linear-gradient(to bottom, #4d4d4d 0%, #666666 100%);
}
#index .index_search_banner .search_area .selecrt_age .search_radio .radio_btn:first-child {
	border-radius: 5px 0 0 5px;
	border-right: none;}
#index .index_search_banner .search_area .selecrt_age .search_radio .radio_btn:last-child {
	margin: 0;
	border-radius: 0 5px 5px 0;
}
#index .index_search_banner .search_area .selecrt_age .search_radio .radio_btn input {
	vertical-align: middle;
	margin-right: 1px;
}
#index .index_search_banner .search_area .selecrt_age .search_radio .radio_btn input.radio_button[type="radio"] + .inner_label {
	vertical-align: top;
	margin-top: 2px;
	margin-right: 5px;
	margin-left: 0;
}

#index .index_search_banner .search_area .search_button {
	display: block;
	text-align: center;
	width: 280px;
	height: 54px;
	margin: 10px auto 0 auto;
}
#index .index_search_banner .search_area .search_button button {
	font-size: 28px;
	width: 100%;
}
#index .index_search_banner .search_area .search_button button:hover::after { display: none;}
#index .index_search_banner .search_area .search_button .caution {
	display: block;
	font-size: 10px;
	margin-top: 8px;
}
#index .index_search_banner .search_area .search_button:hover .caution{ margin-top: 4px;}

/*------------------------------------------------------------------------------
人気ランキング設定
------------------------------------------------------------------------------*/
/*がん保険*/
#gan #lower_common.index .rank_list .box .check,
.rank-cancer #lower_common.index .rank_list .box .check,
.body-class-cancer #lower_common.index .rank_list .box .check{
	background-color: #f6e8ef;
	border-bottom: solid 5px #f6e8ef;
}
#gan #lower_common.index .rank_list,
.rank-cancer #lower_common.index .rank_list,
.body-class-cancer #lower_common.index .rank_list{
	border-top: solid 5px #f6e8ef;
}
#gan #lower_common.index .rank_list .box .image,
.rank-cancer #lower_common.index .rank_list .box .image,
.body-class-cancer #lower_common.index .rank_list .box .image{
	border-bottom: solid 5px #f6e8ef;
}
#gan #lower_common.index .rank_list .box .button,
.rank-cancer #lower_common.index .rank_list .box .button,
.body-class-cancer #lower_common.index .rank_list .box .button{
	border-bottom: solid 5px #f6e8ef;
	border-right: solid 5px #f6e8ef;
}
#gan #lower_common.index .rank_list .box .check::before,
.rank-cancer #lower_common.index .rank_list .box .check::before,
.body-class-cancer #lower_common.index .rank_list .box .check::before{
	background-color: #edc5d9;
}
	
/*死亡保険*/
#life #lower_common.index .rank_list .box .check,
.rank-teiki #lower_common.index .rank_list .box .check,
.rank-syushin #lower_common.index .rank_list .box .check,
.body-class-syushin #lower_common.index .rank_list .box .check,
.body-class-teiki #lower_common.index .rank_list .box .check,
.body-class-shunyu #lower_common.index .rank_list .box .check{
	background-color: #f0f6e9;
	border-bottom: solid 5px #f0f6e9;
}
#life #lower_common.index .rank_list,
.rank-teiki #lower_common.index .rank_list,
.rank-syushin #lower_common.index .rank_list,
.body-class-syushin #lower_common.index .rank_list,
.body-class-teiki #lower_common.index .rank_list,
.body-class-shunyu #lower_common.index .rank_list{
	border-top: solid 5px #f0f6e9;
}
#life #lower_common.index .rank_list .box .image,
.rank-teiki #lower_common.index .rank_list .box .image,
.rank-syushin #lower_common.index .rank_list .box .image,
.body-class-syushin #lower_common.index .rank_list .box .image,
.body-class-teiki #lower_common.index .rank_list .box .image,
.body-class-shunyu #lower_common.index .rank_list .box .image{
	border-bottom: solid 5px #f0f6e9;
}
#life #lower_common.index .rank_list .box .button,
.rank-teiki #lower_common.index .rank_list .box .button,
.rank-syushin #lower_common.index .rank_list .box .button,
.body-class-syushin #lower_common.index .rank_list .box .button,
.body-class-teiki #lower_common.index .rank_list .box .button,
.body-class-shunyu #lower_common.index .rank_list .box .button{
	border-bottom: solid 5px #f0f6e9;
	border-right: solid 5px #f0f6e9;
}
#life #lower_common.index .rank_list .box .check::before,
.rank-teiki #lower_common.index .rank_list .box .check::before,
.rank-syushin #lower_common.index .rank_list .box .check::before,
.body-class-syushin #lower_common.index .rank_list .box .check::before,
.body-class-teiki #lower_common.index .rank_list .box .check::before,
.body-class-shunyu #lower_common.index .rank_list .box .check::before{
	background-color: #c3e5a1;
}
	
/*学資保険*/
#gakushi #lower_common.index .rank_list .box .check,
.rank-child #lower_common.index .rank_list .box .check,
.body-class-child #lower_common.index .rank_list .box .check{
	background-color: #ddf3f1;
	border-bottom: solid 5px #ddf3f1;
}
#gakushi #lower_common.index .rank_list,
.rank-child #lower_common.index .rank_list,
.body-class-child #lower_common.index .rank_list{
	border-top: solid 5px #ddf3f1;
}
#gakushi #lower_common.index .rank_list .box .image,
.rank-child #lower_common.index .rank_list .box .image,
.body-class-child #lower_common.index .rank_list .box .image{
	border-bottom: solid 5px #ddf3f1;
}
#gakushi #lower_common.index .rank_list .box .button,
.rank-child #lower_common.index .rank_list .box .button,
.body-class-child #lower_common.index .rank_list .box .button{
	border-bottom: solid 5px #ddf3f1;
	border-right: solid 5px #ddf3f1;
}
#gakushi #lower_common.index .rank_list .box .check::before,
.rank-child #lower_common.index .rank_list .box .check::before,
.body-class-child #lower_common.index .rank_list .box .check::before{
	background-color: #b2f3ed;
}		

/*引受基準緩和型保険*/
#chronic #lower_common.index .rank_list .box .check,
.rank-chronic #lower_common.index .rank_list .box .check,
.body-class-chronic #lower_common.index .rank_list .box .check{
	background-color: #e6f0ea;
	border-bottom: solid 5px #e6f0ea;
}
#chronic #lower_common.index .rank_list,
.rank-chronic #lower_common.index .rank_list,
.body-class-chronic #lower_common.index .rank_list{
	border-top: solid 5px #e6f0ea;
}
#chronic #lower_common.index .rank_list .box .image,
.rank-chronic #lower_common.index .rank_list .box .image,
.body-class-chronic #lower_common.index .rank_list .box .image{
	border-bottom: solid 5px #e6f0ea;
}
#chronic #lower_common.index .rank_list .box .button,
.rank-chronic #lower_common.index .rank_list .box .button,
.body-class-chronic #lower_common.index .rank_list .box .button{
	border-bottom: solid 5px #e6f0ea;
	border-right: solid 5px #e6f0ea;
}
#chronic #lower_common.index .rank_list .box .check::before,
.rank-chronic #lower_common.index .rank_list .box .check::before,
.body-class-chronic #lower_common.index .rank_list .box .check::before{
	background-color: #c8e8d5;
}			

/*女性保険*/
#woman #lower_common.index .rank_list .box .check,
.rank-woman #lower_common.index .rank_list .box .check,
.body-class-woman #lower_common.index .rank_list .box .check{
	background-color: #ffedf1;
	border-bottom: solid 5px #ffedf1;
}
#woman #lower_common.index .rank_list,
.rank-woman #lower_common.index .rank_list,
.body-class-woman #lower_common.index .rank_list{
	border-top: solid 5px #ffedf1;
}
#woman #lower_common.index .rank_list .box .image,
.rank-woman #lower_common.index .rank_list .box .image,
.body-class-woman #lower_common.index .rank_list .box .image{
	border-bottom: solid 5px #ffedf1;
}
#woman #lower_common.index .rank_list .box .button,
.rank-woman #lower_common.index .rank_list .box .button,
.body-class-woman #lower_common.index .rank_list .box .button{
	border-bottom: solid 5px #ffedf1;
	border-right: solid 5px #ffedf1;
}
#woman #lower_common.index .rank_list .box .check::before,
.rank-woman #lower_common.index .rank_list .box .check::before,
.body-class-woman #lower_common.index .rank_list .box .check::before{
	background-color: #f7cdd6;
}

/*介護保険*/
#care #lower_common.index .rank_list .box .check,
.rank-care #lower_common.index .rank_list .box .check,
.body-class-care #lower_common.index .rank_list .box .check{
	background-color: #fdecd8;
	border-bottom: solid 5px #fdecd8;
}
#care #lower_common.index .rank_list,
.rank-care #lower_common.index .rank_list,
.body-class-care #lower_common.index .rank_list{
	border-top: solid 5px #fdecd8;
}
#care #lower_common.index .rank_list .box .image,
.rank-care #lower_common.index .rank_list .box .image,
.body-class-care #lower_common.index .rank_list .box .image{
	border-bottom: solid 5px #fdecd8;
}
#care #lower_common.index .rank_list .box .button,
.rank-care #lower_common.index .rank_list .box .button,
.body-class-care #lower_common.index .rank_list .box .button{
	border-bottom: solid 5px #fdecd8;
	border-right: solid 5px #fdecd8;
}
#care #lower_common.index .rank_list .box .check::before,
.rank-care #lower_common.index .rank_list .box .check::before,
.body-class-care #lower_common.index .rank_list .box .check::before{
	background-color: #f1cfa8;
}

/*個人年金保険*/
#nenkin #lower_common.index .rank_list .box .check,
.rank-annuity #lower_common.index .rank_list .box .check,
.body-class-annuity #lower_common.index .rank_list .box .check{
	background-color: #ebe8f1;
	border-bottom: solid 5px #ebe8f1;
}
#nenkin #lower_common.index .rank_list,
.rank-annuity #lower_common.index .rank_list,
.body-class-annuity #lower_common.index .rank_list{
	border-top: solid 5px #ebe8f1;
}
#nenkin #lower_common.index .rank_list .box .image,
.rank-annuity #lower_common.index .rank_list .box .image,
.body-class-annuity #lower_common.index .rank_list .box .image{
	border-bottom: solid 5px #ebe8f1;
}
#nenkin #lower_common.index .rank_list .box .button,
.rank-annuity #lower_common.index .rank_list .box .button,
.body-class-annuity #lower_common.index .rank_list .box .button{
	border-bottom: solid 5px #ebe8f1;
	border-right: solid 5px #ebe8f1;
}
#nenkin #lower_common.index .rank_list .box .check::before,
.rank-annuity #lower_common.index .rank_list .box .check::before,
.body-class-annuity #lower_common.index .rank_list .box .check::before{
	background-color: #dcd3ed;
}

/*就業不能保険*/
#disability #lower_common.index .rank_list .box .check,
.rank-disability #lower_common.index .rank_list .box .check,
.body-class-disability #lower_common.index .rank_list .box .check{
	background-color: #dfe7f6;
	border-bottom: solid 5px #dfe7f6;
}
#disability #lower_common.index .rank_list,
.rank-disability #lower_common.index .rank_list,
.body-class-disability #lower_common.index .rank_list{
	border-top: solid 5px #dfe7f6;
}
#disability #lower_common.index .rank_list .box .image,
.rank-disability #lower_common.index .rank_list .box .image,
.body-class-disability #lower_common.index .rank_list .box .image{
	border-bottom: solid 5px #dfe7f6;
}
#disability #lower_common.index .rank_list .box .button,
.rank-disability #lower_common.index .rank_list .box .button,
.body-class-disability #lower_common.index .rank_list .box .button{
	border-bottom: solid 5px #dfe7f6;
	border-right: solid 5px #dfe7f6;
}
#disability #lower_common.index .rank_list .box .check::before,
.rank-disability #lower_common.index .rank_list .box .check::before,
.body-class-disability #lower_common.index .rank_list .box .check::before{
	background-color: #c4d3ee;
}

/*- block_01 ------------------------------------------------------------------------------*/
#index .block_01 {
/*	margin: 15px 0 0;*/
}
#index .block_01 .banner_box p{
	width: 100%;
	float: none !important;
}
.banner_box .banner-line-pc{
	display: none;
}
.banner_box .banner-line-sp{
	display: inline;	
}
/*- block_02 ------------------------------------------------------------------------------*/
#index .block_02 {
	margin: 0;
}


/*- bunner_box ------------------------------------------------------------------------------*/


/*- common_area ------------------------------------------------------------------------------*/
#index .common_area {
	margin: 15px 0 0;
}
#index .common_area .lead_text {
	margin: 10px 0;
}
/*
#index .common_area h2, 
#index .common_area h2 a {
	text-align: center;
	background-image: none !important;
}
*/
#index .common_area h2 span, 
#index .common_area h2 span.sp-active {
	font-size: 20px;
	font-weight: bold;
}
#index .common_area .wrap {
	padding: 0 3.125%;	/* 20/640*100 */
	border-radius: 0 0 3px 3px;
}


/*- type_list ------------------------------------------------------------------------------*/
#index .type_list ul li, 
#index .type_list ul li:nth-child(5n) {
	display: block;
	float: left;
	width: 48.035714285714285714285714285714%;	/* 269/560*100 */
	margin-right: 0;
}
#index .type_list ul li:nth-child(2n) {
	float: right;
}
#index .type_list ul li:nth-child(2n+1) {
	clear: both;
}

#index .type_list ul li a {
	line-height: 58px;
	height: 60px;
	padding: 0 12px;
}
#index .type_list ul li a span:not(.sp-hide) {
	display: inline-block;
	width: calc(100% - 23px);
}
#index .type_list ul li:last-child a span {
	font-size: 14px;
}
#index .type_list ul li a img {
	vertical-align: middle;
	width: 23px;
	height: auto;
	margin-top: -2px;
}
#index .type_list ul li a img.sp-show {
	display: inline-block !important;
}


/*- lifestage_list ------------------------------------------------------------------------------*/
#index .lifestage_list ul li, 
#index .lifestage_list ul li:nth-child(3n) {
	display: block;
	width: 100%;
	margin-right: 0;
}
#index .lifestage_list ul li:nth-child(3n) {
	margin-right: 0;
}

#index .lifestage_list ul li a::before {
	width: 70px;
	height: 45px;
}

#index .lifestage_list ul li a .in_c {
	font-size: 14px;
	text-align: left;
	width: calc(100% - 90px);
	padding: 2px 0 0 12px;
}


/*- purpose_list ------------------------------------------------------------------------------*/
#index .purpose_list ul {
	float: none;
	width: 100%;
}
#index .purpose_list ul li{
	float: none;
	width: 100%;
}

#index .purpose_list ul li a {
	float: none;
	margin: 0 0 10px;
}
#index .purpose_list ul li a::before {
	width: 70px;
	height: 45px;
}
#index .purpose_list ul li a .in_c {
	font-size: 14px;
	text-align: left;
	width: calc(100% - 90px);
	padding: 2px 0 0 12px;
	text-indent: 0;
}


/*- medical_list ------------------------------------------------------------------------------*/
#index .medical_list .wrap {
	padding: 0;
}
#index .medical_list ul {
	box-sizing: border-box;
	display: block;
	padding: 0;
	width: 100%;
	margin: 0 0 0;
	border-radius: 0;
}
#index .medical_list ul li {
	float: none;
	text-align: left;
	width: 100%;
	margin: 0;
	border-top: solid 1px #cccccc;
}
#index .medical_list ul li:first-child {
	border-top: none;
}
#index .medical_list ul li:nth-child(6n) {	margin-right: 0; }
#index .medical_list ul li:nth-child(6n+1) {	clear: none; }
#index .medical_list ul li a {
	box-sizing: border-box;
	display: block;
	width: 100%;
	padding: 0 20px 0 15px;
	background-image: url('../img/medical/arrow_icon_02.png');
	background-size: 11px auto;
	background-position: right 10px center;
	background-repeat: no-repeat;
	height: 55px;
}
#index .medical_list ul li a:last-child {
	display: flex !important;
	align-items:center;
}
#index .medical_list ul li img {
	max-height: none;
}
#index .medical_list ul li a img {
	display: inline-block;
	vertical-align: middle;
	width: 25.089605734767025089605734767025%;	/* 140/558*100 */
	max-width: 140px;
	margin: 5px 0;
	max-height: 40px;
}
#index .medical_list ul li a span, 
#index .medical_list ul li span:last-child {
	display: inline-block;
	font-size: 14px;
	vertical-align: middle;
	width: calc(74.910394265232974910394265232975% - 20px);
	margin: 5px 0 5px 1em;
}


/*- outer_wrap ------------------------------------------------------------------------------*/
#index .outer_wrap {
	margin-top: 10px;
}

/*- news_list ------------------------------------------------------------------------------*/
#index #incNews{
	padding: 0 3.125%;
	}
#index .news_list {
	max-height: 197px;
	padding: 0 3.125%;	/* 20/640*100 */
	margin-bottom: 5px;
	border-radius: 0;
}
#index .news_list ul {
	display: block;
}
#index .news_list ul li {
	display: block;
	margin: 7px 0 0;
}
#index .news_list ul li>span {
	display: block;
	border-bottom: none;
}

#index .news_list ul li .cate {
	display: inline-block;
	padding: 0;
}
#index .news_list ul li .cate .c_01 {
	border-radius: 2px;
}
#index .news_list ul li .cate .c_02 {
	border-radius: 2px;
}

#index .news_list ul li .date {
	display: inline-block;
	padding: 0;
}

#index .news_list ul li .text {
	display: block;
	padding: 0 0 7px;
	border-bottom: dashed 1px #cccccc;
}
#index .news_list ul li .text a {
	text-decoration: none;
}
#index .news_list ul li:last-child .text {
	margin: 0;
	border-bottom: none;
}

/*- lank_link_list ------------------------------------------------------------------------------*/
#index .lank_link_list p{
	width: 100%
}
#index .lank_link_list p:nth-child(2){
	margin-top: 0;
}
#index .lank_link_list p:nth-child(odd) {
	float: none;
}
#index .lank_link_list p:nth-child(even) {
	float: none;
}

/*- f_link_list ------------------------------------------------------------------------------*/
#index .f_link_list {
	margin: 15px 0 0;
}
#index .f_link_list .ttl01 {
	color: #1d3994;
	font-size: 18px;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 3.125%;	/* 20/640*100 */
}
#index .f_link_list .ttl01::before {
	bottom: 3px;
}

#index .f_link_list .f_box {
	float: none;
	width: 100%;
	margin: 15px 0 0;
}
#index .f_link_list .f_box:nth-child(2n) {
	float: none;
}
#index .f_link_list .f_box:nth-child(2n+1) {
	clear: none;
}
#index .f_link_list .f_box li:last-child {
	margin-bottom: 7px;
}

#index .f_link_list .f_box li a span {
	font-size: 10px;
}

/*- 人気ランキング ------------------------------------------------------------------------------*/
#lower_common.index .rank_list .box .check img {
	margin-top: 0;
	margin-bottom: 10px;
}
	

/*------------------------------------------------------------------------------
ロールオーバー無効
------------------------------------------------------------------------------*/
*{
	opacity: 1.0!important;
}

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


/*- 人気ランキング（IE対応） ------------------------------------------------------------------------------*/
@media all and (max-width: 767px) and (-ms-high-contrast: none){
	#lower_common.index .rank_list .box .image img {
		max-width: 70px;
		width: auto;
	}
}


@media screen and (max-width: 340px) {
	#index .index_search_banner .banner_title span {
		font-size: 12px;
		margin: 0;
	}
}/* /end@media (max-width: 340px)  ------------------------------------------------------------------------------*/


/*@import "common-overwrite.css";*/
/*------------------------------------------------------------------------------
ブラウザスタイル初期化設定
------------------------------------------------------------------------------*/
body {
	font-size: 16px;
	letter-spacing: 0.5px;
}
p,ul,dd{
	line-height: 1.5;
}


/************************************************************************************************************************************
 .clearfix
************************************************************************************************************************************/
/*for IE 5.5-7*/
.clr, .f_box {
	zoom: 1;
	display: inline-table;
}
/*for modern browser*/
.clr::after, .f_box::after {
	content:".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
}
* html .clr, * html .f_box {
	height: 1%;
	display:inline-table;
	/*\*/display:block;/**/
}
/* Hides from IE-mac \*/
* html .clr, .* html .f_box  {
	height: 1%;
}
.clr, .f_box {
	display: block;
}
/** displayの強制指定 *****************************************************************/
.tb-show { display: none !important; }
br.tb-show { display: none !important; }
span.tb-show { display: none !important; }
.sp-show { display: none !important; }
br.sp-show { display: none !important; }
span.sp-show { display: none !important; }
.sp_min-show { display: none !important; }
br.sp_min-show { display: none !important; }
span.sp_min-show { display: none !important; }

@media screen and (max-width: 1024px) {
	.tb-hide { display: none !important; }
	.tb-show { display: block !important; }
	br.tb-show { display: inline !important; }
	span.tb-show { display: inline !important; }
}
@media screen and (max-width: 767px) {
	.sp-hide, br.sp-hide { display: none !important; }
	.sp-show { display: block !important; }
	br.sp-show { display: inline !important; }
	span.sp-show { display: inline !important; }
}
@media screen and (max-width: 360px) {
	.sp_min-hide, br.sp_min-hide { display: none !important; }
	.sp_min-show { display: block !important; }
	br.sp_min-show { display: inline !important; }
	span.sp_min-show { display: inline !important; }
}


/* google_conversion_frameが高さを持っているため非表示（画面最下部に不要な余白になる） */
iframe[name=google_conversion_frame] {
	display: none;
}
/** iOS用のhover設定 *****************************************************/
.ios button:hover,
.ios a:hover {
      opacity: 1 !important;
}
.ios .search_button button:hover::after,
.ios .ap_button a:hover::before,
.ios .pnavi a:hover::before,
.ios .rank_list a:hover::before {
      display: none !important;
}




/*------------------------------------------------------------------------------
コンテンツ共通パーツ
------------------------------------------------------------------------------*/
/* ttl00 ------------------------------------------------------------------------------*/
.ttl00 {
	box-sizing: border-box;
	position: relative;
/*	font-size: 32px;*/
	font-size: 28px!important;
	font-weight: bold;
	line-height: 1.3;
	width: 100%;
	padding: 0 0 15px 0;
	margin: 0 0 15px 0!important;
	background: transparent;
	border-bottom: solid 5px #cccccc;
}
.ttl00::after {
	content: " ";
	position: absolute;
	left: 0;
	bottom: -5px;
	display: block;
	width: 110px;
	height: 5px;
	background-color: #014aac;
}
.ttl00 + *{
	margin-top: 0!important;
}

/* ttl01 ------------------------------------------------------------------------------*/
.ttl01 {
	box-sizing: border-box;
	position: relative;
	font-size: 24px!important;
	font-weight: bold!important;
	vertical-align: bottom;
	width: 100%;
	min-height: 40px;
	padding: 10px 0 10px 0;
	margin: 20px 0 0px;
}
.ttl01.unique_01 {
	padding: 10px 0 10px 35px;
	margin: 0;
	background-image: url('../img/frontpage/ttl01_icon_1.png');
	background-size: 27px 27px;
	background-position: left center;
	background-repeat: no-repeat;
}
.ttl01.unique_02 {
	padding: 10px 0 10px 35px;
	background-image: url('../img/frontpage/ttl01_icon_2.png');
	background-size: 27px 27px;
	background-position: left center;
	background-repeat: no-repeat;
}
.ttl01.unique_03 {
	padding: 10px 0 10px 35px;
	background-image: url('../img/frontpage/ttl01_icon_3.png');
	background-size: 30px 25px;
	background-position: left top 10px;
	background-repeat: no-repeat;
}
.ttl01::after {
	content: " ";
	position: absolute;
	left: 0;
	bottom: 0;
	display: block;
	width: 100%;
	height: 3px;
	background-color: #014aac;
}

/*.ttl01::before {
	content: "－";
	box-sizing: border-box;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 10px;
	color: #014aac;
	font-size: 22px;
	font-weight: normal;
	text-align: center;
	line-height: 0;
	width: 28px;
	height: 29px;
	padding: 13px 0 0;
	margin: auto 0;
	background-color: #FFF;
	border: solid 1px #999;
	border-radius: 6px;
	box-shadow: 0px 1px 1px rgba(0,0,0,0.5);
}
.ttl01.is_close::before {
	content: "＋"
}

.ttl01.not-accordion {
	cursor: default;
}
.ttl01.not-accordion::before {
	display: none;
}*/
.ttl01 + *{
	margin-top: 0!important;
}

/*---共通化途中---*/

#lifestage .ttl01,
#purpose .ttl01,
#hokenjijyo .ttl01,
#triangle .ttl01,
#glossary .ttl01,
#guide .ttl01,
#kiso .ttl01{
	font-weight: bold;
	border-top: 4px solid #014aac;
	border-bottom: 2px solid #014aac;
	text-align: left;
	line-height: 1.4;
	margin: 60px 0 20px;
	padding: 18px 5px 14px;
}
#lifestage .ttl01::after,
#purpose .ttl01::after,
#hokenjijyo .ttl01::after,
#triangle .ttl01::after,
#glossary .ttl01::after,
#guide .ttl01::after,
#kiso .ttl01::after{
	content: none;
}


/* ttl02 ------------------------------------------------------------------------------*/
.ttl02 {
	box-sizing: border-box;
	position: relative;
	cursor: pointer;
	color: #333;
	font-size: 22px;
	font-weight: bold;
	line-height: 1.3;
	width: 100%;
	margin: 20px 0 0;
	padding: 10px 45px 7px 12px;
	border-left: solid 3px #014aac;
	background-color: #e6eefa;
	background-image: url("../img/icon/ico_accordion_gray_open.svg");
	background-size: 26px 28px;
	background-position: right 10px top 50%;
	background-repeat: no-repeat;
}
.ttl02.is_close {
	background-image: url("../img/icon/ico_accordion_gray_close.svg");
}

.ttl02 + *{
	margin-top: 0!important;
}

.ttl02.not-accordion {
	cursor: default;
}
.ttl02.not-accordion{
	background-image: none;
}


/* ttl03 ------------------------------------------------------------------------------*/
.ttl03 {
	box-sizing: border-box;
	position: relative;
	cursor: pointer;
	color: #333;
	font-size: 20px;
	font-weight: normal;
	width: 100%;
	padding: 6px 45px 6px 23px;
	margin: 20px 0 0 0;
	border: solid 1px #014aac;
	background-color: #FFF;
	background-image: url("../img/icon/ico_accordion_gray_open.svg");
	background-size: 26px 28px;
	background-position: right 10px top 50%;
	background-repeat: no-repeat;
}
.ttl03.is_close {
	background-image: url("../img/icon/ico_accordion_gray_close.svg");
}
.ttl03::before {
	content: " ";
	position: absolute;
	top: 8px;
	left: 9px;
	width: 3px;
	height: 1em;
	background-color: #014aac;
}

/*---共通化途中---*/

#lifestage .ttl03,
#purpose .ttl03,
#hokenjijyo .ttl03,
#triangle .ttl03,
#glossary .ttl03,
#kiso .ttl03{
	font-size: 22px;
	line-height: 1.4;
	font-weight: bold;
	padding: 18px 20px 14px;
	margin: 30px 0 15px!important;
	background-color: #e6eefa;
	border-radius: 8px;
	border: none;
	background-image: none;
	cursor: default;
}
#lifestage .ttl03::before,
#purpose .ttl03::before,
#hokenjijyo .ttl03::before,
#triangle .ttl03::before,
#glossary .ttl03::before,
#kiso .ttl03::before{
	content: none;
}


/* ttl04 ------------------------------------------------------------------------------*/
.ttl04 {
	position: relative;
	color: #333;
	font-size: 18px;
	font-weight: normal;
	border-bottom: solid 2px #014aac;
	margin: 20px 0 0 0;
	padding: 0 0 1px 20px;
}
.ttl04::before {
	position: absolute;
	bottom: 3px;
	left: 0;
	content: "■";
	color: #014aac;
}
.ttl04__s {
	font-size:12px;
	display: block;
}
@media screen and (min-width:768px) {
	.ttl04__s {
		padding-left: 5px;
		display: inline-block;
	}
}

/*---共通化途中---*/

#lifestage .ttl04,
#purpose .ttl04,
#hokenjijyo .ttl04,
#triangle .ttl04,
#kiso .ttl04{
	font-size: 19px;
	font-weight: bold;
	line-height: 1.4;
	border-bottom: none;
	border-left: solid 5px #014aac;
	margin: 30px 0 15px;
	padding: 2px 0 0 15px;
}
#lifestage .ttl04::before,
#purpose .ttl04::before,
#hokenjijyo .ttl04::before,
#triangle .ttl04::before,
#kiso .ttl04::before{
	content: none;
}


/* ttl05 ------------------------------------------------------------------------------*/
.ttl05 {
	box-sizing: border-box;
	position: relative;
	color: #333;
	font-size: 20px;
	font-weight: normal;
	width: 100%;
	padding: 10px 10px 10px 23px;
	margin: 15px 0px 0px 0;
	border: solid 1px #014aac;
}
.ttl05::before {
	content: " ";
	position: absolute;
	top: 0.6em;
	left: 9px;
	width: 3px;
	height: 1em;
	background-color: #014aac;
}
.ttl05 .red {
	color: #cc0000;
}
.ttl05 .red::before {
	content: "：";
	color: #333;
}

/*---共通化途中---*/

#lifestage .ttl05,
#purpose .ttl05,
#kiso .ttl05{
	font-size: 18px;
	font-weight: bold;
	line-height: 1.5;
	margin: 20px 0 5px 0;
	padding: 0 0 0 25px;
	position: relative;
	border: none;
}
#lifestage .ttl05::before,
#purpose .ttl05::before,
#kiso .ttl05::before{
	content: "■";
	position: absolute;
	top: 0;
	left: 0;
	background: none;
	color: #014aac;
}


/* ttl06 ------------------------------------------------------------------------------*/
.ttl06 {
	box-sizing: border-box;
	position: relative;
	display: block;
	font-size: 16px;
	width: 100%;
	padding-left: 1.5em;
	border-bottom: dotted 1px #014aac;
}
.ttl06 span {
	position: absolute;
	top: 0;
	left: 0;
	color: #014aac;
}

/* 見出し直後のマージン設定 ------------------------------------------------------------------------------*/
*[id^="accordion_tg"] > *:first-child{
	margin-top: 20px!important;
}
*[id^="accordion_tg"] > p:first-child{
	margin-top: 12px!important;
}
*[id^="accordion_tg"] > ul:first-child{
	margin-top: 15px!important;
}
.frontpage *[id^="accordion_tg"] > .inner_wrap:first-child{
	margin-top: 12px!important;
}
.frontpage .f_box *[id^="accordion_tg"] > .inner_wrap:first-child{
	margin-top: 15px!important;
}
*[id^="accordion_tg"] > .clr:first-child{
	margin-top: 12px!important;
}

/* list01 ------------------------------------------------------------------------------*/
.list01 {
	display: table;
	width: 100%;
}
.list01 li {
	display: table-row;
	/*font-size: 14px;*/
	line-height: 1.5;
}
.list01 li .title {
	display: table-cell;
	padding: 0 20px 15px 0;
	max-width: 160px;
	box-sizing: border-box;
}
.list01 li:first-child .title {
	padding-top: 0;
}
.list01 li .title span {
	box-sizing: border-box;
	display: block;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	width: 140px;
	padding: 10px 5px 8px 5px!important;
	background-color: #014aac;
	border-radius: 5px;
}
.list01 li .title.line2 span {
	padding: 0;
}
.list01 li .text {
	display: table-cell;
	vertical-align: middle;
	padding: 0 0 15px 0;
}
.list01 li:first-child .text {
	padding-top: 0;
}


/* list01-2 ------------------------------------------------------------------------------*/
.list01-2 {
	display: table;
	font-size: 14px;
	width: 100%;
}
.list01-2 .title {
	display: table-cell;
	width: 240px;
	padding: 10px 20px 10px 0;
}
.list01-2 .title span {
	box-sizing: border-box;
	display: block;
	color: #FFF;
	font-weight: bold;
	white-space: nowrap;
	text-align: center;
	vertical-align: middle;
	width: 100%;
	max-width: 240px;
	padding: 10px 0 8px;
	background-color: #014aac;
	border-radius: 5px;
}
.list01-2 .title.line2 span {
	padding: 0;
}
.list01-2 .text {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	padding: 10px 0;
}


/* list03 ------------------------------------------------------------------------------*/
.list03 {
	padding: 15px;
	border: solid 1px #cccccc;
	border-radius: 5px;
}
.list03 li {
	color: #333;
}
.list03 li .title {
	font-weight: bold;
	padding: 5px 5px 5px 40px;
	margin: 10px 0;
	background-color: #f4f9fd;
	background-image: url('../img/list03_icon.gif');
	background-size: 21px auto;
	background-position: left 10px top 5px;
	background-repeat: no-repeat;
}
.list03 li:first-child .title {
	margin-top: 0;
}

.list03 li .title .right {
	float: right;
	font-size: 12px;
	font-weight: normal;
	margin-top: 5px;
}
.list03 li .text { margin: 5px 0;}

/* list07 ------------------------------------------------------------------------------*/
.list07{
	margin: 20px 0 0 0;
}
.list07 dt {
	display: inline-block;
	color: #FFF;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: normal;
	vertical-align: top;
	text-align: center;
	background-color: #014aac;
	width: 4.5em;
	height: 2em;
	padding: 1.1em 0 1.4em;
	border-radius: 100%;
	line-height: 1.3;
}
.list07 dd {
	display: inline-block;
	letter-spacing: normal;
	vertical-align: middle;
	width: calc(100% - 95px);
	margin-left: 15px;
	line-height: 1.7;
}
.list07 dd .title {
	color: #014aac;
	font-size: 18px;
	font-weight: bold;
	display: block;
	margin: 0 0 5px;
	text-align: center;
}

@media screen and (min-width:768px) {
	.list07 dd .title {
		margin: 5px 0;
		text-align: left;
	}
}

/* list-l ------------------------------------------------------------------------------*/
.list-l li{
	line-height: 1.6;
}
.list-l li:not(:last-child){
	margin-bottom: 8px;
}
.list-l li::before{
	font-weight: bold;
}

/* list-m ------------------------------------------------------------------------------*/
.list-m li{
	line-height: 1.6;
	font-size: 14px;
}
.list-m li:not(:last-child){
	margin-bottom: 5px;
}

/* list-color ------------------------------------------------------------------------------*/
.list-l.list-no-color li::before,
.list-m.list-no-color li::before {
	color: #333!important;
}

/* link01 ------------------------------------------------------------------------------*/
.link01 {
	font-size: 16px;
	margin-bottom: 15px!important;
}

.link01:first-child {
	margin-top: 15px!important;
}
.link01 a {
	position: relative;
	display: inline-block;
	color: #1d3994;
	vertical-align: middle;
	padding: 0 0 0 25px;
}
/*.link01 a::before {
	content: " >";
	position: absolute;
	top: 2px;
	left: 0;
	display: block;
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	text-indent: 2px;
	line-height: 18px;
	width: 18px;
	height: 18px;
	border-radius: 100%;
	background-color: #1d3994;
}*/

.link01 a::before{
position: absolute;
top: 3px;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
background: #1d3994;
box-sizing: border-box;
width: 17px;
height: 17px;
border: 1px solid #1d3994;
border-radius: 50%;
}
.link01 a::after{
position: absolute;
top: 8px;
left: 4px;
margin: auto;
content: "";
vertical-align: middle;
background: #1d3994;
width: 5px;
height: 5px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

#kiso p.link01 a::before,
#lower_common.index .about-block p.link01 a::before{
	top: 4px;
}
#kiso p.link01 a::after,
#lower_common.index .about-block p.link01 a::after{
	top: 9px;
}

/* caution ------------------------------------------------------------------------------*/

/*注釈*/
.note,.note-r {margin-top: 10px;}
.note-r{text-align: right;}

.list-s li,
.note,.note li,
.note-r,.note-r li{
	font-size: 12px!important;
	display: block;
	line-height: 1.5;
}
.list-s li,.note,.note li{
	text-align: left!important;
}
.list-s li:not(:last-child),
.note li:not(:last-child),
.note-r li:not(:last-child){
	margin-bottom: 5px;
}
.list-m li {font-size: 14px; display: block;}
.list-m li > ul,.note li > ul {margin-top: 3px;}
.list-m li > ul li:not(:last-child) {margin-bottom: 0;}
.list-m li:not(:last-child) {margin-bottom: 3px;}

.note-r span{ display: inline-block;}

/*マーク*/
.maru,.shikaku,.kome,.ast,.maru1,.maru2,.maru3,.maru4,.maru5,.maru6,.maru7,.maru8,.maru9,
.dot,.maru-w,.nimaru,.alpha-a,.alpha-b,.alpha-c,.alpha-d,.alpha-e,.alpha-f{
	position: relative;
	padding-left: 1.2em;
}
.tyu,.no1,.no2,.no3,.no4,.no5,.no6,.no7,.no8,.no9,
.kana-a,.kana-i,.kana-u,.kana-e,.kana-o,.kana-ro,.kana-ha{
	position: relative;
	padding-left: 1.7em;
}
.no10,.no11,.no12,.no13,.no14,.no15,.no16,.no17,.no18,.no19,.no20{
	position: relative;
	padding-left: 2.2em;
}
.kome1,.kome2,.kome3,.kome4,.kome5,.kome6,.kome7,.kome8,.kome9,.kome10,
.kako1,.kako2,.kako3,.kako4,.kako5,.kako6,.kako7,.kako8,.kako9,.ast1,.ast2,.ast3,.ast4,.ast5,
.kako-a,.kako-b,.kako-c,.kako-d{
	position: relative;
	padding-left: 2.5em;
}
.ex1,.ex2{
	position: relative;
	padding-left: 2.6em;
}
.source,.kako-kome,.kako-tyu,.kako10{
	position: relative;
	padding-left: 3.2em;
}
.tyu1,.tyu2,.tyu3,.tyu4,.kako-kome1,.kako-ast1,.kako-ast2,.kako-ast3,.kako-ast4,.kako-ast5,.kako-ast6,.kako-ast7,.kako-ast8,.kako-ast9{
	position: relative;
	padding-left: 3.6em;
}
.maru:before,.shikaku:before,.kome:before,.kome1:before,.kome2:before,.kome3:before,.kome4:before,.kome5:before,.kome6:before,.kome7:before,.kome8:before,.kome9:before,.kome10:before,
.ast:before,.ast1:before,.ast2:before,.ast3:before,.ast4:before,.ast5:before,.maru1:before,.maru2:before,.maru3:before,.maru4:before,.maru5:before,.maru6:before,.maru7:before,.maru8:before,.maru9:before,
.kako1:before,.kako2:before,.kako3:before,.kako4:before,.kako5:before,.kako6:before,.kako7:before,.kako8:before,.kako9:before,.kako10:before,
.kako-a:before,.kako-b:before,.kako-c:before,.kako-d:before,
.dot:before,.source:before,.tyu:before,.tyu1:before,.tyu2:before,.tyu3:before,.tyu4:before,.maru-w:before,
.no1:before,.no2:before,.no3:before,.no4:before,.no5:before,.no6:before,.no7:before,.no8:before,.no9:before,.no10:before,
.no11:before,.no12:before,.no13:before,.no14:before,.no15:before,.no16:before,.no17:before,.no18:before,.no19:before,.no20:before,
.kana-a:before,.kana-i:before,.kana-u:before,.kana-e:before,.kana-o:before,.kana-ro:before,.kana-ha:before,.ex1:before,.ex2:before,
.kako-kome:before,.kako-tyu:before,.nimaru:before,.alpha-a:before,.alpha-b:before,.alpha-c:before,.alpha-d:before,.alpha-e:before,.alpha-f:before,.kako-kome1:before,
.kako-ast1:before,.kako-ast2:before,.kako-ast3:before,.kako-ast4:before,.kako-ast5:before,.kako-ast6:before,.kako-ast7:before,.kako-ast8:before,.kako-ast9:before{
	position: absolute;
	display: block;
	left: 0;
	font-size: inherit;
}
.maru:before{content: '●';font-family:"メイリオ", Meiryo;}
.shikaku:before{content: '■';font-family:"メイリオ", Meiryo;}
.kome:before{content: '※';}
.kome1:before{content: '※1';}
.kome2:before{content: '※2';}
.kome3:before{content: '※3';}
.kome4:before{content: '※4';}
.kome5:before{content: '※5';}
.kome6:before{content: '※6';}
.kome7:before{content: '※7';}
.kome8:before{content: '※8';}
.kome9:before{content: '※9';}
.kome10:before{content: '※10';}
.ast:before{content: '＊';}
.ast1:before{content: '＊1';}
.ast2:before{content: '＊2';}
.ast3:before{content: '＊3';}
.ast4:before{content: '＊4';}
.ast5:before{content: '＊5';}
.maru1:before{content: '\002460'}
.maru2:before{content: '\002461';}
.maru3:before{content: '\002462';}
.maru4:before{content: '\002463';}
.maru5:before{content: '\002464';}
.maru6:before{content: '\002465';}
.maru7:before{content: '\002466';}
.maru8:before{content: '\002467';}
.maru9:before{content: '\002468';}
.nimaru:before{content: '\0025ce';}
.kako1:before{content: '（1）';}
.kako2:before{content: '（2）';}
.kako3:before{content: '（3）';}
.kako4:before{content: '（4）';}
.kako5:before{content: '（5）';}
.kako6:before{content: '（6）';}
.kako7:before{content: '（7）';}
.kako8:before{content: '（8）';}
.kako9:before{content: '（9）';}
.kako10:before{content: '（10）';}
.kako-a:before{content: '（a）';}
.kako-b:before{content: '（b）';}
.kako-c:before{content: '（c）';}
.kako-d:before{content: '（d）';}
.kako-kome:before{content: '（※）';}
.kako-kome1:before{content: '（※1）';}
.kako-ast1:before{content: '（＊1）';}
.kako-ast2:before{content: '（＊2）';}
.kako-ast3:before{content: '（＊3）';}
.kako-ast4:before{content: '（＊4）';}
.kako-ast5:before{content: '（＊5）';}
.kako-ast6:before{content: '（＊6）';}
.kako-ast7:before{content: '（＊7）';}
.kako-ast8:before{content: '（＊8）';}
.kako-ast9:before{content: '（＊9）';}
.kako-tyu:before{content: '（注）';}
.no1:before{content: '1.';}
.no2:before{content: '2.';}
.no3:before{content: '3.';}
.no4:before{content: '4.';}
.no5:before{content: '5.';}
.no6:before{content: '6.';}
.no7:before{content: '7.';}
.no8:before{content: '8.';}
.no9:before{content: '9.';}
.no10:before{content: '10.';}
.no11:before{content: '11.';}
.no12:before{content: '12.';}
.no13:before{content: '13.';}
.no14:before{content: '14.';}
.no15:before{content: '15.';}
.no16:before{content: '16.';}
.no17:before{content: '17.';}
.no18:before{content: '18.';}
.no19:before{content: '19.';}
.no20:before{content: '20.';}
.kana-a:before{content: 'ア.';}
.kana-i:before{content: 'イ.';}
.kana-u:before{content: 'ウ.';}
.kana-e:before{content: 'エ.';}
.kana-o:before{content: 'オ.';}
.kana-ro:before{content: 'ロ.';}
.kana-ha:before{content: 'ハ.';}
.dot:before{content: '・';}
.source:before{content: '出典：';}
.tyu:before{content: '注）';}
.tyu1:before{content: '（注1）';}
.tyu2:before{content: '（注2）';}
.tyu3:before{content: '（注3）';}
.tyu4:before{content: '（注4）';}
.ex1:before{content: '例１.';}
.ex2:before{content: '例２.';}
.alpha-a:before{content: 'a.';}
.alpha-b:before{content: 'b.';}
.alpha-c:before{content: 'c.';}
.alpha-d:before{content: 'd.';}
.alpha-e:before{content: 'e.';}
.alpha-f:before{content: 'f.';}

/*枠付き注釈*/
.box-caution {
	font-size: 14px;
	padding: 15px 15px 15px 70px;
	background: url("../img/common/kiso/ico_caution.svg");
	background-size: 36px 36px;
	background-repeat: no-repeat;
	background-position: 15px 10px;
	border: 1px dotted #b3b3b3;
	border-radius: 8px;
	min-height: 60px;
}

/* block01 ------------------------------------------------------------------------------*/
.block01 {
	box-sizing: border-box;
	color: #333;
	font-size: 16px;
	font-weight: bold;
	padding: 11px 16px;
	margin: 20px 0 15px;
	background-color: #ffffe5;
}
.block01 .red {
	color: #cc0000;
}
.block01 .arrow::after {
	content: " ";
	box-sizing: border-box;
	display: block;
	margin: 15px auto;
	width: 0;
	height: 0px;
	border-top: 32px solid #F9A100;
	border-right: 150px solid transparent;
	border-bottom: 0px solid transparent;
	border-left: 150px solid transparent;
}


/* block02 ------------------------------------------------------------------------------*/
.block02 {
	padding: 20px;
	margin-top: 20px;
	border-radius: 10px;
	background-color: #ffffe5;
}
.block02 .title {
	color: #F0A034;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.6;
	padding: 0 0 10px;
}
.block02 .title span {
	display: inline-block;
	color: #FFF;
	font-size: 18px;
	vertical-align: middle;
	padding: 3px 10px 0;
	margin-right: 5px;
	background-color: #FF9B00;
	border-radius: 5px;
}

/* block03 ------------------------------------------------------------------------------*/
.block03 {
	position: relative;
	box-sizing: border-box;
	padding: 20px 15px 10px;
	margin: 35px 0 0;
	border: 2px dotted #ccc;
	border-radius: 8px;
}
.block03 .tag{
	position: absolute;
	top: -13px;
	font-size: 17px;
	font-weight: bold;
	padding: 0 5px 0 50px;
	background-color: #fff;
	background-image: url(../img/common/kiso/ico_point_medical.svg);
	background-size: 32px 24px;
	background-position: left 10px top;
	background-repeat: no-repeat;
}

@media screen and (min-width:768px) {
	.block03 {
		padding: 25px 25px 15px;
	}
	.block03 .tag{
		font-size: 20px;
		padding: 0 10px 0 60px;
		background-size: 34px 26px;
		background-position: left 15px top;
	}
}
@media screen and (max-width:767px) {
	.block03 .tag_2line {padding-bottom: 25px;}
}

/* block04 ------------------------------------------------------------------------------*/
.block04 {
	padding: 15px;
	margin: 20px 0 0;
	box-sizing: border-box;
	border: 2px solid #ccc;
	border-radius: 8px;
}
.block04 dt,
.block04 dd {
	line-height: 1.6;
}
.block04 dt{
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
}
.block04 dt span{
	display: block;
	color: #fff;
	padding: 8px 15px;
	margin-bottom: 10px;
	background-color: #ccc;
	border-radius: 5px;
}
.block04 dd{
	font-size: 14px;
}
@media screen and (min-width:768px) {
	.block04 {
		padding: 15px 20px;
		margin: 30px 0 0;
	}
	.block04 dt{margin: 5px 0 12px;}
	.block04 dt span{
		display: inline-block;
		padding: 6px 15px 4px;
		margin: 0 15px 0 0;
	}
	
}

/* block05 ------------------------------------------------------------------------------*/
.block05 {
	position: relative;
	box-sizing: border-box;
	padding: 10px 15px;
	margin: 35px 0 0;
	border: 2px dotted #ccc;
	border-radius: 8px;
}

@media screen and (min-width:768px) {
	.block05 {
		padding: 15px 25px;
	}
}




/* box-kako ------------------------------------------------------------------------------*/
.box-kako {
	position: relative;
	padding: 15px 20px 10px;
	margin: 15px 0 20px;
}
.box-kako::before,
.box-kako::after {
	position: absolute;
	top: 0;
	content: '';
	width: 15px;
	height: 100%;
	border-top: 2px solid #d9d9d9;
	border-bottom: 2px solid #d9d9d9;
}
.box-kako::before {
	left: 0;
	border-left: 2px solid #d9d9d9;
}
.box-kako::after {
	right: 0;
	border-right: 2px solid #d9d9d9;
}

.box-kako.list-l li:not(:last-child) {
	margin-bottom: 5px;
}

@media screen and (min-width:768px) {
	.box-kako {
		padding: 15px 30px 10px;
		margin: 20px 0 25px;
	}
}

/* box-step ------------------------------------------------------------------------------*/
.box-step {
	margin-top: 20px;
}
.box-step__no{
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color:#fff;
	border-radius: 20px;
	background: #5cb8e5;
	padding: 8px 11px 6px;
}
.box-step__item:not(:last-child){
	padding-bottom: 12px;
	margin-bottom: 12px;
	border-bottom: 1px dashed #cccccc;
}
.box-step__no,.box-step__text{
	display: table-cell;
		vertical-align: middle;
	}
.box-step__text{
	padding: 5px 0 2px 12px;
	}


/*- inner_acd_wrap ------------------------------------------------------------------------------*/
.inner_acd_wrap {
	/*margin-top: 40px !important;*/
}


/*- common_wrap_01 ------------------------------------------------------------------------------*/
.common_wrap_01 {
	/*margin-top: 40px !important;*/
}
.ttl00+.common_wrap_01 {
	margin-top: 35px !important;
}
.lead+.common_wrap_01 {
	margin-top: 21px !important;
}


/*- select ------------------------------------------------------------------------------*/
.select_box {
	overflow: hidden;
	position: relative;
	display: inline-block;
	font-size: 12px;
	vertical-align: middle;
	width: 50%;
	border-radius: 5px;
	border: 1px solid #666;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(249,249,249,1) 50%, rgba(242,242,242,1) 100%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(249,249,249,1) 50%,rgba(242,242,242,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(249,249,249,1) 50%,rgba(242,242,242,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 );
	z-index: 5;
	box-sizing: border-box;
}
.select_box.age {
	width: 80px;
}
.select_box::after {
	content: ' ';
	position: absolute;
	right: 0;
	bottom: 0;
	width: 20px;
	height: 100%;
	background-color: #666666;
	background-image: url('../img/search_select_icon.png');
	background-size: 10px 10px;
	background-position: center;
	background-repeat: no-repeat;
}

.select_box select {
	appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	position: relative;
	z-index: 15;
	cursor: pointer;
	box-sizing: border-box;
	display: block;
	font-size: 16px;
	font-weight: bold;
	vertical-align: middle;
	line-height: 1;
	letter-spacing: normal;
	width: 100%;
	height: 40px;
	padding: 0 20px 0 10px;
	background: none;
	border: none;
	color: #333;
}
.snav-search .select_box select{ 
	width: 125%\9;/*IE9サポート*/
}
.search_banner .search_area .selecrt_age .select_box select {
	width:140%\9;/*IE9サポート*/
}
.select_box select::-ms-expand {
	display: none;
}
.select_box select option {
	box-sizing: border-box;
	font-size: 16px;
	font-weight: normal;
	padding: 0 0.5em;
}


/*- radio_button ------------------------------------------------------------------------------*/
input.radio_button[type="radio"] {
	display: none;
	outline:none;
	appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	box-sizing: border-box;
	width: 0px;
	height: 0px;
	margin: 0;
	padding: 0;
	background-color: transparent;
	border: none;
	border-radius: 0;
	box-shadow: none;
	-o-box-shadow: none;
	-ms-box-shadow: none;
}
input.radio_button[type="radio"] + .inner_label {
	box-sizing: border-box;
	position: relative;
	display: inline-block;
	vertical-align: bottom;
	width: 17px;
	height: 17px;
	margin-right: 5px;
	background-color: #e6e6e6;
	border: 1px solid #9a9a9a;
	border-radius: 50%;
	-webkit-box-shadow: 0 6px 1px -4px rgba(0,0,0,0.2) inset;
	-moz-box-shadow: 0 6px 1px -4px rgba(0,0,0,0.2) inset;
	box-shadow: 0 6px 1px -4px rgba(0,0,0,0.2) inset;
}
input.radio_button[type="radio"]:checked + .inner_label{
	border: 2px solid #4d4d4d;
}
input.radio_button[type="radio"]:checked + .inner_label:after {
	display: block;
	position: absolute;
	content: "";
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 9px;
	height: 9px;
	margin: auto;
	border-radius: 50%;
	background: #4d4d4d;
}



/*- check_box -----------------------------*/
input.check_box[type="checkbox"] {
	display: none;
	outline:none;
	appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	box-sizing: border-box;
	width: 0px;
	height: 0px;
	margin: 0;
	padding: 0;
	background-color: transparent;
	border: none;
	border-radius: 0;
	box-shadow: none;
}
input.check_box[type="checkbox"] + .inner_label {
	content: '';
	box-sizing: border-box;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 25px;
	height: 25px;
	border: 1px solid #b2b2b2;
	border-radius: 3px;
	box-shadow: none;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(215,215,215,1) 100%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(215,215,215,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(215,215,215,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d7d7d7',GradientType=0 );

}
input.check_box[type="checkbox"] + .inner_label:before {
	display: block;
	position: absolute;
	top: 3px;
	left: 0;
	content: url(../img/ico_check_dark.svg);
	width: 23px;
	height: 17px;
}
input.check_box[type="checkbox"]:checked + .inner_label:before {
	display: block;
	position: absolute;
	top: 3px;
	left: 0;
	content: url(../img/ico_check.svg);
	width: 23px;
	height: 17px;
}



/* .search_banner ------------------------------------------------------------------------------*/
.search_banner {
	margin: 50px 0 0;
	border: solid 1px #cccccc;
}

.list-btn + .search_banner {
	margin-top: 10px;
}
.list-btn {
	margin-top: 50px;
}

.search_banner .banner_title {
	width: 100%;
	margin-bottom: -1.3888888888888888888888888888889%;	/* 10/720*100 */
}
.search_banner .search_area {
	box-sizing: border-box;
	text-align: center;
	width: 100%;
	padding: 10px 9px 9px 9px;
	background-color: #ffcc00;
	display: table;
}
.search_banner .search_area .selecrt_hoken_type {
	box-sizing: border-box;
	padding: 9px 25px 9px 55px;
	margin: 0;
	background-image: url(../img/common/search_banner/search_step_1.png), url(../img/common/search_banner/search_bg_01.png);
	background-size: 34px 42px, 265px 60px;
	background-position: left 12px center , center;
	background-repeat: no-repeat, no-repeat;
	display: table-cell;
	float: left;
}
.search_banner .search_area .selecrt_hoken_type .select_box {
	width: 185px;
	overflow: hidden;
}
.search_banner .search_area .selecrt_age {
	box-sizing: border-box;
	position: relative;
	width: 270px;
	left: -10px;
	text-align: center;
	padding: 9px 25px 9px 70px;
	margin: 0;
	background-image: url(../img/common/search_banner/search_step_2.png), url(../img/common/search_banner/search_bg_02.png);
	background-size: 34px 42px, 270px 60px;
	background-position: left 25px center , center;
	background-repeat: no-repeat, no-repeat;
	display: table-cell;
	float: left;
}
.search_banner .search_area .selecrt_age .select_box {
	vertical-align: middle;
}
.search_banner .search_area .selecrt_age .search_radio {
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
}
@media screen and (max-width: 1130px) and (min-width: 768px){
	.search_banner .search_area .selecrt_age .search_radio {
		margin-left: 5px;
	}
}
.search_banner .search_area .selecrt_age .search_radio label, 
.search_banner .search_area .selecrt_age .search_radio label .inner_label {
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	vertical-align: middle;
}
.search_banner .search_area .selecrt_age .search_radio label:last-child, 
.search_banner .search_area .selecrt_age .search_radio label .inner_label:last-child {
	margin-left: 4px;
}
.search_banner .search_area .selecrt_age .search_radio label input.radio_button[type="radio"] + .inner_label {
	margin-right: 0;
	margin-bottom: 4px;
}
.search_banner .search_area .search_button {
	box-sizing: border-box;
	vertical-align: middle;
	margin-top: 2px;
}
.search_banner .search_area .search_button button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	position: relative;
	box-sizing: border-box;
	overflow: hidden;
	cursor: pointer;
	color: #FFF;
	font-size: 28px;
	font-weight: bold;
	text-shadow: 0px 2px 3px #10914a;
	line-height: 52px;
	letter-spacing: 1px;
	width: 240px;
	height: 53px;
	padding: 1px 0 0 35px;
	border: 1px solid #119e51;
	background-color: #29ac63;
	background: -moz-linear-gradient(top, #30c774 0%, #29ac63 100%);
	background: -webkit-linear-gradient(top, #30c774 0%, #29ac63 100%);
	background: linear-gradient(to bottom, #30c774 0%, #29ac63 100%);
	box-shadow: 0 4px 0 #10914a;
	border-radius: 8px;
}
.search_banner .search_area .search_button button span { line-height: normal;}
.search_banner .search_area .search_button button::before{
	content: '';
	position: absolute;
	background-image: url(../img/common/icon_search_w.svg);
	width: 32px;
	height: 32px;
	background-size: 32px 32px;
	background-repeat: no-repeat;
	left: 22px;
	bottom: 10px;
}
.search_banner .search_area .search_button button:hover{
	text-decoration: none;
	transform: translate3d(0, 2px, 0);
	box-shadow: 0 1px 0 #10914a;
	background: -webkit-linear-gradient(#29ac63 0%, #29ac63 100%);
	background: -o-linear-gradient(#29ac63 0%, #29ac63 100%);
	background: linear-gradient(#29ac63 0%, #29ac63 100%);
}

/* .application_banner ------------------------------------------------------------------------------*/
.application_banner {
	margin-top: 10px;
	position: relative;
}
.application_banner .banner_img {
	width: 100%;
}
.application_banner .banner_img img {
	width: 100%;
	height: auto;
}
.application_banner .ap_button {
	position: absolute;
	right: 20px;
	bottom: 10px;
}
.application_banner .ap_button a {
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
	display: block;
	color: #FFF;
	font-size: 21px;
	font-weight: bold;
	text-shadow: 0px 2px 2px #f27900;
	text-align: center;
	text-decoration: none;
	line-height: 42px;
	width: 280px;
	height: 40px;
	border-radius: 8px;
	letter-spacing: 0.05em;
	background: #ff9500;
	background: -moz-linear-gradient(top, #ffaa00 0%, #ff9500 100%);
	background: -webkit-linear-gradient(top, #ffaa00 0%,#ff9500 100%);
	background: linear-gradient(to bottom, #ffaa00 0%,#ff9500 100%);
	box-shadow: 0 3px 0 #f27900;
}
.application_banner .ap_button a:hover {
	text-decoration: none;
	transform: translate3d(0, 2px, 0);
	background-color: #ff8c00;
	box-shadow: none;}


/*@import "common-sp.css";*/
/*  スマホでのみ表示する要素を予め非表示の状態にする ------------------------------------------------------------------------------*/
.sp-header_utility,
#spgnavi,
#spgnavi_accordion,
#footer .sp-footertext,
#footer .sp_ft_box,
#footer .sp-hikaku,
#index .banner_box_sp {
	display: none;
}

@media screen and (min-width: 767px) {
	/* あらかじめ display: none; しておくとアニメーションが効かなくなるため 767px 以上の画面幅で非表示にさせる */
	#sp-gnavi_sub {
		display: none;
	}
}


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


/*------------------------------------------------------------------------------
ブラウザスタイル初期化設定
------------------------------------------------------------------------------*/
html {
	-webkit-text-size-adjust: 100%; /*iPhoneのsafariで文字が大きくなるのを防ぐ*/
}

body {
	overflow-x : hidden;
	overflow-y : auto;
	font-size: 14px;
	line-height: 1.4;
	min-width: initial;
	min-width: auto;
}

/*------------------------------------------------------------------------------
header設定
------------------------------------------------------------------------------*/
#header .head_left,
#header .pmark,
#header .tel {
	display: none;
}
#header {
	box-sizing: border-box;
	width: 100%;
	background: #fff;
	padding: 6px 12px;
	margin: 0;
}
body.is_header_float #header {
	box-shadow: 0 2px 0 0 rgba(0, 0, 0, .15);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
}

#header #logo {
	float: left;
	width: 61px;
	padding: 0;
	margin: 0;
}

.sp-header_utility, .sp-header_utility * {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.sp-header_utility {
	float: right;
	display: block;
	padding: 0;
	margin: 0;
}
.sp-header_utility:before,
.sp-header_utility:after {
	content: '';
	display: table;
}
.sp-header_utility:after {
	clear: both;
}
.sp-header_utility img {
	width: auto;
	height: 38px;
}

.sp-header_utility_list {
	float: left;
	line-height: 1;
	margin: 0;
	padding: 0;
}
.sp-header_utility_list:before,
.sp-header_utility_list:after {
	content: '';
	display: table;
}
.sp-header_utility_list:after {
	clear: both;
}
.sp-header_utility_list > li {
	float: left;
	margin: 0 0 0 11px;
}
.sp-header_utility_list > li:first-child {
	margin-left: 0;
}
.sp-header_utility_list > li > a {
	display: block;
}

.sp-gnavi_sub_hook {
	float: left;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: transparent;
	border: none;
	cursor: pointer;
	outline: none;
	margin: 0 0 0 11px;
	padding: 0;
}
.sp-gnavi_sub_hook.is_gnavi_close:before,
.sp-gnavi_sub_hook.is_gnavi_close:after {
	content: '';
	width: 5px;
	height: 30px;
	border-radius: 3px;
	background: #fff;
	margin: 0;
	position: fixed;
	top: 9px;
	left: 22px;
	z-index: 2000; /* #header -> 1000 */
}
.sp-gnavi_sub_hook.is_gnavi_close:before {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.sp-gnavi_sub_hook.is_gnavi_close:after {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.sp-gnavi_sub_overlay {
	top: 0;
	left: 0;
	opacity: 0 !important;
	-webkit-transition: opacity 500ms;
	transition: opacity 500ms;
}
.sp-gnavi_sub_overlay.is_overlay_show {
	width: 100%;
	height: 100%;
	background: #001533;
	position: fixed;
	z-index: 1999; /* #sp-gnavi_sub -> 2000 */
	opacity: .7 !important;
}
body.is_body_fixed {
	width: 100%;
	height: 100%;
	position: relative;
	top: 0;
	left: 0;
	z-index: 0;
}


/*------------------------------------------------------------------------------
gnavi設定
------------------------------------------------------------------------------*/
#gnavi {
	display: none;
}

#spgnavi {
	display: block;
	width: 100%;
	background: #014aab;
	border-bottom: 2px solid #00157f;
}
#spgnavi ul {
	width: 100%;
	border-top: 2px solid #014aab;
	border-bottom: 2px solid #014aab;
	display: table;
	table-layout: fixed;
}
#spgnavi ul li {
	width: 100%;
	border-right: 1px solid #fff;
	display: table-cell;
}
#spgnavi ul li:last-child {
	border-right: none;
}
#spgnavi ul li a {
	display: block;
	padding: 3px 0 2px;
}
#spgnavi ul li a img {
	display: block;
	max-height: 39px;
	width: auto;
	margin: 0 auto;
}

/*  #sp-gnavi_sub ------------------------------------------------------------------------------*/
#sp-gnavi_sub, #sp-gnavi_sub * {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#sp-gnavi_sub {
	width: calc(100% - 50px);
	height: 100%;
	background: #fff;
	padding: 0;
	margin: 0;
	position: fixed;
	top: 0;
	right: -100%;
	bottom: 0;
	z-index: 2000; /* #header -> 1000 */
	overflow-y: scroll;
	-webkit-transition: .4s cubic-bezier(.4, .01, .165, .99);
	transition: .4s cubic-bezier(.4, .01, .165, .99);
}
#sp-gnavi_sub.is_gnavi_active {
	display: block;
	right: 0;
}
#sp-gnavi_sub a {
	text-decoration: none;
}
.sp-gnavi_sub_inner {
	padding: 0 0 65px;
	margin: 0;
}
#sp-gnavi_sub > :last-child,
.sp-gnavi_sub_inner > :last-child {
	margin-bottom: 0;
}

.sp-gnavi_sub_ttl {
	background: #014aab;
	color: #fff;
	font-size: 14px;
	line-height: 1.2;
	padding: 10px 20px;
	margin: 0;
}
.sp-gnavi_sub_ttl > b {
	font-weight: bold;
	font-style: normal;
}

.sp-gnavi_sub_list {
	font-size: 13px;
	line-height: 1.2;
	padding: 0;
	margin: 0;
}
.sp-gnavi_sub_list:before,
.sp-gnavi_sub_list:after {
	content: '';
	display: table;
}
.sp-gnavi_sub_list:after {
	clear: both;
}
.sp-gnavi_sub_list > li {
	border-bottom: 1px solid #ccc;
}
.sp-gnavi_sub_list > li > a {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	height: 45px;
	color: #333;
	padding: 5px 25px 5px 10px;
	position: relative;
}
.sp-gnavi_sub_list > li > a:after {
	display: block;
	content: '';
	width: 9px;
	height: 15px;
	background: url(/img/icon/ico_arrow_01.png) no-repeat 0 0;
	background-size: auto 15px;
	margin: -8px 0 0;
	position: absolute;
	top: 50%;
	right: 10px;
}

.sp-gnavi_sub_list[data-gnavi_sub*="main"] {
	font-size: 14px;
	font-weight: bold;
}
.sp-gnavi_sub_list[data-gnavi_sub*="main"] > li > a {
	height: 100%;
	padding: 17px 25px 17px 50px;
}
.sp-gnavi_sub_list[data-gnavi_sub*="main"] > li > a:before {
	display: block;
	content: '';
	position: absolute;
	top: 50%;
}
.sp-gnavi_sub_list[data-gnavi_sub*="main"] > li.icon_search > a:before {
	width: 25px;
	height: 25px;
	background: url(/img/icon/ico_search_01.png) no-repeat 0 0;
	background-size: auto 25px;
	margin: -12px 0 0;
	left: 14px;
}
.sp-gnavi_sub_list[data-gnavi_sub*="main"] > li.icon_rank > a:before {
	width: 27px;
	height: 21px;
	background: url(/img/icon/ico_rank_01.png) no-repeat 0 0;
	background-size: auto 21px;
	margin: -10px 0 0;
	left: 13px;
}
.sp-gnavi_sub_list[data-gnavi_sub*="main"] > li.icon_life > a:before {
	width: 29px;
	height: 25px;
	background: url(/img/icon/ico_life_01.png) no-repeat 0 0;
	background-size: auto 25px;
	margin: -12px 0 0;
	left: 12px;
}

.sp-gnavi_sub_list[data-gnavi_sub*="col2"] > li {
	float: left;
	width: 50%;
	border-right: 1px solid #ccc;
}
.sp-gnavi_sub_list[data-gnavi_sub*="col2"] > li:nth-child(2n) {
	border-right: 0;
}

.sp-gnavi_sub_list[data-gnavi_sub*="bg_01"] {
	background: #e8f3fb;
}

/*  #spgnavi_accordion ------------------------------------------------------------------------------*/
#spgnavi_accordion {
	box-sizing: border-box;
/*	display: block;*/
	width: 100%;
	background-color: #fff;
	border-radius: 0 0 12px 12px;
}
#spgnavi_accordion .btn a {
	display: block;
	overflow: hidden;
	text-align: center;
	font-family: "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	text-decoration: none;
	box-shadow:0px 0px 6px rgba(0,0,0,0.8);
	border-radius: 8px;
}
#spgnavi_accordion .btn a:active {
	opacity: 0.8;
}
#spgnavi_accordion .gray_btn a {
	color: #333;
	background-color: #CCC;
	background: linear-gradient(top, #FFF, #e5e5e5);
	background: -o-linear-gradient(top, #FFF, #e5e5e5);
	background: -ms-linear-gradient(top, #FFF, #e5e5e5);
	background: -moz-linear-gradient(top, #FFF, #e5e5e5);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#e5e5e5));
}

#spgnavi_accordion .nav_ctrl {
	position: relative;
	background: #014aac;
}
#spgnavi_accordion .spgnavi-in{
	padding: 3.125%;	/* 20/640*100 */
}
	
#spgnavi_accordion .nav_ctrl .title {
	color: #FFF;
	font-size: 18px;
	font-weight: bold;
	font-family: "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	text-align: center;
	padding: 0.5em 0;
}
#spgnavi_accordion .nav_ctrl .n_top {
	position: absolute;
	top: 0;
	left: 0;
}
#spgnavi_accordion .nav_ctrl .n_top a {
	box-sizing: border-box;
	display: inline-block;
	color: #000;
	font-size: 14px;
	min-width: 105px;
	padding: 0.5em 0.8em;
	border-radius: 6px;
}
#spgnavi_accordion .nav_ctrl .n_close {
	position: absolute;
	top: 2px;
	right: 0;
}

#spgnavi_accordion .n_close {
	text-align: center;
}
#spgnavi_accordion .n_close a {
	box-sizing: border-box;
	display: inline-block;
	color: #fff;
	font-size: 16px;
	min-width: 125px;
	padding: 0.5em 0.8em;
	border-radius: 6px;
}
#spgnavi_accordion .nav_ctrl .n_close a:after{
	content: "×";
	box-sizing: border-box;
  position: absolute;
	background: #fff;
	border-radius: 5px;
	color: #014aab;
	width: 20px;
	height: 20px;
	font-family: "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial,"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	font-weight: bold;
	margin-left: 5px;
  top: 9px;
}
#spgnavi_accordion .n_close.btn {
	margin: 15px 0;
}	
#spgnavi_accordion .n_close.btn a {
	color: #333;
}	
	
#spgnavi_accordion .nav_01 {
	margin-bottom: 1.6666666666666666666666666666667%;	/* 10/600*100 */
}
#spgnavi_accordion .nav_01 li {
	width: 48.333333333333333333333333333333%;	/* 290/600*100 */
	margin-bottom: 1.6666666666666666666666666666667%;	/* 10/600*100 */
}
#spgnavi_accordion .nav_01 li:nth-child(odd) {
	float: left;
}
#spgnavi_accordion .nav_01 li:nth-child(even) {
	float: right;
}
#spgnavi_accordion .nav_01 li a {
	display: block;
	font-size: 16px;
	font-weight: bold;
	white-space: normal;
	width: 100%;
	padding: 1em 0;
}

#spgnavi_accordion .pickup_01 {
	border-radius: 8px;
	background-color: #FFF;
	padding: 3.3333333333333333333333333333333% 0 5%;	/* 20/600*100 , 30/600*100 */
	margin-bottom: 3.3333333333333333333333333333333%;	/* 20/600*100 */
}
#spgnavi_accordion .pickup_01 .text_01, 
#spgnavi_accordion .pickup_01 .text_02 {
	color: #000;
	font-weight: bold;
	font-family: "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	padding-left: 7.3333333333333333333333333333333%;	/* 44/600*100 */
	background-size: 7.1666666666666666666666666666667% auto;	/* 43/600*100 */
	background-position: left top;
	background-repeat: no-repeat;
}
#spgnavi_accordion .pickup_01 .text_01 {
	font-size: 16px;
	background-image: url('../img/gnavi/sp/menu/arrow_icon_01.png');
}
#spgnavi_accordion .pickup_01 .text_02 {
	font-size: 14px;
	background-image: url('../img/gnavi/sp/menu/arrow_icon_02.png');
}
#spgnavi_accordion .pickup_01 .button_01, 
#spgnavi_accordion .pickup_01 .button_02 {
	margin: 0.25em 0 1em;
}
#spgnavi_accordion .pickup_01 .button_01 a {
	position: relative;
	color: #FFF;
	font-size: 21px;
	font-weight: bold;
	text-shadow: 1px 1px 1px #000;
	letter-spacing: 1px;
	width: 86.666666666666666666666666666667%;	/* 520/600*100 */
	padding: 1em 0;
	margin: 0.4em auto 0.8em;
	border: solid 2px #b50000;
	background-color: #e01010;
	background: linear-gradient(top, #f82424, #cd0101);
	background: -o-linear-gradient(top, #f82424, #cd0101);
	background: -ms-linear-gradient(top, #f82424, #cd0101);
	background: -moz-linear-gradient(top, #f82424, #cd0101);
	background: -webkit-gradient(linear, left top, left bottom, from(#f82424), to(#cd0101));
}
#spgnavi_accordion .pickup_01 .button_02 a {
	position: relative;
	font-size: 18px;
	font-weight: bold;
	width: 86.666666666666666666666666666667%;	/* 520/600*100 */
	padding: 1em 0;
	margin: 0 auto;
	border: solid 2px #ff7800;
}
#spgnavi_accordion .pickup_01 .button_01 a::after, 
#spgnavi_accordion .pickup_01 .button_02 a::after {
	content: " ";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	display: block;
	width: 4.8076923076923076923076923076923%;	/* 25/520*100 */
	height: 0;
	padding: 0 3.4615384615384615384615384615385% 8.0769230769230769230769230769231% 0;	/* 18/520*100 , 42/520*100 */
	margin: auto 0;
	background-size: contain;
	background-position: left center;
	background-repeat: no-repeat;
}
#spgnavi_accordion .pickup_01 .button_01 a::after {
	background-image: url('../img/gnavi/sp/menu/btn_icon_arrow_01.png');
}
#spgnavi_accordion .pickup_01 .button_02 a::after {
	background-image: url('../img/gnavi/sp/menu/btn_icon_arrow_02.png');
}
#spgnavi_accordion .pickup_01 .button_02.another a::before {
	content: " ";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 11.153846153846153846153846153846%;	/* 58/520*100 */
	height: 0;
	padding: 0 0 14.230769230769230769230769230769% 2.6923076923076923076923076923077%;	/* 74/520*100 , 14/520*100 */
	margin: auto 0;
	background-image: url('../img/gnavi/sp/menu/btn_icon_01.png');
	background-size: 80.555555555555555555555555555556% auto;	/* 58/72*100 */
	background-position: right center;
	background-repeat: no-repeat;
}

#spgnavi_accordion .pickup_01 .text_03 {
	box-sizing: border-box;
	color: #c1272d;
	font-size: 14px;
	font-weight: bold;
	font-family: "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	position: relative;
	width: 86.666666666666666666666666666667%;	/* 520/600*100 */
	padding: 3px 0 3px 12.5%;	/* 75/600*100 */
	margin: 0 auto;
	background-image: url('../img/gnavi/sp/menu/text_icon_01.png');
	background-size: 12.5% auto;	/* 75/600*100 */
	background-position: left center;
	background-repeat: no-repeat;
}
#spgnavi_accordion .pickup_01 .text_04 {
	color: #000;
	font-size: 13px;
	font-family: "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	font-weight: bold;
	text-align: center;
	margin-bottom: 3px;
}
#spgnavi_accordion .pickup_01 .text_04 span {
	font-weight: normal;
}

#spgnavi_accordion .pickup_01 .button_04 a {
	color: #000;
	font-size: 12px;
	width: 86.666666666666666666666666666667%;	/* 520/600*100 */
	padding: 0.2em 0;
	margin: 0 auto;
	border: solid 1px #999999;
}
#spgnavi_accordion .pickup_01 .button_04 a .tel {
	color: #c1272d;
	font-size: 17px;
	font-weight: bold;
	vertical-align: middle;
}
#spgnavi_accordion .pickup_01 .button_04 a .tel::before {
	content: " ";
	display: inline-block;
	vertical-align: text-top;
	width: 1em;	/* 17/17 */
	height: 1.1764705882352941176470588235294em;	/* 20/17 */
	background-image: url('../img/gnavi/sp/menu/icon_tel.png');
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

#spgnavi_accordion .text {
	color: #FFF;
	font-size: 18px;
	font-weight: bold;
	font-family: "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
}
#spgnavi_accordion .nav_02 li{
	border: 1px solid #b3b3b3;
}
#spgnavi_accordion .nav_02 li:last-child{
	border-top: none;
	box-shadow: 0px 2px #ccc;
}
#spgnavi_accordion .nav_02 li a {
	box-sizing: border-box;
	display: block;
	color: #333;
	font-size: 19px;
	font-weight: bold;
	font-family: "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	text-decoration: none;
	width: 100%;
	padding: 0.565em 3.3333333333333333333333333333333% 0.5em;	/* 20/600*100 */
	background-color: #FFF;
	background-image: url('../img/gnavi/sp/menu/btn_icon_arrow_03.png');
	background-size: 4.1666666666666666666666666666667% auto;	/* 25/600*100 */
	background-position: right 20px center;
	background-repeat: no-repeat;
}


#spgnavi_accordion .pickup_02 {
	box-sizing: border-box;
	width: 100%;
	padding: 3.3333333333333333333333333333333%;	/* 20/600*100 */
	border-radius: 8px;
	background-color: #FFF;
	margin-bottom: 5%;	/* 30/600*100 */
}
#spgnavi_accordion .pickup_02 .button_05 a {
	color: #000;
	padding: 0.2em 0;
	margin-bottom: 5.3571428571428571428571428571429%;	/* 30/560*100 */
	border-radius: 6px;
}
#spgnavi_accordion .pickup_02 .button_05 a .red {
	color: #c1272d;
	font-size: 14px;
}
#spgnavi_accordion .pickup_02 .button_05 a .red {
	font-weight: bold;
}
#spgnavi_accordion .pickup_02 .button_05 a .red .tel {
	font-size: 21px;
}
#spgnavi_accordion .pickup_02 .button_06 a {
	box-sizing: border-box;
	color: #FFF;
	font-size: 13px;
	font-weight: bold;
	width: 100%;
	padding: 0.8em 0;
	margin-top: 3px;
	text-shadow: 1px 1px 1px rgba(15, 124, 161, 0.75);
	box-shadow: 0px 3px 5px rgba(0,0,0,0.2);
	border: solid 2px #0071ab;
	background: linear-gradient(top, #3eb9e2, #0199cc);
	background: -o-linear-gradient(top, #3eb9e2, #0199cc);
	background: -ms-linear-gradient(top, #3eb9e2, #0199cc);
	background: -moz-linear-gradient(top, #3eb9e2, #0199cc);
	background: -webkit-gradient(linear, left top, left bottom, from(#3eb9e2), to(#0199cc));
}
#spgnavi_accordion .pickup_02 .button_06 a .large {
	font-size: 21px;
}
#spgnavi_accordion .pickup_02 .button_06 a .large .small {
	font-size: 19px;
}


/*------------------------------------------------------------------------------
カラム設定
------------------------------------------------------------------------------*/
#content {
	padding: 0;
}
#sub-column {
	float: none;
	width: 100%;
}
#sub-con {
	float: none;
	width: 100%;
}




/*------------------------------------------------------------------------------
snavi設定
------------------------------------------------------------------------------*/
#content #snavi {
	overflow: hidden;
	box-sizing: border-box;
	float: none;
	width: 100%;
	padding: 0 3.125%;	/* 20/640*100 */
	margin-top: 20px;
}

#content.frontpage #snavi {
	margin-top: 10px;
}


/* .md-kiso ------------------------------------------------------------------------------*/
#content #snavi .md-kiso h3 {
	position: relative;
	font-size: 18px;
	font-weight: bold;
	padding: 8px 30px 8px 10px;
	background-size: 20px 21px;
	background-position: right 10px top 49%;
}
#content #snavi .md-kiso ul li {
	padding: 9px 5px 9px 1.2em;
	border-bottom: 1px dotted #B2B2B2;
	}
#content #snavi .md-kiso ul li:last-child {
	border-bottom-style: none;
	}
/* .md-faq ------------------------------------------------------------------------------*/
#content #snavi .md-faq h3 {
	position: relative;
	font-size: 18px;
	font-weight: bold;
	padding: 8px 30px 8px 10px;
	background-size: 20px 21px;
	background-position: right 10px top 49%;
}
#content #snavi .md-faq ul li {
	padding: 9px 5px 9px 1.2em;
	border-bottom: 1px dotted #B2B2B2;
	}
#content #snavi .md-faq ul li:last-child {
	border-bottom-style: none;
	}

/* .seimei-erabi02 ------------------------------------------------------------------------------*/
#snavi .seimei-erabi02,
#spgnavi_accordion .seimei-erabi02{
	margin: 10px 0px -1px;
	padding: 0px 4px 4px;
	border-radius: 3px 3px 0 0;
	background-color: #014aac;
}
#snavi .seimei-erabi02 h3,
#spgnavi_accordion .seimei-erabi02 p{
	font-size: 18px;
	font-weight: bold;
	padding: 9px 8px 8px;
}
	
#snavi .seimei-erabi02>ul>li>a,
#spgnavi_accordion .seimei-erabi02>ul>li>a{
	font-size: 16px;
	padding: 10px 9px;
	background-size: 11.666666666666666666666666666667% auto;;	/* 70/600*100 */
	background-position: right center;
	background-repeat: no-repeat;
}
#snavi .seimei-erabi02>ul>li>a span,
#spgnavi_accordion .seimei-erabi02>ul>li>a span{
	font-size: 20px;
	font-weight: bold;
}
#snavi .seimei-erabi02>ul>li>a:hover,
#spgnavi_accordion .seimei-erabi02>ul>li>a:hover{
	opacity: 1.0;
}
#snavi .seimei-erabi02>ul>li>a:active,
#spgnavi_accordion .seimei-erabi02>ul>li>a:active{
	opacity: 0.6;
}
#snavi .seimei-erabi02>ul>li:not(.is_lower).item_01>a,
#spgnavi_accordion .seimei-erabi02>ul>li:not(.is_lower).item_01>a{
	background-image: url('../img/snavi/medical/sp_bg_arrow_01.png');
}
#snavi .seimei-erabi02>ul>li:not(.is_lower).item_02>a,
#spgnavi_accordion .seimei-erabi02>ul>li:not(.is_lower).item_02>a{
	background-image: url('../img/snavi/medical/sp_bg_arrow_02.png');
}
#snavi .seimei-erabi02>ul>li:not(.is_lower).item_03>a,
#spgnavi_accordion .seimei-erabi02>ul>li:not(.is_lower).item_03>a{
	background-image: url('../img/snavi/medical/sp_bg_arrow_03.png');
}

	
/* .seimei-oyaku ------------------------------------------------------------------------------*/
#snavi .seimei-oyaku,
#spgnavi_accordion .seimei-oyaku{
	margin: 0px;
	padding: 0px 4px 4px;
	background-color: #014aac;
	border-radius: 0;
}
.frontpage #snavi .seimei-oyaku {
	margin-top: 15px;
	padding-bottom: 4px;
	border-radius: 3px;
}

#snavi .seimei-oyaku p,
#spgnavi_accordion .seimei-oyaku p{
	font-size: 18px;
	font-weight: bold;
	padding: 5px 8px 8px;
}
#snavi .seimei-oyaku ul li a,
#spgnavi_accordion .seimei-oyaku ul li a{
	font-size: 16px;
/*	padding: 15px 9px 10px calc(11.666666666666666666666666666667% + 12px);	/* 70/600*100 */
	padding: 10px 9px 10px 47px;	/* 70/600*100 */
/*	background-size: 10% auto;;	/* 60/600*100 */
/*	background-position: left 12px center;*/
	background-repeat: no-repeat;
}
.frontpage #snavi .seimei-oyaku ul li a {
	font-size: 18px;
	padding: 9px 9px 5px 47px;	/* 70/600*100 */
}
#snavi .seimei-oyaku ul li.item_01 a,
#spgnavi_accordion .seimei-oyaku ul li.item_01 a{
	background-size: 22px auto;;	/* 60/600*100 */
	background-position: left 10px center;
}
#snavi .seimei-oyaku ul li.item_02 a,
#spgnavi_accordion .seimei-oyaku ul li.item_02 a{
	background-size: 30px auto;;	/* 60/600*100 */
	background-position: left 3px center;
}
#snavi .seimei-oyaku ul li.item_03 a,
#spgnavi_accordion .seimei-oyaku ul li.item_03 a{
	background-size: 30px auto;;	/* 60/600*100 */
	background-position: left 3px center;
}
#snavi .seimei-oyaku ul li.item_04 a,
#spgnavi_accordion .seimei-oyaku ul li.item_04 a{
	background-size: 22px auto;;	/* 60/600*100 */
	background-position: left 9px center;
}
#snavi .seimei-oyaku ul li a:hover,
#spgnavi_accordion .seimei-oyaku ul li a:hover{
	opacity: 1.0;
}
#snavi .seimei-oyaku ul li a:active,
#spgnavi_accordion .seimei-oyaku ul li a:active{
	opacity: 0.6;
}
.frontpagee #snavi .seimei-oyaku ul li a {
	font-style: 18px;
}





/*------------------------------------------------------------------------------
footer設定
------------------------------------------------------------------------------*/
#footer {
	margin: 20px 0px 0px;
	letter-spacing: normal;
}

#footer.is_index {
	margin: 15px 0px 0px;
}
/* .sp_ft_box ------------------------------------------------------------------------------*/
#footer .sp_ft_box{
	display: block;
	box-sizing: border-box;
	width: 100%;
	padding: 4px 3.125% 12px;
}
#footer .sp_ft_box .image{ margin-bottom: 10px;}
#footer .sp_ft_box .image a{ display: block;}
#footer .ft_tel_box,#spgnavi_accordion .ft_tel_box{text-align: center;}
#footer .ft_tel_box .fwb,#spgnavi_accordion .ft_tel_box .fwb{
	font-size: 16px;
	font-weight: bold;
}

#footer .ft_tel_box *{
	text-align: center!important;
}	
	
#spgnavi_accordion .sp_ft_box .image{margin-bottom: 15px;}
#spgnavi_accordion .ft_tel_box{margin-bottom: 15px;}
	
#footer .ft_tel_box a,
#spgnavi_accordion .ft_tel_box a{
	display: block;
	text-decoration: none;
}
#footer .ft_tel_box ul,
#spgnavi_accordion .ft_tel_box ul{
	display: block;
	overflow: hidden;
	padding: 10px;
	margin-top: 5px;
	border: 1px solid #0546ac;
	box-shadow:0px 2px 0px 0px #cccdc8;
	border-radius: 8px;
}
#footer .ft_tel_box ul .number,
#spgnavi_accordion .ft_tel_box ul .number{
	display: inline-block;
	font-weight: bold;
	font-size: 30px;
	color: #014da5;
	line-height: 1;
	text-align: center;
	background-image: url(../img/common/sp_tel_btn.svg);
	background-size: 30px 30px;
	background-position: top left;
	background-repeat: no-repeat;
	padding-left: 35px;
	padding-bottom: 4px;
}
#footer .ft_tel_box ul .accep,
#spgnavi_accordion .ft_tel_box ul .accep{
	display: block;
	color: #333;
	font-size: 12px;
}

.sp_ft_box .bnr-box{
	max-width: 320px;
	margin: 0 auto 10px;
}

/* .sp-hikaku ------------------------------------------------------------------------------*/

#footer .sp-hikaku {
	margin-bottom: 15px;
	display: block;
	padding: 4px 3.125% 12px;	/* 20/640*100 */
	background-color: #f38505;
}
#footer .sp-hikaku h3 {
	color: #FFF;
	font-size: 20px;
	font-weight: bold;
	font-family: "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	padding: 0 0 0 0;
}
#footer .sp-hikaku h3 span {
	font-size: 10px;
}
#footer .sp-hikaku ul {
	margin: 0px;
	padding: 0px;
}
#footer .sp-hikaku ul li {
	margin-bottom: 2px;
	background-color: #FFF;
}
#footer .sp-hikaku ul li a span {
    margin: 0 -0.2em;
}	
#footer .sp-hikaku ul li:last-child {
	margin-bottom: 0;
}
#footer .sp-hikaku ul li a {
	position: relative;
	display: block;
	color: #000;
	font-size: 16px;
	font-family: "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	text-decoration: none;
	/*padding: 12px calc(4.3333333333333333333333333333333% + 16px) 10px calc(10.666666666666666666666666666667% + 25px);*/	/* 64/600*100 + 15 + 12 */	/* 26/600*100 + 20 */
	padding: 12px 40px 10px 60px;
	background-color: #FFF;
	/*background-size: 10.666666666666666666666666666667% auto , 4.3333333333333333333333333333333% auto;*/	/* 64/600*100 */	/* 26/600*100 */
	background-position: left 15px center , right 16px center;
	background-repeat: no-repeat , no-repeat;
}
#footer .sp-hikaku ul li:nth-child(1) a {
	background-image: url('../img/common/hikaku/bg_icon_01.svg') , url('../img/common/hikaku/bg_icon_arrow.png');
	background-size: 35px auto , 15px auto ;
}
#footer .sp-hikaku ul li:nth-child(2) a {
	background-image: url('../img/common/hikaku/bg_icon_02.svg') , url('../img/common/hikaku/bg_icon_arrow.png');
	background-size: 35px auto , 15px auto ;
}
#footer .sp-hikaku ul li:nth-child(3) a {
	background-image: url('../img/common/hikaku/bg_icon_03.svg') , url('../img/common/hikaku/bg_icon_arrow.png');
	background-size: 35px auto , 15px auto ;
}
#footer .sp-hikaku ul li:nth-child(4) a {
	background-image: url('../img/common/hikaku/bg_icon_04.svg') , url('../img/common/hikaku/bg_icon_pc.png');
	background-size: 35px auto , 15px auto ;
}
#footer .sp-hikaku ul li:nth-child(5) a {
	background-image: url('../img/common/hikaku/bg_icon_05.svg') , url('../img/common/hikaku/bg_icon_arrow.png');
	background-size: 35px auto , 15px auto ;
}
#footer .sp-hikaku ul li:nth-child(6) a {
	background-image: url('../img/common/hikaku/bg_icon_06.svg') , url('../img/common/hikaku/bg_icon_arrow.png');
	background-size: 35px auto , 15px auto ;
}
#footer .sp-hikaku ul li:nth-child(7) a {
	background-image: url('../img/common/hikaku/bg_icon_07.svg') , url('../img/common/hikaku/bg_icon_arrow.png');
	background-size: 35px auto , 15px auto ;
}
#footer .sp-hikaku ul li:nth-child(8) a {
	background-image: url('../img/common/hikaku/bg_icon_08.svg') , url('../img/common/hikaku/bg_icon_arrow.png');
	background-size: 35px auto , 15px auto ;
}
#footer .sp-hikaku ul li a:active {
	opacity: 0.6;
}


/* .trust_proof ------------------------------------------------------------------------------*/
#footer .trust_proof {
	margin: 0 auto 5px;
}
#footer .trust_proof .isms {
	max-width: 130px;
	margin: 0 auto;
}
#footer .trust_proof .isms img {
	width: 100%;
	height: auto;
}

#footer .trust_proof .in_b {
	text-align: center;
	letter-spacing: 20px;
	margin: 10px auto 0px;
}
#footer .trust_proof .in_b .isms {
	display: inline-block;
	max-width: 155px;
	margin: 0;
}
#footer .trust_proof .in_b .pmark {
	display: inline-block;
	max-width: 75px;
	margin: 0;
}
#footer .trust_proof .pmark img {
	width: 100%;
	height: auto;
}
#footer .trust_proof .pmark_text {
	font-size: 10px;
	margin: 15px auto 0px;
}
#footer .trust_proof .pmark_text_2 {
	font-size: 10px;
	margin: 7px auto 0px;
}


/* .tel_text ------------------------------------------------------------------------------*/
/*#footer .tel_text {
	width: 100%;
  padding: 0 3.125%;
}*/
#footer .sp-footertext {
	display: block;
	color: #000;
	font-size: 12px;
	font-family: "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	text-align: center;
	margin: 8px 0;
}
#footer.is_index .sp-footertext {
	margin: 8px 0 3px;
	padding: 0 0 10px;
	border-bottom: solid 1px #999;
}

/* [19.11.28] SPではページトップボタンをトルことに */
#footer .fnavi {
	display: none !important;
}

#footer .fnavi .pagetop:not(.is_absolute) {
	padding: 0;
}
#footer .fnavi .pagetop a:not(.is_absolute) {
	right: 3.125%; /* 20/640*100 */
}
#footer .fnavi .pagetop.is_absolute {
	box-sizing: content-box;
	position: absolute;
	top: -5px;
	right: 0;
	width: 56px;
	margin: 0;
	padding: 0 3.125% 0 0; /* 20/640*100 */
	opacity: 1;
}

#footer .link {
	box-sizing: border-box;
	border-collapse: collapse;
	text-align: left;
	padding: 0;
	background: #666;
	border-bottom: solid 2px #939393;
}
#footer .link .sp-fnav_table {
	display: table;
	width: 100%;
}
#footer .link a {
	display: table-cell;
	color: #FFF;
	font-size: 12px;
	font-family: "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	text-decoration: none;
	vertical-align: middle;
	width: 50%;
	padding: 0.8em 0px 0.8em 3.125%;	/* 20/640*100 */
	border-top: solid 2px #939393;
	box-sizing: border-box;
	height: 43px;
}
#footer .link a.twolines {
	padding: 0 0 0 3.125%;	/* 20/640*100 */
	line-height: 1.3;
}
#footer .link .sp-fnav_table a:nth-child(3n){
	border-left: solid 2px #939393;
}
#footer .link a.sp-fnav_wide {
	width: 100%;
	text-align: center;
}
#footer address {
	color: #FFF;
	font-size: 12px;
	font-family: "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	padding: 0px;
	margin: 0px auto;
	background-color: #666;
}
#footer address p {
	display: block;
}
#footer address .ifc {
	float: none;
	text-align: center;
	padding: 0.8em 0 1px;
}
#footer address .copy {
	float: none;
	text-align: center;
	padding: 1px 0 0.8em;
}
#footer address .copy span{
	font-family: Helvetica, sans-serif;
}


/*------------------------------------------------------------------------------
コンテンツ共通パーツ
------------------------------------------------------------------------------*/
/* lead ------------------------------------------------------------------------------*/
.lead {
	line-height: 1.6;
	padding: 0 3.125%!important;
}


/* ttl00 ------------------------------------------------------------------------------*/
.ttl00 {
	font-size: 24px!important;
	padding: 0 3.125% 11px;	/* 20/640*100 */
	line-height:1.3;
}
.ttl00::after {
	width: 32.8125%;	/* 210/640*100 */
}


/* ttl01 ------------------------------------------------------------------------------*/
.ttl01 {
	font-size: 22px!important;
	padding: 10px 3.125%;/* 20/640*100 */
	background-size: 22px auto;
	background-image: none;
	margin-top: 10px;
	line-height:1.3;
}
.ttl01.unique_01 {
	padding: 10px 3.125% 10px calc(3.125% + 30px);
	background-image: url('../img/frontpage/ttl01_icon_1.png');
	background-size: 27px 27px;
	background-position: left 3.125% center;
	background-repeat: no-repeat;
}
.ttl01.unique_02 {
	padding: 10px 3.125% 10px calc(3.125% + 30px);
	background-image: url('../img/frontpage/ttl01_icon_2.png');
	background-size: 27px 27px;
	background-position: left 3.125% center;
	background-repeat: no-repeat;
}
.ttl01.unique_03 {
	padding: 10px 3.125% 10px calc(3.125% + 30px);
	background-position: left 3.125% top 8px;
	background-repeat: no-repeat;
	margin-top: 15px;
}
.ttl01::before {
	top: 0;
	right: 3.125%;	/* 20/640*100 */
	background-position: left center;
}

/*---共通化途中---*/

#lifestage .ttl01,
#purpose .ttl01,
#hokenjijyo .ttl01,
#triangle .ttl01,
#glossary .ttl01,
#guide .ttl01,
#kiso .ttl01{
	font-size: 20px!important;
	padding: 14px 3.125% 13px;
	margin: 50px 0 15px;
	}


/* ttl02 ------------------------------------------------------------------------------*/
.ttl02 {
	font-size: 20px;
	width: 100%;
	margin-top: 15px;
	background-image: url(../img/icon/ico_accordion_gray_open_s.svg);
	background-size: 20px 21px;
	padding: 8px 40px 8px 12px;
}
.ttl02.is_close {
	background-image: url(../img/icon/ico_accordion_gray_close_s.svg);
}

/*---共通化途中---*/

#lifestage .ttl02,
#purpose .ttl02,
#hokenjijyo .ttl02,
#triangle .ttl02,
#kiso .ttl02{
	font-size: 18px!important;
}


/* ttl03 ------------------------------------------------------------------------------*/
.ttl03 {
	padding: 6px 40px 6px 21px;
	margin: 20px 0px 0px 0;
	line-height: 1.3;
	background-image: url(../img/icon/ico_accordion_gray_open_s.svg);
	background-size: 20px 21px;
}
.ttl03.is_close {
	background-image: url(../img/icon/ico_accordion_gray_close_s.svg);
}
.ttl03::before {
	top: 9px;
}
/*---共通化途中---*/

#lifestage .ttl03,
#purpose .ttl03,
#hokenjijyo .ttl03,
#triangle .ttl03,
#glossary .ttl03,
#kiso .ttl03{
	font-size: 18px!important;
	padding: 15px 15px 13px;
}


/* ttl04 ------------------------------------------------------------------------------*/
.ttl04 {
	margin: 15px 0px 0px 0;
	font-size: 16px;
}

/*---共通化途中---*/

#lifestage .ttl04,
#purpose .ttl04,
#hokenjijyo .ttl04,
#triangle .ttl04,
#kiso .ttl04{
	font-size: 16px!important;
	padding: 2px 0 2px 12px;
	margin: 20px 0 15px;
}


/* ttl05 ------------------------------------------------------------------------------*/
.ttl05 {
	margin: 10px 0px 0px 0;
}

/*---共通化途中---*/

#lifestage .ttl05,
#purpose .ttl05,
#kiso .ttl05{
	font-size: 15px!important;
	padding: 0 0 0 20px;
}


/* 見出し直後のマージン設定 ------------------------------------------------------------------------------*/
*[id^="accordion_tg"] > *:first-child{
	margin-top: 15px!important;
}
*[id^="accordion_tg"] > p:first-child{
	margin-top: 10px!important;
}
*[id^="accordion_tg"] > ul:first-child{
	margin-top: 15px!important;
}	
	

/* list01 ------------------------------------------------------------------------------*/
.list01 {
	display: block;
}
.list01 li {
	display: block;
	width: 100%;
}
.list01 li .title {
	box-sizing: border-box;
	display: block;
	font-size: 16px;
	width: 100%;
	padding: 0 0 10px 0;
}
.list01 li:first-child .title {
	padding: 0 0 10px 0;
}
.list01 li .text {
	display: block;
	width: 100%;
}
.list01 li:last-child .text {
	padding-bottom: 0;
}	
.list01 li .title{
	max-width: 100%;
}
.list01 li .title span{
	width: 100%;
	padding: 2px 5px 0px 5px!important;
}

/* list01-2 ------------------------------------------------------------------------------*/
.list01-2 {
	display: block;
	width: 100%;
}
.list01-2 .title {
	box-sizing: border-box;
	display: block;
	font-size: 16px;
	width: 100%;
	padding: 10px 0 0;
}
.list01-2:first-child .title {
	padding: 0;
}
.list01-2 .text {
	display: block;
	width: 100%;
}

/* list03 ------------------------------------------------------------------------------*/
.list03 li .title .right {
	float: none;
	display: block;
	margin-top: 3px;
}

/* list07 ------------------------------------------------------------------------------*/
.list07 {
	text-align: center;
	letter-spacing: normal;
	margin: 0;
}
.list07 dt {
	margin: 20px 0 10px;
}
ul li:first-of-type .list07 dt,
ol li:first-of-type .list07 dt{
	margin-top: 0;
	}
.list07 dd {
	display: block;
	text-align: left;
	width: 100%;
	margin-left: 0;
}

/* link01 ------------------------------------------------------------------------------*/
.link01{
	font-size: 14px;
}	
	
.link01 a::before {
	/*top: 0;*/
}
.sp-link01 {
	font-size: 14px;
}
.sp-link01 a {
	position: relative;
	display: inline-block;
	color: #1d3994;
	vertical-align: middle;
	padding: 0 0 0 21px;
}
.sp-link01 a::before {
	content: " >";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	line-height: 18px;
	width: 18px;
	height: 18px;
	border-radius: 100%;
	background-color: #1d3994;
}


/* caution ------------------------------------------------------------------------------*/

/*枠付き注釈*/
.box-caution {
	font-size: 12px;
	padding: 55px 15px 10px 15px;
	background-position: center 10px;
}

/* block01 ------------------------------------------------------------------------------*/
.block01 .arrow::after {
	border-top: 22px solid #F9A100;
	border-right: 100px solid transparent;
	border-bottom: 0px solid transparent;
	border-left: 100px solid transparent;
}

/* block02 ------------------------------------------------------------------------------*/
.block02 {
	padding: 20px 15px;
	}
.block02 .title {
	font-size: 16px;
}
.block02 .title span {
	font-size: 16px;
	box-sizing: border-box;
	display: block;
	text-align: center;
	width: 100%;
	margin: 0 auto 10px;
}
.block02 .title span.mb0 {
	box-sizing: border-box;
	display: block;
	text-align: center;
	width: 100%;
	margin: 0 auto;
}

/*- inner_acd_wrap ------------------------------------------------------------------------------*/
.inner_acd_wrap {
	margin-top: 20px !important;
}

/*- common_wrap_01 ------------------------------------------------------------------------------*/
.common_wrap_01 {
	margin-top: 20px !important;
}
.ttl00+.common_wrap_01 {
	margin-top: 10px !important;
}
.lead+.common_wrap_01 {
	margin-top: 10px !important;
}

/*- select ------------------------------------------------------------------------------*/
.table_scroll {
	position: relative;
	overflow: auto;
	white-space: nowrap;
}
.table_scroll:not(.scrolled)::after {
	content: " ";
	position: absolute;
	top: 50px;
	left: 0;
	right: 0;
	display: block;
	width: 100px;
	height: 100px;
	margin: auto;
	background-image: url('../img/table_scroll_arrow.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
.table_scroll::-webkit-scrollbar {
	height: 5px;
}
.table_scroll::-webkit-scrollbar-track {
	background: #EEEEEE;
}
.table_scroll::-webkit-scrollbar-thumb {
	background: #666666;
}
.table_scroll table {
	width: 100%;
}

/*- radio_button ------------------------------------------------------------------------------*/
input.radio_button[type="radio"] + .inner_label {
	position: relative;
	top: 2px;
	vertical-align: bottom;
	width: 14px;
	height: 14px;
}
input.radio_button[type="radio"]:checked + .inner_label{
	border: none;
}
input.radio_button[type="radio"]:checked + .inner_label:after {
	width: 8px;
	height: 8px;
}

/* .kome .right ------------------------------------------------------------------------------*/
.kome{
	text-align: left !important;
}
.link01{
	text-align: left !important;
}

/* .inner_wrap ------------------------------------------------------------------------------*/
.inner_wrap {
	box-sizing: border-box;
	width: 100%;
	padding: 0 3.125%;	/* 20/640*100 */
}

/*- select ------------------------------------------------------------------------------*/
.select_box select {
	font-size: 14px;
}

/* .search_banner ------------------------------------------------------------------------------*/
.search_banner {
	display: none;
}
/* .application_banner ------------------------------------------------------------------------------*/
.application_banner {
	display: none;
}

/* .syounin ------------------------------------------------------------------------------*/
.syounin {
	padding: 0 3.125%;	/* 20/640*100 */
	margin-top: 20px;
}

/* sp時のmargin-bottomを15pxに変更 ------------------------------------------------------------------------------*/
.mb20 {margin-bottom: 15px!important;}

/* sp画像のサイズ指定 ------------------------------------------------------------------------------*/
.img-change{
		width: 100%;
		height: auto;
}
}/* /end@media (max-width: 767px)  ------------------------------------------------------------------------------*/
	


/*@import "kiso-sp.css";*/
/*@import "medical-sp.css";*/
/*@import "gan-sp.css";*/
/*@import "life-sp.css";*/
/*@import "nenkin-sp.css";*/
/*@import "gakushi-sp.css";*/
/*@import "woman-sp.css";*/
/*@import "chronic-sp.css";*/
/*@import "disa-sp.css";*/
/*@import "care-sp.css";*/
/*  スマホのみ適応する記述 ------------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {

/*------------------------------------------------------------------------------
共通設定
------------------------------------------------------------------------------*/
	#kiso {
	padding: 20px 0 0;
	}

	#kiso.kiso_index .ttl00 {
	font-size: 28px;
	}
	#kiso.kiso_index .ttl00::after {
	width: 39.0625%;	/* 250/640*100 */
	}

	#kiso > .box > dl {
	margin-top: 20px !important;
	}
	#kiso > .box > dl dt a {
	padding: 9px 45px 7px 3.125% !important;
	}
	#kiso .box dl{
	margin-top: 15px;
		float: none;
		width: 100%;
	}
	#kiso .box dl dt a{
	font-size: 20px!important;
	}
	#kiso .box dl dt a::before {
	right: 10px !important;
	width: 22px;
	height: 22px;
	}
	#kiso .box dl dt a::after {
	top: -1px;
	right: 19px !important;
}
	#kiso .box dl dd {
		line-height: 1.6;
		padding: 10px 0px 0px 0;
	}
	#kiso .box .link01 {
	padding: 0 3.125%;
	}

	#kiso .lead{
	padding: 0 3.125%; 
	}
	
	#kiso .flink-area{
		margin: 15px 3.125% 0px;
		padding: 0 5px;
		text-align: left;
	}
	
	#snavi .md-kiso h3,
	#snavi .md-faq h3{
		border-radius: 3px 3px 0 0;
	}
	#lower_common.index .view .view_title img{
		width: 100%!important;
	}
	
	#kiso .image {
		width: 100%!important;
	}

/*---共通化途中---*/
	
	#kiso .lead{
		margin: 20px 0 30px!important;
	}
	#kiso img[src$=".svg"]{
		width: 100%;
	}


/*------------------------------------------------------------------------------
医療kiso設定
------------------------------------------------------------------------------*/
	#medical .ttl02{
	background-image: url(../img/icon/ico_accordion_medical_open_s.svg);
	}
	#medical .ttl02.is_close{
	background-image: url(../img/icon/ico_accordion_medical_close_s.svg);
	}
/*------------------------------------------------------------------------------
がんkiso設定
------------------------------------------------------------------------------*/
	#gan .ttl02{
	background-image: url(../img/icon/ico_accordion_gan_open_s.svg);
	}
	#gan .ttl02.is_close{
	background-image: url(../img/icon/ico_accordion_gan_close_s.svg);
	}
/*------------------------------------------------------------------------------
死亡kiso設定
------------------------------------------------------------------------------*/
	#life .ttl02 {
		background-image: url(../img/icon/ico_accordion_life_open_s.svg);
	}
	#life .ttl02.is_close {
		background-image: url(../img/icon/ico_accordion_life_close_s.svg);
	}
	#life #kiso table .pc-hide {display: inline;}

/*------------------------------------------------------------------------------
年金kiso設定
------------------------------------------------------------------------------*/
	#nenkin .ttl02 {
		background-image: url(../img/icon/ico_accordion_nenkin_open_s.svg);
	}
	#nenkin .ttl02.is_close {
		background-image: url(../img/icon/ico_accordion_nenkin_close_s.svg);
	}
/*------------------------------------------------------------------------------
学資kiso設定
------------------------------------------------------------------------------*/
	#gakushi .ttl02 {
		background-image: url(../img/icon/ico_accordion_gakushi_open_s.svg);
	}
	#gakushi .ttl02.is_close {
		background-image: url(../img/icon/ico_accordion_gakushi_close_s.svg);
	}
	#gakushi #kiso table .pc-hide {display: inline;}

/*------------------------------------------------------------------------------
女性kiso設定
------------------------------------------------------------------------------*/
	#woman .ttl02 {
		background-image: url(../img/icon/ico_accordion_woman_open_s.svg);
	}
	#woman .ttl02.is_close {
		background-image: url(../img/icon/ico_accordion_woman_close_s.svg);
	}
/*------------------------------------------------------------------------------
引受基準緩和型kiso設定
------------------------------------------------------------------------------*/
	#chronic .ttl02 {
		background-image: url(../img/icon/ico_accordion_chronic_open_s.svg);
	}
	#chronic .ttl02.is_close {
		background-image: url(../img/icon/ico_accordion_chronic_close_s.svg);
	}
/*------------------------------------------------------------------------------
介護保険kiso設定
------------------------------------------------------------------------------*/
	#care .ttl02 {
		background-image: url(../img/icon/ico_accordion_care_open_s.svg);
	}
	#care .ttl02.is_close {
		background-image: url(../img/icon/ico_accordion_care_close_s.svg);
	}
/*------------------------------------------------------------------------------
就業不能保険kiso設定
------------------------------------------------------------------------------*/
	#disability .ttl02 {
		background-image: url(../img/icon/ico_accordion_disability_open_s.svg);
	}
	#disability .ttl02.is_close {
		background-image: url(../img/icon/ico_accordion_disability_close_s.svg);
	}

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




/*@import "lifestage-sp.css";*/
/*@import "purpose-sp.css";*/
/*  スマホのみ適応する記述 ------------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {
	
/*--------------------------------------------------------------------------------------------
lifestage／purpose 共通設定
--------------------------------------------------------------------------------------------*/
	#lifestage, #purpose{
		padding-top: 20px;
	}
	#lifestage img[src$=".svg"], #purpose img[src$=".svg"]{
	width: 100%;
	}

/*------------------------------------------------------------------------------
lifestage 設定
------------------------------------------------------------------------------*/
	#lifestage .stage-block .box_lead{
		padding: 0 3.125%;
	}
	#lifestage .stage-block .box_lead .image {
		float: none;
	}
	#lifestage .stage-block .box_lead .text {
		float: none;
		width: 100%;
		margin-top: 15px;
	}
	#lifestage .flink-lifestage-area{
		margin: 20px 3.125% 0px;
	}

/*------------------------------------------------------------------------------
purpose 設定
------------------------------------------------------------------------------*/
	#purpose .flink-area {
		margin: 15px 3.125% 0px;
	}
	
}/* /end@media (max-width: 767px)  ------------------------------------------------------------------------------*/




/*@import "ranking-sp.css";*/
/*  スマホのみ適応する記述 ------------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {
	#ranking {
		padding: 20px 0 0;
	}
	#ranking .erabu-block {
		margin: 0;
	}
	#ranking .text {
		margin: 10px 0 20px;
	}

#ranking .rank_list ul li {
	width: 48%;	/* 290/600*100 */
	margin: 0 10px 10px 0;
}
#ranking .rank_list ul li:nth-child(2n){ margin: 0 0 10px ;}
#ranking .rank_list ul li a:hover::before {
	display: none;
}	
	
#ranking .rank_list ul li .rank_title {
	font-size: 16px;
	line-height: 1.3;
	height: 60px;
}
#ranking .rank_list ul li .rank_title span {
	font-size: 14px;
}
#ranking .rank_list ul li .rank_title span .line1 {
	display: block;
	margin-left: 0;
}
	
#ranking #lower_common.index .rank-block {
	margin: 0;
}

#lower_common.index .rank_list {
	margin: 0;
}
#ranking .rank_mv{
	margin: 15px 0;
}
	
#lower_common.index .rank_list.rank_low .box .check, 
#lower_common.index .rank_list.rank_low .box .image, 
#lower_common.index .rank_list.rank_low .box .button {
	border-top: none;
}

/* pnavi ------------------------------------------------------------------------------*/
#ranking .pnavi ul {
	display: flex;
}
#ranking .pnavi ul li {
	width: calc((100%/2) - 5px);
}
#ranking .pnavi ul li:nth-child(2n-1) {
	margin-left: 0;
}
#ranking .pnavi ul li a img.sp-show {
	display: inline-block !important;
}
#ranking .pnavi ul li a span:not(.sp-hide) {
	font-size: 15px;
	line-height: 1.4;
}
}/* /end@media (max-width: 767px)  ------------------------------------------------------------------------------*/
	



/*@import "faq-sp.css";*/
/*  スマホのみ適応する記述 ------------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {

#faq {
	margin: 20px 0px 0px;
}

/*top pnavi ------------------------------------------------------------------------------*/
#faq .rank_list ul li a:hover::before,
#faq .pnavi ul li a:hover::before{
	display: none;
}	
#faq .rank_list ul li {
	width: 48.333333333333333333333333333333%;	/* 290/600*100 */
	margin: 0 3.3333333333333333333333333333333% 10px 0;
}
#faq .rank_list ul li a {
	padding: 13px 0 10px;
}
#faq .rank_list ul li:nth-child(2n) {
	margin: 0 0 10px 0;
}
#faq .rank_list ul li:nth-child(3),
#faq .rank_list ul li:nth-child(9) {
	margin-right:3.3333333333333333333333333333333%;
}
#faq .rank_list ul li .rank_title {
	font-size: 16px;
}
#faq .rank_list ul li .rank_title span {
	font-size: 12px;
}
#faq .rank_list ul li .rank_title span .line1 {
	display: block;
	margin-left: 0;
}
/* pnavi ------------------------------------------------------------------------------*/
#faq .pnavi ul{
	display: flex;
}
#faq .pnavi ul li{
	width: calc((100%/2) - 5px);
}
#faq .pnavi ul li:nth-child(2n-1) {
	margin-left: 0;
}
#faq .pnavi ul li a img.sp-show {
	display: inline-block !important;
}
#faq .pnavi ul li a span:not(.sp-hide) {
	font-size: 15px;
}

/* question-block ------------------------------------------------------------------------------*/
#faq .question-block {
	margin: 10px 0px 0px;
}

/* answer-block ------------------------------------------------------------------------------*/
#faq .answer-block dl {
	margin: 15px 0px 0px;
}
#faq .answer-block dt {
	font-size: 16px;
	padding: 10px 45px 10px 38px;
	background-image: url(../img/icon/ico_accordion_gray_open_s.svg);
	background-size: 20px 21px;
}
#faq .answer-block dt::before {
	top: 3px;
}
#faq .answer-block dt.is_close {
	background-image: url(../img/icon/ico_accordion_gray_close_s.svg);
}

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




/*@import "hokenjijyo-sp.css";*/
/*@import "triangle-sp.css";*/
/*  スマホのみ適応する記述 ------------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {

/*--------------------------------------------------------------------------------------------
単独ページ 共通設定
--------------------------------------------------------------------------------------------*/
	#hokenjijyo, #triangle {
		padding-top: 20px;
	}
	#hokenjijyo img[src$=".svg"], #triangle img[src$=".svg"]{
	width: 100%;
	}
	
/*--------------------------------------------------------------------------------------------
統計から見る生命保険 設定
--------------------------------------------------------------------------------------------*/
	#hokenjijyo .gankanyu-block .left {
	float: none;
	width: 100%;
		margin-bottom: 15px;
	}
	#hokenjijyo .gankanyu-block .image04 {
	float: none;
	width: 100%;
	margin-top: 0;
	}

/*--------------------------------------------------------------------------------------------
『三角形の保険』の仕組み
--------------------------------------------------------------------------------------------*/
	
}/* /end@media (max-width: 767px)  ------------------------------------------------------------------------------*/




/*@import "glossary-sp.css";*/
/*  スマホのみ適応する記述 ------------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {
	#glossary {
		padding: 20px 0 0;
	}
#glossary .word table, 
#glossary .word tr, 
#glossary .word th, 
#glossary .word td, 
#glossary .word thead, 
#glossary .word tbody {
	display: block;
}
#glossary .word table {
	width: 100%;
	padding: 0px;
	margin: 10px 0px 0;
	background: transparent;
	border-left: solid 1px #CCC;
	border-right: solid 1px #CCC;
	border-top: solid 1px #CCC;
}
#glossary .word table tr td {
	box-sizing: border-box;
	width: 100%;
	border-bottom: solid 1px #CCC;
}
	#glossary .pnavi {
	margin: 10px 0px 0px;
	}
	#glossary .pnavi ul {
		display: flex;
		justify-content: flex-start;
	}
	#glossary .pnavi li {
		flex: inherit;
		margin: 5px 5px 0;
		width: calc((100%/5) - 10px);
	}
	#glossary .pnavi li a {
		padding: 0.4em;
	}
}/* /end@media (max-width: 767px)  ------------------------------------------------------------------------------*/


/*@import "freeconsul-sp.css";*/
/*  スマホのみ適応する記述 ------------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {
#freeconsul {
	margin: 20px 0px 0px;
}
#freeconsul .need-block .need-img {
	width: 30%;
	padding: 0 20px 0 0;
}
#freeconsul .need-block .cmt-box {
	width: 70%;
}
#freeconsul .need-block .cmt-box::before {
	content: '';
	position: absolute;
	top: 15px;
	left: -35px;
}
#freeconsul .need-block .block01 .link01{
	text-align: left;
}
.consulting-box a {
	max-width: 400px;
	width: 100%;
	margin: 20px auto 0;
	font-size: 20px;
	padding: 4px 0 0;
	line-height: 1.1;
    text-shadow: 0px 0px 3px rgba(0,0,0, 0.8);
}
.consulting-box a span{
	font-size: 16px;
}
.consulting-box a .btn-arrow{
	width: 48px;
	height: 35px;
	position: absolute;
	right: 5px;
	top: 7px;
}
}/* /end@media (max-width: 767px)  ------------------------------------------------------------------------------*/

/*@import "consulting2-sp.css";*/
/*  スマホのみ適応する記述 ------------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {

#consulting2 .ttl00 {
	font-size: 20px;
}
#consulting2 .flow p {
	font-size: 11px;
}
#consulting2 .flow p span {
	display: block;
	font-size: 9px;
	margin-right: 0;
}
#consulting2 .input-block .form table, 
#consulting2 .input-block .form table tr, 
#consulting2 .input-block .form table tbody, 
#consulting2 .input-block .form table thead, 
#consulting2 .input-block .form table tr th, 
#consulting2 .input-block .form table tr td {
	box-sizing: border-box;
	display: block;
	width: 100%;
}
#consulting2 .input-block .form table tr td span.address_search_call {
	float: right;
	margin: 5px 0;
}
#consulting2 .thanks dl {
	text-align: left;
	padding: 15px 0;
}
#consulting2 .thanks dl dt {
	font-size: 18px;
}

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



/*@import "ihoken-sp.css";*/
/*  スマホのみ適応する記述 ------------------------------------------------------------------------------*/
@media screen and (max-width: 1024px) {


.ihoken-top .view {
	background-image: url(../img/ihoken/ihoken_view_03.png), url(../img/ihoken/ihoken_view_01.png);
}


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


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

.ihoken-top {
    padding: 20px 0px 0px;
}
.ihoken-top .view {
	box-sizing: border-box;
	background-image: url(../img/ihoken/ihoken_view_01_sp.png);
	background-size: 100% 100%;
	background-position: right;
	background-repeat: no-repeat;
	border: solid 2px #dedede;
	padding: 0 3.125% 20px;	/* 20/640*100 */
}


.ihoken-top .view h3,.ihoken-top .view h2 {
	position: static;;
	color: #DB0000;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	padding: 16px 0 0;
}
.ihoken-top .view h3 span,.ihoken-top .view h2 span {
	font-size: 23px;
}
.ihoken-top .view p.catch {
	position: static;
	color: #c03;
	font-size: 18px;
	font-weight: bold;
	padding: 30px 0 0px;
	height: auto;
}
.ihoken-top .view p.catch span {
	font-size: 23px;
	letter-spacing: -0.5px;
}
.ihoken-top .view p.text {
	position: static;
	color: #000;
	font-size: 18px;
	line-height: 1.3;
}
.ihoken-top .view p.text span {
	color: #c30;
	font-size: 22px;
	font-weight: bold;
}
.ihoken-top .view p {
	position: static;
	font-size: 10px;
	letter-spacing: 1px;
	padding: 0px;
	margin: 5px 0px 8px;
}

.ihoken-top .view ul {
	position: static;
	overflow: hidden;
	padding: 0px;
	margin: 0px;
	height: auto;
}
.ihoken-top .view ul li {
	background: url(../ihoken/img/ihoken_icon01.gif) no-repeat left center;
	margin: 0px 10px 0px 0px;
	padding: 0px 0px 0px 14px;
	float: left;
	display: inline;
}
.ihoken-top .view ul .mg {
	background: url(../ihoken/img/ihoken_icon01.gif) no-repeat left center;
	position: relative;
	top: 0px;
	left: 0px;
}
.ihoken-top .view ul li a {
	color: #C91D1D;
}
.ihoken-top .view ul li a .col {
	color: #333;
}

.ihoken-top .reason-block dl .privacy {
	padding: 80px 10px 6px 10px;
	margin: 0 20px 0;
	border: 1px solid #ccc;
	background-image: url("//www.ifcreate.com/img/privacy/pmark.svg");
	background-repeat: no-repeat;
	background-position: center top 5px;
}
.ihoken-top .reason-block dl .isms {
	padding: 70px 10px 8px 10px;
	margin: 7px 20px 30px;
	border: 1px solid #CCC;
	background-image: url(//www.ifcreate.com/img/privacy/privacy_isms.svg);
	background-repeat: no-repeat;
	background-position: center top 15px;
}
.ihoken-top .reason-block .image01 {
	display: none;
}
.ihoken-top .reason-block .image01-sp {
	display: block;
	width: 100%;
	max-width: 450px;
	margin: 10px auto;
}
.ihoken-top .reason-block .r02 .text {
	float: none;
	width: 100%;
}
.ihoken-top .reason-block .r02 .image02 {
	float: none;
	width:auto;
}
.ihoken-top .reason-block .r03 .text {
	float: none;
	width: 100%;
}
.ihoken-top .reason-block .r03 .text span {
	float: none;
}
.ihoken-top .reason-block .r03 .image03 {
	float: none;
	width:auto;
}

.ihoken-top .reason-block .r04 .text {
	float: none;
	width: 100%;
	}
.ihoken-top .reason-block .r04 .image04 {
	float: none;
	width:auto;
}



.ihoken-top .reason-block dl .r04 .image02 {
	margin: 10px auto 0;
}
.ihoken-top .reason-block dl .r04 .image03 {
	margin: 10px auto 0;
}
.ihoken-top .reason-block dl .r04 .image04 {
	margin: 10px auto 0;
}


.ihoken-top .reason-block dl.first {
	margin-top: 20px;
}
.ihoken-top .reason-block dl {
	margin-top: 15px;
}
.ihoken-top .about-block dl.first {
	margin-top: 20px;
}
.ihoken-top .about-block dl {
	margin-top: 15px;
}


.ihoken-top .yakusoku-block ul li {
	margin: 0px 0px 15px;
}
.ihoken-top .reason-block .privacy {
	font-size: 14px;
	padding: 100px 10px 10px 10px;
	background-position: center 10px;
}
.ihoken-top .reason-block .isms {
	font-size: 14px;
	padding: 80px 10px 10px 10px;
	background-position: center 15px;
  background-size: 115px 50px;
}


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



/*  スマホ（440px以下の機種）のみ適応する記述 ------------------------------------------------------------------------------*/
@media screen and (max-width: 440px) {

/*- view ------------------------------------------------------------------------------*/
#life #lower_common.index .view .search_area{
	-ms-flex-pack: start;
	-webkit-box-pack: start;
	justify-content: flex-start;
}
#life #lower_common.index .view .search_area .selecrt_gender {
	text-align: left;
}
#gakushi #lower_common.index .view .search_area div.search_bg01, #gakushi #lower_common.index .view .search_area div.search_bg02 {
	text-align: left;
}
#life #lower_common.index .view .search_area .select_title p,
#gakushi #lower_common.index .view .search_area .select_title p {
	text-align: center;
}


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



/*  スマホ（360px以下の機種）のみ適応する記述 ------------------------------------------------------------------------------*/
@media screen and (max-width: 360px) {

/*------------------------------------------------------------------------------
TOPページ設定
------------------------------------------------------------------------------*/
#index .index_search_banner .search_area { padding: 15px 5px 28px;}

/*- view ------------------------------------------------------------------------------*/
#lower_common.index .view .search_area .selecrt_age { width: 26%;}
#life #lower_common.index .view .search_area .selecrt_gender .search_radio,
#gakushi #lower_common.index .view .search_area .search_bg01 .search_radio { width: 50%;}

/*- rank_list ------------------------------------------------------------------------------*/
#lower_common.index .button_check_rank,
#lower_common.index .button_search_rank {
	text-align: center;
	margin: 10px auto 15px auto;
	float: none;
	width: auto;
}
#lower_common.index .button_check_rank a {
	padding: 8px 10px 9px 40px;
	font-size: 16px;
}

/*- select ------------------------------------------------------------------------------*/
.select_box select { padding: 12px 20px 11px 8px;}


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



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

/*------------------------------------------------------------------------------
TOPページ設定
------------------------------------------------------------------------------*/
#index .index_search_banner .search_area .selecrt_age .select_box { min-width: 75px;}
#index .index_search_banner .search_area .selecrt_age .search_radio { width: 60%;}

/*- view ------------------------------------------------------------------------------*/
#lower_common.index .view .search_area .selecrt_gender,
#life #lower_common.index .view .search_area .selecrt_gender .search_radio,
#gakushi #lower_common.index .view .search_area .search_bg01 .search_radio{ width: 45%;}
#lower_common.index .view .search_area .selecrt_age { min-width: 90px;}
#life .select_box.age_2, #gakushi .select_box.age_2 { min-width: 80px;}

/*- rank_list ------------------------------------------------------------------------------*/
#lower_common.index .button_check_rank a {
	background-size: 28px;
	background-position: left 14px center, center;
}

/*------------------------------------------------------------------------------
type設定
------------------------------------------------------------------------------*/
#type .rank_list ul li .rank_title {
	font-size: 14px;
}

/*------------------------------------------------------------------------------
よくあるご質問設定
------------------------------------------------------------------------------*/
#faq .rank_list ul li .rank_title {
	font-size: 14px;
}

/*------------------------------------------------------------------------------
ランキング設定
------------------------------------------------------------------------------*/
#ranking .rank_list ul li .rank_title {
	font-size: 14px;
	height: 55px;
}
#ranking .pnavi ul li a span:not(.sp-hide) {
	font-size: 14px;
}

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





/* FD宣言
========================================================================== */
.fd .block-section{
	max-width: 1000px;
	padding: 0 0 40px;
	margin: 0 auto;
}
.fd .block-section-s:not(:last-child),
.fd .block-section-m:not(:last-child){
	padding-bottom: 20px;
}
.fd .block-indent{padding: 0;}

@media screen and (min-width: 600px){
	.fd .block-section{padding: 20px 0 30px;}
	.fd .block-indent{padding-left: 25px;}
	.fd .block-section-m:not(:last-child){padding-bottom: 30px;}
}
@media screen and (min-width: 770px){
	.fd .block-section{padding: 20px 0 30px;}
}
@media screen and (min-width: 1400px){
	.fd .block-section{padding: 20px 0 60px;}
}

.fd .block-border-b{
	border: 3px solid #e6e6e6;
	padding: 15px;
}
.fd .txt-copy{
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 20px!important;
}
.fd .txt-note,.fd .txt-source{
	font-size: 1.2rem;
	margin-top: 5px;
}
.fd .txt-source {
	text-align: left;
}
.fd .txt-section{margin-bottom: 15px!important;}
.fd .txt-section-media{max-width: 800px; margin: 15px auto 0;}
.fd .txt-section-s{margin-bottom: 5px;}
.fd .txt-ss{font-size: 1.2rem;}
.fd .txt-s{font-size: 1.4rem;}
.fd .txt-m{font-size: 1.6rem;}
.fd .txt-bold{font-weight: bold;}
.fd .txt-red{color: #cc1424;}
.fd .txt-center{text-align: center!important;}
.fd .txt-left{text-align: left!important;}

@media screen and (min-width: 600px){
	.fd .block-border,.fd .block-border-b{padding: 30px;}
	.fd .txt-source {
		text-align: right;
	}
	.fd .txt-copy{font-size: 22px;margin-bottom: 25px;}
	.fd .txt-m{font-size: 1.8rem;}
	.fd .txt-note{font-size: 1.4rem;}
}

.fd .col {
	width: 100%;
	position: relative;
  box-sizing: border-box;
}
.fd .col,.fd .row__narrow .col{
	margin-top: 15px;
}
.fd .col:first-child,.fd .row__narrow .col:first-child{
	margin-top: 0!important;
}
@media screen and (min-width: 600px) {
	.fd .col{margin-top: 20px;}
}

@media screen and (min-width: 770px) {
	.fd .row-col2,.fd .row-col3,.fd .row-col4,.fd .row-col6-4,.fd .row-col7-3 {
		margin-left: -10px;
		margin-right: -10px;
    box-sizing: border-box;
		overflow: hidden;
	}
	.fd .col{
    float: left;
    min-height: 1px;
    padding-left: 10px!important;
    padding-right: 10px!important;
  }
	.fd .row-col2 .col {width: 50%;}
	.fd .row-col2 .col:nth-child(-n+2){margin-top: 0;}
	.fd .row-col3 .col {width: 33.33333333%;}
	.fd .row-col3 .col:nth-child(-n+3){margin-top: 0;}
	.fd .row-col4 .col {width: 25%;}
	.fd .row-col4 .col:nth-child(-n+4){margin-top: 0;}
	.fd .row-col6-4 .col {width: 60%;}
	.fd .row-col6-4 .col:nth-child(-n+2){margin-top: 0;}
	.fd .row-col6-4 .col:nth-child(2n) {width: 40%;}
	.fd .row-col7-3 .col {width: 70%;}
	.fd .row-col7-3 .col:nth-child(-n+2){margin-top: 0;}
	.fd .row-col7-3 .col:nth-child(2n) {width: 30%;}
	.fd .row__narrow .col{margin-top: 20px;}
}
@media screen and (min-width: 1200px) {
	.fd .row-col2,.fd .row-col3,.fd .row-col4,.fd .row-col6-4,.fd .row-col7-3 {
		margin-left: -10px;
		margin-right: -10px;
	}
	.fd .row__narrow{
		margin-left: -10px;
		margin-right: -10px;
	}
	.fd .col{padding-left: 20px;padding-right: 20px;margin-top: 30px;}
	.fd .row__narrow .col{padding-left: 10px;padding-right: 10px;}
}

.fd .ttl-line{
	font-size: 20px;
	font-weight: bold;
	position: relative;
	border-bottom: solid 3px #ccc;
	padding-bottom: 5px;
	margin-bottom: 15px;
}
.fd .ttl-line::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: -3px;
	display: block;
	width: 150px;
	height: 3px;
	background-color: #cc1424;
}
.fd .ttl-line__sec{
	margin-bottom: 20px;
}
.fd .ttl-l-line{
	border-left: 5px solid #cc1424;
	font-size: 20px;
	font-weight: bold;
	padding-left: 10px;
	margin-bottom: 15px;
}
.fd .ttl-l-line__narrow{
	margin-bottom: 10px;
}
@media screen and (min-width: 600px){
	.fd .ttl-line{font-size: 24px;}
	.fd .ttl-line__sec{margin-bottom: 30px;}
	.fd .ttl-line::after {width: 300px;}
	.fd .ttl-l-line{margin-bottom: 20px;font-size: 20px; padding-left: 15px;}
	.fd .ttl-l-line__narrow{margin-bottom: 10px;}
}

.fd_img01{
	max-width: 919px;
	margin: 0 auto 30px;
	display: block;
}

.fd_img02{
	display: block;
	margin: 0 auto 40px ;
	max-width: 400px;
}

.fd .caption{
	font-size: 14px;
	text-align: center;
}

.fd .mt0{margin-top: 0px!important;}
.fd .mt30{margin-top: 30px!important;}
.fd .mt40{margin-top: 40px!important;}
.fd .mt50{margin-top: 50px!important;}
.fd .mb0{margin-bottom: 0px!important;}
.fd .mb30{margin-bottom: 30px!important;}
.fd .pb10{padding-bottom: 10px!important;}
.fd .pb30{padding-bottom: 30px!important;}


@media screen and (max-width: 599px){
	
.fd_img01 {
	margin: 0 auto 35px;
	max-width: 300px;
}
}

@media screen and (max-width: 770px){
.fd_img02 {
	margin-bottom: 40px;
	max-width: 300px;
}
.fd .w_340 {
	max-width: 340px;
	margin: 0 auto;
	display: block;
}
}

/*チェックリスト*/

.fd_check{
	margin-top: 20px;
	font-size: 16px;
	font-weight: bold;
}

.fd_check li {
	position: relative;
	line-height: 1.9;
	padding-left: 36px;
}

.fd_check li::before {
	position: absolute;
	top: 6px;
	left: 0;
	content: "";
	display: inline-block;
	width: 28px;
	height: 22px;
	background: url(https://www.ifcreate.com/company/img/ic_check.png);
	background-size: contain;
}

/*ページャー*/

.fd .pager {
	margin-bottom: 60px;
	height: 44px;
	text-align:center;
}

.fd .pager ul {
	list-style: none;
	height: 44px;
	display:inline-block;
}

.fd .pager ul li {
	position: relative;
	margin: 0 10px 0 0;
	float: left;
	border: 1px solid #b3b3b3;
}

.fd .pager ul li:last-child {
	margin-right: 0;
}

.fd .pager ul li span,
.fd .pager ul li a {
	display: block;
	font-size: 16px;
	padding: 8px 14px;
}

.fd .pager ul li a:hover {
	background: #f2f2f2;
}

.fd .none {
	visibility:hidden;
}

.fd .pager .ic_next {
	margin-left: 20px;
	width: 140px;
	text-align:center;
}

.fd .pager .ic_prev {
	margin-right: 30px;
	width: 140px;
	text-align: center;
	
}
.fd .pager .ic_next a {position: relative;}
.fd .pager .ic_next a::after {
	content: "";
	display: inline-block;
	width: 12px;
	height: 12px;
	background: url(https://www.ifcreate.com/company/img/ic_right.png) no-repeat;
	background-size: contain;
	position: absolute;
	top: 15px;
	right: 12px;
}

.fd .pager .ic_prev a {position: relative;}
.fd .pager .ic_prev a::after {
	content: "";
	display: inline-block;
	width: 12px;
	height: 12px;
	background: url(https://www.ifcreate.com/company/img/ic_left.png) no-repeat;
	background-size: contain;
	position: absolute;
	top: 15px;
	left: 12px;
}

.fd .pager ul li.current {
	background-color: #cccccc;
	color: #ffffff;
	border: 1px solid #ccc;
}
@media screen and (max-width: 770px){
.fd .pager ul {
	list-style: none;
	height: 44px;
}
	
.fd .pager ul li{
	margin-right: 5px;
}
	
.fd .pager .ic_prev {
	margin-right: 10px;
	width: 79px;
	text-align: right;
}
	
.fd .pager ul li span, .pager ul li a {
	display: block;
	font-size: 16px;
	padding: 0.45em 0.8em;
}
	
.fd .pager .ic_next {
	margin-left: 5px;
	width: 79px;
	text-align: left;
}
}
/*指針*/

.fd .guideline{
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 15px;
}

.fd h3.guideline{
	margin-top: 10px;
}

.fd .guideline span {
	font-size: 16px;
	color: #fff;
	padding: 4px 10px;
	background-color: aqua;
	margin-right: 7px;
}


.fd .gd-line1{
	border-bottom: 2px solid #ef8bb6;
	padding-bottom: 12px;
}
.fd .gd-line2{
	border-bottom: 2px solid #f4a342;
	padding-bottom: 12px;
}
.fd .gd-line3{
	border-bottom: 2px solid #2cbad5;
	padding-bottom: 12px;
}
.fd .gd-line4{
	border-bottom: 2px solid #9f86bd;
	padding-bottom: 12px;
}

.fd .gd1 span {background-color: #ef8bb6;}
.fd .gd1 {color: #ef8bb6;}
.fd .gd2 span {background-color: #f4a342;}
.fd .gd2 {color: #f4a342;}
.fd .gd3 span {background-color: #2cbad5;}
.fd .gd3 {color: #2cbad5;}
.fd .gd4 span {background-color: #9f86bd;}
.fd .gd4 {color: #9f86bd;}
.fd .txt-pink{color: #ef8bb6;}
.fd .txt-yellow{color: #f4a342;}
.fd .txt-blue{color: #2cbad5;}
.fd .txt-purple{color: #9f86bd;}
.fd .guide2{
	background-color: #f4a342;
	padding: 1px 2px;
	color: #fff;
	font-weight: bold;
}
.fd .tx13{
	font-size: 13px;
}

@media screen and (max-width: 770px){
	
.fd .guideline{
	font-size: 18px;
	line-height: 1.4;
	text-indent: -70px;
	padding-left: 70px;
}
.fd .guideline span {
	font-size: 16px;
}

.fd .gd-line1 {padding-bottom: 7px;}
.fd .gd-line2 {padding-bottom: 7px;}
.fd .gd-line3 {padding-bottom: 7px;}
.fd .gd-line4 {padding-bottom: 7px;}

}

/*約束*/

.fd ul.promise{
	font-size: 18px;
	font-weight: bold;
}

.fd ul.promise li {
	margin-bottom: 8px;
	text-indent: -102px;
	padding-left: 102px;
}

.fd ul.promise li span {
	margin-right: 20px;
}

.fd ul.promise li span::before{
	content: "●";
	font-size: 15px;
	top: -1px;
	left: 0;
}

.fd .tx_right{
	text-align: right;
}

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

/*チェックリスト*/

.fd .fd_check{
	margin-top: 10px;
	font-size: 16px;
}

.fd_check li {
	line-height: 1.3;
	padding-left: 28px;
	margin-bottom: 10px;
}

.fd_check li::before {
	top: 1px;
	width: 22px;
	height: 17px;
}	
	

	
/*約束*/

.fd ul.promise{
	font-size: 16px;
}

.fd ul.promise li {
	line-height: 1.5;
	text-indent: -82px;
	padding-left: 82px;
}
	
.fd ul.promise li span {
	margin-right: 10px;
}	
}

/*kpiテーブル*/

.fd .kpi-table{
	width: 100%; 
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	table-layout: fixed;
	word-wrap: break-word;
	white-space: normal;
	margin: 0 auto;
  	border-collapse: collapse;
  	border-spacing: 0;
}
.fd .kpi-table th,.kpi-table td{  
	vertical-align: top; 
	padding: 20px 15px;
	border-bottom: 1px solid #ccc;
	text-align: left;
}
.fd .kpi-table th{  
	font-weight: bold;
	width: 40%;
	background-color: #f2f2f2;
}
.fd .kpi-table .day{
	background-color: #777;
	padding: 10px 15px; 
	color: #fff;
	border-right: 1px solid #fff;
	font-weight: normal;
}
.fd .kpi-table .day,.kpi-table td{
	text-align: center;
}
.fd .kpi-table td{  
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
@media screen and (max-width: 770px){
	.fd .kpi-table{
	width: 100%; 
	}
	.fd .kpi-table th,.kpi-table td{
	padding: 15px;
	}
}

/*kpiボックス*/
.fd .kpi-box {
	text-align: center;
	background-color: #f2f2f2;
	padding: 10px!important;
	font-weight: bold;
}

/*FDテキストリンク*/
.fd .link-arrow{
	position: relative;
  padding-left: 30px;
	display: inline-block;
	line-height: 1.7;
}
.fd .link-arrow::before,
.fd .link-arrow span::before,
.fd .link-arrow span::after{
	position: absolute;
	top: 3px;
	left:  0;
	margin: auto;
	content: '';
	vertical-align: middle;
}
.fd .link-arrow::before{
	width: 20px;
	height: 20px;
	background: #cc1424;	
}
.fd .link-arrow span::before{
	width: 10px;
	height: 2px;
	top: 12px;
	left: 5px;
	background: #fff;
}
.fd .link-arrow span::after{
	width: 6px;
	height: 6px;
	top: 9px;
	left: 6px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.fd .link-arrow__block{
	display: block;
}
.fd .link-arrow__block::before,
.fd .link-arrow__block span::before,
.fd .link-arrow__block span::after{
	top: 0!important;
	bottom: 0!important;
}

.fsiryo-area{
	display: block;
	width: 100%;
	position: fixed;
	bottom: -60px;
	left: 0;
	right: 0;
	background: rgba(255,229,229,0.9);
	box-shadow: 3px -1px 5px 1px rgba(0,0,0,0.2);
	height: 60px;
	z-index: 10;
	-webkit-transition-timing-function: ease;
	transition-timing-function: ease;
	-webkit-transition-duration: .4s;
	transition-duration: .4s;
}
.fsiryo-area--active{
	bottom: 0!important;
}

.fsiryo-area__inner{
	width: 100%;
	margin: 0 auto;
	display: table;
	height: 100%;
	padding: 0 10px;
	box-sizing: border-box;
}

.fsiryo-area__text,
.fsiryo-area__btn{
	display: table-cell;
	vertical-align: middle;
}
.fsiryo-area__btn{
	width: auto;
	padding-bottom: 2px;
}

.fsiryo-area__text{
	color: #ff4e73;
	text-align: center;
	line-height: 1;
	padding: 0 5px 0 0;
	width: 150px;
}
.fsiryo-area__text p{
	position: relative;
	font-size: 12px;
	padding: 0;
	border-radius: 10px;
}
.fsiryo-area__text b{
	font-size: 14px;
	font-weight: bold;
}

.fsiryo-area__btn .fsiryo-request{
	max-width: 460px;
}

.fsiryo-request {
	background: #ccc;
	box-shadow: 0 3px 0 #666;
	text-shadow: 1px 1px 5px #666;
	color: #fff!important;
	font-size: 18px;
	line-height: 1;
	text-align: center;
	border-radius: 8px;
	display: block;
	font-weight: bold;
	padding: 10px 0 10px 10px;
	text-decoration: none;
}
.fsiryo-request > span{
	background-image: url(/img/common/icon_request_w.svg);
	background-size: 20px 20px;
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 25px;
	height: 20px;
	display: inline-block;
	vertical-align: middle;
	line-height: 20px;
}
.fsiryo-request__free{
	font-size: 12px;
	margin-left: -0.3em;
	vertical-align: baseline;
	position: relative;
	top: 0.1em;
}
.fsiryo-request__consul{
	font-size: 20px;
	padding-left: 3px;
	vertical-align: baseline;
	position: relative;
	top: 0.1em;
}
@media screen and (max-width:599px) {
	.fsiryo-request__consul{
		display: none;
	}
}

/*医療保険*/
.fsiryo-area--medical{
	background: rgba(232,243,251,0.9);
}
.fsiryo-area--medical .fsiryo-request {
	background: #1e8bd7;
	background: -moz-linear-gradient(top, #26a8e1 0%, #1e8bd7 100%);
	background: -webkit-linear-gradient(top, #26a8e1 0%, #1e8bd7 100%);
	background: linear-gradient(to bottom, #26a8e1 0%, #1e8bd7 100%);
	box-shadow: 0 3px 0 #1a77ba;
	text-shadow: 1px 1px 5px #1a77ba;
}
.fsiryo-area--medical .fsiryo-area__text{
	color: #1e8bd7;
}
/*がん保険*/
.fsiryo-area--gan{
	background: rgba(246,232,239,0.9);
}
.fsiryo-area--gan .fsiryo-request {
	background: #9c004a;
	background: -moz-linear-gradient(top, #ba0060 0%, #9c004a 100%);
	background: -webkit-linear-gradient(top, #ba0060 0%, #9c004a 100%);
	background: linear-gradient(to bottom, #ba0060 0%, #9c004a 100%);
	box-shadow: 0 3px 0 #80003b;
	text-shadow: 1px 1px 5px #80003b;
}
.fsiryo-area--gan .fsiryo-area__text{
	color: #9c004a;
}
/*女性保険*/
.fsiryo-area--woman{
	background: rgba(255,237,241,0.9);
}
.fsiryo-area--woman .fsiryo-request {
	background: #ff4e73;
	background: -moz-linear-gradient(top, #ff5e8a 0%, #ff4e73 100%);
	background: -webkit-linear-gradient(top, #ff5e8a 0%,#ff4e73 100%);
	background: linear-gradient(to bottom, #ff5e8a 0%,#ff4e73 100%);
	box-shadow: 0 3px 0 #f2335c;
	text-shadow: 1px 1px 5px #f2335c;
}
.fsiryo-area--woman .fsiryo-area__text{
	color: #ff4e73;
}
/*コンサル*/
.fsiryo-area--consul{
	background: rgba(255,249,217,0.9);
}
.fsiryo-area--consul .fsiryo-request {
	background: #ff9500;
	background: -moz-linear-gradient(top, #ffaa00 0%, #ff9500 100%);
	background: -webkit-linear-gradient(top, #ffaa00 0%,#ff9500 100%);
	background: linear-gradient(to bottom, #ffaa00 0%,#ff9500 100%);
	box-shadow: 0 3px 0 #f27900;
	text-shadow: 1px 1px 5px #f27900;
	padding: 10px 5px;
}
.fsiryo-area--consul .fsiryo-request > span{
	padding-left: 0;
	background: none;
}
.fsiryo-area--consul .fsiryo-area__text{
	color: #ff9500;
}

@media screen and (min-width:768px) {
.fsiryo-area{
	bottom: -100px;
	height: 100px;
}
.fsiryo-area__inner{
	width: 950px;
}
.fsiryo-area__btn{
	width: 410px;
	padding-right: 80px;
}
.fsiryo-area__text{
	width: auto;
	padding: 0 25px 0 0;
}
.fsiryo-area__text p{
	position: relative;
	border: 1px solid #ff4e73;
	background: #fff;
	font-size: 18px;
	padding: 10px;
}
	
.fsiryo-area__text b{
	font-size: 20px;
}
.fsiryo-area__text p:before {
	content: "";
	position: absolute;
	right: -10px;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 0 10px 15px;
	border-color: transparent transparent transparent #fff;
	z-index: 0;
}
.fsiryo-area__text p:after {
	content: "";
	position: absolute;
	right: -11px;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 11px 0 11px 16px;
	border-color: transparent transparent transparent #ff4e73;
	z-index: -1;
}
.fsiryo-request {
	font-size: 26px;
	padding: 15px 15px 15px 30px;
}
.fsiryo-request > span{
	background-size: 35px 35px;
	padding-left: 50px;
	height: 35px;
	line-height: 36px;
}
.fsiryo-request__free{
	font-size: 18px;
	top: 0.15em;
}
/*医療保険*/
.fsiryo-area--medical .fsiryo-area__text p{border-color: #1e8bd7;}
.fsiryo-area--medical .fsiryo-area__text p:after {border-color: transparent transparent transparent #1e8bd7;}
/*がん保険*/
.fsiryo-area--gan .fsiryo-area__text p{border-color: #9c004a;}
.fsiryo-area--gan .fsiryo-area__text p:after {border-color: transparent transparent transparent #9c004a;}
/*女性保険*/
.fsiryo-area--woman .fsiryo-area__text p{border-color: #ff4e73;}
.fsiryo-area--woman .fsiryo-area__text p:after {border-color: transparent transparent transparent #ff4e73;}
/*コンサル*/
.fsiryo-area--consul .fsiryo-area__text p{border-color: #ff9500;}
.fsiryo-area--consul .fsiryo-area__text p:after {border-color: transparent transparent transparent #ff9500;}
}
@media screen and (max-width: 360px) {
	.fsiryo-request > span{
		padding-left: 0;
		background-image: none;
	}
}
@media screen and (max-width:320px) {
	.fsiryo-area__inner{
		padding: 0 5px;
	}
	.fsiryo-area__text{
		width: 145px;
	}
	.fsiryo-request{
		font-size: 16px;
		padding: 10px 0px 10px 8px;
	}
	.fsiryo-area--consul .fsiryo-request{
		padding: 10px 0px;
	}
}

.f-cvarea{
	margin-top: 20px;
	background: #efefef;
	border-radius: 10px;
	padding: 15px;
}
.f-cvarea__ttl{
	text-align: center;
	font-weight: bold;
	position: relative;
	display: table;
	margin: 0 auto;
}
.f-cvarea__ttl::before,
.f-cvarea__ttl::after{
	content:'';
	position: absolute;
	margin: auto;
	background: #ccc;
	height: 100%;
	width: 3px;
}
.f-cvarea__ttl::before{
	left: -20px;
	transform: rotate(-30deg);
}
.f-cvarea__ttl::after{
	right: -20px;
	transform: rotate(30deg);
}
.f-cvarea__btn a {
	font-size: 22px!important;
	padding: 12px 5px 15px 20px;
	width: 100%;
	margin: 10px auto 5px;
	text-align: center;
	box-sizing: border-box;
	display: block;
	color: #FFF;
	font-family: "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	font-weight: bold;
	text-decoration: none;
	border-radius: 8px;
	line-height: 1.3;
}

.btn-siryo > span {
	background-image: url(/img/common/icon_request_w.svg);
	background-size: 30px 30px;
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 42px;
	height: 30px;
	display: inline-block;
	vertical-align: middle;
	line-height: 32px;
}
.f-cvarea__free{
	font-size: 16px;
	margin-left: -0.3em;
	vertical-align: baseline;
	position: relative;
	top: 0.1em;
}
.f-cvarea__reserve{
	font-size: 18px;
	padding-left: 3px;
	vertical-align: baseline;
	position: relative;
	top: 0.1em;
}
/*医療保険*/
.f-cvarea--medical{
	background: #e8f3fb;
}
.f-cvarea--medical .f-cvarea__btn a {
	background: #1e8bd7;
	background: -moz-linear-gradient(top, #26a8e1 0%, #1e8bd7 100%);
	background: -webkit-linear-gradient(top, #26a8e1 0%, #1e8bd7 100%);
	background: linear-gradient(to bottom, #26a8e1 0%, #1e8bd7 100%);
	box-shadow: 0 4px 0 #1a77ba;
	text-shadow: 1px 1px 5px #1a77ba;
}
.f-cvarea--medical .f-cvarea__ttl::before,
.f-cvarea--medical .f-cvarea__ttl::after{
	background: #1e8bd7;
}
/*がん保険*/
.f-cvarea--gan{
	background: #f6e8ef;
}
.f-cvarea--gan .f-cvarea__btn a {
	background: #9c004a;
	background: -moz-linear-gradient(top, #ba0060 0%, #9c004a 100%);
	background: -webkit-linear-gradient(top, #ba0060 0%,#9c004a 100%);
	background: linear-gradient(to bottom, #ba0060 0%,#9c004a 100%);
	box-shadow: 0 4px 0 #80003b;
	text-shadow: 1px 1px 5px #80003b;
}
.f-cvarea--gan .f-cvarea__ttl::before,
.f-cvarea--gan .f-cvarea__ttl::after{
	background: #9c004a;
}
/*女性保険*/
.f-cvarea--woman{
	background: #ffedf1;
}
.f-cvarea--woman .f-cvarea__btn a {
	background: #ff4e73;
	background: -moz-linear-gradient(top, #ff5e8a 0%, #ff4e73 100%);
	background: -webkit-linear-gradient(top, #ff5e8a 0%,#ff4e73 100%);
	background: linear-gradient(to bottom, #ff5e8a 0%,#ff4e73 100%);
	box-shadow: 0 4px 0 #f2335c;
	text-shadow: 1px 1px 5px #f2335c;
}
.f-cvarea--woman .f-cvarea__ttl::before,
.f-cvarea--woman .f-cvarea__ttl::after{
	background: #ff4e73;
}
/*生命保険無料相談*/
.f-cvarea--consul{
	background: #fff9d9;
}
.f-cvarea--consul .f-cvarea__btn a {
	background: #ff9500;
	background: -moz-linear-gradient(top, #ffaa00 0%, #ff9500 100%);
	background: -webkit-linear-gradient(top, #ffaa00 0%,#ff9500 100%);
	background: linear-gradient(to bottom, #ffaa00 0%,#ff9500 100%);
	box-shadow: 0 4px 0 #f27900;
	text-shadow: 1px 1px 5px #f27900;
	padding: 12px 5px;
}
.f-cvarea--consul .btn-siryo > span{
	background-image: none;
	padding-left: 0;
}
.f-cvarea--consul .f-cvarea__ttl::before,
.f-cvarea--consul .f-cvarea__ttl::after{
	background: #ff9500;
}

@media screen and (min-width:768px) {
	.f-cvarea {
		padding: 20px 15px;
	}
	.f-cvarea__ttl{
		font-size: 18px;
	}
	.f-cvarea__btn a {
		font-size: 26px!important;;
		width: 53%;
		padding: 15px 15px 15px 30px;
	}
	.f-cvarea__free{
		font-size: 18px;
		top: 0.15em;
	}
	.f-cvarea__reserve{
		font-size: 20px;
		top: 0.15em;
	}
	.btn-siryo > span {
		background-size: 35px 35px;
		padding-left: 50px;
		height: 35px;
		line-height: 36px;
	}
}
@media screen and (max-width:320px) {
	.f-cvarea__ttl::before{
		left: -11px;
	}
	.f-cvarea__ttl::after{
		right: -11px;
	}
}


/* 営業についてのお知らせ
========================================================================== */
#wrap-corpInfo {
	margin: 20px 0 0!important;
}
.form-wrapper #wrap-corpInfo {
	margin: -10px 0 30px!important;
}

@media screen and (max-width: 767px){
	#wrap-corpInfo {
		margin: 15px 3.125% 0!important;
	}
	.form-wrapper #wrap-corpInfo {
		margin: 15px 3.125% 20px!important;
	}
}


/* コロナウイルス記事（covid19）
========================================================================== */

/*---順に修正し最終的に全基礎知識共通にする（予定）---*/
#covid19 #kiso .lead {
	margin: 20px 0 40px!important;
}
#covid19 #kiso img[src$=".svg"] {
	width: auto;
	margin: 0 auto;
	display: block;
}
#covid19 #kiso sup {
	position: relative;
	top: -0.3em;
	vertical-align: baseline;
	line-height: 0;
	font-size: 11px;
}
#covid19 #kiso table {
	font-size: 14px;
}
#covid19 #kiso .ttl01{
	font-weight: bold;
	border-top: 4px solid #014aac;
	border-bottom: 2px solid #014aac;
	text-align: left;
	line-height: 1.4;
	margin: 60px 0 20px;
	padding: 18px 5px 14px;
}
#covid19 #kiso .ttl01::after{
	content: none;
}
#covid19 .ttl03 {
	font-size: 22px;
	line-height: 1.4;
	font-weight: bold;
	padding: 18px 20px 14px;
	margin: 30px 0 15px!important;
	background-color: #e6eefa;
	border-radius: 8px;
	border: none;
	background-image: none;
	cursor: default;
}
#covid19 .ttl03::before {
	content: none;
}
#covid19 .ttl04 {
	font-size: 19px;
	font-weight: bold;
	line-height: 1.4;
	border-bottom: none;
	border-left: solid 5px #014aac;
	margin: 30px 0 15px;
	padding: 2px 0 0 15px;
}
#covid19 .ttl04::before {
	content: none;
}
#covid19 .ttl05 {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.5;
	margin: 20px 0 5px 0;
	padding: 0 0 0 25px;
	position: relative;
	border: none;
}
#covid19 .ttl05::before {
	content: "■";
	position: absolute;
	top: 0;
	left: 0;
	background: none;
}

@media screen and (max-width: 767px){
	#covid19 #kiso .ttl01 {
		font-size: 20px!important;
		padding: 14px 3.125% 13px;
		margin: 50px 0 15px;
	}
	#covid19 #kiso .ttl02 {
		font-size: 18px!important;
	}
	#covid19 .ttl03 {
		font-size: 18px!important;
		padding: 16px 15px 12px;
	}
	#covid19 .ttl04 {
		font-size: 16px!important;
		padding: 2px 0 2px 12px;
		margin: 20px 0 15px;
	}
	#covid19 .ttl05 {
		font-size: 15px!important;
		padding: 0 0 0 20px;
	}
	#covid19 #kiso img[src$=".svg"] {
		width: 100%;
	}
}
/*---ここまで---*/


#covid19 #kiso *[id^="accordion_tg"] > *:first-child > .ttl03 {
	margin-top: 30px!important;
}
#covid19 #kiso .ttl03 {
	margin: 40px 0 15px!important;
}
#covid19 #kiso .block-mokuji__list li ul li ul li:before{
	content: none;
}
#covid19 #kiso .block04 {
	border-color: #dce8fa;
}
#covid19 #kiso .block-medical,
#covid19 #kiso .block-life{
	border: 2px solid #e8f3f9;
	border-radius: 8px;
	margin: 15px 0;
}
#covid19 #kiso .block-life{
	border: 2px solid #ecf5e1;
}
#covid19 #kiso .block-medical h5,
#covid19 #kiso .block-life h5{
	font-size: 16px;
	font-weight: bold;
	color: #1e8bd7;
	background: #e8f3f9;
	padding: 8px 20px;
	text-align: center;
}
#covid19 #kiso .block-life h5{
	color: #67a624;
	background: #ecf5e1;
}
#covid19 #kiso .block-medical ul.list-l,
#covid19 #kiso .block-life ul.list-l{
	padding: 15px;
}
#covid19 #kiso .block05 .ttl05{
	color: #3d3d99;
}
#covid19 #kiso .box-kako .box-frex,
#covid19 #kiso .block-useful{
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
#covid19 #kiso .box-kako .box-frex .list-l:not(:last-child),
#covid19 #kiso .box-kako .box-frex .list-l li:not(:last-child){
	margin-bottom: 5px;
}
#covid19 #kiso .block-useful{
	margin-top: 20px;
}
#covid19 #kiso .block-useful li{
	width: 100%;
	text-align: center;
	border-radius: 10px;
	padding: 15px 20px;
	margin-bottom: 10px;
	border: 2px dotted #ccc;
	font-weight: bold;
}
#covid19 #kiso .note a{
	word-break: break-all;
}

@media screen and (min-width: 768px){
	#covid19 #kiso .block04 {
		padding: 20px 25px;
	}
	#covid19 #kiso .block-medical,
	#covid19 #kiso .block-life{
		margin: 20px 0;
	}
	#covid19 #kiso .block-medical h5,
	#covid19 #kiso .block-life h5{
		font-size: 18px;
	}
	#covid19 #kiso .block-medical ul.list-l,
	#covid19 #kiso .block-life ul.list-l{
		padding: 15px 20px;
	}
	#covid19 #kiso .box-kako .box-frex ul {
		width: 50%;
	}
	#covid19 #kiso .block-useful{
		margin: 20px 0 0;
	}
	#covid19 #kiso .block-useful li{
		width: 26.5%;
		padding: 20px;
	}
}