@charset "utf-8";
/*
↓↓↓↓↓↓コメントアウト表記サンプル Comment out sample ↓↓↓↓↓↓
*/
/*----------------------------------------------
	大くくりコメントアウト large part
---------------------------------------------*/

/*  中くくりコメントアウト middle part
------------------------------------- */

/* 小くくりコメントアウト small part */
/*
↑↑↑↑↑↑コメントアウト表記サンプル Comment out sample ↑↑↑↑↑↑
*/
/*----------------------------------------------
	.l_wrap
---------------------------------------------*/
.l_wrap {
	opacity: 0;
	transform: translateY(50px);
	width: 960px;
	margin: 0 auto;
}
.l_wrap.slideup {
	animation: wrapin .3s ease forwards;
}
@keyframes wrapin {
	0% {
		opacity: 0;
		transform: translateY(50px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}
@media screen and (max-width:1024px) {
  .l_wrap {
    width: 90%;
  }
}

/*----------------------------------------------
	.l_container
---------------------------------------------*/
#inner .l_container {
  background-color: #F5F5F5;
}

/*----------------------------------------------
	.l_header_area
---------------------------------------------*/
.l_header_area {
	display: flex;
	opacity: 0;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99;
	width: 100%;
	height: 100px;
	background-color: rgba(255, 255, 255, .5);
	justify-content: space-between;
}
.active .l_header_area {
	animation: fadein .5s 1s ease forwards;
}
#inner.active .l_header_area {
	animation: fadein .5s .5s ease forwards;
}
@keyframes fadein {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
.l_header_logo {
	display: flex;
	align-items: center;
}
@media screen and (max-width:640px) {
	.l_header_area {
		height: 50px;
	}
	.l_header_logo {
		width: calc(100% - 180px);
	}
	.l_header_logo img {
		max-height: 60px;
	}
}

/*----------------------------------------------
	.l_nav_area
---------------------------------------------*/
.l_nav_link {
	display: flex;
	height: 100%;
}
.l_nav_link a {
	display: flex;
	width: 100px;
	height: 100%;
	color: #fff;
	font-size: 1.2rem;
	letter-spacing: .1em;
	text-decoration: none;
	text-align: center;
	justify-content: center;
	align-items: center;
}
.l_nav_contact a {
	background-color: #7AADDF;
}
.l_nav_entry a {
	background-color: #114E93;
}
@media screen and (max-width:640px) {
	.l_nav_link a {
		width: 80px;
	}
}

/*----------------------------------------------
	.l_main_area
---------------------------------------------*/
.l_main_area {
	position: relative;
	z-index: 2;
	margin-top: -170px;
}
@media screen and (max-width:640px) {
	.l_main_area {
		margin-top: -100px;
	}
}

/*----------------------------------------------
	.l_section
---------------------------------------------*/
.l_section {
	padding: 80px 0;
}
.l_wrap:not(:last-child) .l_inner_section {
	margin-bottom: 60px;
}
@media screen and (max-width:640px) {
	.l_section {
		padding: 30px 0;
	}
	.l_wrap:not(:last-child) .l_inner_section {
		margin-bottom: 30px;
	}
}

/*----------------------------------------------
  .l_footer_area
---------------------------------------------*/
.l_footer_area {
	padding: 70px 0 60px;
	background-color: #fff;
	text-align: center;
	position: relative;	
}
.l_footer_area a.l_footer__pageTop.anchor {
    position: absolute;
    top: -16px;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 0.5rem 1rem;
    background-color: #fff;
    width: 10rem;
	z-index: 2;
}
.l_footer_logo {
	margin-bottom: 60px;
}
.l_footer_logo a {
	font-size: 1.2rem;
}
.l_footer_logo a:hover {
	text-decoration: none;
}
@media screen and (max-width:640px) {
	.l_footer_area {
		padding: 30px 0;
	}
	.l_footer_logo {
		margin-bottom: 20px;
	}
}

/*----------------------------------------------
  .l_copyright
---------------------------------------------*/
.l_copyright {
	font-size: 1.2rem;
}

/*----------------------------------------------
  .l_pagetop
---------------------------------------------*/