@charset "UTF-8";

/* 各カテゴリ別設定 for solution from service.css
=================================================================== */
#hdrCNT { border-bottom: 4px solid rgba(72,93,102,1.00)}
#gNavService {background-color: rgba(72,93,102,1.00)}
#gNav > ul > #gNavService > a,
#service #gNav > ul > #gNavService:hover > a {color:rgba(255,255,255,1.00)}
#subNavi h2 {
	border-top-color: rgba(72,93,102,1.00);
	background-image: url(../../solution/image/subMenuHdr_solution_pc.png);
}
#relativeNavi h3 {
	border-left-color: rgba(72,93,102,1.00);
	background-color: rgba(72,93,102,0.50);
}

.sct_content .basicTable {
    width: 695px;
    border-top: 1px solid rgba(204,204,204,1.00);
    border-right: 1px solid rgba(204,204,204,1.00);
    margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .scroll .basicTable {
    width: 100%;
  }
  .scroll {
    overflow: auto;
    white-space: nowrap;
  }
  .scroll::-webkit-scrollbar{
    height: 5px;
  }
  .scroll::-webkit-scrollbar-track {
    background: #F1F1F1;
  }
  .scroll::-webkit-scrollbar-thumb {
    background: #BCBCBC;
  }
}
/* no sidemenu */
#contentsMain.no_sidemenu {
	width: 958px !important;
	float: none;
}
/*no sidebar  20211025 */
#contentsMain.no_sidebar {
	width: 100% !important;
	float: none;
}
@media screen and (max-width: 939px) {
/* 939px以下用（タブレット用）の記述（コンテンツ幅） */
	#contentsMain.no_sidemenu { width: auto !important;}
}
.headtitle03 { color: rgba(72,93,102,1.00); }
.headtitle03_bs { color: rgba(51,51,51,1); font-weight:700; }
.sct_Lead ul li:before,
.sct_content ul li:before { border-color: rgba(192,198,201,1.00); }
.sct_Lead ul.list_2Tier li:before,
.sct_content ul.list_2Tier li:before { border-left-color: rgba(72,93,102,1.00); }
.sct_links .link_intPage i { background-position: 0px 0px; }
.sct_linkPN .link_prevPage i { background-position: -13px 0px; }
.sct_linkPN .link_nextPage i { background-position: 0px 0px; }

@media screen and (max-width: 939px) {
/* 939px以下用（タブレット用）の記述（コンテンツ幅） */
#breadcrumb ol li:nth-of-type(2) { background-color: rgba(72,93,102,1.00); }
#subNavi > h2 { background-image: url(../../solution/image/subMenuHdr_solution_tb.png);}
}
@media screen and (max-width: 767px) {
/* 767px以下用（タブレット／スマートフォン用）の記述 */
#subNavi > h2 { background-image: url(../../solution/image/subMenuHdr_solution_mb.png);}
}
@media screen and (max-width: 479px) {
/* 479px以下用（スマートフォン用）の記述 */
}

/* index.htnml */
/* sct_Lead01 -------------------- */

/* about ma */
#matrix_aboutma {
	width: 700px;
	margin-left: 10px;
	background-color: rgba(247,250,253,1.00);
	margin: 0 auto;
}
#matrix_aboutma td {
	padding: 4px 5px;
	line-height: 1.25;
	text-align: center;
	vertical-align: middle;
	border: 3px solid rgba(255,255,255,1.00);
}
#matrix_aboutma .matrix_aboutma_bg1 {
	background-color: rgba(21,78,129,1.00);
	color: rgba(255,252,252,1.00);
}
#matrix_aboutma .matrix_aboutma_bg2 {
	background-color: rgba(0,112,194,1.00);
	color: rgba(255,252,252,1.00);
}
#matrix_aboutma .matrix_aboutma_bg3 {
	background-color: rgba(112,174,0,1.00);
	color: rgba(255,252,252,1.00);
}
#matrix_aboutma .matrix_aboutma_bg4 { background-color: rgba(184,213,241,1.00); }
#matrix_aboutma .matrix_aboutma_bg5 { background-color: rgba(207,227,164,1.00); }
#matrix_aboutma .matrix_aboutma_bg6 { background-color: rgba(220,234,248,1.00); }
#matrix_aboutma .matrix_aboutma_bg7 { background-color: rgba(237,244,252,1.00); }
#matrix_aboutma .matrix_aboutma_sub {
	background-color: rgba(255,255,255,1.00);
	text-align: left;
	font-size: 93%;
	color: rgba(102,102,102,1.00);
}
#matrix_aboutma caption {
	color : rgba(153,153,153,1.00);
	font-size : 85%;
	text-align : center;
	caption-side: bottom;
}
ol.aboutma_success { margin-left: 15px; }
ol.aboutma_success li {
	padding: 5px 25px 5px 35px;
	text-indent: -20px;
	counter-increment: mission;
}
ol.aboutma_success li:before {
	content: counter(mission);
	display:inline-block;
	width: 10px;
	margin-right: 5px;
	padding: 2px 0px 0 5px;
	color: rgba(255,255,255,1.00);
	font-family: 'Cuprum';
	font-size: 93%;
	font-weight: 700;
	line-height: 1;
	text-indent: 0;
	border-radius: 4px;
	background-color: #0065a8;
}

/* transfer/case */
.box_interviews {
	margin: 30px 0 0;
	padding: 20px 10px;
	background-color: rgba(243,249,251,0.50);
	border: 2px solid rgba(0,101,168,1.00);
}
.box_interviews > ul {
	display: table;
	width: 100%;
	margin: auto;
}
.box_interviews > ul > li {
	display: table-cell;
	padding-left: 0; /*reset*/
	text-align: center;
}
.box_interviews > ul > li:before { display: none; /*reset*/}
.box_interviews > ul > li img {
	border-radius: 15px;
	-webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.35);
	box-shadow: 1px 1px 5px rgba(0,0,0,0.35);
}


@media screen and (max-width: 939px) {
/* 939px以下用（タブレット用）の記述（コンテンツ幅） */
}
@media screen and (max-width: 767px) {
/* 767px以下用（タブレット／スマートフォン用）の記述 */
#matrix_aboutma {
	width: 100%;
	margin-left: 0;
}
	.box_imgLNB {
		width: 100%;
		height: auto;
		text-align: center;
		margin-top: 0;
	}
	.box_imgLNB img {
		width: 500px;
		height: auto;
	}
	.box_scvtop {
		width: 100%;
	}
ol.aboutma_success { margin-left: 0px; }
}
@media screen and (max-width: 479px) {
/* 479px以下用（スマートフォン用）の記述 */
.tbl_cb_achiv td i {
	display: list-item;
	list-style: none;
}
.box_siteBanner {
	height: auto;
}
.box_siteBanner > figure {
	float: none;
	display: block;
	margin: 0 auto;
}
.box_siteBanner > p {
	position: relative;
	margin-bottom: 20px;
	padding-left: 0;
}
	.center480 {
		margin: 20px auto;
	}
ol.aboutma_success li {
	padding-left: 18px;
}
}