@charset "UTF-8";

.img_c {
    cursor: pointer;
}

.img_c:hover {
    transition-duration: .5s;
    transform: scale(1.1);
}

@media (max-width: 769px) {
    .img_c:hover {
        transition-duration: none;
        transform: scale(1.0);
    }
} 

/*--------------------------------------*/

body {
	height: 100vh;
	width: 100vw;
	background-color: #fff;
	margin: 0;
	padding: 0;
	user-select: none;
	overflow: hidden;
}

.f_text_info {
	margin: 0;
	text-align: center;
	text-decoration: solid;
	position: relative;
}

.f_a_info {
	position: absolute;
	top: 10vh;
	transform: translateX(-50%);
	color: black;
}

.f_div {
	height: 100vh;
	width: 100vw;
	background-color: #fff;
	margin: 0;
	padding: 0;
	user-select: none;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.f_div_div {
	height: 50vh;
	width: 30vw;
	background-color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}

.div_div_img {
	height: 45vh;
	width: 45vh;
	clip-path: circle(22.5vh at center);
	transition-duration: .5s;
}

.f2_div {
	position: relative;
}

.div_footer {
	position: absolute;
	width: 100vw;
	height: 10vh;
	margin: 0;
	padding: 0;
	background-color: #ffffff00;
	display: flex;
	align-items: end;
	justify-content: right;
	bottom: 0;
}

.footer_navtext {
	margin: 0 1vw 2vh 0;
	padding: 0;
	text-align: right;
	color: #aaa;
	font-size: 1.5vh;
}

.nav_a_url {
	color: #aaa;
	text-decoration: underline;
	cursor: pointer;
}

.nav_a_credit {
	padding: 0 2vw;
	color: #aaa;
	font-size: 1.5vh;
	text-decoration: underline;
}