@charset "UTF-8";


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

/*------------------------------------------------------------------------------
階層ページTOPページ　共通
------------------------------------------------------------------------------*/
#lower_common.index {
	padding: 0px 0px 0px;
}
#lower_common.index .ttl01 {
	font-size: 20px;
	padding: 10px 33px 10px 3.125%;	/* 20/640*100 */
	background-image: none;
	line-height: 1.2;
}
#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 .view_title {
	margin: 0;
}
#lower_common.index .view .bg_white{
	background-color: #fff;
	width: 100%;
}
#lower_common.index .view .view_title{
	position: relative;
	top: 0;
	width: 320px;
	height:98px;
	margin-right: auto;
	margin-left: auto;
	background-size: contain;
	margin-bottom: -2.5%;
}

#lower_common.index .view .search_area {
	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: flex-start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	width: 100%;
	padding: 10px;
	margin-right: auto;
	margin-left: auto;
}
#lower_common.index .view .search_area .select_title {
	box-sizing: border-box;
	display: block;
	color: #000;
	font-size: 16px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	vertical-align: top;
	width: 88px;
	height: 35px;
	padding-top: 2px;
}
#lower_common.index .view .search_area .select_title p {
	text-indent: -2px;
	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 {
	box-sizing: border-box;
	display: block;
	width: 87px;
	height: 40px;
	padding: 0 10px 0 5px;
	margin: 0;
	background-image: none;
}
#lower_common.index .view .search_area .selecrt_age .select_box {
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	margin: 0;
	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%;
	padding: 0 10px 0 6px;
}


#lower_common.index .view .search_area .selecrt_gender {
	box-sizing: border-box;
	position: static;
	display: block;
	text-align: right;
	width: 125px;
	height: 40px;
	padding: 0;
	margin: 0;
	background-image: none;
}
#lower_common.index .view .search_area .selecrt_gender .search_radio {
	box-sizing: border-box;
	overflow: hidden;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	width: 125px;
	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 {
	box-sizing: border-box;
	display: inline-block;
	color: #000;
	font-size: 18px;
	font-weight: normal;
	font-family: "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	letter-spacing: normal;
	vertical-align: middle;
	width: 50%;
	margin-left: 0;
	padding: 6px 0 7px;
	background-color: #999999;
	border: solid 1px #666666;
}
#lower_common.index .view .search_area .selecrt_gender .search_radio .radio_btn.active {
	background-color: #FFF;
}
#lower_common.index .view .search_area .selecrt_gender .search_radio .radio_btn:first-child {
	padding-right: 4px;
	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 {
	margin-left: 0;
	border-radius: 0 5px 5px 0;
}
#lower_common.index .view .search_area .selecrt_gender .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 {
	top: 3px;
	vertical-align: top;
	margin-right: 3px;
	margin-left: 0;
}
#lower_common.index .view .search_button {
	display: block;
	text-align: center;
	width: 100%;
	min-width: auto;
	margin: 10px auto 0 auto;
	padding: 0 0 5px;
	background-color: #ffcc00;
}
#lower_common.index .view .search_button button {
	display: block;
	font-size: 28px;
	max-width: 240px;
	margin: 0 auto;
	background-image:  url('../img/common/search_banner/serch_banner_bg_icon_btn_sp.png');
	background-size: 14.083333333333333333333333333333% auto;	/* 35/240*100 -0.5% */
	background-position: left 10px top 3px;
}
#lower_common.index .view .search_button button:hover::after {
	display: none;
}
#lower_common.index .view .search_button button:hover {
    border: solid 1px #169c32;
    border-bottom: solid 4px #106f00;
}
#lower_common.index .view .search_button span {
	font-size: 10px;
}
#gakushi #lower_common.index .view .search_area div.search_bg01{
	display: inherit;
	width: 100%;
	height: auto;
	text-align: center;
	background: none;
	margin: 0;
	padding: 0;
}
#gakushi #lower_common.index .view .search_area .select_title p{ float: left;}
#gakushi #lower_common.index .view .search_area .selecrt_age {
	display: block;
	width: 87px;
	height: 40px;
	padding: 0 10px 0 5px;
	margin: 0;
	background-image: none;
}
#gakushi #lower_common.index .view .search_area .selecrt_gender{
	position: static;
	display: block;
	text-align: right;
	width: 125px;
	height: 40px;
	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_area div.search_bg02{
	display: inherit;
	width: 100%;
	height: auto;
	text-align: center;
	background: none;
	margin:10px 0 0;
	padding: 0;
}
#gakushi  #lower_common.index .view .search_button button{ margin: 0 auto;}
	
 #life #lower_common.index .view .search_area .selecrt_type {
	display: inherit;
	height: auto;
	text-align: center;
	background: none;
	margin:0;
	padding: 0;
}
#life	.select_box select{
	font-size: 18px;
	padding: 0 10px 0 6px;
	height: 38px;
}
	
