@charset "utf-8";

/*===============================================
●共通
===============================================*/
#contents .title01 h2 {
	width:15em;
}
#contents .title01 span {
	width:15em;
}

/* flow
---------------------------------------- */
#flow li h4 {
	width:100%;
	height:auto;
	position:relative;
}
#flow li h4 img {
	display:block;
	margin-bottom:-5%;
}

/* table01
---------------------------------------- */
#table01 td h4 {
	font-size:1.13em;
	font-family: "Kosugi", sans-serif;
	font-weight: 400;
	color:#ff0101;
	margin-bottom:0.5em;
}

/* merit
---------------------------------------- */
#merit {
	margin-bottom:2em;
}
#merit li {
	font-size:1.28em;
	line-height:1.3em;
	padding-left:1.5em;
	margin-bottom:0.7em;
	background:url(../../images/data_course/check.png) no-repeat left 1px;
	background-size:21px 18px;
}

#column3 li h3 {
	font-size:1.5em;
	padding-left:45px;
	line-height:1.7em;
	margin-bottom:0.3em;
	border-bottom:#116532 1px solid;
}
#column3 li p {
	font-size:0.9em;
	text-align:right;
	color:#666;
	line-height:1.3em;
	margin-bottom:1.5em;
}
#column3 li#sc_horizontal h3 {
	background:url(../../images/mainframe/card01.png) no-repeat left center;
	background-size:38px 20px;
}
#column3 li#sc_vertical h3 {
	background:url(../../images/mainframe/card02.png) no-repeat left center;
	background-size:38px 20px;
}
#column3 li#sc_card h3 {
	background:url(../../images/mainframe/card03.png) no-repeat left center;
	background-size:38px 20px;
}

#roBox {
	padding:1em;
	border:#fb7c37 2px solid;
	border-radius:5px;
	box-sizing:border-box;
}
#roBox h4 {
	font-size:1.13em;
	padding-left:2em;
	line-height:1.5em;
	margin-bottom:1em;
	background:url(../../images/reorder/icon.png) no-repeat left center;
	background-size:26px 24px;
	box-sizing:border-box;
}

.toDesign li {
margin:0 auto;
}

/*===============================================
●画面の横幅が740px以下
===============================================*/
@media screen and (max-width: 739px){
	
	/* flow
	---------------------------------------- */
	#flow li {
		width:49%;
		float:left;
		margin:0 2% 2% 0;
	}
	#flow li:nth-child(2n) {
		margin-right:0;
	}
	#flow #roBox {
		width:100%;
	}

	/* table01
	---------------------------------------- */
	#table01 {
		margin-bottom:1em;
	}
	#table01 th,
	#table01 td {
		width:100%;
		display:block;
	}
	#table01 td {
		margin-bottom:1.5em;
	}
	
	/* column3
	---------------------------------------- */
	#column3 {
		margin-bottom:1em;
	}
	#column3 li {
		margin-bottom:1.5em;
	}
	
	.btnBox li {
		width:100%;
		margin-bottom:1em;
		box-sizing:border-box;
	}
	
	/* toDesighn
	---------------------------------------- */
	
	.toDesign li {
		width:80%;
	}

}

/*===============================================
●画面の横幅が740px以上
===============================================*/
@media screen and (min-width: 740px){
	
	/* flow
	---------------------------------------- */
	#flow {
		margin-bottom:1em;
	}
	#flow li {
		width:23.8%;
		float:left;
		margin-right:1.6%;
	}
	#flow li:last-child {
		margin-right:0;
	}
	#flow #roBox {
		width:49.2%;
	}

	/* table01
	---------------------------------------- */
	#table01 {
		margin-bottom:3.5em;
	}
	#table01 td {
		width:49%;
	}
	#table01 td:last-child {
		padding-left:2%;
	}
	
	/* column3
	---------------------------------------- */
	#column3 {
		margin-bottom:3em;
	}
	#column3 li {
		width:32%;
		float:left;
		margin-right:2%;
	}
	#column3 li:last-child {
		margin-right:0;
	}
	
	/* toDesighn
	---------------------------------------- */
		.toDesign li {
		width:32%;
	}
	
}