/* common */
.l-content .fs-19 {
    font-size: 19px;
}
.l-content .color_red {
    color: #d00;
}
.l-content .txt_pl5 {
	padding-left: 5px;
}
.l-content .txt_pl10 {
	padding-left: 10px;
}
.l-content .cvBtn>a {
    width: 350px;
    padding: 14px 0 11px;
    font-size: 17px;
}
.l-content .cvBtn_bl>a {
    width: 600px;
    padding: 14px 0 11px;
    font-size: 16px;
	margin-bottom: 15px;
}

.l-content .lead {
    color: #00398c;
    font-size: 25px;
    font-weight: bold;
    text-align: center;
}
.l-content .section .ttl {
    font-size: 15px;
    line-height: 23px;
    font-weight: bold;
}
.l-content .section_inner {
	width: 930px;
	margin: 0 auto 30px;
	font-size: 13px;
}
.l-content .section_inner .txt {
	padding: 5px 5px 20px;
	font-size: 13px;
}
.l-content .icon_new {
	font-size: 14px;
	line-height: 1.1;
	color: #fff;
	background: #dd0000;		
	text-align: center;
    padding: 2px 5px;
	font-weight: bold;
}
.l-content .icon_free {
	font-size: 16px;
	line-height: 1.1;
	letter-spacing: 0.1em;
	color: #fff;
	background: #00398c;
	text-align: center;
    padding: 2px 10px;
	font-weight: bold;
	
}

/* ancArea */
.l-content .ancArea .ancList {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 15px;
    column-gap: 10px;
}

.l-content .ancArea .ancList>li {
    width: 250px;
}

.l-content .ancArea .ancList>li>a {
    width: 240px;
    font-size: 15px;
    font-weight: bold;
}

/*aboutArea*/
.l-content .aboutArea .aboutArea_box {
	width: 920px;
	height: 420px;
	margin: 15px auto 10px;
	background: url("/maker/misumi/mech/special/actuator_portal/ra/engineer_el/driver/img/pic_about.png");
	box-sizing: border-box;
}
.l-content .aboutArea .aboutArea_box ul {
	display: flex;
	 justify-content:space-between;
}
.l-content .aboutArea .aboutArea_box ul li.aboutArea_inbox {
	width: 170px;
	text-align: center;
    position: relative;
	padding-top: 20px;
}
.l-content .aboutArea .aboutArea_box ul li.aboutArea_inbox p {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	margin: 0 auto;
}
.l-content .aboutArea .aboutArea_box ul li.aboutArea_inbox_wide {
	width: 340px;
	text-align: center;
    position: relative;
	padding-top: 20px;
}
.l-content .aboutArea .aboutArea_box ul li.aboutArea_inbox p.aboutArea_ttl,
.l-content .aboutArea .aboutArea_box ul li.aboutArea_inbox_wide p.aboutArea_ttl {
	width: 140px;
	font-size: 15px;
	line-height: 30px;
	color: #fff;
	background: #000;		
	text-align: center;
	height: 30px;    
	margin: 0 auto 25px;
	font-weight: bold;
	box-sizing: border-box;
}
.l-content .aboutArea .aboutArea_box ul li p.txt01 {
	width: 120px;
	height: 60px;
	margin-bottom: 25px;
	font-size: 14px;
	color: #333;		
	text-align: center;
	font-weight: bold;
	box-sizing: border-box;
	padding-top: 20px;
}
.l-content .aboutArea .aboutArea_box ul li p.txt02 {
	width: 120px;
	height: 60px;
	margin-bottom: 25px;
	font-size: 14px;
	color: #333;		
	text-align: center;
	font-weight: bold;
	box-sizing: border-box;
	padding-top: 10px;
}
.l-content .aboutArea .aboutArea_box ul li p.txt03 {
	width: 160px;
	font-size: 14px;
	color: #333;		
	text-align: center;
	font-weight: bold;
	box-sizing: border-box;
	padding-top: 75px;
}
.l-content .aboutArea .aboutArea_box ul li p.txt04 {
	width: 110px;
	height: 60px;
	margin-bottom: 25px;
	font-size: 14px;
	color: #333;		
	text-align: center;
	font-weight: bold;
	box-sizing: border-box;
	padding-top: 10px;
}
.l-content .aboutArea .aboutArea_box ul li p.txt05 {
	width: 110px;
	height: 220px;
	margin-bottom: 25px;
	font-size: 14px;
	color: #333;		
	text-align: center;
	font-weight: bold;
	box-sizing: border-box;
	padding-top: 90px;
}
.l-content .aboutArea .aboutArea_box ul li p.txt06 {
	width: 140px;
	height: 160px;
	margin-bottom: 25px;
	font-size: 14px;
	color: #333;		
	text-align: center;
	font-weight: bold;
	box-sizing: border-box;
	padding-top: 60px;
}