#life #lower_common.index .view .search_area .selecrt_gender{
	display: inherit;
	width: 100%;
	height: auto;
	text-align: center;
	background: none;
	margin:10px 0 0;
	padding: 0;
}
#life .selecrt_type .select_box{
	margin: 0 0 0 5px;
}
#life	.select_box.type_2 select{
	width: 10em;	
}	
#life .selecrt_type .select_box.type_2{
	width: auto;
}
	
#life .select_box.age_2 {
	display: block;
	width: 75px;
	height: 38px;
	/*padding: 0 10px 0 5px;*/
	margin: 0 5px 0 5px;
	background-image: none;
}
#life	.select_box.age_2 select {
	font-size: 18px;
	height: 100%;
	padding: 0 10px 0 6px;
}
#life #lower_common.index .view .search_area .selecrt_gender .search_radio {
	position: static;
	display: block;
	text-align: right;
	width: 125px;
	height: 40px;
	padding: 0;
	margin: 0;
	background-image: none;
}
	
#life #lower_common.index .view .search_area .selecrt_gender .search_radio .radio_btn input.radio_button[type="radio"] + .inner_label {margin: 0;}
#life #lower_common.index .view .search_area .selecrt_gender .search_radio .radio_btn:last-child {margin: 0;padding-right: 7px;}
	
#life #lower_common.index .view .search_area .selecrt_gender .search_radio .radio_btn span {
    display: inherit;
}
#life #lower_common.index .view .search_area .selecrt_gender .search_radio .radio_btn:first-child {padding-right: 7px;}
	

/*- 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;
  margin-right: 10px;
}
#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: 0 20px;
}
#lower_common.index .rank_list .box .image::before {
	display: none;
}
.rank-block .ttl00,
.rank-block .ttl01{
	margin-bottom: 3px!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_list .box .button {
	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-family: "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	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{
	text-align: center;
	margin: 10px auto 15px auto;
	float: none;
	width: 100%;
}
#lower_common.index .button_check_rank a {
	box-sizing: border-box;
	font-size: 15px;
	text-decoration: none;
	width: 100%;
	max-width: 300px;
	padding: 0.5em 0.5em 0.5em 50px;
	margin: 0 auto;
	background-image: url('../img/medical/button_icon_01.png'), url('../img/medical/button_02.png');
	/*background-size: 28px auto, 100% 100%;*/
	background-position: left 10px center, center;
	background-repeat: no-repeat, no-repeat;
}
#lower_common.index .button_search_rank a {
	box-sizing: border-box;
	font-size: 20px;
	text-decoration: none;
	width: 100%;
	padding: 0.5em 0.5em 0.5em 30px;
	max-width: 300px;
	margin: 0 auto;
}
#lower_common.index .button_check_rank a span {
	font-size: 20px;
}
#lower_common.index .button_check_rank a:hover {
	opacity: 0.6;
}
#lower_common.index .rank_list .box .button .net-btn > a{
	width: 70%;
	margin-left: auto;
	margin-right: auto;
}

