/*      画面サイズが480pxまではここを読み込む
/*　***************************************************************************************************************************************　*/
@media screen and (max-width: 480px) {

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

    #container{
        width: 100%;
    }
    


	/*　各ソリューション　問合せ部分
	------------------------------------------------　*/
	.inquiry_box{
        width: 100%;
		margin:30px 0 80px 0;
        text-align: center;
		border-top:2px #000000 solid;
	}
	.inquiry_box img{
        width: 100%;
		margin-top:30px;
	}

    .inquiry_1{
        width: 100%;
        text-align: center;
        display: block;
        float: none;
    }
    
    .inquiry_1 img{
        width: 80%;
		height:auto;
        text-align: center;
    }
    
    .inquiry_2{
        width: 100%;
        text-align: center;
        margin-top: px;
        display: block;
        float: none;
    }

    .inquiry_2 img{
        width: 80%;
		height:auto;
        text-align: center;
    }
    


	/*　各ソリューション　問合せ部分（電話番号）
	------------------------------------------------　*/

	/*　ブランクボックス
	------------------------------------------------　*/
	.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:0;
		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;
		text-align:  center;
	}
	#menu li {
		width: 33%;
		float: left;
		padding: 0;
		margin: 0;
		text-align: center;
		border: none;
		border-right: 0;
		border-left: 1px #ffffff solid;
	}
	#menu li+ li {
		border-left: 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 {
		width:100%;
		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:5% 0;
		float:none;
	}

	.f_left_side{
		margin-left:10%;
		width:90%;
		padding:0;
		float:none;
	}

	.f_right_side{
		margin-left:10%;
		padding:0;
		width:90%;
		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;}



	/*=================================================================
	 *  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;
	}


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



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

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

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

	/*　写真部分
	-----------------------------------------　*/
    .pro_pic{
        width: 40%;
        height: auto;
    }
    
	/*　メニュー部分
	-----------------------------------------　*/
	.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{
        width: 100%;
	}





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

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



/*      画面サイズが480pxまではここを読み込む
/*　***************************************************************************************************************************************　*/
@media screen and (max-width : 480px ){ 

	/*===========================================================================================
	 *  共通部分
	 ===========================================================================================*/
    #container{
		width:100%;
        height: auto;
    }
    
    /*　動画部分
	---------------------------------------------------------------------------　*/
    iframe{
        width: 90%;
    }

	/*===========================================================================================
	 *  ヘッダー　部分
	 ===========================================================================================*/
	#header{
		width:80%;
		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;
	}

    

	/*===========================================================================================
	 *  起立の森　ページ
	 ===========================================================================================*/

	/*　ソリューション紹介（画像部分）
	---------------------------------------------------------------------------　*/
	.port_intro01{
        width :100%;
        height: auto;
        display: block;
        text-align: center;
        margin-bottom: 50px;
        float: none;
    }

	.port_intro01 img{
        width :60%;
        height: auto;
        
    }

    .port_intro02{
        width :98%;
        padding: 0 1% 0 1%;
        margin: 0;
        display: block;
        font-size: 12px;
        text-align: center;
        float: none;
    }

	.o_f_title_2{
		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;
	}

    
    


	/*　各説明部分
	---------------------------------------------------------------------------　*/
	.h_l_detail{
        width :98%;
        height: auto;
        text-align: left;
        margin: 0;
        padding: 0 1% 0 1%;
    }

	.h_l_detail img{
        width :90%;
        height: auto;
        text-align: center;
    }


	/*　各説明部分（説明部分）
	---------------------------------------------------------------------------　*/
	.h_l_detail01{
		width :100%;
		display: block;
        float: none;
	}

    .h_l_detail01 img{
		width :90%;
		text-align :center;
        height: auto;
	}

	/*　各説明部分（画像部分）
	---------------------------------------------------------------------------　*/
	.h_l_detail02{
		width :100%;
        height: auto;
        text-align: center;
		display: block;
        margin: 0 0 30px 0;
        float: none;
	}

	.h_l_detail02 img{
		max-width: 90%;
        height: auto;
        margin: 0;
        text-align: center;
	}



	/*　下矢印水平線
	---------------------------------------------------------------------------　*/
	.p2 img{
        width :100%;
    }

    
	/*　多様なゲームの種類（個人モード・集団モード）
	---------------------------------------------------------------------------　*/
    /*　大元の箱　*/
    .kiritsu_b_container{
        width: 100%;
        border: none;
        padding: 0;
    }
    
    /*　左サイドの箱　*/    
    .kiritsu_b_left{
        width: 100%;
        display: block;
        border: none;
        float: none;
    }
    .kiritsu_b_left{
        display: block;
        border: none;
        float: none;
    }

    /*　小箱内大タイトル　*/    
    .kiritsu_b_title01{
        width: 100%;
        height: auto;
        margin: 0 0 -10px 0; 
        text-align: center;
    }

    .kiritsu_b_title01 img{
        width: 60%;
        height: auto;
    }

    /*　小箱内小タイトル　*/    
    .kiritsu_b_title02{
        width: 100%;
        text-align: center;
    }

    /*　小箱内イメージ　*/    
    .kiritsu_b_image{
        width: 100%;
        height: auto;
        text-align: center;
        float: none;
    }
    .kiritsu_b_image img{
        width: 90%;
        height: auto;
    }

    
    /*　小箱内詳細　*/    
    .kiritsu_b_img_detail{
        width: 90%;
        height: auto;
        display: block;
        margin: 0 auto 50px auto;
        float: none;
    }

    .kiritsu_b_left01{
        width: 100%;
        display: block;
        border: none;
        float: none;
    }

    .kiritsu_b_right{
        width: 100%;
        display: block;
        float: none;
        border: none;
    }
    .kiritsu_b_right01{
        width: 100%;
        display: block;
        float: none;
        border: none;
    }

    .kiritsu_b_img{
        height: auto;
        display: block;
        float: none;
    }

    .kiritsu_b_img_detail{
        height: auto;
        display: block;
        float: none;
    }

	/*　ダウンロード画像
	---------------------------------------------------------------------------　*/
	.h_l_dl{
        text-align: center;
        margin: auto;
    }

}