@charset "UTF-8";
/* -------------------------------------------------------- CSS Information
Last up date:   2020
Style Info:     case css
------------------------------------------------------------------------ */

/*CommonCSS_link*/
@import url(base.css);
@import url(common.css);
/*------------------------------------------------------------*/
/*------------------------------------------pagetitle*/
#pagetitle {
	background: url("../img/company_img/pagetitle_bg.jpg") center bottom no-repeat;
	background-size: cover;
}

/*------------------------------------------content*/
#company_menu ul {
	display: flex;
	flex-wrap: wrap;
}

#company_menu ul li:nth-child(2n) {
	margin-right: 0;
}
#company_menu ul li a {
	display: block;
}
#company_menu ul li figure img {
	width: 100%;
	height: auto;
}
#company_menu ul li h2 {
	position: relative;
	padding: 10px 10px 15px 25px;
	text-align: left;
	line-height: 1.3;
	font-size: 17px;
}
#company_menu ul li h2::before {
	position: absolute;
	top: 15px;
	left: 10px;
	display: block;
	width: 6px;
	height: 6px;
	content: "";
	border-top: solid 3px #003da6;
	border-right: solid 3px #003da6;
	transform: rotate(45deg);
}

@media print, screen and (min-width:768px) {
#company_menu ul li {
	margin-bottom: 30px;
}
#company_menu ul li a {
}
#company_menu ul li h2 {
	padding: 20px 20px 20px 45px;
	font-size: 24px;
	color:#333;
}
#company_menu ul li h2::before {
	position: absolute;
	top: 27px;
	left: 20px;
	display: block;
	width: 8px;
	height: 8px;
	content: "";
	border-top: solid 3px #003da6;
	border-right: solid 3px #003da6;
	transform: rotate(45deg);
}
}
.manual-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; /* 中央寄せ */
  list-style: none;
  padding: 0;
  margin: 0;
  gap: 20px; /* li同士の間隔 */
}

.manual-list li {
  width: 23%; /* 下段3つのバランスをとる */
  text-align: center;
  background: #f5f5f5;
  padding: 10px;
  border-radius: 8px;
}

/* 上段3つのみ中央寄せに調整
.manual-list li:nth-child(-n+3) {
  width: 30%; /* 少し広めに */
}
*/