/*--------------------------------------------------------------------
スマホ表示の設定 767px以下（768px基点だが767pxまではスマホ表示）
--------------------------------------------------------------------*/
@media screen and (max-width: 767px){

	body {/*font-size:clamp(16px, 2.35vw, 18px);*/}

	h1, h2 {letter-spacing: 0.02vw; line-height: 1.35;}

	h1 {font-size: clamp(24px, 5.2vw, 40px);}
	h2 {font-size: clamp(28px, 4.69vw, 36px);}
	h3 {font-size: clamp(20px, 3.13vw, 24px);}
	h4 {font-size: clamp(18px, 2.6vw, 20px);}
	h5 {font-size: clamp(16px, 2.35vw, 18px);}
	
	.f14 {font-size: clamp(12px, 1.82vw, 14px);}
	.f16 {font-size: clamp(14px, 2.1vw, 16px);}
	.f18 {font-size: clamp(16px, 2.35vw, 18px);}
	.f22 {font-size: clamp(18px, 2.6vw, 20px);}
	.f24 {font-size: clamp(18px, 2.73vw, 21px);}
	.f26 {font-size: clamp(19px, 3vw, 23px);}
	.f30 {font-size: clamp(20px, 3.38vw, 26px);}
	.f32 {font-size: clamp(19px, 3.78vw, 29px);}
	.f48 {font-size: clamp(24px, 5.73vw, 44px);}

	.sp_off {
		display: none;
	}

	.spbr {
		display: block;
	}

	.pc_off {
		display: inline-block;
	}
	/* ヘッダー 
	---------------------------------------------*/
	header {
		box-shadow: 0 2px 8px rgba(0,0,0,0.4);
	}

	.head {
		height: 70px;
	}

	.header_lbox {
		margin: 6px 0 0 6px;
	}

	.header_lbox img {
		height: 56px;
	}

	/* メニュー 
	---------------------------------------------*/
	/* スマホ時はPCメニューを非表示 */
	.noscroll {
		overflow: hidden;
	}

	.menu {
		display: none;
		position: fixed;
		top: 70px;
		width: 100%;
		border: none;
	}

	.menu nav {
		width: 100%;
	}

	.menu nav ul {/* border: solid 1px red;*/
		flex-direction: column;
	}

	.menu nav ul .LINEM img {
		display: inline-block;
		width: 130px;
		height: auto;
		vertical-align: top;
		margin: 0 0 3px 0;
	}

	/* 隠しメニュー縦並びの下線 */
	.menu nav li {
		display: block;
		padding-top: 0;
		border-left: none;
		border-bottom: 1px solid var(--GrDD-c);
		margin-bottom: 0;
	}

	.menu nav li a {/* border: solid 1px orange; */
		display: block;
	}

	.menu nav li:last-child {
		border-left: none;
		border-bottom: none;
	}

	/* サブヘッダー 
	---------------------------------------------*/
	.subheader {
		margin: 0 0 0 0;
		height: 70px;
	}

	.subheader p {
		margin: 6px 0 0 6px;
	}

	.subheader p img {
		height: 56px;
	}

	.header_rbox {
		display: none;
	}

	.subheader nav {
		display: none;
	}

	.subheader .container div {/* border: solid 1px red; */
		display: none;
	}

	/* マーク整形 tel mail メニューON-OFF
	---------------------------------------------*/
	#tel {/*border: solid 1px red;*/
		display: block;
		position: fixed;
		width: 50px;
		height: 50px;
		top: 10px;
		right: 118px;
		cursor: pointer;
		z-index: 800;
	}

	#mail {/*border: solid 1px red;*/
		display: block;
		position: fixed;
		width: 50px;
		height: 50px;
		top: 10px;
		right: 64px;
		cursor: pointer;
		z-index: 800;
	}

	#open, #close {/*border: solid 1px red;*/
		display: block;
		position: fixed;
		width: 50px;
		height: 50px;
		top: 10px;
		right: 10px;
		z-index: 600;
		cursor: pointer;
		z-index: 800;
	}

	#open {
		background: url(../img/icon_open.svg);
		background-repeat: no-repeat;
		background-size: contain;
	}

	#close	{
		background: url(../img/icon_close.svg);
		background-repeat: no-repeat;
		background-size: contain;
		cursor: pointer;
	}


	/* トップメイン画像 
	---------------------------------------------*/
	.slide {
		height: 74vw;
	}

	/* メイン 
	---------------------------------------------*/
	/* 各セクション　左右内側の間隔 */
	.inner {
		padding: 0 1.4rem 0 1.4rem;
	}

	/* タイトル 
	---------------------------------------------*/
	/* 英文字 */
	.wrap_tt h2 span {
		font-size: clamp(16px, 2.20vw, 18px);
	}

	p.sentence {
	padding: 0 0 0 0;/* インデント解除 */
	}

	/* トップ企業理念 
	---------------------------------------------*/
	.last span:nth-of-type(1) {
		padding: 0.2rem 0.5rem 0 0.5rem;
		margin: 0 0.5rem 0 0.5rem;
	}

	.last span:nth-of-type(2) {
		padding: 0.2rem 0.5rem 0 0.5rem;
		margin: 0 0.5rem 0 0;
	}
	#Vision .contents2 h4 {
		font-size: 14px;
	}

	#Vision .contents3 .text_r .vaup {
		margin: 0.4rem 0 0 0;
	}

	#Vision .contents3 .daitori {/*border: solid 1px orange;*/
		margin: 0 0 0 1.5rem;
	}

	#Vision .contents3 .space {/* 代取画像の上部スペース */
		height: 220px;
	}

	/* 各セクション 共通 
	---------------------------------------------*/
	/* 画像ボックス 白枠 */
	.imgbox {
		width: 100%;
		height: auto;
	}


	/* 取扱製品 f-box(flexbox)
	---------------------------------------------*/
	.f-box {			/* 取扱製品 親囲み */
		display: block !important;
	}


	/* タケダ オリジナル商品 */
	.f-original {			/* 取扱製品 各囲み */
		flex-direction: row;
		margin: 0 0 1rem 0;
	}

	.f-box .f-original div {		/* 取扱商品 テキスト囲み */
		height: auto;
	}

	.f-box .f-original figure {		/* 取扱製品 画像 */
		width: 42%;		/* サイズ％ 600*600から算出 */
	}

	.f-box .f-original figure img {		/* 取扱製品 画像 */
		width: 90%;		/* サイズ％ 600*600から算出 */
		margin: 1rem;
	}

	.f-box .f-original div span:nth-child(1) {
		font-size: 20px;
	}

	.f-box .f-original div p:nth-child(2) span {
		font-size: 14px;
	}

	/* 価格 */
	.f-box .f-original div span:nth-child(3) {
		font-size: 24px;
	}
	/* 価格 価格： */
	.f-box .f-original div span:nth-child(3)::before {
		font-size: 16px;
	}
	/* 価格 円（税込） */
	.f-box .f-original div span:nth-child(3)::after {
	font-size: 16px;
	}
	/* 内容量 */
	.f-box .f-original div span:nth-of-type(3) {
		font-size: 16px;
	}

	.f-box .f-original div span.qty {
		font-size: 16px;
	}


	/* お試しトライアル商品 */
	.f-trial {			/* 取扱製品 各囲み */
		flex-direction: row;
		margin: 0 0 1rem 0;
	}

	.f-box .f-trial div {		/* 取扱商品 テキスト囲み */
		height: auto;
	}

	.f-box .f-trial figure {		/* 取扱製品 画像 */
		width: 42%;		/* サイズ％ 600*600から算出 */
	}

	.f-box .f-trial figure img {		/* 取扱製品 画像 */
		width: 90%;		/* サイズ％ 600*600から算出 */
		margin: 1rem;
	}

	.f-box .f-trial div span:nth-child(1) {
		font-size: 20px;
	}

	.f-box .f-trial div p:nth-child(2) span {
		font-size: 14px;
	}

	/* 価格 */
	.f-box .f-trial div span:nth-child(3) {
		font-size: 24px;
	}
	/* 価格 価格： */
	.f-box .f-trial div span:nth-child(3)::before {
		font-size: 16px;
	}
	/* 価格 円（税込） */
	.f-box .f-trial div span:nth-child(3)::after {
	font-size: 16px;
	}
	/* 内容量 */
	.f-box .f-trial div span:nth-of-type(3) {
		font-size: 16px;
	}

	.f-box .f-trial div span.qty {
		font-size: 16px;
	}

	/* 取扱商品 */
	.f-item {			/* 取扱商品 各囲み */
		flex-direction: row;
		margin: 0 0 1rem 0;
	}

	.f-box .f-item div {		/* 取扱商品 テキスト囲み */
		height: auto;
	}

	.f-box .f-item figure {		/* 取扱製品 画像 */
		width: 46%;		/* サイズ％ 600*600から算出 */
	}

	.f-box .f-item figure.big {
		margin: auto;
		width: 46%;
	}

	.cbopen {
		width: 90vw;
	}

	.cbopen::after {
		letter-spacing: 0;
	}


	/* お申込みはこちら2 */
	a.btn_01 {
		font-size: 2.3rem;
		width: 100%;
		padding: 0.5rem 0.5rem;
	}

	.tt_01 {
		font-size: 2.4rem;
	}

	/* PROTESAN
	---------------------------------------------*/
	#PROTESAN .inner div.img_r {
		float: right;
		width: 80%;
		max-width: 200px;
	}

	#PROTESAN .inner div img {/*border: solid 1px orange;*/
		display:block;
		width: 100%;
		height:auto;
		margin: 0 0 0 0;
	}

	/* FK-23 
	---------------------------------------------*/
	#FK-23 .inner div.sp_on {
		width: 100%;
	}

	#FK-23 .inner div img {
		width: 100%;
		margin: 0 0 0 0;
	}

	/* 初めての方へ 
	---------------------------------------------*/
	#Visitor .imgbox3 {/* border: solid 5px #000; */
		flex-direction: column;
		width: 80%;
		margin: 2rem auto 1rem auto;
	}

	#Visitor .imgbox3 figure {
		margin: 0 0 1rem 0;
	}


	/* CSR 
	---------------------------------------------*/
	#CSR .ifm {
		width: 100%;
	}

	#CSR h3 {
		font-size: clamp(20px, 3.38vw, 26px);
	}

	#CSR .imgbox2 figure {
		flex-basis: 49%;
		margin: 0 0 10px 0;
	}


	/* ブログ 
	---------------------------------------------*/
	#Blog .ifm {
		aspect-ratio: 1/1; /*アスペクト比（縦横比）を指定 */
	}


	/* 更新情報
	--------------------------------------------------------------------*/
	#Update ul {
		width: 100%;
	}


	/* 会社概要 
	---------------------------------------------*/
	#Company table {
		width: 100%;
	}

	#Company table th,
	#Company table td {
		width: 100%;
		display: block;
	}

	#Company table th {
		padding: 1rem 0 1rem 1rem;
	}

	#Company table td {
		padding: 0 1rem 1rem 5rem;
	}

	#Company table td.dantai a {
		display: inline-block;
	}

	#Company table td.dantai li {
		display: inline-block;
	}

	#Company table th span {
		font-size: 20px;
	}

	/* フッター 
	---------------------------------------------*/
	footer .container {
		display: block;
		flex-wrap: nowrap;
		padding: 0 1.4rem 0 1.4rem;
		text-align: center;
	}

	/* 会社名 ボックス*/
	footer .ft-company {
		text-align: center;
		margin: 1rem 0 0 0;
	}

	/* 会社名 h2 テキスト*/
	footer .ft-company h1 {
		font-size: clamp(36px, 5.2vw, 40px);;
		margin: 0 0 3px 0;
	}

	/* 会社名 h2 テキスト*/
	footer .ft-company h2 {
		font-size: clamp(23px, 3.38vw, 24px);px;
	}

	/* 会社名 h2 テキスト*/
	footer .ft-company h3 {
		font-size: clamp(22px, 3.13vw, 26px);;
	}

	/* メニュー ボックス*/
	footer .ft-menu li a {
		padding: 1rem 0.5rem 0 0.5rem;
	}




}