@charset "utf-8";
/* CSS Document */


@media (max-width: 980px) {
	
	/* ヘッダー
	----------------------------------------*/
	nav {
		display: none;
		position: absolute;
		top: 60px;
		right: 0;
		background: #fff;
		width: 100%;
	}
	nav ul {
		flex-direction: column;
		padding: 20px;
	}
	.hamburger {
		display: flex !important;
	}
	
}


@media (max-width: 768px) {
	
	/* common
	----------------------------------------*/
	.grid {
		flex-direction: column;
	}
	
	
	/* ヘッダー
	----------------------------------------*/
	h1 img {
		height: 25px;
	}
	.flex {
		gap: 1rem;
	}
	.tel a {
		padding: .15rem;
		font-size: .5rem;
		line-height: 1.35;
	}
	.tel a small {
		display: block;
    font-size: .6rem;
	}
	
	
	/* 事業内容
	----------------------------------------*/
	.services-grid {
		grid-template-columns: 1fr;
	}
	.services-grid .service-card {
		grid-column: auto !important;
	}
	
	
	/* リンク
	----------------------------------------*/
	.banners {
		flex-direction: column;
	}
	
}


@media (min-width: 769px) {
  
  
  /* common
  ----------------------------------------*/
  .br {
    display: none;
  }
  

	/* SNS
	----------------------------------------*/
	.insta-section .inner {
		display: flex;
		justify-content: center;
		gap: 80px;
	}

}