@charset "UTF-8";
/* header、footer など、ベースとなる部分のCSSを書く*/
/*メディアクエリ（サンプル最後に取る）*/
/*sp（なくても良い）*/
@media screen and (max-width: 480px) {}
/*tablet 768px以下*/
@media screen and (max-width: 767px) {}
/*pc 1000px以下*/
@media screen and (max-width: 1000px) {}
body {
	overflow-x: hidden;
}
#sb-lp img {
	width: 100%;
	height: auto;
}
#sb-lp a {
	text-decoration: none;
}
/* 文字基準 */
#sb-lp h1, #sb-lp h2, #sb-lp h3, #sb-lp h4, #sb-lp h5, #sb-lp h6, #sb-lp p, #sb-lp span,
#sb-lp li{
    font-family: 'Noto Sans JP', sans-serif;
}
html {
    scroll-behavior: smooth;
}

.display_pc {
    display: block;
}
.display_sp {
    display: none;
}


.left-menu {
    grid-column: 1;
   width: auto;  
	border-right: 5px solid #09c0df;
}

.right-menu {
    grid-column: 3;
  width: auto; 
	border-left: 5px solid #09c0df;
}


/* PCレイアウト調整 */
@media (min-width: 501px) {
    body {
        font-size: calc(16px + 0.5vw); /* ウィンドウ幅に応じた文字サイズ */
    }
}

@media (max-width: 500px) {

  #sb-lp{
    max-width: none;
    margin: 0 auto;
  }
	.side-menu{
		display: none;
	}
}

@media screen and (max-width: 500px) {
    .display_pc {
        display: none;
    }
    .display_sp {
        display: block;
    }
}