@charset "utf-8";

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

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

/* merit
---------------------------------------- */
#merit {
	margin-bottom:3.5em;
}
#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;
}

.temp h5 {
	color:#ff0101;
	font-size:1.13em;
	padding-left:40px;
}
.temp h5 span {
	font-size:0.88em;
	color:#333;
}
#ai h5 {
	background:url(../../images/data_course/icon_ai.png) no-repeat left 1px;
	background-size:30px 30px;
}
#ps h5 {
	background:url(../../images/data_course/icon_ps.png) no-repeat left 1px;
	background-size:30px 30px;
}

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

/*===============================================
●画面の横幅が740px以下
===============================================*/
@media screen and (max-width: 739px){
	
	#contents {
		margin-bottom:1.5em;
	}
	
	h3.title02 {
		margin-bottom:0.5em;
	}
	
	/* flow
	---------------------------------------- */
	#flow {
		margin-bottom:2em;
	}
	#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;
	}
	
	.temp h5 {
		margin-bottom:5px;
	}
	#ai h5 span {
		display:block;
	}
	#ps h5 {
		line-height:30px;
	}
	
	.btn01.widthlm {
		width:100%!important;
		box-sizing:border-box;
	}
	.btnBox .btn01 {
		width:100%;
		box-sizing:border-box;
		margin-bottom:10px;
	}
}

/*===============================================
●画面の横幅が740px以上
===============================================*/
@media screen and (min-width: 740px){
	
	#contents .title01 h2 {
		width:15em;
	}
	#contents .title01 span {
		width:15em;
	}
	
	h3.title02 {
		margin-bottom:1em;
	}
	
	/* 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%;
	}

	/* temp
	---------------------------------------- */
	.temp h5 {
		line-height:30px;
		margin-bottom:0.5em;
	}
	#ai {
		margin-bottom:2em;
	}
	#ps {
		margin-bottom:3.5em;
	}
	
	/* table01
	---------------------------------------- */
	#table01 {
		margin-bottom:3.5em;
	}
	#table01 td {
		width:49%;
	}
	#table01 td:last-child {
		padding-left:2%;
	}
}