@charset "utf-8";
/*==================================================
	スマホのみに適用
==================================================*/
@media only screen and (max-width: 640px){
	body { font-size: 85%; }
	.dsp_hp, .dsp_hpt { display: none; }

	/* コンテナ */
	#wrap, #footer {
		min-width: 320px;
	}
	#container h3.sub {
		margin-bottom: 20px;
		font-size: 18px;
		padding: 0 35px;
	}
	#container h3.sub:before {
		width: 15px;
		height: 15px;
		top: 19px;
	}
	#container h4.sub {
		font-size: 18px;
		padding: 15px 0 15px 30px;
	}
	#container h4.sub::before {
		top: 22px;
	}
	#page_title .sub_page {
		padding-top: 30px;
		font-size: 35px;
		height: 70px;
	}
	#page_title .sub_page span {
		font-size: 20px;
	}
	/* フッター */
	#footer .gmap {
		height: 200px;
	}
	#footer .box dt {
		margin-bottom: 10px;
	}
	#footer .box dt img {
		max-width: 120px;
	}
	#copyright {
		height: auto;
		line-height: 1.6;
		padding: 5px 0;
	}
	/* 枠のマージン・パディング */
	.mb { margin-bottom: 30px; }
	.pt { padding-top: 30px; }
	.pb { padding-bottom: 30px; }
	/*--------------------------------------------------
		トップページ
	--------------------------------------------------*/
	#top_menu dl {
		width: 100%;
		margin-bottom: 60px;
		padding: 30px 20px 45px;
	}
	#top_menu dl:last-of-type {
		margin-bottom: 30px;
	}
	#top_menu dt span {
		font-size: 35px;
	}
	/*--------------------------------------------------
		会社概要
	--------------------------------------------------*/
	#about .about_philosophy .box .in {
		width: 100%;
	}
	#about .about_origin .box {
		justify-content: center;
	}
	#about .about_origin .box dl {
		width: 170px;
		height: 170px;
		margin-bottom: 10px;
	}
	#about .about_origin .box dl:nth-of-type(odd) {
		margin-right: 5px;
	}
	#about .about_history::before {
		width: 28%;
		right: 0;
	}
	#about .about_history dl {
		flex-direction: column;
	}
	#about .about_history dt {
		margin-right: 0;
		margin-bottom: 10px;
	}
	#about .about_group .box .in_lft dl {
		flex-direction: column;
	}
	#about .about_group .box .in_lft dt {
		margin-bottom: 10px;
		width: 100%;
	}
	#about .about_group .box .in_rit {
		width: 100%;
	}
	#about .about_group .box .in_rit .bana.w1 img {
		width: 85%;
	}
	#about .about_group .box .in_rit .bana_w2 .bana {
		width: 48%;
	}
	#about .about_group .box .in_rit .bana a {
		width: 100%;
	}
	@media only screen and (max-width: 320px) {
		#about .about_origin .box {
			justify-content: space-between;
		}
		#about .about_origin .box dl {
			width: 140px;
			height: 140px;
		}
		#about .about_origin .box dl:nth-of-type(odd) {
			margin-right: 0;
		}
	}
	/*--------------------------------------------------
		店舗紹介
	--------------------------------------------------*/
	#shop .shop_box h3.sub {
		display: flex;
		justify-content: flex-start;
		align-items: flex-start;
		flex-direction: column;
		line-height: 1.2em;
		padding: 10px 35px;
		min-height: inherit;
	}
	#container h3.sub:before {
		top: 14px;
	}
	#shop .shop_box h3.sub .fs {
		padding-left: 0;
	}
	#shop .shop_box .box dl,#shop .shop_box .box.gaisyoku_box dl {
		width: 100%;
		min-height: inherit;
		padding: 15px;
		margin-bottom: 15px;
	}
	#shop .shop_box .box dt,#shop .shop_box .box.gaisyoku_box dt {
		margin-bottom: 10px;
	}
	/*--------------------------------------------------
		お問い合せ
	--------------------------------------------------*/
	
/*------------------------------------------------*/
}