/*フォント*/
body {
	font-family: 'Zen Kaku Gothic New', sans-serif;
	color: #051d40;
}
/*ヘッダーフッターメニューのフォント*/
.en {
	font-family: 'Bebas Neue';
	font-weight:900;
}

/*トップナビ*/
.top {
	height:100px;
	background:#fff;
	line-height:100px;
	padding:0 40px;
	display: flex;
justify-content: space-between;
}
.top h1 {
	display: flex;
flex-direction: column;
justify-content: center;
}
.top h1 img {
	max-width:305px;
	width:100%;
}
.top ul {
	display: flex;
justify-content: space-between;
}
.top ul li {
	margin-left:40px;
}
.top ul li a {
	display:block;
	line-height:100px;
	font-size:22px;
}

/*フッター*/
.bottom {}
.bottom h1 {
text-align: center;
padding: 40px 20px;
}
.bottom h1 img {
max-width: 260px;
width: 100%;
}
.bottom ul {
display: flex;
justify-content: center;
border-bottom: 1px solid #eee;
}
.bottom ul li {
margin: 10px;
}
.bottom ul li a {}
.bottom p {
text-align: center;
padding: 30px;
}

.compa {
padding: 100px 20px 0;
}
.compa .img {
text-align: center;
margin-bottom: 60px;
}
.compa .img img {
max-width: 732px;
width: 100%;
}
.compa .map {}
.compa .map iframe {}

/*ここからレスポンシブ指定*/
/*アイパッド*/
@media screen and (max-width: 1024px) {

/*トップナビ*/
.top {
position: fixed;
top: 0;
left: 0;
width: 100%;
box-sizing: border-box;
z-index: 999;
padding: 0;
height: 80px;
line-height: 80px;
}
.top h1 {
width: 100%;
align-items: center;
background: #fff;
z-index: 999;
}
.top h1 img {
max-width: 40px;
}
.top ul {
position: absolute;
top: -100vh;
left: 0;
background: #000;
color: #fff;
width: 100%;
flex-direction: column;
align-items: center;
padding: 30px 0;
transition: all .2s ease;
z-index: 99;
}
.top ul.menu_open {
top: 80px;
transition: all .2s ease;
}
.top ul li {
margin: 0;
}
.top ul li a {
font-size: 18px;
line-height: 60px;
}

/*フッター*/
.bottom {}
.bottom h1 {}
.bottom h1 img {}
.bottom ul {
flex-direction: column;
}
.bottom ul li {
border-top: 1px solid #eee;
padding: 20px 10px;
margin: 0;
text-align: center;
}
.bottom ul li a {}
.bottom p {}


/*ハンバーガーメニュー*/

/*オープンボタン*/
.burger-btn{
transition: .3s;
position: fixed;
top: 30px;
right: 30px;
height:20px;
width:30px;
z-index: 999999;
}
.bar{
width: 30px;
height: 3px;
display: block;
position: absolute;
background: #000;
}
.bar_top{ 
top: 0%;
transition: transform .3s;
}
.bar_middle{
top: 50%;
transition: transform .3s;
	transform: scale( 1 ) ;
}
.bar_bottom{
top: 100%;
transition: transform .3s;
}
/*クローズボタン*/
.burger-btn.close{
}
.burger-btn.close .bar {
	background:#000;
}
.burger-btn.close .bar_top{
transition: transform .3s;
transform: translate(0,10px) rotate(45deg);
}
.burger-btn.close .bar_middle{
transition: transform .3s;
	transform: scale( 0 ) ;
}
.burger-btn.close .bar_bottom{
transition: transform .3s;
transform: translate(0,-10px) rotate(-45deg);
}

.compa {
}
.compa .img {
}
.compa .img img {
}
.compa .map {}
.compa .map iframe {}



}

/*アイホン678＋*/
@media screen and (max-width: 820px) {

/*トップナビ*/
.top {
}
.top h1 {
}
.top h1 img {
}
.top ul {
}
.top ul li {
}
.top ul li a {
}
	
}