@charset "UTF-8";
@import "/include_2015/css/common.sp.css";

/* ---------------------------------------------------------
	CSS Document > cmam_learning
--------------------------------------------------------- */
#mam-e-learning {
	background:url(../images/bg_base.jpg) repeat-y;
	position: relative;
	background-size:contain;
	width:100%;
}

#mam-e-learning .title {
    position: absolute;
	left:0px;
	top:20px;
}

#mam-e-learning .int {
	margin-top:70px;
}

#mam-e-learning .intro {
	margin-top:0px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:20px;
	padding:10px 10px;
	background-color:#f9f7eb;
	border:#ebe5be solid 2px;
	border-top-width:0px;
	text-align:left;
}

#mam-e-learning .bt {
	margin:0px 53px;
}

#mam-e-learning .box_1 {
	background:url(../images/learning_box_3.png) no-repeat;
	background-size:contain;
	text-align:left;
	padding:60px 0px 0px 100px;
	margin:20px auto;
	width:90%;
}
#mam-e-learning .box_2 {
	background:url(../images/learning_box_2.png) no-repeat;
	background-size:contain;
	text-align:left;
	padding:60px 0px 0px 100px;
	margin:20px auto;
	width:90%;
}
#mam-e-learning .box_3 {
	background:url(../images/learning_box_1.png) no-repeat;
	background-size:contain;
	text-align:left;
	padding:60px 0px 0px 100px;
	margin:20px auto;
	width:90%;
}
#mam-e-learning .box_4 {
	background:url(../images/learning_box_4.png) no-repeat;
	background-size:contain;
	text-align:left;
	padding:60px 0px 0px 100px;
	margin:20px auto;
	width:90%;
}
#mam-e-learning .box_5 {
	background:url(../images/learning_box_5.png) no-repeat;
	background-size:contain;
	text-align:left;
	padding:60px 0px 0px 100px;
	margin:20px auto;
	width:90%;
}

#mam-e-learning .pc { display: none !important; }
#mam-e-learning .sp { display: block !important; }