/*----------------------------
* メニュー開閉ボタン
*----------------------------*/
.menu-btn{
position: fixed;
top: 0vw;
right: 2vw;
z-index: 4;
width: 40px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
color: #2f2f2f;
}
.fa, .fas {
    font-weight: 900;
    font-size: 6vw;
}
.menu_1{
	margin-top: -28vw;
}
/*----------------------------
* メニュー本体
*----------------------------*/
.menu{
  position: fixed;
  top: 0;
  right: 0;
  z-index: 3;
  width: 100vw;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #c3d6ea;
}
.menu__item{
	text-align: left;
	border-bottom: 1px solid #A1B6D0;
	padding: 3vw;
}
.menu__item a{
	padding: .5em 1em;
	text-align: center;
	color: #1f3b59;
	box-sizing: border-box;
	line-height: 11vw;
	font-size: 4vw;
	font-weight: normal;
	font-size: 5vw;
	font-weight: normal;
	}
.contacts{
	padding: 5vw;
	border: 1px solid #fff;
	color: #FFF;
	text-align: center;
	text-decoration: none;
	transition: .3s;
	right: 0;
	margin: 8vw 0 0 0;
	font-size: 4vw;
	width: 70vw;
}
/*----------------------------
* アニメーション部分
*----------------------------*/

/* アニメーション前のメニューの状態 */
.menu{
  transform: translateX(100vw);
  transition: all .3s linear;
}
/* アニメーション後のメニューの状態 */
.menu.is-active{
  transform: translateX(0);
}