@charset "utf-8";

/*~/////////~/////////~/////////~/////////~/////////~/////////~/////////~/////////~/////////~/////////~/////////~/////////~*/

.web-pub-temp {
	display: none;
}

.awrap a {
	transition : 0.5s;
}

.cptop,
.cptop-form-body .form-body {
	clip-path: polygon(0 0, 100% 20px, 100% 100%, 0% 100%);
}

.cpbtm,
.cpbtm-form-body .form-body {
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 20px));
}

footer {

	#profile {
		position: relative;
		.profile-body:before {
			content: "PROFILE";
			letter-spacing: 18px;
			position: absolute;
			font-size: 18px;
			font-weight: 700;
			color: #000;
		}
		.fwrap {
			padding: 30px 0 0;
		}
	}

	#footer {
		display: flex;
		justify-content: space-between;
		height: 70px;
		padding: 15px;
		.logo,
		.mark {
			height: 100%;
		}
		.mark {
			display: flex;
			gap: 5px;
			align-items: flex-end;
			font-size: 12px;
			line-height: 120%;
			font-weight: bold;
			p {
				text-align: right;
			}
		}

		img,
		svg {
			height: 100% !important;
			width: auto;
		}
	}

	#and path {
		fill: rgb(var(--theme-color));
	}

}

/*~/////////~/////////~/////////~/////////~/////////~/////////~/////////~/////////~/////////~/////////~/////////~/////////~*/

/*SP*/
@media screen and (max-width: 768px) {
/*~*********~*********~*********~*********~*********~*********~*********~*********~*********~*********~*********~**********/

br.pc {
	display: none;
}

.wrap {
	padding: 15px;
}

footer .wrap {
	padding: 10px 15px;
}

/*~*********~*********~*********~*********~*********~*********~*********~*********~*********~*********~*********~**********/
}

/*PC*/
@media screen and (min-width: 769px) {
/*~*********~*********~*********~*********~*********~*********~*********~*********~*********~*********~*********~**********/

br.sp {
	display: none;
}

header .wrap {
	width: 70%;
	min-width: 1000px;
	margin: 0 auto;
	padding: 15px 0 0;
}

main .wrap {
	width: 70%;
	min-width: 1000px;
	margin: 0 auto;
	padding: 15px 0;
}

.cptop,
.cptop-form-body .form-body {
	clip-path: polygon(0 0, 100% 37px, 100% 100%, 0% 100%);
}

.cpbtm,
.cpbtm-form-body .form-body {
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 37px));
}

/**/

footer {

	position: sticky;
	top: 100vh;

	.wrap {
		width: 70%;
		min-width: 1000px;
	}

	#profile {
		.profile-body:before {
			letter-spacing: 28px;
		}
		.wrap {
			margin: 0 auto;
			padding: 20px 0;
			.prof-t.-l .pict,.prof-t.-c .pict,.prof-t.-r .pict,
			.prof-b.-l .pict,.prof-b.-c .pict,.prof-b.-r .pict {
				img {
					width: 30% !important;
				}
			}
			.fwrap {
				padding: 0;
			}
		}
	}

	#footer {
		height: 105px;
		margin: 0 auto;
		padding: 15px 0;
	}

}

/*~*********~*********~*********~*********~*********~*********~*********~*********~*********~*********~*********~**********/
}