@charset "utf-8";
/*common-----------------------------------------------------------*/
#contents {margin: 0;padding: 0;}

.clearfix:after {
    content:" ";
    display:block;
    clear:both;
}
a {text-decoration: none}
ul {list-style: none}
body {margin: 0}

/*toppage-------------------------*/
body#top {
	background-color: #5990c0;
	margin: 0;
}
.topLogo {
	margin-top: 15vh;
	text-align: center;
}
.topLogo img {
	width: 70vw;
}
.menuLinks {
	display: inline-flex;
	flex-direction: column;
	justify-content: space-between;
	width: 50vw;
	margin: 20vw 25vw 0;
	padding: 0;
	text-align: center;
	height: 45vw;
}
.menuLinks__item {
	font-family: "futura-pt", sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: 6vw;
	letter-spacing: .4vw;
}
.menuLinks__item a {
		color: #fff;
}
.footer {
	position: fixed;
	bottom: 2vh;
	width: 100vw;
	text-align: center;
}
.footer__copyright {
	font-family: "futura-pt", sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: 4vw;
	color: #fff;
}

/*about------------------------------*/
body#about {background-color: #fff}
.header {text-align: center;}
.header img {width: 30vw;}
.profile {
	width: 100vw;
	margin: 0;
	padding: 0;
/*	background-color: #fff;*/
}
#about .column h1 {
	font-family: source-han-sans-japanese, sans-serif;
	font-weight: 200;
	font-style: normal;
	font-size: 3.5vw;
	color: #666;
	margin: 12vw 0 8vw;
}
#about .column p {
	font-family: source-han-sans-japanese, sans-serif;
	font-weight: 200;
	font-style: normal;
	font-size: 3.5vw;
	letter-spacing: .1em;
	line-height: 1.7em;
	color: #9f9f9f;
}
#about .column p a {
	color: #9f9f9f;
	text-decoration: underline dotted;
}
/*contact------------------------------*/
body#contact {background-color: #fff}
.contact {
	width: 100vw;
	margin: 0;
	padding: 0;
	text-align: center;
}
#contact .column {
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	height: 70vh;
}
#contact .column p {
	font-family: source-han-sans-japanese, sans-serif;
	font-weight: 200;
	font-style: normal;
	font-size: 3.5vw;
	letter-spacing: .1em;
	line-height: 1.7em;
	color: #9f9f9f;
}
#contact .column div a {
	font-family: "futura-pt", sans-serif;
	font-weight: 300;
	font-style: normal;
	color: #9f9f9f;
	text-decoration: underline dotted;
	font-size: 4vw;
	text-align: center;
}
#contact .footer__copyright {color: #9f9f9f}

/*signo------------------------------*/
body#profileSigno {
	width: 100vw;
	background-color: #E5D999;
	font-family: "maru-maru-gothic-alr-stdn", sans-serif;
	font-weight: 400;
	font-style: normal;
}
#profileSigno header {
	width: 100vw;
	padding-top: 6vh;
	background-color: #F5F1DE;
}
#profileSigno h1, #profileSigno h2, #profileSigno h3 {
	width: 100vw;
	text-align: center;
	margin: 0;
}
#profileSigno h2 {
	font-size: 6.4vw;
}
#profileSigno h3 {font-size: 3.5vw}
#profileSigno h1 img {
	width: 30.5vw;
	height: auto;
}
#profileSigno .linkBtn {
	display: inline-flex;
	justify-content: space-between;
	width: 87.3vw;
	margin: 15vw 6.35vw;
}
#profileSigno .linkBtn .item img {
	width: 17.8vw;
	height: auto;
}
#profileSigno .profile {
	width: 100vw;
}
#profileSigno .profile p {
	width: 87.3vw;
	margin: 6.35vw;
	font-size: 3.5vw;
}
#profileSigno .contactWrap {
	width: 100vw;
	position: fixed;
	bottom: 0;
	background-color: #CCB425;
}
#profileSigno .contact {
	width: 28vw;
	height: 2vh;
	margin: 0 36vw;
	padding: 2vh 0;
	text-align: center;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#profileSigno .contact img {
	width: 7.6vw;
	height: 5.5vw;
}
#profileSigno .contact p {
	margin: 0;
	font-size: 3.5vw;
	color: #000;
}

/*レスポンシブ対応*/

@media (min-width: 520px) {
	/*toppage-------------------------*/
	.topLogo {
		margin-top: 200px;
		text-align: center;
	}
	.topLogo img {
		width: 500px;
	}
	.menu {
		text-align: center;
	}
	.menuLinks {
		flex-direction: row;
		width: 600px;
		margin: 80px auto;
		height: 20px;
	}
	.menuLinks__item {
		font-size: 22px;
		letter-spacing: .1em;
	}
	.footer {
		bottom: 20px;
		width: 100%;
	}
	.footer__copyright {
		font-size: 18px;
	}

	/*about------------------------------*/
	.header img {width: 200px;}
	.profile {
		width: 800px;
		margin: 0 auto;
	}
	#about .column h1 {
		font-size: 22px;
		margin: 24px 0 60px;
	}
	#about .column p {
		font-size: 22px;
		letter-spacing: .1em;
		line-height: 1.7em;
	}
	#about .column p a {
		color: #9f9f9f;
		text-decoration: underline dotted;
	}
	#about .footer__copyright {color: #9f9f9f}
	/*contact------------------------------*/
	body#contact {background-color: #fff}
	.contact {
		width: 800px;
		margin: 0 auto;
	}
	#contact .column {
		display: flex;
		flex-direction: column;
		justify-content: space-around;
		height: 70vh;
	}
	#contact .column p {
		font-family: source-han-sans-japanese, sans-serif;
		font-weight: 200;
		font-style: normal;
		font-size: 20px;
		letter-spacing: .1em;
		line-height: 1.7em;
		color: #9f9f9f;
	}
	#contact .column div a {
		color: #9f9f9f;
		text-decoration: underline dotted;
		font-size: 24px;
		text-align: center;
	}
	#contact .footer__copyright {color: #9f9f9f}
	/*signo------------------------------*/
	body#profileSigno {
		width: 100%;
		background-color: #E5D999;
		font-family: "maru-maru-gothic-alr-stdn", sans-serif;
		font-weight: 400;
		font-style: normal;
	}
	#profileSigno header {
		width: 100%;
		padding-top: 80px;
		background-color: #F5F1DE;
		text-align: center;
	}
	#profileSigno h1, #profileSigno h2, #profileSigno h3 {
		width: 100%;
		text-align: center;
		margin: 0;
	}
	#profileSigno h2 {
		font-size: 36px;
	}
	#profileSigno h3 {font-size: 24px}
	#profileSigno h1 img {
		width: 180px;
		height: auto;
	}
	#profileSigno .linkBtn {
		display: inline-flex;
		justify-content: space-between;
		width: 600px;
		margin: 80px auto;
	}
	#profileSigno .linkBtn .item img {
		width: 100px;
		height: auto;
	}
	#profileSigno .profile {
		width: 100%;
	}
	#profileSigno .profile p {
		width: 600px;
		margin: 80px auto;
		font-size: 16px;
	}
	#profileSigno .contactWrap {
		width: 100vw;
		position: fixed;
		bottom: 0;
		background-color: #CCB425;
	}
	#profileSigno .contact {
		width: 180px;
		height: 40px;
		margin: 0 auto;
		padding: 12px 0;
		text-align: center;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	#profileSigno .contact img {
		width: 40px;
		height: auto;
	}
	#profileSigno .contact p {
		margin: 0;
		font-size: 24px;
		color: #000;
	}
}