/*- medical_list ------------------------------------------------------------------------------*/
#lower_common.index .medical_list {
	margin: 15px 0 10px;
}
/*#lower_common.index .medical_list h2 {
	box-sizing: border-box;
	color: #000;
	font-size: 16px;
	font-weight: normal;
	font-family: "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	padding: 0.125em 0 0.125em 53px;
	border: solid 1px #cccccc;
	border-bottom: solid 2px #36ae22;
	background-image: url('../img/medical/title_bg_arrow_01');
	background-size: contain;
	background-position: left center;
	background-repeat: no-repeat;
	border-radius: 0;
}
#lower_common.index .medical_list h2 span {
	font-size: 20px;
	font-weight: bold;
}*/
#lower_common.index .medical_list ul {
	box-sizing: border-box;
	display: block;
	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{
	margin-top: 20px;
}
#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;
}
#comparison{
	margin-top: 20px;
}
#houshin {
	margin-top: 20px;
}
#privacy {
	margin-top: 20px;
}
#security {
	margin-top: 20px;
}
#antisocial {
	margin-top: 20px;
}
	
	
/*------------------------------------------------------------------------------
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: 14px;
}
#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: 10px;
}
#type .type-box .text,
#type .type-box .image01{
	float: none;
	width: 100%;
}
.chart_box .content{ padding: 20px 0;}
.chart_box .start_btn{ padding: 10px 0;}
.chart_box .answer_box .btn{ padding: 10px 5px 10px 40px;}
.chart_box .return_btn{
	padding: 5px 0;
	line-height: 1.5
}
.chart_box .question span{
	display: table-cell;
	font-size: 18px;
	text-align: left;
	padding: 0 5px 0 42px;
}
	.chart_box .question{ display: table;}
#type .check-block{
	padding: 10px 0;
	font-size: 18px;
	background-size: 23px auto;
}
.chart_box .question span::before{
	background-position: 50% 50%;
	background-size: 30px auto;
	width: 30px;
	height: 30px;
	left: 5px;
	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: 25px;
	height: 25px;
	background-size: 25px auto;
}
.chart_box .answer_box .btn {
	line-height: 1.5;
	font-size: 18px;
	text-align: left;
}
#type .q_box{ padding: 20px 10px;}
#type .a_inner{ padding:0 10px;}
#type .r_box{ padding: 20px 0px;}
#type .select_title{
	font-size: 22px;
	margin-bottom: 20px;
}
#type .select_title::after{ background-image: none;}
.chart_box .content .text{ margin-bottom: 20px;}
#type .answer-link {
	z-index: 0;
  padding: 15px 15px 15px 30px;
	text-align: left;
	font-size: 16px;
}
#type .answer-link::before{ left: 8px;}
#type .answer-link a span{ padding-left: 0;}
#type .return_top{ margin: 20px auto 0;}
/*------------------------------------------------------------------------------
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: 320px;
	height: 107px;
	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: 11px 5px 0;
}

#index .index_search_banner .search_area .select_box {
	box-sizing: border-box;
	height: 40px;
}
#index .index_search_banner .search_area .select_box select {
	font-size: 18px;
	height: 100%;
	padding: 0 0.5em;
	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: 35px;
	padding-left: 6px;
	margin: 0;
	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: 14px;
}

#index .index_search_banner .search_area .selecrt_hoken_type {
	box-sizing: border-box;
	position: relative;
	display: block;
	letter-spacing: -0.4em;
	width: 100%;
	max-width: none;
	min-width: auto;
	height: auto;
	min-height: 50px;
	padding: 0 0 0 97px;
	margin: 0;
	background-image: none;
}
#index .index_search_banner .search_area .selecrt_hoken_type .select_box.hoken_type {
	box-sizing: border-box;
	width: 100%;
	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:-webkit-box;
	display:-webkit-flex;
	display: flex;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: flex-start;
	letter-spacing: -0.4em;
	width: 100%;
/*	max-width: none;*/
	max-width: 310px;
	min-width: auto;
	height: auto;
	min-height: 40px;
	padding: 0 0 0 97px;
	margin: 0 0 10px;
	background-image: none;
}

#index .index_search_banner .search_area .selecrt_age .select_box {
	vertical-align: middle;
	width: 75px;
	margin: 0;
	box-shadow: 0px 1px 3px rgba(0,0,0,0.3);
}

#index .index_search_banner .search_area .selecrt_age .search_radio {
	box-sizing: border-box;
	overflow: hidden;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	width: 130px;
	max-width: 130px;
	margin-left: auto;
	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;
	display: inline-block;
	color: #000;
	font-size: 18px;
	font-weight: normal;
	font-family: "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	letter-spacing: normal;
	vertical-align: middle;
	width: 50%;
	padding: 7px 3px 6px;
	background-color: #999999;
	border: solid 1px #666666;
}
#index .index_search_banner .search_area .selecrt_age .search_radio .radio_btn.active {
	background-color: #FFF;
}
#index .index_search_banner .search_area .selecrt_age .search_radio .radio_btn:first-child {
	padding-right: 4px;
	border-right: none;
	border-radius: 5px 0 0 5px;
}
#index .index_search_banner .search_area .selecrt_age .search_radio .radio_btn:last-child {
	margin-left: 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: 3px;
	margin-left: 0;
}

