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


/* ガイドトップページ */



.guide-top-section .guide-top-catch-section{
	display:flex;
	justify-content:center;
	align-items:center;
	margin:0 auto;
	font-size:32px;
	padding:0 60px;
}


.guide-top-section .guide-top-catch{
	white-space:nowrap;
	padding-right:60px;
}





	/* メインナビ */
	
.guide-main-navi-section{
	margin:40px;
}

.guide-main-navi-section ul.guide-main-navi-list{
	width:1000px;
	margin:0 auto 100px;
}


.guide-main-navi-section ul.guide-main-navi-list > li{
	border:2px solid #6dacbd;
	background:#edf5f7;
	padding:40px;
	position:relative;
	margin-bottom:60px;
	overflow:hidden;
	display:flex;
}

.guide-main-navi-section ul.guide-main-navi-list > li::before{
	background:#6dacbd;
	width:80px;
	height:80px;
	transform:rotate(45deg);
	position:absolute;
	top:-40px;
	left:-40px;
	content:"";
}



.guide-main-navi-section ul.guide-main-navi-list > li .guide-main-navi-item-image{
	max-width:320px;
	width:320px;
	min-width:320px;
	margin-right:40px;
}

.guide-main-navi-section ul.guide-main-navi-list > li .guide-main-navi-item-data{
	flex-grow:1;
}

.guide-main-navi-section ul.guide-main-navi-list > li .guide-main-navi-item-link{
	position:absolute;
	right:0;
	bottom:0;
}

.guide-main-navi-section ul.guide-main-navi-list > li .guide-main-navi-item-link a:link,
.guide-main-navi-section ul.guide-main-navi-list > li .guide-main-navi-item-link a:visited{
	display:block;
	background:#6dacbd;
	color:#ffffff;
	font-weight:bold;
	padding:10px 80px 10px 40px;
	position:relative;
}

.guide-main-navi-section ul.guide-main-navi-list > li .guide-main-navi-item-link a:hover,
.guide-main-navi-section ul.guide-main-navi-list > li .guide-main-navi-item-link a:active{
	display:block;
	background:#36535b;
	color:#ffffff;
	font-weight:bold;
	padding:10px 80px 10px 40px;
	transition:.3s;
}

.guide-main-navi-section ul.guide-main-navi-list > li .guide-main-navi-item-link a::before{
	position:absolute;
	top:0;
	right:14px;
	bottom:0;
	display:block;
	content:"";
	height:100%;
	width:30px;
	background:#ffffff;
	clip-path: polygon(0 0%, 40% 0%, 100% 50%, 40% 100%, 0 100%, 60% 50%);
	transition:.3s;
}

.guide-main-navi-section ul.guide-main-navi-list > li .guide-main-navi-item-link a:hover::before{
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	display:block;
	content:"";
	height:100%;
	width:30px;
	background:#ffffff;
	/*
	clip-path: polygon(0 0%, 40% 0%, 100% 50%, 40% 100%, 0 100%, 60% 50%);
	*/
	clip-path: polygon(0 0%, 100% 0%, 100% 50%, 100% 100%, 0 100%, 60% 50%);
}

.guide-main-navi-section ul.guide-main-navi-list > li dl.guide-main-navi-item-data dt{
	font-size:24px;
	margin-bottom:20px;
}

.guide-main-navi-section ul.guide-main-navi-list > li dl.guide-main-navi-item-data dt a:link,
.guide-main-navi-section ul.guide-main-navi-list > li dl.guide-main-navi-item-data dt a:visited{
	color:#6dacbd;
	text-decoration:underline;
}

.guide-main-navi-section ul.guide-main-navi-list > li dl.guide-main-navi-item-data dt a:hover,
.guide-main-navi-section ul.guide-main-navi-list > li dl.guide-main-navi-item-data dt a:active{
	color:#36535b;
}

.guide-main-navi-section ul.guide-main-navi-list > li dl.guide-main-navi-item-data dd p{
	line-height:2;
}