@charset "utf-8";
/* CSS Document */



/* ========================================================================== */
/* TOP
   ========================================================================== */

/*タイトル*/
#service_ttl {
	/*position: fixed;*/
	position: relative;
	width: 100%;
	padding: 80px 0;
	margin-top: 110px;
	/*background-size:contain;*/
}
	#service_ttl h1 {
		width: 90%;
		text-align: center;
		margin: 0 auto 30px;
		font-weight: 600;
		line-height: 1.6;
		font-size: 16px;
	}
		#service_ttl h1 span {
			width: 90%;
			text-align: center;
			margin: 0 auto;
			font-size: 48px;
			font-weight: normal;
			line-height: 1.8;
			letter-spacing: .05em;
			display: block;
			font-family: "bebas", sans-serif;
			color: #be0008;
		}
	#service_ttl p {
		width: 90%;
		margin: 0 auto;
		text-align: center;
		font-size: 18px;
		line-height: 1.6;
		letter-spacing: .05em;
		font-family: "游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
		color: #333333;
	}
	#service_ttl ul {
		position: relative;
		max-width: 1200px;
		width: 100%;
		margin: 0 auto;
		list-style: none;
		font-size: 16px;
			
		display: flex;
		justify-content: space-between;
		-webkit-justify-content: space-between;
		-ms-justify-content: space-between;
		
		padding: 40px 0 20px;
		
		/*background: #666666;*/
	}
		#service_ttl ul li {
			width: 23%;
		}
		#service_ttl ul li a {
			text-decoration: none;
		}
	
		#service_ttl ul li a:hover {
			filter:alpha(opacity=70);
			-moz-opacity: 0.7;
			opacity: 0.7;
		}
		#service_ttl .img_cover {
			width: 100%;
			padding: 65px 0 70px;
			/*background: #666;*/
			margin-bottom:20px;
			background-size: cover;
			background-position: center center;
		}
		#service_ttl a:hover .img_cover {
			filter:alpha(opacity=70);
			-moz-opacity: 0.7;
			opacity: 0.7;
		}
		#service_ttl .ic01 { background-image: url(../img/top/cov_service01.png);}
		#service_ttl .ic02 { background-image: url(../img/top/cov_service02.png);}
		#service_ttl .ic03 { background-image: url(../img/top/cov_service03.png);}
		#service_ttl .ic04 { background-image: url(../img/top/cov_service04.png);}

		#service_ttl h3.t_col,
		#service_ttl h3.t_col span { color: #333333; text-shadow: 1px 1px 0 rgba(255,255,255,1);}
		#service_ttl h3 {
			text-align: center;
			margin: 0 auto;
			font-size: 18px;
			font-weight: normal;
			line-height: 1.6;
			letter-spacing: .05em;
			color: #FFFFFF;
			font-family: "bebas", sans-serif;
		}
		#service_ttl dl dt {
			font-size: 18px;
			color: #333333;
			font-weight: bold;
			margin-bottom: 10px;
		}
			#service_ttl a:hover dl dt {
				color: #be0008;
			}


