@charset "utf-8";

.mainArea div#leftMenu ul {
	padding:10px 10px 0px 10px;
	margin:0px;
}
.mainArea div#leftMenu ul #parent_ul {
	border-bottom:	solid 1px #e6e6e6;
}
.mainArea div#leftMenu ul li ul {
	padding:0px 0px 10px 20px;
}
.mainArea div.lmtitle01 a {
	background-position: -205px -0px;
	background-repeat:	no-repeat;
	width:				183px;
	height:				22px;
	display:			block;
	text-align:			left;
	font-weight:		bold;
	padding:			6px 0 0 22px;
}
.mainArea .lmtitle01 a:hover {
	background-position:-205px -28px;
	text-decoration:	none;
}
.mainArea p.subtitle {
	width:175px;
	min-height:17px;
	margin:0px 0px 5px 0px;
	padding:4px 5px;
	background-color:#e9f3ff;
}
.mainArea p.subtitle a.mark2 {
	margin:0px;
}
.mainArea div.lmtitle02 a {
	background-position: 0 0;
	background-repeat:	no-repeat;
	width:				183px;
	height:				22px;
	display:			block;
	text-align:			left;
	font-weight:		bold;
	padding:			6px 0 0 22px;
}
.mainArea .lmtitle02 a:hover {
	background-position:0 -28px;
	text-decoration:	none;
}
.mainArea .alert{color:#d00; font-weight:bold;}

.mainArea .tow_line_box {
	width:640px;
	font-size:100%;
	margin:0 30px 0 30px;
}
.mainArea .tow_line_box .l_box {
	width:313px;
	margin:0 7px 20px 0;
	float:left;
}
.mainArea .tow_line_box .r_box {
	width:313px;
	margin:0 0 0 7px;
	float:left;
}
.mainArea .tow_line_box .l_box h4,
.mainArea .tow_line_box .r_box h4	{
	width: 310px;
	padding: 5px 0 4px;
	border-radius: 15px;
	background-color: #fc0;
	text-align: center;
}
.mainArea .tr_line_box {
	font-size:100%;
	margin:0 30px 0 30px;
}
.mainArea .tr_line_box .l_box {
	width:40px;
	margin:0;
	float:left;
}
.mainArea .tr_line_box .c_box {
	text-align:center;
}
.mainArea .tr_line_box .r_box {
	width:40px;
	margin:0;
	float:right;
}
/*  20230606追加分 */
.mainArea .flowArea {
	width: 700px;
	margin: 15px auto;
}
.mainArea .flowArea ul {
	overflow: hidden;
}
.mainArea .flowArea ul li.flowBox {	
	width: 160px;
	border: solid 1px #355598;
	box-sizing: border-box;	
	float: left;
	height: 190px;
}
.mainArea .flowArea ul li.flowBox .ttl {
    background: #355598;
	color: #fff;
    padding: 10px;
	font-size: 15px;
	font-weight: bold;
    text-align: center;
    height: 26px;
    line-height: 26px;
}
.mainArea .flowArea ul li.flowBox .flowTxt {
	padding: 10px;
}

.mainArea .flowArea ul li.flowArr {	
	width: 20px;
	height: 50px;
	margin-top: 70px;
	float: left;
}

/* 自由設計ハーネス 特長 */
.mainArea .c-list--flow {
	padding: 8px 0 40px 20px;
}
.mainArea .c-list--flow > li {
	position: relative;
	float: left;
	width: 215px;
	padding: 15px 10px 10px 15px;
	border: 2px solid #669acc;
	border-radius: 8px;
	box-sizing: border-box;
	background: linear-gradient(to bottom, #fff, #dfe9f2);
}
.mainArea .c-list--flow > li + li {
	margin-left: 25px;
}
.mainArea .c-list--flow > li > .c-title--flow {
	margin-bottom: 10px;
	padding-left: 30px;
	color: #315879;
	font-size: 16px;
}
.mainArea .c-list--flow > li > .c-title--flow span {
	position: absolute;
	top: -8px;
	left: -10px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 50px;
	height: 50px;
	padding-top: 2px;
	border-radius: 50%;
	box-sizing: border-box;
	background-color: #c00;
	color: #fff;
	font-size: 14px;
}
.mainArea .c-list--flow > li > .c-list--flow__note {
	position: absolute;
	left: 0;
	bottom: -8px;
	width: 100%;
	padding-left: 1em;
	box-sizing: border-box;
	transform: translateY(100%);
	text-indent: -1em;
}

/* 追加工・カスタムサービス */
.mainArea .c-fc--blue {
	color: #005aad;
}
.mainArea .c-bc--yellow {
	background-color: #fffae5;
}
.mainArea .m-down.c-link {
	padding-left: 0;
	text-indent: 0;
}
.mainArea .c-table--custom .m-cols__wrap {
	margin-left: -10px;
}
.mainArea .c-table--custom .m-cols__1of4 {
	width: calc(25% - 10px);
	margin-left: 10px;
}
.mainArea .c-notes p {
	padding-left: 1em;
	text-indent: -1em;
}