@charset "utf-8";
.page_title{
	text-align:center;
	padding:37px 20px 45px;
	margin-bottom:60px;
}
.page_title h1{font-size:3.4rem;letter-spacing:3.4px;font-weight:bold;}
.page_title h1[data-name]{font-size:1.8rem;letter-spacing:1.8px;margin:0 0 20px;}
.page_title h1[data-name]::before{
	content:attr(data-name);
	display:block;
	font-family:"Poppins", sans-serif;
	font-size:5.8rem;
	font-weight:600;
	line-height:1.2;
	letter-spacing:0;
	text-transform:uppercase;
}
.page_title p{font-size:1.4rem;letter-spacing:1.4px;font-weight:normal;margin:20px 0 0;}

.c_list{
	display:grid;
	grid-template-columns:repeat(auto-fit, 30.909%);
	grid-gap:50px 3.636%;
	padding:0;
	margin:20px 0 0;
}

.page_parent.company .c_list{
	display:flex;
	flex-wrap:wrap;
	grid-gap:50px 2%;
	padding:0;
}
.page_parent.company .c_item{
	list-style:none;
	width:32%;
	margin:0 2% 50px 0;
}
.page_parent.company .c_item:first-child,.page_parent.company .c_item:nth-child(2){width:49%;}
.page_parent.company .c_item:nth-child(3n+2){margin-right:0;}
.c_list.tech_list{
	grid-template-columns:repeat(auto-fit, 22.273%);
	gap:30px 3.636%;
	margin:30px 0 0;
}
.c_item{list-style:none;margin:0 !important;}
.c_link{
	display:flex;
	flex-direction:column;
	height:100%;
	padding:0 !important;
	background:none !important;
	text-decoration:none;
	font-size:2rem;
	font-weight:bold;
	letter-spacing:1.2px;
	transition:color .3s;
	border-radius:10px;
	border:1px solid #ccc;
	overflow:hidden;
}
.c_thumb{border-radius:0;overflow:hidden;}
.c_link img{
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	transition:transform 0.3s;
	width:100%;
	height:auto;
	border-radius:0;
	opacity:1 !important;
}

.c_list.tech_list .c_thumb{position:relative;padding-top:58.06%;}
.c_list.tech_list .c_link img{
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	width:auto;
	max-width:100%;
	max-height:100%;
	margin:auto;
	opacity:1 !important;
}

.c_title{
	margin:0;
	display:flex;
	align-items:center;
	height:100%;
	flex:1;
	font-size:2rem;
	letter-spacing:2px;
	line-height:2.7rem;
	vertical-align:middle;
	padding:15px 40px 17px 18px;
	transition:color .3s,background .3s;
	background:url(/img/common/arrow_r_red.svg) right 20px center no-repeat;
}
.c_link[target="_blank"] .c_title{
	background:url(/img/common/popup.svg) right 20px center no-repeat;
}
.c_link:hover .c_title{
	color:#fff !important;
	background:#03163C url(/img/common/arrow_r_white.svg) right 20px center no-repeat;
}
.c_link[target="_blank"]:hover .c_title{
	color:#fff !important;
	background:#03163C url(/img/common/popup_white.svg) right 20px center no-repeat;
}
.tech_list .c_title{font-size:1.7rem;letter-spacing:1.7px;}
h2.tech_search_h{
	text-align:center;
	padding:0;
	border:none;
	margin:0;
}
h2.tech_search_h::before{display:none;}

.page_title,#pankuzu,.content_area{max-width:1240px;}



@media screen and (max-width:1100px){
.page_title{
	padding:35px 20px 46px;
	margin-bottom:48px;
}
.page_title h1{font-size:3rem;letter-spacing:3px;margin-top:4px;}
.page_title p{margin:15px 0 0;font-size:1.5rem;letter-spacing:1.5px;}
.page_title h1[data-name]{font-size:1.8rem;letter-spacing:1.8px;margin:0 0 30px;}
.page_title h1[data-name]::before{font-size:4.4rem;}

/* 2カラム / 3カラム */
.c_list{grid-row-gap:40px;}
.c_title{font-size:1.6rem;padding:9px 40px 11px 14px;line-height:1.5;}

.c_list.tech_list{
	display:grid;
	grid-template-columns:repeat(auto-fit, 30.909%);
	grid-gap:50px 3.636%;
}
.tech_list .c_title{
	font-size:1.4rem;
	letter-spacing:1.4px;
	line-height:2.1rem;
	background-position:right 10px center;
}
}

@media screen and (max-width:767px){

/* 2カラム */
.c_list{grid-row-gap:20px;}
.c_list,.page_parent.company .c_list{
	display:flex;
	flex-wrap:wrap;
	padding:0;
	gap:20px 2%;
}
.page_parent.company .c_item{
	width:49%;
}
.c_title{
	font-size:1.5rem;
	letter-spacing:1.5px;
	padding:9px 35px 11px 10px;
	background-position:right 12px center;
}
.c_title::after{right:2px;}

.page_parent.company .c_item:nth-child(3n+2){margin-right:2%;}
.page_parent.company .c_item:nth-child(2n){margin-right:0;}


.page_title{
	padding:29px 20px 39px;
}
.page_title h1{font-size:2.8rem;letter-spacing:2.8px;font-weight:bold;margin-top:18px;}
.page_title h1[data-name]{font-size:1.6rem;letter-spacing:1.6px;margin:0 0 31px;}
.page_title h1[data-name]::before{
	font-size:3.8rem;
}
.page_title p{font-size:1.4rem;letter-spacing:1.4px;}
.tech_list .c_title{font-size:1.4rem;letter-spacing:1.4px;line-height:2.1rem;word-break:break-all;}



}
@media screen and (max-width:599px){
.c_list{
	display:block;
}
.c_item{
	width:auto;
	margin-bottom:20px !important;
}
.c_list.tech_list{
	display:grid;
	grid-template-columns:repeat(auto-fit, 48.181%);
	grid-gap:0 3.636%;
}
.c_list.tech_list .c_item{margin-bottom:15px !important;}
.page_parent.company .c_item{margin-bottom:0 !important;}

}