/* =============================================================
  レスポンシブ
============================================================= */

/* 768px以上
----------------------------*/
@media (min-width: 768px){

	/* =============================================================
	  全ページ共通部分
	============================================================= */
	/*  ヘッダー
	-------------------------------------------*/
	.header_area {
		max-width: 720px;
	}
	
} /* 768以上終わり */


/* 992px以上
----------------------------*/
@media (min-width: 992px){

	/* =============================================================
	  全ページ共通部分
	============================================================= */
	/*  ヘッダー
	-------------------------------------------*/
	.header_area {
		max-width: 960px;
	}
	
	/*  グローバルナビゲーション
	-------------------------------------------*/
	/* 位置をセンター寄せに（lightning更新上書き）*/
	.site-header-container .global-nav--layout--float-right,
	.site-header-container .global-nav-list {
		margin: 0 auto;
	}
	
	/*  コンテンツ
	-------------------------------------------*/
	/*  全幅背景
	-------------------------------*/
	.wide .block_inner {
		 max-width: 930px;
	}
	
}/* 992px以上終わり */


/* 1200px以上
----------------------------*/
@media (min-width: 1200px){

	/* =============================================================
	  全ページ共通部分
	============================================================= */
	/*  ヘッダー
	-------------------------------------------*/
	.header_area {
		max-width: 1110px;
	}
	
	/*  コンテンツ
	-------------------------------------------*/
	/*  大枠
	-------------------------------*/
	/* 横幅1080px + padding左右15px */
	.container {
		max-width: 1110px;
	}
	/*  全幅背景
	-------------------------------*/
	/* 992px以上の打消しのため */
	.wide .block_inner {
		 max-width: 1080px;
	}
	
}/* 1200px以下終わり */



/* 991px以下
----------------------------*/
@media (max-width: 991px){

	/* =============================================================
	  全ページ共通部分
	============================================================= */
	/*  ヘッダー
	-------------------------------------------*/
	/*  大枠（lightning）
	--------------------------------*/
	/* 最大サイズ */
	.header_area {
		max-width: 720px;
		padding: 20px 15px 18px;
	}
	/* モバイルナビ
	--------------------------------*/
	/* 位置調整 */
	.admin-bar .vk-mobile-nav-menu-btn {
		border: none;
		top: calc(32px + 56px);
	}
	.vk-mobile-nav nav ul li a {
		padding-top: 1.5rem;
		padding-bottom: 1.6rem;
	}
	
	/*  ロゴ（lightningのもの）
	--------------------------------*/
	/* 既存のlogoを再表示 */
	.site-header--layout--nav-float .site-header-logo {
		display: block;
		background-color: #fff;
		border-bottom: 5px solid var(--color-primary);
		margin-bottom: 0;
		padding-top: 1.1rem;
		padding-bottom: 0.7rem;
	}
	/*  ロゴなど（cmn.jsで追加したもの）
	-------------------------------*/
	/* 下線を追加 */
	.header_area {
		border-bottom: 1px solid var(--color-primary);
	}
	/* ロゴ（左）
	---------------------*/  
	/* 追加したlogoを非表示 */
	.header_area ul li:nth-child(1) {
		display: none;
	}
	/* 問い合わせ画像（右）
	---------------------*/  
	/*liの 横幅を100%に */
	.header_area ul li:nth-child(2) {
		width: 100%;
		text-align: center;
	}
	/* telの画像サイズを縮小 */
	.header_area ul li:nth-child(2) img {
		width: 75%;
	}
	
	/*  コンテンツ
	-------------------------------------------*/
	/*  レイアウト
	--------------------------------*/
	/* コンテンツ幅 */
	.main-section {
		width: 100%;
	}
	/*  サイドバナー  .sub-section
	--------------------------------*/
	/* レイアウト
	---------------------*/     
	/* サイドバナー幅 */
	.sub-section--pos--left.sub-section {
		width: 100%;
		margin-top: 2.5rem;
	}
	/* リスト
	---------------------*/     
	.side_block li {
		width: calc((100% - 6%) / 3);
	}
	/* liを左寄せに */
	.side_block ul::before {
		content: "";
		display: block;
		width: calc((100% - 6%) / 3);
		order: 1;
	}
	.side_block ul::after {
		content: "";
		display: block;
		width: calc((100% - 6%) / 3);
	}
	
	/*  スマホ用ナビゲーション
	-------------------------------*/
	/* タブレットのメニューを縦並びに */
	.vk-menu-acc {
		display: block;
	}
	
	/* =============================================================
	  トップページ　.top
	============================================================= */
	 /* レイアウト
	-------------------------------------------*/
	/* メインブロック・サイドブロック */
	.top_main_block,
	.top_side_block {
		width: 100%;
		float: none;
	}
	
	/* =============================================================
	  フォーム
	============================================================= */
	/* 共通
	-------------------------------------------*/
	/*  テーブル
	----------------------------*/
	/*thとtdを縦並び、横100%に */
	.form table th,
	.form table td {
		display: block;
		width: 100%;
	}
	
} /* 991以下終わり */


/* 575px以下
----------------------------*/
@media (max-width: 575px) {

	/* =============================================================
	  全ページ共通部分
	============================================================= */
	/*  ヘッダー
	-------------------------------------------*/
	/*  ロゴなど（cmn.jsで追加したもの）
	-------------------------------*/
	/* 共通
	---------------------*/
	/* ロゴ（左）
	---------------------*/  
	/* 画像サイズを縮小 */
	.site-header--layout--nav-float .site-header-logo img {
		width: 60%;
	}
	/* 問い合わせ画像（右）
	---------------------*/  
	/* 画像サイズを縮小 */
	.header_area ul li:nth-child(2) img {
		width: 70%;
	}
	/* mobileナビ
	----------------------------*/	
	/* 枠を非表示 */
	.admin-bar .vk-mobile-nav-menu-btn {
		top: calc(32px + 49px);
	}	
	.vk-mobile-nav-menu-btn.menu-open {
		border: none;	
	}
	
	/*  グローバルナビゲーション
	-------------------------------------------*/
	/* ulのflexを解除 */
	ul.vk-menu-acc {
		display: block;
	}
	
	/* スマホPC切り替え
	-------------------------------------------*/
	/* sp用表示pc用非表示 */
	.sp {
		display: block;
	}
	.pc {
		display: none;
	}

	
	/*  サイドバナー  .sub-section
	--------------------------------*/
	/* リスト
	---------------------*/
	/* liの幅を変更 */
	.side_block li {
		width: calc((100% - 6%) / 2);
	}
	
}/* 575px以下終わり */