@charset "UTF-8";

/*
  = = page_cpc
-------------------------------------------------- */


.cpc-cols-03 a:hover {
    text-decoration: underline;
}

.page_cpc a:hover img {
		opacity: .8;
	}

.page_cpc .page_title {
	overflow: hidden;
}
.page_cpc .page_title_heading {
	text-align: center;
}
.page_cpc .page_title::after {
	background: url(../img/common/page_title_parts04.png) no-repeat;
  	background-size: 100%;
}
.page_cpc .page_title .bg::after {
	display: none;
}

/*コンテンツ部分*/
/*
.cpc_box{
	background-image: linear-gradient(to right, #b2b2b2, #b2b2b2 0.2rem, transparent 0.2rem, transparent 0.2rem);
  	background-size: 0.4rem 1px;
  	background-position: left bottom;
  	background-repeat: repeat-x;
}*/

/*大見出し*/
.page_cpc .heading_ja {
	font-style: italic;
	font-weight: bold;
	line-height: 1.4;
	
	color: #373582;
	border-bottom: 2px solid #373582;
}
.page_cpc .date {
	font-style: italic;
	font-weight: bold;
	color: #373582;
	margin-bottom: 5rem;
}

/*ロゴ・写真 2カラム*/
.cpc-cols-02{
	display:grid;
	margin:20px 0;
	gap:20px;
	justify-items: center;
  	align-items: center;
	}
.cpc-cols-02>.col{
	text-align:center;
}
.cpc-cols-02>.col>p{
	margin:8px 0 0;
}

/*これまでの連携　3カラム*/
.cpc-cols-03{
	display:grid;
	margin:20px 0;
	gap:20px;
	}
.cpc-cols-03>.col{
	text-align:center;
}
.cpc-cols-03>.col>p{
	margin:8px 0 0;
}


/* = PC (768px以上)
----------------------------------------------- */
@media print, screen and (min-width: 768px) {
	.page_cpc #page_contents {
		padding-bottom: 20rem;
	}
	.page_cpc.details #page_contents {
		padding-bottom: 10rem;
	}
	.page_cpc .page_title {
		height: 18rem;
	}
	.page_cpc .page_title::after {
		width: 27rem;
		height: 18rem;
	}
	.page_cpc .page_title .bg::before {
		width: 100%;
	}
	.page_cpc .page_title_heading .en {
		font-size: 8rem;
	}
	
.page_cpc #page_contents {
		padding-bottom: 6rem;
	}	

/*コンテンツ部分*/

.cpc_box{
	padding-top: 5rem;
	padding-bottom: 5rem;
}	

	
/*大見出し*/
	.page_cpc .heading_ja {
		font-size: 5rem;
	}

	.page_cpc .date {
	font-style: italic;
	font-weight: bold;
	color: #373582;
	margin-bottom: 5rem;
	font-size: 2.6rem;
}	
	
/*ロゴ・写真*/
.cpc-cols-02{
	grid-template-columns:1fr 1fr;
	}
	
/*これまでの連携*/
.cpc-cols-03{
	grid-template-columns:1fr 1fr 1fr;
	}
	
}

/* = SP (767px以下)
----------------------------------------------- */
@media screen and (max-width: 767px) {
	.page_cpc #page_contents {
		padding-bottom: 10rem;
	}
	.page_cpc.details #page_contents {
		padding-top: 2rem;
		padding-bottom: 10rem;
	}
	.page_cpc .page_title {
		height: 20rem;
		background-color: #000;
	}
	.page_cpc .page_title::before {
		display: block;
		top: 0;
		left: 0;
		width: 20rem;
		height: 20rem;
		background: url(../img/common/page_title_parts01.png) no-repeat;
		background-size: 100%;
		z-index: 2;
	}
	.page_cpc .page_title::after {
		width: 30rem;
    	height: 20rem;
    	bottom: 0;
    	right: -4rem;
	}
	.page_cpc .page_title_heading {
		position: relative;
		top: 0;
		width: 100%;
		background-color: transparent;
	}
	
.page_cpc #page_contents {
		padding-bottom: 3rem;
	}		
	
/*コンテンツ部分*/

.cpc_box{
	padding-top: 2.5rem;
	padding-bottom: 2.5rem;
}	
	
/*大見出し*/
	.page_cpc .heading_ja {
		font-size: 5rem;
	}

.page_cpc .date {

	font-size: 2.6rem;
}	
	
/*ロゴ・写真*/
	.cpc-cols-02{
		grid-template-columns:1fr;
	}	
	
	
/*これまでの連携*/
	.cpc-cols-03{
		grid-template-columns:1fr;
	}	
	


}