@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;
	}
}


/* ----------------------------------------------------------------------------------------------------
	button
---------------------------------------------------------------------------------------------------- */
.button {
    width:100%;
    max-width:600px;
	margin:50px auto 0 auto !important;
	}

@media print, screen and (max-width:900px) {
.button {
    margin:clamp(30px,4.6875vw,50px) auto 0 auto !important;
	}
}

/* --------------------------------------------------
link */
.button a {
	position:relative;
	display:block;
	color:#ffffff;
	text-align:center;
	background:#757166;
	line-height:70px;
	margin:0 auto;
    }
.button a::after {
    content:"";
    display:block;
    position:absolute;
    top:calc(50% - 5px);
    right:20px;
    width:10px;
    height:10px;
    border-top:2px solid #ffffff;
    border-right:2px solid #ffffff;
    transform:rotate(45deg);
	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:100%;
	max-width:300px;
	color:#ffffff;
	font-size:15px;
	font-weight:300;
	text-align:center;
	letter-spacing:1px;
	background:#757166;
	border:none;
	line-height:70px;
	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 {
    display:flex;
    gap:30px;
    }
.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%;
	}
}