@charset "utf-8";
/*==================================================
	タブレットのみ適応
==================================================*/
@media only screen and (max-width: 768px) and (min-width: 641px){
	.dsp_smt { display: none; }
	#footer .contact .txt span {
		display: inline-block;
		margin-left: 10px;
	}
}
/*==================================================
	タブレット・スマホに適応
==================================================*/
@media only screen and (max-width: 768px) {
	.pan-locationbar { top: 30px; }
	.dsp_hp { display: none; }

	/* ヘッダ */
	#header {
		overflow: hidden;
		height: 50px;
		padding: 0;
		background: #fff;
	}
	#header h1.title {
		height: 50px;
		padding-left: 10px;
	}
	#header h1.title img {
		width: auto;
		max-height: 50px;
	}
	#sticky {
		z-index: 9997;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		background : -moz-linear-gradient(0.27% 0.31% -28.28deg,rgba(31, 35, 58, 1) 0%,rgba(40, 87, 135, 1) 36.25%,rgba(74, 180, 154, 1) 100%);
		background : -webkit-linear-gradient(-28.28deg, rgba(31, 35, 58, 1) 0%, rgba(40, 87, 135, 1) 36.25%, rgba(74, 180, 154, 1) 100%);
		background : -webkit-gradient(linear,0.27% 0.31% ,99.5% 99.45% ,color-stop(0,rgba(31, 35, 58, 1) ),color-stop(0.3625,rgba(40, 87, 135, 1) ),color-stop(1,rgba(74, 180, 154, 1) ));
		background : -o-linear-gradient(-28.28deg, rgba(31, 35, 58, 1) 0%, rgba(40, 87, 135, 1) 36.25%, rgba(74, 180, 154, 1) 100%);
		background : -ms-linear-gradient(-28.28deg, rgba(31, 35, 58, 1) 0%, rgba(40, 87, 135, 1) 36.25%, rgba(74, 180, 154, 1) 100%);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#1F233A', endColorstr='#4AB49A' ,GradientType=0)";
		background : linear-gradient(118.28deg, rgba(31, 35, 58, 1) 0%, rgba(40, 87, 135, 1) 36.25%, rgba(74, 180, 154, 1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1F233A',endColorstr='#4AB49A' , GradientType=1);
		box-shadow: 0 0 5px rgba(0,0,0,0.2);
	}
	/* お問い合わせ */
	#header .contact {
		position: relative;
	}
	#header .contact .tel,
	#header .contact .btn {
		position: absolute;
		top: 0;
		right: 90px;
		display: block;
		width: 24px;
		height: 50px;
		padding: 0 11px;
		/* 縦方向中央揃え */
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
		align-items: center; /* 縦方向中央揃え */
		-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
		justify-content: center; /* 横方向中央揃え */
	}
	#header .contact .btn {
		right: 44px;
	}
	#header .contact .btn span {
		display: none;
	}
	/* コンテナ */
	#container h3.sub {
		margin-bottom: 30px;
		font-size: 20px;
	}
	.main {
		padding-left: 15px;
		padding-right: 15px;
	}
	#main, #navi {
		clear: both;
		padding-bottom: 30px;
	}
	#page_title .sub {
		padding: 50px 0;
		font-size: 20px;;
	}
	
	/* フッター */
	#footer .box dt {
		margin-bottom: 20px;
	}
	#copyright {
		height: 30px;
		line-height: 30px;
	}
	/* パンくずリスト */
	#page_navi {
		margin-bottom: 20px;
		padding-top: 15px;
		font-size: 11px;
	}
	/* 枠のマージン・パディング */
	.mb { margin-bottom: 40px; }
	.pt { padding-top: 40px; }
	.pb { padding-bottom: 40px; }
	/* アンカーリンク用上部スペース */
	.pad_anchor {
		margin-top: -50px;
		padding-top: 50px;
	}
	#page_title .top {
		/*padding: 50px 0;*/
		padding: 320px 0;
		padding-right: 20px;
	}
	/*--------------------------------------------------
		トップページ
	--------------------------------------------------*/
	#top_msg p {
		font-size: 20px;
	}
	#top_menu > .wrap {
		display: block;
	}
	#top_menu .in {
		width: 100%;
	}
	#top_menu .in .box_animation01 { order: 1; }
	#top_menu .in .box_animation02 { order: 4; }
	#top_menu .in .box_animation03 { order: 2; }
	#top_menu .in .box_animation04 { order: 5; }
	#top_menu .in .box_animation05 { order: 3; }
	
	#top_menu .in dl {
		width: 100%;
	}
	#top_menu .in dl dt {
		width: 45%;
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center;
		align-items: center;
		-webkit-justify-content: center;
		justify-content: center;
	}
	#top_menu .in dl dd {
		width: 55%;
		padding: 30px;
	}
	#top_menu .in dl dd h3 {
		margin-bottom: 50px;
		font-size: 25px;
	}
	#top_info .in dl {
		width: 49%;
		margin-bottom: 15px;
	}
	/*--------------------------------------------------
		参考価格
	--------------------------------------------------*/

	/*--------------------------------------------------
		3DCADモデリング
	--------------------------------------------------*/

	/*--------------------------------------------------
		3DCG制作
	--------------------------------------------------*/

	/*--------------------------------------------------
		3Dプリンタ造形
	--------------------------------------------------*/

	/*--------------------------------------------------
		テクニカルイラスト制作
	--------------------------------------------------*/

	/*--------------------------------------------------
		板金加工
	--------------------------------------------------*/

	/*--------------------------------------------------
		その他サービス
	--------------------------------------------------*/
	
	
	/*--------------------------------------------------
		ご利用の流れ
	--------------------------------------------------*/
	#service h4 {
		font-size: 20px;
	}
	#service .txt,
	#flow .txt {
		font-size: 15px;
	}
	/*--------------------------------------------------
		事業所情報
	--------------------------------------------------*/

	/*--------------------------------------------------
		よくあるご質問
	--------------------------------------------------*/

	/*　お問い合せ　*/
	#mailform .tbl {
			border-bottom: 1px solid #BBB;
		}
		#mailform .tbl th,
		#mailform .tbl td {
			display: block;
			width: auto;
			border-bottom: none;
		}
		#mailform .tbl input[type="text"],
		#mailform .tbl textarea {
			font-size: 120%;
		}
		#mailform .btn input {
			width: 120px;
		}



/*--------------------------------------------------
	サイトマップ
--------------------------------------------------*/

/*------------------------------------------------*/
}