/*===============================================
●PC用 画面の横幅が641px以上
===============================================*/
@media screen and (min-width: 641px){

	#service_sp_wkflow_img {
		display:none;
	}



	#service_sp_sysdev_title {
		display:none;
	}

	#service_sp_syscon_title {
		display:none;
	}

	#service_sp_infra_title {
		display:none;
	}

	#service_sp_syanaiope_title {
		display:none;
	}

	#service_sp_intro_title {
		display:none;
	}



	#header_img {
		font-size: 0;
	}

	#service_wkflow {
		width:100%;
		max-width:1000px;
		margin:0 auto;
		padding-top:40px;
		padding-bottom:30px;
	}

	#service_wkflow_msg {
		min-width:500px;
		max-width:500px;
		margin:20px;
	}

	#service_wkflow_msg p{
		font-size:10pt;
	}

	#service_wkflow_img {
		min-width:970px;
		max-width:970px;
		margin:20px;
	}

	#service_wkflow_img img{
		font-size: 0;
	}

	#service_sysdev_title {
		width:100%;
		min-width:1000px;
		margin:0 auto;
	}


	#service_sysdev {
		width:100%;
		min-width:1000px;
		margin:0 auto;
		padding-top:10px;
		padding-bottom:30px;
	}

	#service_sysdev ul{
		width:100%;
		max-width:1000px;
		margin:0 auto;
		padding:0;
		font-size: 0;
	}

	#service_sysdev li {
		display: inline-block;
		list-style-type:none;
		font-size: 1rem;
		vertical-align:top;
	}
	.service_sysdev_li1 {
		width:35%;
	}

	.service_sysdev_li2 {
		width:65%;
	}

	#service_sysdev p{
		margin-left:20px;
		font-size:11pt;
		text-align:left;
	}


	#service_syscon_title {
		width:100%;
		min-width:1000px;
		margin:0 auto;
	}


	#service_syscon {
		width:100%;
		min-width:1000px;
		margin:0 auto;
		padding-top:10px;
		padding-bottom:30px;
	}

	#service_syscon ul{
		width:100%;
		max-width:1000px;
		margin:0 auto;
		padding:0;
		font-size: 0;
	}

	#service_syscon li {
		display: inline-block;
		list-style-type:none;
		font-size: 1rem;
		vertical-align:top;
	}
	.service_syscon_li1 {
		width:65%;
	}

	.service_syscon_li2 {
		width:35%;
	}

	#service_syscon p{
		margin-right:20px;
		font-size:11pt;
		text-align:left;
	}

	#service_infra_title {
		width:100%;
		min-width:1000px;
		margin:0 auto;
	}


	#service_infra {
		width:100%;
		min-width:1000px;
		margin:0 auto;
		padding-top:10px;
		padding-bottom:30px;
	}

	#service_infra ul{
		width:100%;
		max-width:1000px;
		margin:0 auto;
		padding:0;
		font-size: 0;
	}

	#service_infra li {
		display: inline-block;
		list-style-type:none;
		font-size: 1rem;
		vertical-align:top;
	}
	.service_infra_li1 {
		width:35%;
	}

	.service_infra_li2 {
		width:65%;
	}

	#service_infra p{
		margin-left:20px;
		font-size:11pt;
		text-align:left;
	}


	#service_syanaiope_title {
		width:100%;
		min-width:1000px;
		margin:0 auto;
	}


	#service_syanaiope {
		width:100%;
		min-width:1000px;
		margin:0 auto;
		padding-top:10px;
		padding-bottom:30px;
	}

	#service_syanaiope ul{
		width:100%;
		max-width:1000px;
		margin:0 auto;
		padding:0;
		font-size: 0;
	}

	#service_syanaiope li {
		display: inline-block;
		list-style-type:none;
		font-size: 1rem;
		vertical-align:top;
	}
	.service_syanaiope_li1 {
		width:65%;
	}

	.service_syanaiope_li2 {
		width:35%;
	}

	#service_syanaiope p{
		margin-right:20px;
		font-size:11pt;
		text-align:left;
	}

	#service_intro_title {
		width:100%;
		min-width:1000px;
		margin:0 auto;
	}


	#service_intro {
		width:100%;
		min-width:1000px;
		margin:0 auto;
		padding-top:10px;
		padding-bottom:30px;
	}

	#service_intro ul{
		width:100%;
		max-width:1000px;
		margin:0 auto;
		padding:0;
		font-size: 0;
	}

	#service_intro li {
		display: inline-block;
		list-style-type:none;
		font-size: 1rem;
		vertical-align:top;
	}
	.service_intro_li1 {
		width:35%;
	}

	.service_intro_li2 {
		width:65%;
	}

	#service_intro p{
		margin-left:20px;
		font-size:11pt;
		text-align:left;
	}





}	/*	PC用 END */