/*ホームページ制作*/
#service_web {
	position: relative;
	width: 100%;
	padding: 80px 0;
	background: #f3f3f3;
}
	#service_web div#sw_in {
		position: relative;
		max-width: 1200px;
		width: 100%;
		margin: 0 auto;
		list-style: none;
		font-size: 15px;
		color: #333333;
		
		/*flex-wrap: wrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;*/
			
		display: flex;
		justify-content: space-between;
		-webkit-justify-content: space-between;
		-ms-justify-content: space-between;
		
		/*padding: 40px 0 0;*/
		/*background: #666666;*/
	}
	#service_web div#sw_in div {
		width: 50%;
		/*background: #FFFFFF;*/
	}
	#service_web h2 {
		width: 100%;
		font-size: 38px;
		margin: 0 auto 30px;
		padding: 0;
		font-weight: 600;
		line-height: 1.2;
		text-align: left;
	}
		#service_web h2 span {
			width: 100%;
			text-align: center;
			margin: 0 auto;
			font-size: 16px;
			font-weight: normal;
			line-height: 1;
			letter-spacing: .05em;
			font-family: "bebas", sans-serif;
			color: #be0008;
		}
	#service_web h3 {
		width: 100%;
		font-size: 18px;
		margin: 0 auto 20px;
		font-weight: 600;
		line-height: 1.4;
		text-align: left;
	}
	#service_web p.ts_msg {
		width: 92%;
		line-height: 1.6;
		letter-spacing: .01em;
		font-family: "游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
		margin-bottom: 30px;
	} 
		
	#service_web .btn_wrap {
		width: 100%;
		margin: 0 auto;
		text-align: center;
		font-size: 16px;
		list-style: none;
		
		display: flex;
		justify-content: start;
		-webkit-justify-content: start;
		-ms-justify-content: start;
	}
		#service_web .btn_wrap li {
			position: relative;
			max-width: 240px !important;
			width: 100%;
			margin-right: 40px;
		}
		#service_web .btn_wrap li a {
			width: 100%;
			text-align: center;
			font-size: 16px;
			margin: 0 auto;
			padding: 16px 0;
			display: block;
			color: #333333;
			text-decoration: none;
			border: 1px solid #333333;
			border-radius: 26px;        /* CSS3草案 */  
			-webkit-border-radius: 26px;    /* Safari,Google Chrome用 */  
			-moz-border-radius: 26px;   /* Firefox用 */
		}
		#service_web .btn_wrap li.btype01 a {
			color: #ffffff;
			background: #333333;
		}
		#service_web .btn_wrap a:hover {
			filter:alpha(opacity=70);
			-moz-opacity: 0.7;
			opacity: 0.7;
		}
		#service_web .btn_wrap a span {
			position: absolute;
			top: 14px;
			left: 220px;
		}
			#service_web .btn_wrap a:hover span {
				position: absolute;
				top: 14px;
				left: 230px;
			}
			
			
	#service_web div#sw_in div:nth-child(2) {
		width: 50%;
		/*background: #FFFFFF;*/
		margin-top: 100px;
		
		flex-wrap: wrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
			
		display: flex;
		justify-content: space-around;
		-webkit-justify-content: space-around;
		-ms-justify-content: space-around;
		
		/*background: #333;*/
	}
		#service_web div#sw_in div:nth-child(2) article {
			width: 30%;
			text-align: center;
			margin-bottom: 20px;
		}
			#service_web div#sw_in div:nth-child(2) article:nth-of-type(n+4) {
				margin-bottom: 0;
			}
			#service_web div#sw_in div:nth-child(2) article span {
				width: 90px;
				height: 90px;
				margin: 0 auto 10px;
				/*display: block;*/
				background: #FFFFFF;
				border: 1px solid #333333;
				border-radius: 45px;        /* CSS3草案 */  
				-webkit-border-radius: 45px;    /* Safari,Google Chrome用 */  
				-moz-border-radius: 45px;   /* Firefox用 */
				display: table;
			}
			#service_web div#sw_in div:nth-child(2) article span span {
				display: table-cell;
				vertical-align: middle;
				border: none;
			}
			#service_web div#sw_in div:nth-child(2) article h3 {
				text-align: center;
				font-size: 16px;
				line-height: 1.2;
				margin-bottom: 10px;
			}
			#service_web div#sw_in div:nth-child(2) article p {
				font-size: 13px;
				line-height: 1.2;
			}



/*WEBプロモーション*/
#service_pro {
	position: relative;
	width: 100%;
	padding: 80px 0;
}
	#service_pro div#sw_in {
		position: relative;
		max-width: 1200px;
		width: 100%;
		margin: 0 auto;
		list-style: none;
		font-size: 15px;
		color: #333333;
		
		/*
		display: flex;
		justify-content: space-between;
		-webkit-justify-content: space-between;
		-ms-justify-content: space-between;
		*/
		
	}
	#service_pro div#sw_in div {
		width: 50%;
		float: right;
	}
	#service_pro h2 {
		width: 100%;
		font-size: 38px;
		margin: 0 auto 30px;
		padding: 0;
		font-weight: 600;
		line-height: 1.2;
		text-align: left;
	}
		#service_pro h2 span {
			width: 100%;
			text-align: center;
			margin: 0 auto;
			font-size: 16px;
			font-weight: normal;
			line-height: 1;
			letter-spacing: .05em;
			font-family: "bebas", sans-serif;
			color: #be0008;
		}
	#service_pro h3 {
		width: 100%;
		font-size: 18px;
		margin: 0 auto 20px;
		font-weight: 600;
		line-height: 1.4;
		text-align: left;
	}
	#service_pro p.ts_msg {
		width: 100%;
		line-height: 1.6;
		letter-spacing: .01em;
		font-family: "游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
	}

 	#service_pro div#sw_in div#pro_img {
		width: 50%;
		/*background: #FFFFFF;*/
		margin-top: 100px;
		list-style: none;
		float: left;
	}

 	#service_pro div#sw_in div#pro_img img {
		width: 90%;
		text-align: left;
	}


