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

/*------------------------------------------------------------------------------
共通設定
------------------------------------------------------------------------------*/
#medical #kiso .image01,
#medical #kiso .image02,
#medical #kiso .image03,
#medical #kiso .image04,
#medical #kiso .image05,
#medical #kiso .image06,
#medical #kiso .image07{
	width: 100%!important;
}

/*------------------------------------------------------------------------------
医療保険の選び方設定
------------------------------------------------------------------------------*/
#medical #kiso .select .type-block .syushin-box .image02 {
	display: none;
}
#medical #kiso .select .type-block .syushin-box .image02-sp {
	display: block;
	margin: 10px auto 0;
	max-width: 320px;
}
#medical #kiso .select .type-block .teiki-box .image03 {
	display: none;
}
#medical #kiso .select .type-block .teiki-box .image03-sp {
	display: block;
	margin: 10px auto 0;
	max-width: 320px;
}
/*------------------------------------------------------------------------------
いま流行りの先進医療って何？設定
------------------------------------------------------------------------------*/
#medical #kiso .senshin .omo-block table tr .left{
	white-space: normal;
	display: block;
	width: 275px;
}
/*------------------------------------------------------------------------------
医療保険にはどんな特約があるの？設定
------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------
生活習慣病に備える医療保険とは？設定
------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------
入院の費用ってどのくらいかかるの？設定
------------------------------------------------------------------------------*/
#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 auto;
}
#medical #kiso .nyuin .cover-block dl {
	padding-left: 65px;
}

/*------------------------------------------------------------------------------
1入院の限度日数はどのくらい必要？設定
------------------------------------------------------------------------------*/
#medical #kiso .notes{
    text-align: left;
}
/*------------------------------------------------------------------------------
健康保険だけで大丈夫？設定
------------------------------------------------------------------------------*/
#medical #kiso .kenko .kouteki-block .kouteki_table {
	box-sizing: border-box;
	display: block;
	width: 100%;
	padding: 10px;
}
#medical #kiso .kenko .kouteki-block .kouteki_table p {
	box-sizing: border-box;
	display: block;
	font-size: 14px;
}
#medical #kiso .kenko .kouteki-block .kouteki_table p span {
	font-size: 12px;
}
#medical #kiso .kenko .kouteki-block .kouteki_table .i_2 {
	writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	-webkit-writing-mode:vertical-rl;
	font-size: 24px;
	padding: 0;
	margin: 5px auto;
}
#medical #kiso .kenko .kouteki-block .kouteki_table .i_4 {
	writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	-webkit-writing-mode:vertical-rl;
	font-size: 24px;
	padding: 0;
	margin: 5px auto;
}

/*------------------------------------------------------------------------------
医療費の自己負担額が高額になってしまったら？設定
------------------------------------------------------------------------------*/
#medical #kiso .jiko-f .iryohi-block .kome, 
#medical #kiso .jiko-f .jiko-block dl dd ul li, 
#medical #kiso .jiko-f .jiko-block dl dd ul .right {
	text-align: left;
}
#medical #kiso .jiko-f .mediJikoTable {
	-webkit-text-size-adjust: 100%;
}
#medical #kiso .jiko-f .step_image_list {
	display: block;
}
#medical #kiso .jiko-f .step_image_list p {
	font-size: 14px;
	width: 100%;	/* 116/700*100 */
	margin: 0 0 5px;
}
#medical #kiso .jiko-f .step_image_list p .num {
	font-size: 16px;
}
#medical #kiso .jiko-f .step_image_list p .small {
	font-size: 12px;
}
#medical #kiso .jiko-f .step_image_list .arrow {
	box-sizing: border-box;
	position: relative;
	width: 47%;	/* 282/600*100 */
	max-width: 282px;
	margin: 0 auto 5px;
}
#medical #kiso .jiko-f .step_image_list .arrow img {
	position: static;
	width: 100%;
	height: auto;
}

/*------------------------------------------------------------------------------
子どもの医療保険は必要？設定
------------------------------------------------------------------------------*/
#medical #kiso .child .assist_block .cl_t .table_scroll {
	width:auto;
	float:none;
	margin-right:0;
}

#medical #kiso .child .assist_block .cl_t .table_scroll::after {
	display:none;
	}

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

