/*
Theme Name: 神戸大学 バイオメディカルメンブレン研究・オープンイノベーション拠点棟
Version: 0.0
*/

/*ALL___*/
.only_pc {
	display: block !important;
}

.only_sp {
	display: none !important;
}

* {
	box-sizing: border-box;
	text-decoration: none;
	font-family: "toppan-bunkyu-gothic-pr6n", "Noto Sans JP", sans-serif;
	line-height: 1.4;
}

p {
	font-size: 1.25vw;
	font-weight: 600;
}

.jost {
	font-family: "Jost", "Noto Sans JP", sans-serif;
}

a:hover {
	opacity: 0.7;
	transition: 0.5s;
}

a,
a:focus {
	color: #000000;
	outline: none;
}

body {
	margin: 0;
	padding: 0;
	background: #FFFFFF;
	color: #000000;
	width: 100%;
	height: auto;
	margin: 0 auto;
}

/*___ALL*/

/*Title___*/
header {
	position: fixed;
	z-index: 100;
	background-color: #FFFFFF;
	width: 100%;
	padding: 1vw 0;
	display: flex;
}

header a {
	display: flex;
}

.logo {
	height: 11.133vw;
	width: auto;
}

.header_title {
	font-size: 1.875vw;
	color: #10123D;
	margin: 1vw 0 0;
}

.header_subtitle {
	font-size: 1.146vw;
	font-weight: 700;
	color: #8BAFB6;
	margin: 0.5vw 0 0;
}

.header_btn {
	display: flex;
	justify-content: flex-end;
	width: 40%;
}

.header_btn a {
	display: inline-block;
	width: 15vw;
	height: 5.469vw;
	background-color: #8BAFB6;
	text-align: center;
	margin: 3vw 1vw;
}

.header_btn p {
	font-size: 1.25vw;
	letter-spacing: 0.3vw;
	color: #FFFFFF;
	margin: 0;
}

.header_btn .to_meeting p {
	line-height: 5.469vw;
}

.header_btn .to_event p {
	line-height: 1.45vw;
	padding: 1.3vw 0;
	letter-spacing: 0.3vw;
}

/*___Title*/

@media all and (max-width: 670px) {
	.only_pc {
		display: none !important;
	}

	.only_sp {
		display: block !important;
	}

	p {
		font-size: 3.308vw;
	}

	header {
		display: block;
		padding-top: 5vw;
	}

	.logo {
		height: 20.17vw;
	}

	.header_title {
		font-size: 4.58vw;
		line-height: 1.2;
	}

	.header_subtitle {
		font-size: 1.781vw;
	}

	.header_btn {
		justify-content: center;
		width: 100%;
	}

	.header_btn a {
		width: 42.875vw;
		height: 12vw;
		margin: 6vw 3vw;
	}

	.header_btn p {
		font-size: 3.308vw;
	}

	.header_btn .to_meeting p {
		line-height: 12vw;
	}

	.header_btn .to_event p {
		line-height: 5vw;
	}


}