/*WEB広告*/
#service_ad {
	position: relative;
	width: 100%;
	padding: 80px 0;
	background: #454545;
}
	#service_ad div#sw_in {
		position: relative;
		max-width: 1200px;
		width: 100%;
		margin: 0 auto;
		list-style: none;
		font-size: 15px;
		color: #FFFFFF;
			
		display: flex;
		justify-content: space-between;
		-webkit-justify-content: space-between;
		-ms-justify-content: space-between;
		
	}
	#service_ad div#sw_in div {
		width: 50%;
	}
	#service_ad h2 {
		width: 100%;
		font-size: 38px;
		margin: 0 auto 30px;
		padding: 0;
		font-weight: 600;
		line-height: 1.2;
		text-align: left;
	}
		#service_ad h2 span {
			width: 100%;
			text-align: center;
			margin: 0 auto;
			font-size: 16px;
			font-weight: normal;
			line-height: 1;
			letter-spacing: .05em;
			font-family: "bebas", sans-serif;
			color: #be0008;
		}
	#service_ad h3 {
		width: 100%;
		font-size: 18px;
		margin: 0 auto 20px;
		font-weight: 600;
		line-height: 1.4;
		text-align: left;
	}
	#service_ad p.ts_msg {
		width: 92%;
		line-height: 1.6;
		letter-spacing: .01em;
		font-family: "游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
		margin-bottom: 30px;
	} 
		
	#service_ad .btn_wrap {
		width: 100%;
		margin: 0 auto;
		text-align: center;
		font-size: 16px;
		list-style: none;
		
		display: flex;
		justify-content: start;
		-webkit-justify-content: start;
		-ms-justify-content: start;
	}
		#service_ad .btn_wrap li {
			position: relative;
			max-width: 240px !important;
			width: 100%;
			margin-right: 40px;
		}
		#service_ad .btn_wrap li a {
			width: 100%;
			text-align: center;
			font-size: 16px;
			margin: 0 auto;
			padding: 16px 0;
			display: block;
			color: #333333;
			text-decoration: none;
			border: 1px solid #FFFFFF;
			background: #FFFFFF;
			border-radius: 26px;        /* CSS3草案 */  
			-webkit-border-radius: 26px;    /* Safari,Google Chrome用 */  
			-moz-border-radius: 26px;   /* Firefox用 */
		}
		#service_ad .btn_wrap li.btype01 a {
			color: #333333;
		}
		#service_ad .btn_wrap a:hover {
			filter:alpha(opacity=70);
			-moz-opacity: 0.7;
			opacity: 0.7;
		}
		#service_ad .btn_wrap a span {
			position: absolute;
			top: 14px;
			left: 225px;
		}
			#service_ad .btn_wrap a:hover span {
				position: absolute;
				top: 14px;
				left: 230px;
			}
			
			
	#service_ad div#sw_in ul#ad_list {
		width: 50%;
		/*background: #FFFFFF;*/
		margin-top: 120px;
		list-style: none;
		
		flex-wrap: wrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
			
		display: flex;
		justify-content: space-around;
		-webkit-justify-content: space-around;
		-ms-justify-content: space-around;
		
		/*background: #333;*/
	}
		#service_ad div#sw_in ul#ad_list li {
			width: 31%;
			text-align: center;
			margin-bottom: 14px;
			font-size: 16px;
			font-weight: 600;
			border-radius: 3px;        /* CSS3草案 */  
			-webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
			-moz-border-radius: 3px;   /* Firefox用 */
			padding: 0;
			color: #333333;
			background: #FFFFFF;
			line-height: 1.4;
			
			display: -webkit-flex;
			display: flex;
			-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
			align-items: center; /* 縦方向中央揃え */
			-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
			justify-content: center; /* 横方向中央揃え */
		}
			#service_ad div#sw_in ul#ad_list li:nth-of-type(n+7) {
				color: #FFFFFF !important;
				border: 1px solid #FFFFFF !important;
				background: #454545 !important;
			}