#index .index_search_banner .search_area .search_button {
	display: block;
	text-align: center;
	width: 100%;
	margin: 0;
}
#index .index_search_banner .search_area .search_button button {
	font-size: 28px;
	line-height: 53px;
	width: 240px;
	height: 53px;
	padding-left: 20px;
	background-image:  url('../img/common/search_banner/serch_banner_bg_icon_btn_sp.png');
	background-size: 14.083333333333333333333333333333% auto;	/* 35/240*100 -0.5% */
	background-position: left 10px top 3px;
	background-repeat: no-repeat;
}
#index .index_search_banner .search_area .search_button button:hover::after {
	display: none;
}
#index .index_search_banner .search_area .search_button button:hover {
    border: solid 1px #169c32;
    border-bottom: solid 4px #106f00;
}
#index .index_search_banner .search_area .search_button .caution {
	display: block;
	font-size: 10px;
	margin-bottom: 1px;
}


/*------------------------------------------------------------------------------
人気ランキング設定
------------------------------------------------------------------------------*/
/*がん保険*/
#gan #lower_common.index .rank_list .box .check,
.rank-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{
	border-top: solid 5px #f6e8ef;
}
#gan #lower_common.index .rank_list .box .image,
.rank-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{
	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{
	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{
	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{
	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{
	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{
	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{
	background-color: #c3e5a1;
}
	
/*学資保険*/
#gakushi #lower_common.index .rank_list .box .check,
.rank-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{
	border-top: solid 5px #ddf3f1;
}
#gakushi #lower_common.index .rank_list .box .image,
.rank-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{
	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{
	background-color: #b2f3ed;
}		

/*引受基準緩和型保険*/
#chronic #lower_common.index .rank_list .box .check,
.rank-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{
	border-top: solid 5px #e6f0ea;
}
#chronic #lower_common.index .rank_list .box .image,
.rank-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{
	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{
	background-color: #c8e8d5;
}			

/*女性保険*/
#woman #lower_common.index .rank_list .box .check,
.rank-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{
	border-top: solid 5px #ffedf1;
}
#woman #lower_common.index .rank_list .box .image,
.rank-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{
	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{
	background-color: #f7cdd6;
}		

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

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

/*就業不能保険*/
.rank-disability #lower_common.index .rank_list .box .check{
	background-color: #dfe7f6;
	border-bottom: solid 5px #dfe7f6;
}
.rank-disability #lower_common.index .rank_list{
	border-top: solid 5px #dfe7f6;
}
.rank-disability #lower_common.index .rank_list .box .image{
	border-bottom: solid 5px #dfe7f6;
}
.rank-disability #lower_common.index .rank_list .box .button{
	border-bottom: solid 5px #dfe7f6;
	border-right: solid 5px #dfe7f6;
}
.rank-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 {
margin: 10px 0 0;
}
#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: 43px;
	height: 46px;
	padding: 0 10px;
}
#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 {
	padding: 0 4px;
}
#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 {
	line-height: 36px;
  height: 38px;
}
#index .lifestage_list ul li a::before {
	width: 50px;
	height: 30px;
}

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


/*- 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: 50px;
	height: 30px;
}
#index .purpose_list ul li a .in_c {
	font-size: 14px;
	text-align: left;
	width: calc(100% - 60px);
	padding-left: 10px;
	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: 50px;
}
#index .medical_list ul li a:last-child {
	display: flex !important;
	align-items:center;
	min-height: 45px;
}
#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: 0;
}
#index .outer_wrap .ttl01 {
	font-size: 20px;
}


/*- news_list ------------------------------------------------------------------------------*/
#index .block_02 .ttl01.unique_02, .ttl01.unique_03 {
	margin-bottom: 0;
}
#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)  ------------------------------------------------------------------------------*/


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