/*      画面サイズが1024px以上の場合に適用
/*===========================================================================================================================================*/

@media screen and (min-width: 1024px) {



}



/*      画面サイズが768～1023pxの場合に適用
/*===========================================================================================================================================*/

@media screen and (min-width: 768px) and (max-width: 1023px) {



}



/*      画面サイズが480～767pxの場合に適用
/*===========================================================================================================================================*/

@media screen and (min-width: 479px) and (max-width: 767px) {



}



/*      画面サイズが479px以下の場合に適用
/*===========================================================================================================================================*/

@media screen and (max-width: 479px) {

	/*=================================================================
	 *  共通部分
	 =================================================================*/
	body{
		overflow-x:hidden;
		font-size:12px;
	}
	
	iframe{
		width:100%;
	}


	/*　ブランクボックス
	----------------------------------------　*/
	.blank_box{height:122px;}



	/*　テーブル関連
	-----------------------------------------　*/
	table{
		width:100%;
	}

	table th{
		width:100%;
		font-weight:bold;
		background-color:#cccccc;
	    display: block;
	}
	table td{
		width:100%;
	    display: block;
	}

	table, tbody, tr, th, td {
		display: block;
	}
	/*=================================================================
	 *  ヘッダー　部分
	 =================================================================*/
	#header{
		width:100%;
		margin:0;
		padding:0;
	}
	#logo{
		width:100%;
		float:none;
		padding:0;
	}
	#header_box{
		width:100%;
		height:auto;
		position:fixed;
		background-color:#ffffff;
		z-index:200;
	}

	
	/*　メニューナビ　部分
	---------------------------------------------- */
	#menu_navi {
		width:100%;
		margin-top:25px;
		float:none;
	}

	#menu_navi ul {
		list-style-type:none; 
		text-align:center;
		margin:0;
		padding:0;
	}

	#menu_navi ul li{
		width:25%;
		float:left;
	}

	#menu_navi li {
		width:25%;
		margin:0;
		padding:0;
		font-size:10px;
		float:left;
	}

	#menu_navi li a {

	}
	#menu_navi li a:hover  {
		text-decoration:underline;
	}









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


	#Stage{width:100%;}

	.header_0{
		margin-top:150px;
	}
	.header_0 a{
		color:#FFFFFF;
		font-weight:bold;
	}
	.company_bgcolor{
		text-align:center;
		padding:15px 0 30px 0;
		background-color:#E6E6FA;
	}



	/*
	 *  トップページ　メニュー関連
	 ---------------------------------------------*/





	/*
	 *  トップページ　サービス案内
	 ---------------------------------------------*/
	.box_0{
		width:100%;
		text-align:center;
		margin:auto;
		float:none;
	}
	
	
	.box_1{
		margin-top:30px;
		width:100%;
		height:auto;
		float:none;
	}
	.box_1 img{
		text-align:center;
	}
	.box_2{
		width:100%;
		height:auto;
		margin:0;
		margin-top:30px;
		text-align:center;
		color:#ffffff;
		float:none;
	}
	.box_2 img{
		text-align:center;
	}
	.box_3{
		width:100%;
		margin:0;
		margin-top:20px;
		float:none;
	}
	.box_4{
		width:100%;
		margin:0;
		margin-top:20px;
		float:none;
	}
	.slide_head_desc{
		text-align:left;
		font-size:14px;
	}


	/*
	 *  各種新着情報　・　　私たちの特色画像
	 ---------------------------------------------*/
	.tab_box{
		width:100%;
		position:absolute;
		top:470;
		left:auto;
		right:auto;
	  	float:none;
	}
	.tab_box_0{
		width:100%;
		margin:auto;
		text-align:center;
	  	float:none;
	}
	.tab_box_1{
		text-align:center;
		width:100%;
		margin:auto;
		margin-top:40px;
	  	float:none;
	}
	.tab{
		overflow:hidden;
	}
	.tab li{
		width:33.33333%;
		text-align:center;
		font-size:12px;
		list-style-type:none;
		background:#ccc;
		margin-left:0;
		cursor:pointer;
	}
	.tab li.select{
		background:#ffffff;
	}
	.content li{
		width:100%;
		height:100px;
		font-size:12px;
		list-style-type:none;
		margin:-21px auto 0 auto;
		background:#ffffff;
		padding-top:5px;
	}
	.content p{
		margin-top:0;
	}
	.hide {
		display:none;
	}



	/*
	 *  トップページ　私たちの特色
	 ---------------------------------------------*/
	.o_f_box_1{
		margin-top:60px;
		width:100%;
	}

	.o_f_title_1{
		font-size:18px;
		font-weight:bold;
		line-height:40px;
		text-align:left;
		border-bottom:3px #000000 solid;
	}

	.o_f_detail_1{
		text-align:left;
		margin-top:10px;
	}
	.o_f_box_img_2_1{
		display:none;
	}

	.o_f_box_1_1{
		width:100%;
		margin:0;
		float:none;
	}
	.o_f_box_img_2_2{
		display:none;
	}

	.o_f_box_1_2{
		width:100%;
		float:none;
	}
	.o_f_box_detail_2_2{
		text-align:left;
		font-size:16px;
	}
	.o_f_title_2{
		width:100%;
		margin:0;
		text-align:left;
		color:#0000ff;
		font-size:18px;
		font-weight:bold;
		margin-bottom:10px;
	}

	.o_f_box_detail_2{
		width:100%;
		text-align:left;
		font-size:16px;
	}
	.o_f_box_2{
		margin:60px 0 60px 0;
	}


	/*=================================================================
	 *  企業情報　ページ
	 =================================================================*/

	/*　　メニューボックス
	-----------------------------------*/
	.menu_box{
		width:100%;
		background:#3e3e3e;
	}



	/*　　メニュー部分
	-----------------------------------*/
	#menu {
		font-size:10px;
		width:100%;
		height:45px;
		padding:0;
		margin:auto;
		list-style-type:none;
		background:#3e3e3e;
	}
	#menu li {
		width:30%;
		float:left;
		padding:0;
		margin:0;
		text-align:center;
		border-left:1px #ffffff solid;
	}
	#menu li:last-child {
		border-right:1px #ffffff solid;
	}
	#menu li a {
		width:auto;
		color:#fff;
		font-size:14px;
		font-weight:bold;
		margin:0;
		padding:12px 0;
		text-decoration:none;
		display:block;
	}
	#menu li a:hover {
		opacity:0.6;
		color:#000000;
	}


	/*　　タブメニュー
	-----------------------------------*/
	.tab_01{
		width:100%;
		margin:auto;
		overflow:hidden;
	}
	.tab_01 li{
		width:150px;
		list-style-type:none;
		float:left;
		margin:0;
	}
	.tab_01 li.select{
		opacity:0.6;
	}
	.content_01 li{
		list-style-type:none;
		width:978px;
		margin:auto;
		padding:10px;
		
	}
	.hide{
		display:none;
	}

	/*　　各タイトル
	-----------------------------------*/
	.com_title{
		width:100%;
		text-align:left;
		font-weight:bold;
		line-height:40px;
		border-bottom:3px #000000 solid;
		margin:50px auto 50px auto;
	}


	/*　　正興グループ
	-----------------------------------*/
	.seiko_grp{
		text-align:left;
		width:800px;
		margin:0 auto 100px auto;
	}




	/*=================================================================
	 *  フッター　部分
	 =================================================================*/

	#footer {
		width:100%;
		background-color:#FFFFFF;
		clear:both;
		bottom:0;
	}

	#footer-wrapper {
		width:100%;
		background-color:#FFFFFF;
		bottom:0;
	}

	#footer_area {
		background-color:#cccccc;
		height:auto;
		padding:20px 0;
	}

	#footMenu {
		width:100%;
		margin:auto;
	}

	#footMenu ul {
		padding-top:10px;
	}

	#footMenu li {
		padding:0;
		display:block;
		list-style:none;
		border-right:none;
	}

	#footMenu li:last-child {
		border:none;
	}

	#footMenu li a {
		color:#000;
	}

	#footMenu li a:hover {
		color:#666;
		text-decoration:underline;
	}

	.footer_title{
		font-size:14px;
		font-weight:bold;
		width:100%;
		float:none;
	}

	.footer_title_02{
		font-size:14px;
		margin-top:50px;
	}

	ul.footer_2 li{
		font-weight:bold;
		float:none;
	}

	#footer_area_2 {
		border-top:3px #0000ff solid;
		background-color:#666666;
		height:auto;
	}

	#copy_right {
		width:100%;
		color:#ffffff;
		margin:auto;
	}

	.cp_1 {
		padding:20px 0;
		float:none;
	}

	.footer_logo {
		text-align:center;
		padding:20px 0;
		float:none;
	}

	.f_left_side{
		margin-left:20px;
		width:100%;
		padding:0;
		float:none;
	}

	.f_right_side{
		margin-left:20px;
		padding:0;
		width:100%;
		float:none;
	}





	/*
	 *  PagiNation
	 ---------------------------------------------*/
	.pagiNation {
		width: 100%;
		height: 15px;
		text-align: center;
		visibility: visible;
		position: absolute;
		bottom: -50;
		left: 0;
		z-index: 200;
	}
	.pagiNation a {
		width: 15px;
		height: 15px;
		margin: 0 5px;
		display: inline-block;
		overflow: hidden;
		background: url(img/btn-pagenation.png) no-repeat 0 -15px;
	}
	.pagiNation a.pnActive {
		background-position: 0 0;
	}


	/*
	 *  サービス案内ページ
	 ---------------------------------------------*/
	.service_map{
		text-align:left;
		margin:100px 0 0;
		padding-left:10px;
		height:600px;
		background-color: #ffffff;
		background-image: url(https://www.seiko-itsolution.co.jp/img/service_map.jpg);
		background-position: center center;
		background-repeat: no-repeat;
	}

	.service_map ul{
		margin:0;
		padding:0;
	}


	.service_map li{
		text-align:left;
	}


	/*　健康管理ソリューション　、　港湾ソリューション　*/
	.service_dec_01{
		padding:80px 10px 0 80px;
		height:220px;
	}
	.service_dec_01_1{float:left;}
	.service_dec_01_2{float:right;}
	.service_dec_01::after{clear:both;}


	/*　eコマース　、　教育ソリューション　*/
	.service_dec_02{
		margin-top:80px;
		padding:20px 60px 0 80px;
	}
	.service_dec_02_1{float:left;}
	.service_dec_02_2{float:right;}
	.service_dec_02::after{clear:both;}



	/*=================================================================
	 *  港湾ソリューション　ページ
	 =================================================================*/

	.port_intro01{
		display:none;
		float:none;
	}
	.port_intro02{
		width:100%;
		margin:0;
		text-align:left;
		float:none;

	}
	.port_detail{
		margin-bottom:80px;
	}
	.port_detail　img{
		margin-bottom:30px;
	}
	.port_detail::after{clear:both;}

	.port_detail01{
		text-align:left;
		width:100%;
		float:left;
	}
	.port_detail01 img{
		margin-bottom:10px;
	}
	.port_detail02{
		display:none;
		float:none;

	}

	/*=================================================================
	 *  eコマースソリューション　ページ
	 =================================================================*/
	.e_commerce{
		margin-bottom:30px;	
	}
	.e_c_box{
		width:100%;
		margin-bottom:50px;	
	}
	.e_c_box_index{
		width:100%;
		text-align:left;
		line-height:22px;
		font-size:18px;
		font-weight:bold;
		border-left:10px #0000ff solid;
		padding:10px;
		margin-bottom:50px;
	}
	.e_commerce_01{
		width:100%;
		float:none;
	}
	.e_commerce_02{
		width:100%;
		margin:0;
		padding:0;
		float:none;
	}


	/*=================================================================
	 *  健康管理ソリューション　ページ
	 =================================================================*/



	/*=================================================================
	 *  教育ソリューション　ページ
	 =================================================================*/



	/*=================================================================
	 *  問合せ　部分
	 =================================================================*/

	.inquiry_box{
		margin:30px 0 80px 0;
		padding-top:50px;
		border-top:2px #000000 solid;
	}
	.inquiry_box img{
		margin-top:30px;
	}
	.inquiry_1{
		width:490px;
		float:left;
	}

	.inquiry_2{
		width:490px;
		float:left;
	}


	/*=================================================================
	 *  ご挨拶　ページ
	 =================================================================*/

	.com_gree_title{
		font-size:14px;
		font-weight:bold;
		margin-bottom:20px;
	}
	.com_gree{
		width:100%;
		text-align:left;
	}

	/*　メニュー部分
	-----------------------------------------　*/
	.menu_box{
		width:100%;
		background:#3e3e3e;
	}

	#menu {
		font-size:10px;
		width:100%;
		height:45px;
		padding:0;
		margin:auto;
		list-style-type:none;
		background:#3e3e3e;
	}

	#menu li {
		width:30%;
		float:left;
		padding:0;
		margin:0;
		text-align:center;
		border-left:1px #ffffff solid;
	}

	#menu li:last-child {
		border-right:1px #ffffff solid;
	}

	#menu li a {
		width:auto;
		color:#fff;
		font-size:14px;
		font-weight:bold;
		margin:0;
		padding:12px 0;
		text-decoration:none;
		display:block;
	}

	#menu li a:hover {
		opacity:0.6;
		color:#000000;
	}



	/*=================================================================
	 *  会社概要　ページ
	 =================================================================*/

	/*　アクセスマップ
	-----------------------------------------　*/

	#access_map01,#access_map02{

	}





	/*=================================================================
	 *  プライバシーポリシー　ページ
	 =================================================================*/

	.pr_bgcolor{
		background-color:#CCCCCC;
		width:100%;
		height:auto;
		margin:0;
	}
	.pr_box{
		width:100%;
		height:auto;
		margin-top:50px;
		background-color:#FFFFFF;
		text-align:left;
	}
}