/*ロゴ制作*/
#service_logo {
	position: relative;
	width: 100%;
	padding: 80px 0;
}
	#service_logo div#sw_in {
		position: relative;
		max-width: 1200px;
		width: 100%;
		margin: 0 auto;
		list-style: none;
		font-size: 15px;
		color: #333333;
		
		/*
		display: flex;
		justify-content: space-between;
		-webkit-justify-content: space-between;
		-ms-justify-content: space-between;
		*/
		
	}
	#service_logo div#sw_in div {
		width: 50%;
		float: right;
	}
	#service_logo h2 {
		width: 100%;
		font-size: 38px;
		margin: 0 auto 30px;
		padding: 0;
		font-weight: 600;
		line-height: 1.2;
		text-align: left;
	}
		#service_logo h2 span {
			width: 100%;
			text-align: center;
			margin: 0 auto;
			font-size: 16px;
			font-weight: normal;
			line-height: 1;
			letter-spacing: .05em;
			font-family: "bebas", sans-serif;
			color: #be0008;
		}
	#service_logo h3 {
		width: 100%;
		font-size: 18px;
		margin: 0 auto 20px;
		font-weight: 600;
		line-height: 1.4;
		text-align: left;
	}
	#service_logo p.ts_msg {
		width: 100%;
		line-height: 1.6;
		letter-spacing: .01em;
		font-family: "游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
		margin-bottom: 30px;
	}

 	#service_logo div#sw_in div#logo_img {
		width: 50%;
		/*background: #FFFFFF;*/
		margin-top: 100px;
		list-style: none;
		float: left;
	}

 	#service_logo div#sw_in div#logo_img img {
		width: 90%;
		text-align: left;
	}
		
	#service_logo .btn_wrap {
		width: 100%;
		margin: 0 auto;
		text-align: center;
		font-size: 16px;
		list-style: none;
		
		display: flex;
		justify-content: start;
		-webkit-justify-content: start;
		-ms-justify-content: start;
	}
		#service_logo .btn_wrap li {
			position: relative;
			max-width: 240px !important;
			width: 100%;
			margin-right: 40px;
		}
		#service_logo .btn_wrap li a {
			width: 100%;
			text-align: center;
			font-size: 16px;
			margin: 0 auto;
			padding: 16px 0;
			display: block;
			color: #ffffff;
			background: #333333;
			text-decoration: none;
			border: 1px solid #333333;
			border-radius: 26px;        /* CSS3草案 */  
			-webkit-border-radius: 26px;    /* Safari,Google Chrome用 */  
			-moz-border-radius: 26px;   /* Firefox用 */
		}
		#service_logo .btn_wrap a:hover {
			filter:alpha(opacity=70);
			-moz-opacity: 0.7;
			opacity: 0.7;
		}
		#service_logo .btn_wrap a span {
			position: absolute;
			top: 14px;
			left: 220px;
		}
			#service_logo .btn_wrap a:hover span {
				position: absolute;
				top: 14px;
				left: 230px;
			}



