@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 {
	width: 49%;
	margin-right: 2%;
	margin-bottom: 10px;
	background: #fff;
}
#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:576px) {
#company_menu ul li {
	width: 32%;
}
#company_menu ul li:nth-child(2n) {
	margin-right: 2%;
}
#company_menu ul li:nth-child(3n) {
	margin-right: 0;
}
}
@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);
}
}
