@charset "utf-8";
/**
Theme Name: BNS_EN
Template: BNS
*/

body{
	font-family: Outfit, sans-serif;
}

.company dl.dl_table.officer dt{
	flex-basis: 11.25em !important
}

.company dl.dl_table.officer dd{
	flex-basis: calc(100% - 11.25em) !important
}

#sp_menu:lang(en) .navbar__navigation.flex__navigation{
	/*width: 70%;*/
	/*justify-content: end;*/
	/*max-width: calc(100% - 370px);*/
	/*display: flex;*/
	/*align-items: center;*/
	/*height: 100%;*/
	/*min-width: 500px;*/
	/*margin-left: 20px;*/
}

footer:lang(en) .info {
	margin-right: 48px !important;
}

footer:lang(en) .footer__container{
	gap: 20px
}

footer:lang(en) .footer__container.inner{
	flex-wrap: wrap;
}

.en_none{
	display: none;
}

@media screen and (max-width: 1065px){
	/* header */
	#sp_menu{
		display: block;
		height: 0;
		transition: .3s;
		overflow: hidden;
		position: absolute;
		left: 0;
		top: 40px;
	}

	#sp_menu.on{
		display: block;
		background-color: var(--white-color);
		height: auto;
		width: 100%;
		padding: 30px 6.4%;
	}

	#sp_menu .navbar__navigation.flex__navigation,
	#sp_menu .navbar__main.flex__navigation{
		display: block;
		max-width: initial;
		min-width: auto;
		margin-left: 0;
		height: auto;
		width: auto;
	}

	#sp_menu .navbar__navigation-list{
		width: 100%;
		height: auto;
		margin: 0 auto 1em auto;
	}

	#sp_menu .nav_recruit{
		padding: .5em;
		border: 1px solid var(--btn-red);
		width: 260px;
	}

	#btn_sp_menu{
		display: initial;
		width: 30px;
		height: 20px;
		border: none;
		border-top: 2px solid var(--black-color);
		border-bottom: 2px solid var(--black-color);
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		background-color: transparent;
		padding: 0;
		line-height: 0;
		z-index: 999;
	}

	#btn_sp_menu.on{
		border: none
	}

	#btn_sp_menu.on:before, #btn_sp_menu.on:after{
		content: '';
		position: absolute;
		top: 50%;
		left: 50%;
		width: 2px;
		height: 30px;
		background: var(--black-color);
	}

	#btn_sp_menu.on:before{
		transform: translate(-50%, -50%) rotate(45deg);
	}

	#btn_sp_menu.on:after{
		transform: translate(-50%, -50%) rotate(-45deg);
	}

	#btn_sp_menu:before{
		content: '';
		border-top: 2px solid var(--black-color);
		display: inline-block;
		width: 100%;
		height: 2px;
		top: 50%;
		left: 0;
		transform: translateY(calc(-50% + 3px));
	}

	.header__navbar{
		height: 40px;
		position: relative;
	}

	.navbar__lang{
		top: 50%;
		line-height: 0;
		transform: translateY(-50%);
		left: 0;
	}

	.navbar__lang li{
		width: 25px;
		height: 25px;
	}

	/* footer */
	footer{
		padding-top: 52px;
		margin-top: 52px;
		font-size: var(--font-13px);
	}

	#sp_menu:lang(en) .navbar__navigation.flex__navigation{
		max-width: initial;
	}

}

@media screen and (max-width: 950px){
  .navbar__lang{
    position: relative;
    top: 0;
    line-height: 0;
    transform: none;
    left: 0;
    height: fit-content;
    order: -1;
  }

	#btn_sp_menu{
    display: block;
    position: relative;
    margin-left: 10px;
    width: 30px;
    height: 20px;
    border: none;
    border-top: 2px solid var(--black-color);
    border-bottom: 2px solid var(--black-color);
    background-color: transparent;
    padding: 0;
    line-height: 0;
    z-index: 999;
		top:0;
		transform:none;
  }
	footer{
		margin-top:33px;
	}
}

@media screen and (max-width: 910px){
	footer:lang(en) .footer__company a {
		display: block;
		width: auto
	}
}

@media screen and (max-width: 768px) {
	footer:lang(en) .info {
		margin-right: 0 !important;
	}
}