/*企業サイトへ*/
#fb_tocs {
	width: 100%;
	padding: 0 0 80px;
}

	#fb_tocs div#ftocs_inq {
		position: relative;
		max-width: 800px;
		width: 100%;
		margin: 0 auto;
		list-style: none;
		border: 1px solid #CCC;
	}
	#fb_tocs div#ftocs_inq a {
		display: block;
		text-decoration: none;
		color: #333333;
	}
	#fb_tocs dl {
		border: 4px solid #EEEEEE;
		padding: 16px 16px 16px 20px;
	
		flex-wrap: wrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
			
		display: flex;
		justify-content: space-between;
		-webkit-justify-content: space-between;
		-ms-justify-content: space-between;
	}
	#fb_tocs dl dt {
		width: 24%;
		margin-right: 2%;
	}
		#fb_tocs dl dt img {
			width: 100%;
		}
	#fb_tocs dl dd {
		width: 72%;
		line-height: 1.4;
		font-size: 14px;
		padding-top: 3px;
		font-family: "游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
	}
	
		#fb_tocs a:hover {
			filter:alpha(opacity=70);
			-moz-opacity: 0.7;
			opacity: 0.7;
		}
	
	
@media screen and (max-width: 1024px) {

/*タイトル*/
#service_ttl { padding: 8% 0;}
	#service_ttl h1 span { font-size: 42px; line-height: 1.8;}
	#service_ttl p { font-size: 16px; line-height: 1.8;}
	
	#service_ttl ul {
		position: relative;
		width: 80%;
		margin: 0 auto;
		list-style: none;
		font-size: 16px;
		/*display: block;*/
	
		flex-wrap: wrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;

		display: flex;
		justify-content: space-between;
		-webkit-justify-content: space-between;
		-ms-justify-content: space-between;
		padding: 40px 0 0;
		
		/*background: #666666;*/
	}
		#service_ttl ul li {
			width: 48%;
			margin-bottom: 6%;
		}


/*ホームページ制作*/
#service_web { padding: 8% 0;}
	#service_web div#sw_in {
		max-width: none;
		width: 90%;
		margin: 0 auto;
		display: block;
	}
	#service_web div#sw_in div { width: 100%;}
	#service_web p.ts_msg { width: 100%;} 
	#service_web .btn_wrap {
		width: 100%;
		margin: 0 auto;
		text-align: center;
		font-size: 16px;
		list-style: none;
		
		display: flex;
		justify-content: space-evenly;
		-webkit-justify-content: space-evenly;
		-ms-justify-content: space-evenly;
	}
	#service_web div#sw_in div:nth-child(2) {
		width: 100%;
		/*background: #FFFFFF;*/
		margin-top: 60px;
		
		flex-wrap: nowrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
			
		display: flex;
		justify-content: space-between;
		-webkit-justify-content: space-between;
		-ms-justify-content: space-between;
	}
		#service_web div#sw_in div:nth-child(2) article {
			width: 15%;
			text-align: center;
			margin-bottom: 20px;
			margin-right: 2%;
		}
		#service_web div#sw_in div:nth-child(2) article:last-child {
			margin-right: 0;
		}
		


/*ウェブプロモーション*/
#service_pro { padding: 8% 0;}
	#service_pro div#sw_in {
		max-width: none;
		width: 90%;
		margin: 0 auto;
		display: block;
	}
	#service_pro div#sw_in div { width: 100%; margin-bottom: 30px; float: none;}
	#service_pro p.ts_msg { width: 100%;}
 	#service_pro div#sw_in div#pro_img {
		width: 80%;
		margin: 0 auto;
		text-align: center;
		float: none;
	}

 	#service_pro div#sw_in div#pro_img img {
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}

	
	

/*ウェブ広告*/
#service_ad { padding: 8% 0;}
	#service_ad div#sw_in {
		max-width: none;
		width: 90%;
		margin: 0 auto;
		display: block;
	}
	#service_ad div#sw_in div { width: 100%;}
	#service_ad p.ts_msg { width: 100%;} 
	#service_ad .btn_wrap {
		width: 100%;
		margin: 0 auto;
		text-align: center;
		font-size: 16px;
		list-style: none;
		
		display: flex;
		justify-content: space-evenly;
		-webkit-justify-content: space-evenly;
		-ms-justify-content: space-evenly;
	}
	#service_ad div#sw_in ul#ad_list {
		width: 100%;
		/*background: #FFFFFF;*/
		margin-top: 60px;
		
		flex-wrap: wrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
			
		display: flex;
		justify-content: space-between;
		-webkit-justify-content: space-between;
		-ms-justify-content: space-between;
	}
		#service_ad div#sw_in ul#ad_list li {
			width: 24%;
			text-align: center;
			margin-bottom: 10px;
			font-size: 14px;
			padding: 20px 0;
		}
		