.l-content .aboutArea .aboutArea_box ul li.aboutArea_inbox_wide .innerbox01 {
	width: 160px;
	height: 300px;
	vertical-align: middle;
	text-align: center;
	position: absolute;
	top: 85px;
	left: 15px;
}
.l-content .aboutArea .aboutArea_box ul li.aboutArea_inbox_wide .innerbox02 {
	width: 110px;
	height: 60px;
	vertical-align: middle;
	text-align: center;
	position: absolute;
	top: 85px;
	left: 215px;
}
.l-content .aboutArea .aboutArea_box ul li.aboutArea_inbox_wide .innerbox03 {
	width: 110px;
	height: 220px;
	vertical-align: middle;
	text-align: center;
	position: absolute;
	top: 165px;
	left: 215px;
}
.l-content .aboutArea .aboutArea_box ul li.aboutArea_inbox .icon_new {
	font-size: 14px;
	line-height: 1.1;
	color: #fff;
	background: #dd0000;		
	text-align: center;
    padding: 2px 4px;
	position: absolute;
	top: 159px;
	left: 24px;
	font-weight: bold;
}
.l-content .aboutArea .aboutArea_box ul li.aboutArea_inbox .txt_att {
	font-size: 11px;
    padding-left: 10px;
	position: absolute;
	top: 55px;
	font-weight: normal;
}

.l-content .aboutArea .picArea .speechBubble {
    position: absolute;
    padding: 20px 30px;
    border-radius: 10px;
    background: #f1f1f1;
    font-size: 17px;
    font-weight: bold;
}

/* functionArea */
.l-content .functionArea .summaryArea {
    display: flex;
	width: 930px;
	margin: 0 auto 30px;
}
.l-content .functionArea .summaryArea .pic {
    width: 350px;
	position: relative;
}
.l-content .functionArea .summaryArea .pic .pic_icon_new {
	font-size: 15px;
	line-height: 27px;
	width: 55px;
	height: 27px;
	color: #fff;
	background: #dd0000;		
	text-align: center;
	font-weight: bold;
	position: absolute;
	top: 0;
	left: 0;
}
.l-content .functionArea .summaryArea .txt_box {
    padding-left: 30px;
}

.l-content .functionArea .summaryArea .caption {
    display: flex;
	margin-top: 10px;
}
.l-content .functionArea .summaryArea .caption .icon {
    padding: 2px 5px 0;
	font-size: 15px;
	line-height: 1.2;
	font-weight: bold;
	border: 2px solid;
    text-align: center;
}

.l-content .functionArea .summaryArea .caption .icon.icon_blue {
    border-color: #00398c;
	color: #00398c;
	border: 2px solid #00398c;
}
.l-content .functionArea .summaryArea .caption .icon.icon_green {
    border-color: #397400;
	color: #397400;
	border: 2px solid #397400;
}
.l-content .functionArea .summaryArea .caption .icon.icon_light_blue {
    border-color: #42c3ff;
	color: #42c3ff;
	border: 2px solid #42c3ff;
}

.l-content .functionArea .detailArea {
    display: flex;
    justify-content: space-between;
    padding: 0 10px;
}


/* toolArea */

/* toolArea */
.l-content .toolArea .titleArea {
    display: flex;
	width: 930px;
	margin: 0 auto 30px;
	justify-content: space-between;
}

.l-content .toolArea .summaryArea {
    display: flex;
	margin: 0 auto 30px;
}
.l-content .toolArea .summaryArea .pic {
    width: 350px;
	position: relative;
}
.l-content .toolArea .summaryArea .txt_box {
    padding-left: 30px;
}

.l-content .toolArea .summaryArea .pic .pic_icon_new {
	font-size: 15px;
	line-height: 27px;
	width: 55px;
	height: 27px;
	color: #fff;
	background: #dd0000;		
	text-align: center;
	font-weight: bold;
	position: absolute;
	top: 0;
	left: 0;
}


/* tuningArea */
.l-content .tuningArea .step_box {
	width: 920px;
	margin: 0 auto 40px;
}
.l-content .tuningArea .step_box .step_ttl {
    display: flex;
	width: 920px;
	margin: 10px auto 20px;
}
.l-content .tuningArea .step_box .step_ttl .step_icon {
	width: 85px;
    font-size: 15px;
	color: #fff;
	background: #00398c;		
	text-align: center;
    padding: 5px 0 4px;
	font-weight: bold;
}
.l-content .tuningArea .step_box .step_ttl .step_txt {
    font-size: 16px;
	padding-left: 15px;
	font-weight: bold;
	padding-top: 5px;
}

/* infoArea */
.l-content .infoArea .m-table thead tr th {
    font-weight: bold;
}
.l-content .infoArea .infotable {
    overflow-x: auto;
    display: block;
}
.l-content .infoArea .infotable .tableStyle {
    width: auto;
    white-space: nowrap;
}
.l-content .infoArea .infotable table th.blue {
	background: #dbf8ff;
}
.l-content .infoArea .infotable table td {
    background: #f5f5f5;
}
.l-content .infoArea .infotable table tr:nth-child(odd) td {
    background: #fff;
}
.l-content .infoArea .infotable table td {
	font-size: 15px;
}
.l-content .infoArea .infotable table td.name {
	font-size: 13px;
	text-align: left;
}

.l-content .infoArea .infotable table th,
.l-content .infoArea .infotable table td {
    white-space: nowrap;
	width: auto;
}

.l-content .infoArea .flex {
    display: flex;
    justify-content: space-between;
}

.l-content .infoArea .flex .tableStyleC {
    font-size: 12px;
}