@charset "utf-8";
/* ====================================================================================================

	parts.css

==================================================================================================== */

/* ----------------------------------------------------------------------------------------------------
	
---------------------------------------------------------------------------------------------------- */
.pc {
	display:inline;
	}
.tablet {
	display:none;
	}
.sp {
	display:none;
	}

@media print, screen and (max-width:1040px) {
.pc {
	display:none;
	}
.tablet {
	display:inline;
	}
}

@media print, screen and (max-width:640px) {
.sp {
	display:inline;
	}
}


/* ----------------------------------------------------------------------------------------------------
	pager
---------------------------------------------------------------------------------------------------- */
ul.pager {
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	gap:10px;
	width:100%;
	margin:50px 0 0 0;
	list-style:none;
	}
	ul.pager li {
		}
	ul.pager li.current {
		display:flex;
		align-items:center;
		justify-content:center;
		width:40px;
		height:40px;
		color:#ffffff;
		line-height:1;
		background:rgba(32,32,32,1);
		border:1px solid #ffffff;
		}
		ul.pager li a {
			display:flex;
			align-items:center;
			justify-content:center;
			width:40px;
			height:40px;
			color:#ffffff;
			line-height:1;
			background:rgba(32,32,32,0.6);
			border:1px solid #ffffff;
			}
		ul.pager li a:hover {
			background:rgba(32,32,32,1);
			}


/* ----------------------------------------------------------------------------------------------------
	button
---------------------------------------------------------------------------------------------------- */
.button {
	margin:50px auto 0 auto;
	}
.button.multiple {
	display:flex;
	justify-content:space-between;
	gap:30px;
	width:490px;
	}

/* --------------------------------------------------
link */
.button a {
	position:relative;
	display:block;
	width:230px;
	color:#ffffff;
	font-size:15px;
	font-weight:300;
	text-align:center;
	letter-spacing:1px;
	background:#202020;
	background:rgba(32,32,32,0.6);
	border:1px solid #ffffff;
	line-height:50px;
	margin:0 auto;
    }
.button a::after {
	content:"";
	position:absolute;
	top:0;
	right:18px;
	bottom:0;
	display:block;
	width:9px;
	height:10px;
	background:#ffffff;
	clip-path:polygon(0 0,0% 100%,100% 50%);
	margin:auto;
	transition:all 0.4s ease-in-out;
	}
.button a:hover {
	background:rgba(32,32,32,1);
    }
.button a:hover::after {
	right:13px;
    }

/* --------------------------------------------------
submit */
.button button {
	position:relative;
	display:block;
	width:230px;
	color:#ffffff;
	font-size:15px;
	font-weight:300;
	text-align:center;
	letter-spacing:1px;
	background:#0066b0;
	border:none;
	line-height:50px;
	margin:0 auto;
	transition:all 0.4s ease-in-out;
    }
.button button::after {
	content:"";
	position:absolute;
	top:0;
	right:18px;
	bottom:0;
	left:auto;
	display:block;
	width:9px;
	height:10px;
	background:#ffffff;
	clip-path:polygon(0 0,0% 100%,100% 50%);
	margin:auto;
	transition:all 0.4s ease-in-out;
	}
.button button:hover {
	background:#00aae1;
    }
.button button:hover::after {
	right:13px;
    }

.button button.sub_button {
	background:#646464;
    }
.button button.sub_button::after {
	right:auto;
	left:18px;
	clip-path:polygon(0 50%,100% 0,100% 100%);
	}
.button button.sub_button:hover {
	background:#c8c8c8;
    }
.button button.sub_button:hover::after {
	left:13px;
    }

.button.multiple .button button {
	flex-shrink:0;
	}

@media screen and (max-width:640px) {
.button.multiple {
	flex-direction:column;
	justify-content:flex-start;
	gap:20px;
	width:100%;
	}
}


/* ----------------------------------------------------------------------------------------------------
	pagelink
---------------------------------------------------------------------------------------------------- */
.pagelink a {
	position:relative;
	display:inline-block;
	line-height:26px;
	padding:0 35px 0 0;
	transition:all 0.4s ease-in-out;
	}
.pagelink a:hover {
	color:#1068bf;
	}
.pagelink a::before {
	content:"";
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	display:block;
	width:26px;
	height:26px;
	background:#0066b0;
	border-radius:2px;
	margin:auto;
	}
.pagelink a::after {
	content:"";
	position:absolute;
	top:0;
	right:10px;
	bottom:0;
	display:block;
	width:5px;
	height:10px;
	background:#ffffff;
	clip-path:polygon(0 0,0% 100%,100% 50%);
	margin:auto;
	}