/* =============================================================
レスポンシブ
============================================================= */
@media (max-width: 991.98px) {
	body, html {
		font-size: calc(var(--vk-size-text) * .7);
	}
}

/* 992px以上
-------------------------------------------*/
@media (min-width: 992px){
	/* =============================================================
	全ページ共通部分
	============================================================= */
	/*  ロゴ・ナビ共通
	----------------------------*/
	/* 位置をセンターに（lightning更新上書き） */
	.site-header--layout--nav-float .site-header-logo a {
		width: auto;
	}

	/*  グローバルナビゲーション
	-------------------------------------------*/
	/* 位置をセンター寄せに（lightning更新上書き）*/
	.site-header-container .global-nav--layout--float-right,
	.site-header-container .global-nav-list {
		margin: 0 auto;
	}
	/* ボタンのpadding調整 */
	.device-pc .global-nav-list>li>a {
		padding:16px 7px;
	}

	/* =============================================================
	トップページ
	============================================================= */
	

}/* 992px以上終わり */


/* 1200px以上
----------------------------*/
@media (min-width: 1200px){
	/*  コンテンツ
	--------------------------------------*/
	/* ==========================================
	全ページ共通部分
	========================================== */
	/* 最大幅 */
	.container {
		max-width: 1180px;
		padding: 0;
	}

	/* =============================================================
	トップページ
	============================================================= */
	

}/* 1200px以上終わり */


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

	/* 弊社運営サイト .management_site
	-------------------------------------------*/
	/* 共通
	----------------------------*/
	/* 写真と文章
	----------------------------*/
	/* 写真 */
	.top .management_site li:first-child img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

} /* 1199以下終わり */


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

	/* =============================================================
	全ページ共通部分
	============================================================= */
	/*  グローバルナビゲーション
	-------------------------------------------*/
	/* タブレット以下のメニューを縦並びに */
	.vk-menu-acc {
		display: block;
	}

	/*  フッター
	-------------------------------------------*/
	/* フッターウィジェット
	----------------------------*/	
	/* 運営会社のロゴ　サイズ調整 */
	.site-footer-content .col-lg-4:last-child .widget .m-company a img {
		width: 26%;
	}
	/* グループ会社を横幅いっぱいに */
	.site-footer-content .col-lg-4:last-child,
	.site-footer-content .col-md-6:last-child {
		flex: 0 0 100%;
		max-width: 100%;
		margin-top: 2rem;
	}
	.site-footer-content .col-lg-4:last-child .widget li,
	.site-footer-content .col-md-6:last-child .widget li {
		width: 31%;
	}	


	/* =============================================================
	製作事例 .works
	============================================================= */
	/* クライアントのレイアウト
	-------------------------------------------*/
	/* 左側（写真）
	----------------------------*/
	/* liの横幅を変更 */
	.works .client li.pic {
		width: 45%;
	}	
	/* 右側（文章）
	----------------------------*/
	/*　大枠
	---------------------*/
	/* liの横幅を変更*/
	.works .client li.txt {
		width: 50%;
	}
	/* 仕様
	---------------------*/
	/* specificatioの位置指定解除 */
	.works .client .specification {
		margin-top: 0;
	}
	.works .client .c-product .specification ul {
		margin-top: -0.5rem;
	}
	/* 店名などある場合（一つ目） */
	.works .client .c-product.first .specification {
		margin-top: 1.5rem;
	}

	/* =============================================================
	ご注文の流れ
	============================================================= */
	/* 数字 .num_group
	-------------------------------------------*/
	/* 文字サイズを変更 */
	.orderflow .step li.num_group p {
		font-size: 2.2rem;
	}
	/* 文字サイズを変更 */
	.orderflow .step li.num_group span {
		font-size: 1rem;
	}

	/* =============================================================
	お問合せ・お見積もり .contact
	============================================================= */
	/* デザイン希望の方への注釈
	----------------------------*/
	/* 文字を左寄せに */
	.attention_note {
		text-align: left;
	}

	/* ドメイン追加の注釈
	----------------------------*/
	/* 文字を左寄せに */
	.mail_domain p + p {
		text-align: left;		
	}

	/* =============================================================
	お問い合わせ（フォーム）
	============================================================= */
	/* 共通
	-------------------------------------------*/
	/*  テーブル
	----------------------------*/
	/* thの幅とデザイン */
	.form table th {
		display: block;
		width: 100%;
	}
	/* tdの幅 */
	.form table td {
		display: block;
		width: 100%;
		padding-bottom: 2rem;
	}

	/* テーブル in テーブル
	----------------------------*/	
	/* ボーダー */
	.form table table th {
		border-left: 4px solid #559e65;
		padding-left: 1rem;
	}
	/* 文字位置を調整 */
	.form table th.vtop {
		padding-top: 1rem;
	}
	.form table table th.vtop {
		padding-top: 1rem;
	}
	/* 注釈のみの行追加のためにマージン等調整 */
	.form table.estimate tr.size td {
		padding-bottom: 0;
	}
	.form table tr.size_note th {
		display: none;
	}
	.form table.estimate tr.size_note td {
		padding-top: 0;
		padding-bottom: 1.5rem;
	}
	table tr.size_note p {
		margin-top: 0.5rem;
	}

	/* 必須・任意アイコン
	----------------------------*/
	/* アイコン共通（任意） */
	.form .input_icon {
		position: static;
		margin-left: 0.5rem;
	}

} /* 991以下終わり */