/*===============================================
●スマホ用  画面の横幅が640pxまで
===============================================*/
@media screen and (max-width:640px){

	#service_wkflow_img {
		display:none;
	}


	#service_sysdev_title {
		display:none;
	}

	#service_syscon_title {
		display:none;
	}

	#service_infra_title {
		display:none;
	}

	#service_syanaiope_title {
		display:none;
	}

	#service_intro_title {
		display:none;
	}



	#header_img {
		font-size: 0;
	}

	#comm_section_bar {
		display:none;
	}


	#service_wkflow {
		width:95%;
		max-width:640px;
		margin:5% auto;
		padding-top:2%;
	}

	#service_wkflow_msg {
		margin:2%;
		text-align:left;
	}

	#service_wkflow_msg p{
		font-size:80%;
	}

	#service_sp_wkflow_img {
		margin-top:5%;
	}

	#service_sp_wkflow_img img{
		font-size: 0;
	}

	#service_sp_sysdev_title {
		width:100%;
		max-width:640px;
		margin:0 auto;
	}


	#service_sysdev {
		width:95%;
		max-width:640px;
		margin:5% auto;
	}

	#service_sysdev ul{
		width:100%;
		max-width:640px;
		margin:0 auto;
		padding:0;
		font-size: 0;
	}

	#service_sysdev li {
		display: inline-block;
		list-style-type:none;
		font-size: 1rem;
		vertical-align:top;
	}
	.service_sysdev_li1 {
		width:50%;
	}

	.service_sysdev_li2 {
		width:50%;
	}

	#service_sysdev p{
		margin-left:2%;
		font-size:70%;
		text-align:left;
	}


	#service_sp_syscon_title {
		width:100%;
		max-width:640px;
		margin:0 auto;
	}


	#service_syscon {
		width:95%;
		max-width:640px;
		margin:5% auto;
	}

	#service_syscon ul{
		width:100%;
		max-width:640px;
		margin:0 auto;
		padding:0;
		font-size: 0;
	}

	#service_syscon li {
		display: inline-block;
		list-style-type:none;
		font-size: 1rem;
		vertical-align:top;
	}
	.service_syscon_li1 {
		width:50%;
	}

	.service_syscon_li2 {
		width:50%;
	}

	#service_syscon p{
		margin-right:2%;
		font-size:70%;
		text-align:left;
	}

	#service_sp_infra_title {
		width:100%;
		max-width:640px;
		margin:0 auto;
	}


	#service_infra {
		width:95%;
		max-width:640px;
		margin:5% auto;
	}

	#service_infra ul{
		width:100%;
		max-width:640px;
		margin:0 auto;
		padding:0;
		font-size: 0;
	}

	#service_infra li {
		display: inline-block;
		list-style-type:none;
		font-size: 1rem;
		vertical-align:top;
	}
	.service_infra_li1 {
		width:50%;
	}

	.service_infra_li2 {
		width:50%;
	}

	#service_infra p{
		margin-left:2%;
		font-size:70%;
		text-align:left;
	}


	#service_sp_syanaiope_title {
		width:100%;
		max-width:640px;
		margin:0 auto;
	}


	#service_syanaiope {
		width:95%;
		max-width:640px;
		margin:5% auto;
	}

	#service_syanaiope ul{
		width:100%;
		max-width:640px;
		margin:0 auto;
		padding:0;
		font-size: 0;
	}

	#service_syanaiope li {
		display: inline-block;
		list-style-type:none;
		font-size: 1rem;
		vertical-align:top;
	}
	.service_syanaiope_li1 {
		width:50%;
	}

	.service_syanaiope_li2 {
		width:50%;
	}

	#service_syanaiope p{
		margin-right:2%;
		font-size:70%;
		text-align:left;
	}

	#service_sp_intro_title {
		width:100%;
		max-width:640px;
		margin:0 auto;
	}


	#service_intro {
		width:95%;
		max-width:640px;
		margin:5% auto;
		padding-bottom:2%
	}

	#service_intro ul{
		width:100%;
		max-width:640px;
		margin:0 auto;
		padding:0;
		font-size: 0;
	}

	#service_intro li {
		display: inline-block;
		list-style-type:none;
		font-size: 1rem;
		vertical-align:top;
	}
	.service_intro_li1 {
		width:50%;
	}

	.service_intro_li2 {
		width:50%;
	}

	#service_intro p{
		margin-left:2%;
		font-size:70%;
		text-align:left;
	}



}	/*	スマホ用media END */