/*ロゴ制作*/
#service_logo { padding: 8% 0;}
	#service_logo div#sw_in {
		max-width: none;
		width: 90%;
		margin: 0 auto;
		display: block;
	}
	#service_logo div#sw_in div { width: 100%; margin-bottom: 30px; float: none;}
	#service_logo p.ts_msg { width: 100%;}
 	#service_logo div#sw_in div#logo_img {
		width: 80%;
		margin: 0 auto;
		text-align: center;
		float: none;
	}

 	#service_logo div#sw_in div#logo_img img {
		width: 80%;
		margin: 0 auto;
		text-align: center;
	}
	#service_logo .btn_wrap {
		width: 100%;
		margin: 0 auto;
		text-align: center;
		font-size: 16px;
		list-style: none;
		
		display: flex;
		justify-content: space-evenly;
		-webkit-justify-content: space-evenly;
		-ms-justify-content: space-evenly;
	}




/*企業サイトへ*/	
	#fb_tocs div#ftocs_inq {
		width: 80%;
	}
	#fb_tocs dl dt {
		width: 40%;
		padding-bottom: 2%;
		text-align: center;
		margin: 0 auto;
	}
	#fb_tocs dl dd {
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}
	
	.pc-only { display: none !important; }
		
}



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

/*タイトル*/
#service_ttl { padding: 10% 0;}
	#service_ttl h1 span {
		margin: 0 auto 10px;
		font-size: 36px;
		line-height: 1.4;
		text-align: center;
	}
	#service_ttl p {
		font-size: 14px;
		line-height: 1.6;
		text-align: left;
	}
	#service_ttl ul {
		position: relative;
		width: 92%;
		margin: 0 auto;
		list-style: none;
		font-size: 16px;
		/*display: block;*/
	
		flex-wrap: wrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;

		display: flex;
		justify-content: space-between;
		-webkit-justify-content: space-between;
		-ms-justify-content: space-between;
		
		padding: 40px 0 20px;
	}
		#service_ttl ul li {
			width: 48%;
			margin-bottom: 6%;
		}
		#service_ttl h3 { font-size: 16px;}
		#service_ttl dl dt { font-size: 16px;}



/*ホームページ制作*/
#service_web { padding: 10% 0;}	

	#service_web h2 {
		width: 100%;
		font-size: 32px;
		margin: 0 auto 30px;
		padding: 0;
		font-weight: 600;
		line-height: 1.2;
		text-align: center;
	}
		#service_web h2 span {
			width: 100%;
			text-align: center;
			margin: 0 auto;
			font-size: 14px;
			font-weight: normal;
			line-height: 1;
			letter-spacing: .05em;
			font-family: "bebas", sans-serif;
			color: #be0008;
		}
	#service_web p.ts_msg { font-size: 14px;}
	#service_web h3 {
		width: 100%;
		font-size: 18px;
		margin: 0 auto 20px;
		font-weight: 600;
		line-height: 1.4;
		text-align: center;
	}
	#service_web .btn_wrap {
		width: 100%;
		margin: 0 auto;
		text-align: center;
		font-size: 14px;
		list-style: none;
		
		display: flex;
		justify-content: space-between;
		-webkit-justify-content: space-between;
		-ms-justify-content: space-between;
	}
		#service_web .btn_wrap li {
			max-width: 195px !important;
			margin-right: 0;
		}
		#service_web .btn_wrap li a { font-size: 14px;}
		#service_web .btn_wrap a span { display: none;}
			
			
	#service_web div#sw_in div:nth-child(2) {
		width: 100%;
		
		flex-wrap: wrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
			
		display: flex;
		justify-content: space-between;
		-webkit-justify-content: space-between;
		-ms-justify-content: space-between;
		
	}
		#service_web div#sw_in div:nth-child(2) article {
			width: 30%;
			text-align: center;
			margin-bottom: 20px;
		}
			#service_web div#sw_in div:nth-child(2) article h3 { font-size: 14px;}
			#service_web div#sw_in div:nth-child(2) article p { font-size: 12px;}




