@charset "UTF-8";


/* ========================================================================== */
/* 01) 基本設定 全体 */
/* ========================================================================== */

.step_top{  margin:0px 0px 0px 40px;}
.step_naka{ padding:40px 10px 10px 10px; margin:0px 0px 0px 55px; margin-top:-50px;
	-moz-border-radius:10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	}

.step_naka table th,
.step_naka table td {padding:5px 5px ;}



.step1_naka01{ 
	border:4px #5CA7EC solid;
	background-color:#FFFED2;
	}


.step2_naka01{
	border:4px #77BB0C solid;
	background-color:#FFFED2;
	}


.step3_naka01{
	border:4px #EA68A2 solid;
	background-color:#FFFED2;
	}












table.table_hikaku{
	border-collapse: separate;
	border-spacing: 0; padding:0px;

	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	width:100%;
	margin-bottom:6px;

}
table.table_hikaku th {
	width:150px;
	padding: 10px 5px;
	font-weight: bold;
	vertical-align: top;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	background: #EB6AA4;
}


table.table_hikaku th.th_title{background: #768B35; color:#FFF; border-bottom: 1px solid #fff;}


table.table_hikaku td {
	padding: 10px;
	vertical-align: top;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	text-align: left;
}

.step3_td03{ background-color:#FFF!important; font-size:120%;}
.mf_table01 table td ul{margin:6px 0px 6px 24px;}


.mobile_only{ display:none; visibility:hidden;}

/* □□==========================================================================□□ */
/*　30) タブレット用（481-800px）環境の設定  */
/* □□==========================================================================□□ */

@media (min-width:481px) and (max-width:800px){

.step_naka{width:650px; margin-top:-40px;}

.mobile_only{ display:none; visibility:hidden;}
}










/* □□==========================================================================□□ */
/*　20) スマートフォン用（480px以下）環境の設定  */
/* □□==========================================================================□□ */


/*表示を切り替えるウィンドウサイズの指定*/
@media (max-width : 480px){
.step_top{margin:0px;}


.step_naka{width: auto; }
.step_naka {
    margin:0px 0px 0px 5px; margin-top:-30px;
    padding:20px 10px 20px 10px;
}
.step_naka table{ width:100%;}
.step_naka table th,
.step_naka table td { border-bottom:1px #E1E0DB solid;
	width:99%; display:block; padding:5px; font-size:14px; line-height:20px;}


table.table_hikaku th,
table.table_hikaku td {	width: auto;}

.mobile_only{ display: inline; visibility: inherit; font-size:x-small; font-weight:bold;}
.pc_only{ display:none; visibility:hidden;}
}