@charset "UTF-8";

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


/*------------------------------------------------------------------------------
共通設定
------------------------------------------------------------------------------*/
#gakushi #kiso .linkbox {
	height: auto;
	margin-top: 20px;
	background-image: none;
}
#gakushi #kiso .linkbox li {
	position: static;
	display: block;
	margin-bottom: 10px;
}
#gakushi #kiso .linkbox .a01 {
	margin-top: 0;
	margin-right: 0;
}
#gakushi #kiso .linkbox .a02 {
	margin-top: 0;
	margin-right: 0;
}
#gakushi #kiso .linkbox .a03 {
	margin-top: 0;
	margin-right: 0;
}
#gakushi #kiso .linkbox .a04 {
	margin-top: 0;
	margin-right: 0;
}
#gakushi #kiso .linkbox li a {
	font-size: 14px;
}
#gakushi #kiso table .pc-hide {
	display: inline;
}


/*------------------------------------------------------------------------------
こども／学資保険の選び方設定
------------------------------------------------------------------------------*/
#gakushi #kiso .select .toku-block .line dl dd .text {
	float: none;
	width: 100%;
}
#gakushi #kiso .select .toku-block .line dl dd .image01 {
	float: none;
	width: 100%;
}

#gakushi #kiso .select .choose-block .inner .cyochiku {
	float: none;
	width: 100%;
}
#gakushi #kiso .select .choose-block .inner .hosyo {
	float: none;
	width: 100%;
}
#gakushi #kiso .select .point-block dl{ margin: 0;}



/*------------------------------------------------------------------------------
貯蓄型の学資保険とは？設定
------------------------------------------------------------------------------*/
#gakushi #kiso .cyochiku .lead .text {
	float: none;
	width: 100%;
}
#gakushi #kiso .cyochiku .lead .image01 {
	float: none;
	width: 100%;
	margin: 15px auto 0 !important;
}

#gakushi #kiso .select .image02,
#gakushi #kiso .select .image03{
	float: none;
	width: 100%;
	margin: 0 auto 15px !important;
}
#gakushi #kiso .select .choose-block .inner .cyochiku dd .text02, 
#gakushi #kiso .select .choose-block .inner .hosyo dd .text02{
	float: none;
	width: 100%;
}
	

/*------------------------------------------------------------------------------
保障型の学資保険とは？設定
------------------------------------------------------------------------------*/
#gakushi #kiso .hosyo .lead .text {
	float: none;
	width: 100%;
}
#gakushi #kiso .hosyo .lead .image01 {
	float: none;
	width: 100%;
	margin: 15px auto 0 !important;
}
#gakushi #kiso .hosyo .toku-block .to01 dd {
	margin-bottom: 15px;
}
/*------------------------------------------------------------------------------
進路で異なる教育費の総額設定
------------------------------------------------------------------------------*/
#gakushi #kiso .shinro #accordion_tg_01 .text02 {
	margin-top:5px !important;
}
/*------------------------------------------------------------------------------
小学生にかかる教育費はどれくらい？設定
------------------------------------------------------------------------------*/
#gakushi #kiso .syougaku .gakunen-block .text01 {
	float: none;
	width: 100%;
}
#gakushi #kiso .syougaku .gakunen-block .image01 {
	float: none;
	width: 100%;
}


/*------------------------------------------------------------------------------
中学生にかかる教育費はどれくらい？設定
------------------------------------------------------------------------------*/
#gakushi #kiso .cyugaku .shiritsu-block .shi03 dd p span {
	text-align: left;
}
#gakushi #kiso .cyugaku .shiritsu-block .shi03 table th{
	padding: 8px 4px;
}


/*------------------------------------------------------------------------------
高校生にかかる教育費はどれくらい？設定
------------------------------------------------------------------------------*/
#gakushi #kiso .koko .shiritsu-block .shi03 dd p span {
	text-align: left;
}
#gakushi #kiso .koko .shiritsu-block .shi03 table th{
	padding: 8px 4px;
}

/*------------------------------------------------------------------------------
大学生にかかる教育費はどれくらい？設定
------------------------------------------------------------------------------*/
#gakushi #kiso .daigaku .shiritsu-block .hi02 dt {
	float: none;
	width: 100%;
}
#gakushi #kiso .daigaku .shiritsu-block .hi02 dd {
	float: none;
	width: 100%;
}
#gakushi #kiso .daigaku .shiritsu-block .image01 {
	float: none;
	width: 100%;
}
#gakushi #kiso .daigaku .shiritsu-block .hi02 dd.image01 {
	position: static;
	top: auto;
	float: none;
	width: 100%;
	max-width: 130px;
}
#gakushi #kiso .daigaku .table_box_01 .box2 {
	margin-top: 20px;
}
#gakushi #kiso .daigaku .table_box_02 .box1, 
#gakushi #kiso .daigaku .table_box_02 .box2 {
	float: none;
	width: 100%;
}


#gakushi #kiso .daigaku .table_box_01 table th {
	font-size: 13px;
	white-space: normal;
	padding: 9px 5px;
}
#gakushi #kiso .daigaku .table_box_01 table td {
	font-size: 13px;
	white-space: nowrap;
	padding: 9px 5px;
}


#gakushi #kiso .daigaku .table_box_02 table th {
	width: 65px;
}
#gakushi #kiso .daigaku .table_box_02 table td {
	font-size: 13px;
	padding: 9px 5px;
}
#gakushi #kiso .daigaku .table_box_02 table td:not(:last-child) {
	width: 70px;
}
#gakushi #kiso .daigaku .table_box_02 .box2 table {
	right: 0px;
	left: 0px;
}
#gakushi #kiso .daigaku table td  {
	border-left: none;
}
#gakushi #kiso .daigaku .table_box_02 .box2 table tr:first-child th, 
#gakushi #kiso .daigaku .table_box_02 .box2 table tr:first-child td {
	border-top: none;
}


#gakushi #kiso .daigaku .shiritsu-block dl dd p {
	text-align: left;
	text-indent: -14px;
	padding-left: 14px;
}








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