@charset "utf-8";

/* category_top */
.page_technology{padding-bottom:60px;}
.page_top{
	height:320px;
	background:url(/img/common/h1_technology.jpg) no-repeat center/cover;
}
.page_top_box .page_title{color:#333;}
.page_top_l p{margin:25px 0 0;}

.column_desc{margin-top:15px;}
.column_desc p{
	margin:0;
	font-size:1.5rem;
	letter-spacing:1.2px;
	line-height:2.4rem;
}

/* archive */
.archive_technology .content_area{padding-bottom:100px;}
.archive_technology .content_area::before{display:none;}
.technology_list{
	display:grid;
	grid-template-columns:repeat(3, 1fr);
	grid-gap:40px 20px;
	padding:0;
	margin-top:50px;
}
.technology_item{
	list-style:none;
	margin:0;
}
.technology_link{
	display:block;
	text-decoration:none !important;
}
.technology_thumb{
	margin-bottom:15px;
	border-radius:15px;
	overflow:hidden;
}
.technology_img{transition:transform 0.3s;}
a:hover .technology_img{transform:scale(1.05);}
.technology_title{
	font-size:1.8rem;
	font-weight:bold;
	letter-spacing:1.44px;
	line-height:2.6rem;
	transition:color 0.3s;
}
a:hover .technology_title{color:#014099;}
.technology_title::after{
	content:'';
	display:inline-block;
	position:relative;
	bottom:2px;
	width:6px;
	height:10px;
	margin-left:10px;
	background:url(/img/common/arrow_r.svg) no-repeat center;
}
a:hover .technology_title::after{background-image:url(/img/common/arrow_r_hover.svg);}
.technology_btn{margin-top:60px;}
.technology_btn .back_btn{width:260px;}

/* single */
.single_technology #pankuzu, .single_technology .page_title, .single_technology .content_area{max-width:1060px;}


@media screen and (min-width:768px) and (max-width:1024px){

/* category_top */
.page_top{height:250px;}

/* archive */
.technology_list{
	grid-gap:25px 20px;
	margin-top:40px;
}
.technology_title{
	font-size:1.7rem;
	letter-spacing:1.36px;
	line-height:2.5rem;
}

}


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

/* category_top */
.page_top{height:200px;}
.page_top_l p, .column_desc p{
	font-size:1.4rem;
	letter-spacing:1.12px;
	line-height:2.1rem;
}
.page_top_l p{margin-top:15px;}

/* archive */
.technology_title{
	font-size:1.6rem;
	letter-spacing:1.28px;
	line-height:2.4rem;
}
.technology_title::after{bottom:1px;}

}


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

/* category_top */
.page_top{
	height:auto;
	padding:0;
	background:none;
}
.page_top_l .page_title{
	display:flex;
	flex-direction:column;
	justify-content:center;
	height:100px;
	padding:0 20px;
	background:url(/img/common/h1_technology.jpg) no-repeat center/cover;
}
.page_top_l p{
	padding:0 20px;
	margin-top:20px;
}
.column_desc{margin-top:10px;}

/* archive */
.technology_list{
	grid-template-columns:repeat(2, 1fr);
	grid-gap:30px 20px;
	margin-top:30px;
}
.technology_thumb{
	margin-bottom:10px;
	border-radius:10px;
}
.technology_title{
	font-size:1.5rem;
	letter-spacing:1.2px;
}

}


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

/* archive */
.technology_list{display:block;}
.technology_item{margin-bottom:30px;}

}