/***************************************
	PC版ガイドページ用CSS
	
	
***************************************/


/* ガイド・メリットページ */



.merit-overview-section{
	padding:0 40px;
}


.merit-overview-section .merit-top-images-section{
	display: grid;
	gap:10px;
	/*
	grid-template-columns: 66.66% 1fr;
	*/
	grid-template-columns: 2fr 1fr;
	grid-template-rows: 1fr 1fr;
	margin-bottom:20px;
}

.merit-overview-section .merit-top-images-section img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.merit-overview-section .merit-top-images-section .merit-top-image-main{
	grid-row: 1 / 3 ;
	grid-column: 1 / 2;
}

.merit-overview-section .merit-top-images-section .merit-top-image-sub-1{
	grid-row: 1 / 2 ;
	grid-column: 2 / 3;
}


.merit-overview-section .merit-top-images-section .merit-top-image-sub-1{
	grid-row: 2 / 3 ;
	grid-column: 2 / 3;
}




.merit-overview-emphasis{
	color:#6dacbd;
	font-size:20px;
}



	/* ナビ */
	
	
.merit-item-section  ul.merit-item-navi{
	display:flex;
	flex-wrap:wrap;
	width:1000px;
	margin:0 auto 80px;
}

.merit-item-section ul.merit-item-navi li{
	width:490px;
	margin:0 10px 10px 0;
}

.merit-item-section ul.merit-item-navi li:nth-of-type(even){
	margin:0 0px 10px 10px;
}

.merit-item-section ul.merit-item-navi li a:link,
.merit-item-section ul.merit-item-navi li a:visited{
	display:block;
	background:#6dacbd;
	position:relative;
	text-decoration:none;
	color:#ffffff;
	padding:40px 20px;
	text-align:center;
	font-size:18px;
}

.merit-item-section ul.merit-item-navi li a .merit-item-navi-emphasis{
	font-size:28px;
}

.merit-item-section ul.merit-item-navi li a:hover,
.merit-item-section ul.merit-item-navi li a:active{
	background:#36535b;
}

.merit-item-section ul.merit-item-navi li a:link::before,
.merit-item-section ul.merit-item-navi li a:visited::before{
	display:block;
	position:absolute;
	top:6px;
	left:6px;
	width:60px;
	height:60px;
	background:#ffffff;
	clip-path: polygon(0 0%, 100% 0%, 0 100%);
	content:"";
	z-index:1;
	transition:.3s;
}

.merit-item-section ul.merit-item-navi li a:hover::before{
	display:block;
	position:absolute;
	top:6px;
	left:6px;
	width:80px;
	height:80px;
	background:#ffffff;
	clip-path: polygon(0 0%, 100% 0%, 0 100%);
	content:"";
	z-index:1;
	transition:.3s;
}


	/* 各メリットの紹介 */

.merit-item-section .merit-item-body{
	width:1000px;
	margin: 0 auto 100px;
}

.merit-item-section .merit-item-body h3.merit-item-headline{
	text-align:center;
	margin:40px auto 40px;
}

.merit-item-section .merit-item-body h3.merit-item-headline .merit-item-headline-common{
	display:block;
	font-size:28px;
	font-weight:normal;
}

.merit-item-section .merit-item-body h3.merit-item-headline .merit-item-headline-unique{
	display:block;
	color:#666666;
	font-weight:normal;
	border-top:1px solid #6dacbd;
	border-bottom:1px solid #6dacbd;
	padding:14px;
	width:500px;
	margin:10px auto;
}

.merit-item-section .merit-item-body h3.merit-item-headline .merit-item-headline-unique .merit-item-headline-emphasis{
	color:#6dacbd;
	font-size:28px;
}


.merit-item-section .merit-item-body ul.merit-item-works-image-list{
	display:flex;
	flex-wrap:wrap;
}

.merit-item-section .merit-item-body ul.merit-item-works-image-list li{
	width:329px;
	margin:2px;
}

.merit-item-section .merit-item-body .merit-item-image{
	margin-bottom:20px;
}


.merit-custom-home-section{
	width:1000px;
	margin:0 auto 100px;
}

.merit-custom-home-section ul.merit-custom-home-image-list{
	display:flex;
	margin-bottom:40px;
}

.merit-custom-home-section ul.merit-custom-home-image-list li{
	margin:2px;
}

.merit-custom-home-section .merit-custom-home-service-section{
	width:1000px;
	margin:0 auto 40px;
	border:2px solid #bbbbbb;
	text-align:center;
	padding:40px 0px 10px;
}

.merit-custom-home-section .merit-custom-home-service-section p{
	font-size:20px;
}