/* 767px以下
-------------------------------------------*/
@media (max-width: 767px){
	/* =============================================================
	全ページ共通部分
	============================================================= */
	/*  ヘッダー
	-------------------------------------------*/
	/*  ロゴ
	----------------------------*/
	/* 大きさ */
	.site-header--layout--nav-float .site-header-logo img {
		width: 75%;
	}	
	/* mobileナビ
	----------------------------*/	
	/* 位置を変更 */
	.admin-bar .vk-mobile-nav-menu-btn {
		top: calc(46px + 22px);
	}
	/* ページタイトル（トップ以外）
	-------------------------------------------*/
	/* 高さ・背景 */
	.page-header {
		min-height: auto;
	}
	.page-header-inner {
		margin: 1.5rem 0.2rem;
	}

	/*  コンテンツ
	-------------------------------------------*/
	/*  大枠
	----------------------------*/
	/* コンテンツ下マージン変更 */
	.site-body {
		margin-bottom: 3rem;
	}
	/* バナー・ボタンSP用（S用P表示、PC用非表示）
	----------------------------*/
	.sp {
		display: block;
	}
	.pc {
		display: none;
	}
	/*  各ブロック
	----------------------------*/
	/* マージンを上に追加 */
	.block {
		margin-top: 3rem;
	}

	/* フッター
	-------------------------------------------*/
	/* フッターウィジェット
	----------------------------*/
	/* 2番目の上下マージン変更 */
	.site-footer-content .col-lg-4:nth-child(2),
	.site-footer-content .col-md-6:nth-child(2) {
		margin-top: 2rem;
	}
	/* 運営会社のロゴ　サイズ調整 */
	.site-footer-content .col-lg-4:last-child .widget .m-company a img {
		width: 40%;
	}
	/* グループ会社を横幅2列に */
	.site-footer-content .col-lg-4:last-child .widget li,
	.site-footer-content .col-md-6:last-child .widget li {
		width: 47%;
	}

	/* =============================================================
	トップページ
	============================================================= */
	/* メインビジュアル
	-------------------------------------------*/
	/* 非表示に */
	.ltg-slide-text-title {
		display: none;
	}

	/* =============================================================
	製作事例 .works
	============================================================= */
	/* クライアントのレイアウト
	-------------------------------------------*/
	/* 左側（写真）
	----------------------------*/
	/* liの横幅を変更 */
	.works .client li.pic {
		width: 100%;
	}	
	/* 右側（文章）
	----------------------------*/
	/*　大枠
	---------------------*/
	/* liの横幅を変更 */
	.works .client li.txt {
		width: 100%;
		margin-top: 1rem;
	}
	/*　クライアント名
	---------------------*/
	/* センター寄せに */
	.works .client .name,
	.works .client .name h3 {
		text-align: center;
	}
	/* 仕様
	---------------------*/
	/* タイトルのデザイン変更 */
	.works .client .specification .tit {
		padding-left: 0;
		padding-top: 0.2rem;
		padding-bottom: 0.2rem;
		border-left: none;
		border-bottom: 1px solid #5d6682;
		border-top: 1px solid #5d6682;
		text-align: center;
	}
	/* センター寄せに */
	.works .client .specification ul {
		justify-content: center;
		margin-top: 0.5rem;
	}

	/* =============================================================
	ご注文の流れ
	============================================================= */
	/* 数字 .num_group
	-------------------------------------------*/
	/* 幅を100%に変更 */
	.orderflow .step li.num_group {
		width: 100%;
	}
	/* margin-topを削除*/
	.orderflow .step li.num_group .inner {
		padding-top: 0;
	}
	/* positionをrelativeに、paddingを少なく */
	.orderflow .step li.num_group p {
		position: relative;
		padding: 0.5rem;
	}
	/* stepをinlineに、文字の大きさ調整 */
	.orderflow .step li.num_group span {
		display: inline-block;
		margin-right: 0.5rem;
		font-size: 1.8rem;
	}

	/* 文章 .txt_group
	-------------------------------------------*/
	/* 幅を90%に、センター寄せに */
	.orderflow .step li.txt_group {
		width: 95%;
		text-align: center;
		margin: 1rem auto 0;
	}

	/* 文章 .txt
	----------------------------*/
	/* 幅を調整、順番を変更*/
	.orderflow .step li.txt_group .txt {
		width: 77%;
		order: 2;
	}
	/* marginを削除 */
	.orderflow .step li.txt_group h3 {
		margin-top: 0;
		border-bottom: 1px dotted #2c5134;
		padding-bottom: 0.2rem;
	}
	/* テキストを左寄せに*/
	.orderflow .step li.txt_group p {
		text-align: left;
	}
	/* ピクト .pict
	----------------------------*/
	/* 幅を調整、順番を変更*/
	.orderflow .step li.txt_group .pict {
		width: 18%;
		order: 1;
	}
	/* 矢印とライン .arrow_line
	-------------------------------------------*/
	/* 幅を変更 */
	.orderflow .arrow_line .arrow {
		width: 100%;
		order: 2;
	}
	/* 画像サイズ */
	.orderflow .arrow_line .arrow img {
		width: 10%;
	}
	/* 線 */
	.orderflow .arrow_line .line {
		display: none;
	}


	/* =============================================================
	会社情報
	============================================================= */
	/* 会社概要
	-------------------------------------------*/
	/* 定義リスト
	----------------------------*/
	/* リスト 縦並びに */
	.company dl {
		flex-flow: column;
	}
	/* マージンとボーダー削除 */
	.company dt,
	.company dd {
		margin: 0;
		border-bottom: 0;
		padding: 0;
	}
	/* タイトル　横幅を100%に 背景追加してセンター寄せ　マージン調整 */
	.company dt {
		width: 100%;
		background-color: #dbe7d0;
		text-align: center;
		padding: 0.5rem;
		margin: 1rem 0 0;
	}
	/* 詳細　横幅を100%に　マージン調整 */
	.company dd {
		width: 100%;	
		margin: 0.5rem 0 1rem;
	}

	/* 写真
	----------------------------*/
	/* 上マージン */
	.company .company_profile .pic.sp {
		margin-top: 1rem;
	}
	/* テキスト横幅100%に */
	.company .company_profile li.txt,
	.company .company_profile li.txt dt,
	.company .company_profile li.txt dd {
		width: 100%;
	}

	
	/* =============================================================
	お問い合わせ（フォーム）
	============================================================= */
	/* 共通
	-------------------------------------------*/
	/* フォーカス対策
	----------------------------*/
	/* スマホのフォーカス防止のため文字サイズ変更 */
	.form input,
	.form textarea {
		font-size: 16px;
	}
	/*  テーブル
	----------------------------*/
	/* padding変更 */
	.form table th,
	.form table td {
		padding-left: 1.2rem;
		padding-right: 1.2rem;
		padding-bottom: 1.2rem;
	}
	/* tdのpadding再設定 */
	.form table.estimate td {
		padding: 0;
	}

	/* テーブル in テーブル
	----------------------------*/
	/* 納期の注釈を下に */
	.p-date .annotation {
		display: block;
		margin-top: 1rem;
	}	
	/* thのpadding再設定 */
	.form table.estimate table th {
		margin: 1rem 1rem 0; /* 上の上書き */
		padding-top: 0;
		padding-bottom: 0;
	}
	.form table.estimate table td {
		padding: 1rem; /* 上の上書き */
	}

}/* 767px以下終わり */

/*480px以下*/
@media screen and (max-width: 480px){

}/* 480px以下終わり */