/*ウェブプロモーション*/
#service_pro { padding: 10% 0;}
	/*#service_pro div#sw_in {
		max-width: none;
		width: 90%;
		margin: 0 auto;
		display: block;
	}*/
	#service_pro h2 {
		width: 100%;
		font-size: 32px;
		margin: 0 auto 30px;
		padding: 0;
		font-weight: 600;
		line-height: 1.2;
		text-align: center;
	}
		#service_pro h2 span {
			width: 100%;
			text-align: center;
			margin: 0 auto;
			font-size: 14px;
			font-weight: normal;
			line-height: 1;
			letter-spacing: .05em;
			font-family: "bebas", sans-serif;
			color: #be0008;
		}
	#service_pro p.ts_msg { font-size: 14px;}
	#service_pro h3 {
		width: 100%;
		font-size: 18px;
		margin: 0 auto 20px;
		font-weight: 600;
		line-height: 1.4;
		text-align: center;
	}
 	#service_pro div#sw_in div#pro_img {
		width: 100%;
	}

	

/*ウェブ広告*/
#service_ad { padding: 10% 0;}	

	#service_ad h2 {
		width: 100%;
		font-size: 32px;
		margin: 0 auto 30px;
		padding: 0;
		font-weight: 600;
		line-height: 1.2;
		text-align: center;
	}
		#service_ad h2 span {
			width: 100%;
			text-align: center;
			margin: 0 auto;
			font-size: 14px;
			font-weight: normal;
			line-height: 1;
			letter-spacing: .05em;
			font-family: "bebas", sans-serif;
			color: #be0008;
		}
	#service_ad p.ts_msg { font-size: 14px;}
	#service_ad h3 {
		width: 100%;
		font-size: 18px;
		margin: 0 auto 20px;
		font-weight: 600;
		line-height: 1.4;
		text-align: center;
	}
	#service_ad .btn_wrap {
		width: 100%;
		margin: 0 auto;
		text-align: center;
		font-size: 14px;
		list-style: none;
		
	}
		#service_ad .btn_wrap li {
			max-width: 195px !important;
			margin-right: 0;
		}
		#service_ad .btn_wrap li a { font-size: 14px;}
		#service_ad .btn_wrap a span { display: none;}
		
	#service_ad div#sw_in ul#ad_list {
		width: 100%;
		/*background: #FFFFFF;
		margin-top: 60px;*/
		
		flex-wrap: wrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
			
		display: flex;
		justify-content: space-between;
		-webkit-justify-content: space-between;
		-ms-justify-content: space-between;
	}
		#service_ad div#sw_in ul#ad_list li {
			width: 31%;
			text-align: center;
			margin-bottom: 10px;
			font-size: 14px;
			padding: 20px 0;
		}
	

/*ロゴ制作*/
#service_logo { padding: 10% 0;}
	/*#service_pro div#sw_in {
		max-width: none;
		width: 90%;
		margin: 0 auto;
		display: block;
	}*/
	#service_logo h2 {
		width: 100%;
		font-size: 32px;
		margin: 0 auto 30px;
		padding: 0;
		font-weight: 600;
		line-height: 1.2;
		text-align: center;
	}
		#service_logo h2 span {
			width: 100%;
			text-align: center;
			margin: 0 auto;
			font-size: 14px;
			font-weight: normal;
			line-height: 1;
			letter-spacing: .05em;
			font-family: "bebas", sans-serif;
			color: #be0008;
		}
	#service_logo p.ts_msg { font-size: 14px;}
	#service_logo h3 {
		width: 100%;
		font-size: 18px;
		margin: 0 auto 20px;
		font-weight: 600;
		line-height: 1.4;
		text-align: center;
	}
 	#service_logo div#sw_in div#logo_img {
		width: 100%;
	}


/*企業サイトへ*/
	#fb_tocs div#ftocs_inq {
		width: 90%;
	}
	#fb_tocs dl dt {
		width: 60%;
		padding-bottom: 4%;
	}
	#fb_tocs dl dd {
		width: 100%;
		margin: 0 auto;
	}



.pc-only { display: none !important; }

}