@charset "utf-8";
/* CSS Document */
/* ----------------------------------------------- */
/* body
-------------------------------------------------- */
body {
	position: relative;
	font-size:10px;
	color: #101c17;
	line-height: 1;
	font-family:aktiv-grotesk, "Noto Sans JP", YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	background: #fff;
}

img { max-width:100%; height: auto;}

a { text-decoration: none;}

@media (min-width: 769px) {
/* PC用 */
}
@media (max-width: 768px) {
/* tablet用 */
}

/* header
-------------------------------------------------- */
.header {
	position: fixed;
	left: 0;
	top:/*-100%;*/0;
	width:100%;
	height:100px;	
	transition: top 0.6s ease;
	/*background: rgba(255,255,255,.5);*/
	z-index: 11;	
}
.header .inner {
	height:100px;
	
	display: flex;
	justify-content: space-between;
	align-items: center;
}
@media (min-width: 769px) {
/* PC用 */
	.header .inner { padding: 0 50px;}
	.header .logo { width:188px;}
}
@media (max-width: 768px) {
/* tablet用 */
	.header { height: auto;}
	.header .inner { height: auto; padding:5.3% 5.3%;}
	.header .logo { width:24.8%;}
}

/* 
-------------------------------------------------- */
.footer {
	padding:4em 0;
	text-align: center;
	
	position: absolute;
	bottom:0;
	left: 0;
	width:100%;
	z-index: 11;
}
.ul--footerLink { display: flex; justify-content: center; }
.ul--footerLink li { padding:0 .8em;}
.ul--footerLink a { font-size:1.1em;  color: #101c17;}



@media (min-width: 769px) {
/* PC用 */
	.footer {
		padding:5em 0 3em;
	}
	.footer .inner {
		display: flex; justify-content: space-between;
		padding: 0 40px;
		font-size:1.2em;
	}
}
@media (max-width: 768px) {
/* tablet用 */
	.footer { padding:4em 0 1.5em;}
	.copyright { margin-top: 1.2em;}
}

/* 
-------------------------------------------------- */
@media (min-width: 769px) {
/* PC用 */
}
@media (max-width: 768px) {
/* tablet用 */
}

/* 
-------------------------------------------------- */
@media (min-width: 769px) {
/* PC用 */
}
@media (max-width: 768px) {
/* tablet用 */
}

/* 
-------------------------------------------------- */
@media (min-width: 769px) {
/* PC用 */
}
@media (max-width: 768px) {
/* tablet用 */
}

/* 
-------------------------------------------------- */
@media (min-width: 769px) {
/* PC用 */
}
@media (max-width: 768px) {
/* tablet用 */
}

/* 
-------------------------------------------------- */
@media (min-width: 769px) {
/* PC用 */
}
@media (max-width: 768px) {
/* tablet用 */
}

/* 
-------------------------------------------------- */
@media (min-width: 769px) {
/* PC用 */
}
@media (max-width: 768px) {
/* tablet用 */
}

/* 
-------------------------------------------------- */
@media (min-width: 769px) {
/* PC用 */
}
@media (max-width: 768px) {
/* tablet用 */
}

/* 
-------------------------------------------------- */
@media (min-width: 769px) {
/* PC用 */
}
@media (max-width: 768px) {
/* tablet用 */
}

/* 
-------------------------------------------------- */
@media (min-width: 769px) {
/* PC用 */
}
@media (max-width: 768px) {
/* tablet用 */
}