@charset "utf-8";
/*----------------------------------------------
	.l_page
---------------------------------------------*/
.l_page {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}


/*----------------------------------------------
	.l_container
---------------------------------------------*/
.l_container {
	flex: 1;
	margin-bottom: 60px;
}


/*----------------------------------------------
	.l_header
---------------------------------------------*/
/* top */
#top .l_header {
	position: relative;
	z-index: -100;
	margin-bottom: 30px;
	text-align: center;
  box-shadow: 0 0 15px 0 #572f0716;
}

#top .l_header img{
	width: 100%;
}

/* menu */
#menu .l_header {
	margin-bottom: 80px;
}

/* top以外 */
body:not(#top) .l_header nav {
	display: flex;
	justify-content: space-between;
	margin: 15px 0 40px 0;
}

/* topとmenu以外 */
body:not(#top,#menu) .l_header {
	margin-bottom: 40px;
}


/*----------------------------------------------
	.l_logo
---------------------------------------------*/
.l_logo {
	width: 160px;
	height: auto;
	object-fit: contain;
}


/*----------------------------------------------
	.l_main
---------------------------------------------*/
.l_main {
	/*margin-bottom: 60px;*/
}


/*----------------------------------------------
	.l_form
---------------------------------------------*/
.l_form {
	margin-bottom: 30px;
	text-align: center;
}


/*----------------------------------------------
	.l_pagetop
---------------------------------------------*/
.l_pagetop {
	position: fixed;
	right: 50px;
	bottom: 210px;
	z-index: 999;
	width: 70px;
	height: 70px;
	cursor: pointer;
}


/*----------------------------------------------
  .l_footer
---------------------------------------------*/
.l_footer {
	position: relative;
	font-size: 1.4rem;
}
.l_footer::before {
	position: absolute;
	bottom: 0;
	z-index: -100;
	width: 100%;
	height: 100%;
	border-top: 6px solid;
	border-image: linear-gradient(to right, #D34F7E, #E9AA2B, #85C6C4, #76B9D1, #4F549A) 1;
	background: #FFFFFF;
	content: "";
}


/*----------------------------------------------
  .l_office
---------------------------------------------*/
.l_office {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 30px 0;
}
.l_office div {
	margin: 0 auto;
}



/*----------------------------------------------
  .l_copyright
---------------------------------------------*/
.l_copyright {
	padding: 7px 0;
	text-align: center;
	background: #686868;
	color: #ffffffb6;
	font-size: 13px;
}


/*----------------------------------------------
	.l_menu_btn_area
---------------------------------------------*/
.l_menu_btn_area {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 20px;
}


/*----------------------------------------------
	.l_content
---------------------------------------------*/
.l_content {
	margin-top: 30px;
	padding: 40px;
	background: #fff;
  box-shadow: 0 0 15px 0 #572f0716;
  position: relative;
}


/*----------------------------------------------
	.l_select
---------------------------------------------*/
.l_select {
	margin-bottom: 30px;
  padding: 20px;
	background: #f6f4f2;
}

.l_select div{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}


/*----------------------------------------------
	.l_iframe
---------------------------------------------*/
.l_iframe iframe{
	position: relative;
  aspect-ratio: 16/9;
  max-width: 900px;
  width: 90%;
  height: 100%;
  max-heig