@charset "utf-8";

/*
Theme Name: leagle
Description: リーグル株式会社用
Author: satoken.ngt
Version: 1.0
Text Domain: leagle
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background:transparent;
	border:0;
	margin:0;
	padding:0;
	vertical-align:baseline;
}
a img {
	border:none;
	vertical-align:middle;
}
a:link, a:visited {
	color:#0033FF;
	text-decoration:none;
}
a:hover, a:active {
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

ul {
	list-style:none;
	/*font-size:0;*/
	line-height:normal;
}
li {
	display:inline-block;
	/*font-size:12px;*/
	vertical-align:top;
}

#body{
	overflow: hidden;
}

/* 基本
-------------------------------------------------------------- */
/*
body {
	background: #fff;
	color:#55505c;
	font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	font-size:15px;
	line-height:1.7em;
}
*/

/* ヘッダー
-------------------------------------------------------------- */
/*
#download {
	position:fixed;
	top:40%;
	right:0;
	z-index:1000;
	display:block;
	width:1em;
	padding:25px 15px;
	background:#00008B;
	color:#fff;
	font-weight:bold;
	line-height:1em;
}

#contact {
	position:fixed;
	bottom:15%;
	right:0;
	z-index:1000;
	display:block;
	width:1em;
	padding:25px 15px;
	background:#d6000f;
	color:#fff;
	font-weight:bold;
	line-height:1em;

}


#s_nav {
	position:fixed;
	top:-55px;
	width:100%;
	height:50px;
	border-bottom:1px solid #ddd;
	box-shadow:0px 3px 3px rgba(0,0,0,0.1);
		-moz-box-shadow:0px 3px 3px rgba(0,0,0,0.1);
		-webkit-box-shadow:0px 3px 3px rgba(0,0,0,0.1);
	background:#5f5f5f;
	z-index:1000;
}
#s_nav_inner {
	position:relative;
	width:980px;
	margin:0 auto;
}
#s_nav_logo img {
	width:100px;
	height:23px;
	margin-top:13px;
	background:#5f5f5f;
}
ul#s_nav_menu {
	position:absolute;
	top:0;
	left:110px;
}
ul#s_nav_menu li {
	max-width:80px;
	height:50px;
	border-right:1px #ddd solid;
}
ul#s_nav_menu li:nth-child(1) {border-left:1px #ddd solid}
ul#s_nav_menu li a {
	display:table-cell;
	width:65px;
	height:47px;
	padding:0 3px;
	background:#5f5f5f;
	color:#fff;
	text-align:center;
	vertical-align:middle;
	font-size:8px;
}
ul#s_nav_menu li a:hover {
	border-bottom:3px #d6000f solid;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
#s_nav_contact {
	position:absolute;
	top:16px;
	right:0;
	background:#d6000f;
	font-weight:bold;
}
#s_nav_contact a {
	display:block;
	padding:3px 8px;
	color:#fff;
	font-size:10px;
}
#s_nav_contact a img {margin-right:3px}



header {
	background:#5f5f5f;
	padding-bottom:2px;
}
header#recruit_header {background:#fff}
#header_inner {
	position:relative;
	width:980px;
	margin:0 auto;
}
#head_logo {
        width:210px;
	height:47px;	
        margin-top:24px;
	margin-bottom:16px;
}
#head_contact {
	position:absolute;
	top:0;
	right:0;
	background:#d6000f;
	font-weight:bold;
}
#head_contact a {
	display:block;
	padding:8px 15px;
	color:#fff;
	font-size:13px;
}
#head_contact a img {margin-right:3px}
	
header nav {width:100%}
header nav ul li {
	position:relative;
	font-size:12px;
	text-align:center;
	width:107px;
	margin-left:2px;

}
header nav ul li:first-child {margin-left:0}
header nav ul li a {
	display:block;
	width:100%;
	height:81px;
}
header nav ul li:nth-child(1) a {background:url(images/common/menu_main1.jpg)}
header nav ul li:nth-child(2) a {background:url(images/common/menu_main2.jpg)}
header nav ul li:nth-child(3) a {background:url(images/common/menu_main3.jpg)}
header nav ul li:nth-child(4) a {background:url(images/common/menu_main4.jpg)}
header nav ul li:nth-child(5) a {background:url(images/common/menu_main5.jpg)}
header nav ul li:nth-child(6) a {background:url(images/common/menu_main6.jpg)}
header nav ul li:nth-child(7) a {background:url(images/common/menu_main7.jpg)}
header nav ul li:nth-child(8) a {background:url(images/common/menu_main8.jpg)}
header nav ul li:nth-child(9) a {background:url(images/common/menu_main9.jpg)}




header nav ul li ul {
	display:none;
	position:absolute;
	top:81px;
	left:-1px;
	padding:5px 15px;
	box-shadow:1px 1px 3px #aaa;
		-moz-box-shadow:1px 1px 3px #aaa;
		-webkit-box-shadow:1px 1px 3px #aaa;
	border:1px #ccc solid;
	background:#fff;
	z-index:10;
}
header nav ul li ul li {
	display:block;
	width:190px;
	margin:10px 0;

}
header nav ul li ul li a {
	display:block;
	width:auto;
	height:auto;
	text-align:left;
}
header nav ul li:nth-child(1) ul li a,
header nav ul li:nth-child(2) ul li a,
header nav ul li:nth-child(3) ul li a,
header nav ul li:nth-child(4) ul li a,
header nav ul li:nth-child(5) ul li a,
header nav ul li:nth-child(6) ul li a,
header nav ul li:nth-child(7) ul li a,
header nav ul li:nth-child(8) ul li a,
header nav ul li:nth-child(9) ul li a {background:none} 
*/

/* フッター
-------------------------------------------------------------- */
/*
footer {
	width:100%;
	background:#5f5f5f;
	color:#fff;
	padding:20px 0;
	position:relative;
}
footer nav {
	width:980px;
	margin:0 auto 20px auto;
	font-size:0;
	text-align:center;
}
footer nav ul {
	display:inline-block;
	vertical-align:top;
	text-align:left;
}
footer nav ul:nth-child(1) {width:337px}
footer nav ul:nth-child(2) {width:226px}
footer nav ul:nth-child(3) {width:250px}
footer nav ul:nth-child(4) {width:167px}
footer nav ul li {
	display:block;
	font-size:11px;
	line-height:1.2em;
}
footer nav ul li a:link,
footer nav ul li a:visited {
	display:block;
	width:100%;
	color:#fff;
	margin-bottom:15px;
}
footer nav ul li a span {
	display:inline-block;
	transform:rotate(-90deg);
		-moz-transform:rotate(-90deg);
		-webkit-transform:rotate(-90deg);
	line-height:20px;
	margin-right:4px;
}
footer nav ul li ul {
	width:100%;
}
footer nav ul li ul li {
	padding-left:2em;
	text-indent:-14px;
	
}
footer nav ul li ul.inlineblock {
	display:inline-block;
	width:121px;
}

#address {
	width:980px;
	margin:0 auto;
}
#address li {
	font-size:10px;
	vertical-align:bottom;
}
#address li:nth-child(1) {width:210px}
#address li:nth-child(2) {width:330px}
#address li:nth-child(3) {width:310px}
#address li:nth-child(4) {width:130px}

#address li#sns {font-size:0}
#sns a {margin:0 0 0 5px}

#page_top {
	position:fixed;
	right:50%;
	bottom:16px;
	margin-right:-485px;
	width:50px;
	height:50px;
	display:none;
}
#page_top a {
	display:block;
	text-align:center;
	background:#5f5f5f;
	color:#fff;
	transition:all 0.3s;
		-webkit-transition:all 0.3s;
		-moz-transition:all 0.3s;
	font-size:16px;
	font-weight:bold;
	line-height:50px;
	z-index:1000;
}
#page_top a:hover{cursor:pointer}
*/

/* 共通
-------------------------------------------------------------- */
#img_header {
	position:relative;
	width:100%;
	height:284px;
	background-size:cover;
}
#img_header h1 {
	width:930px;
	margin:0 auto;
	padding-top:130px;
	font-size:22px;
	color:#000;
}
#img_header h1 span {
	display:inline-block;
	margin-left:20px;
	font-size:16px;
	line-height:32px;
}
#pankuzu {
	width:980px;
	margin:20px auto;
	font-size:9px;
	line-height:14px;
}
#pankuzu a {line-height:14px}
.gray {background-color:#f5f5f5}
.gray2 {background-color:#f7f7f7}
article {width:100%}
article .a_inner {
	width:980px;
	max-width: 100%;
	margin:0 auto;
	position:relative;
}
article .a_inner:after {
	display:block;
	content:"";
	clear:both;
}
.col3 {text-align:center}
.col3 li {
	width:307px;
	margin-left:29.5px;
}
.col3 li:nth-child(3n-2) {margin-left:0}
.col4 {text-align:center}
.col4 li {
	width:227px;　
	margin-left:24px; 
        margin-right:15px;    
}
.col4 li:nth-child(4n-3) {margin-left:0}

.bottom_contact {
	margin:0;
	width:740px;
	font-size:0;
}
.top6 .bottom_contact,
.service_2 .bottom_contact {margin:0 auto}
.bottom_contact div {
  padding: 17px 20px;
  background: #d6000f;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  width: 50%;
  height: 55px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
}
.bottom_contact div span {
	display:inline-block;
	margin-left:20px;
	font-size:11px;
	line-height:24px;
}
.bottom_contact .tel,
.bottom_contact .mail {
  display: inline-block;
  width: 50%;
  padding: 15px 0;
  background: #fff;
  color: #232621;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  height: 55px;
  vertical-align: middle;
}
.bottom_contact .mail {
	background:#232621;
	color:#fff;
}

a.link_black {
	display:block;
	width:540px;
	margin:0 auto;
	padding:15px 0;
	background:#000;
	color:#FFF;
	font-size:14px;
	text-align:center;
}


/* サイドバー付 ---------------- */
#content {
	float:left;
	width:740px;
	margin:40px 0;
	line-height:1.8em;
	font-size:14px;
}
#sidebar {
	float:right;
	width:200px;
	margin-top:40px;
}
#sidebar h3 {
	line-height: 1.7em;
margin-bottom: 0px;
}
#sidebar h3 a {
	display:block;
	width:100%;
	padding:10px;
	background:#000;
	color:#fff;
	font-size:12px;
}
#sidebar ul li {
	border:1px #9fa0a0 solid;
  width:100%;
}
#sidebar ul li:nth-child(n+1) {border-top:none}
#sidebar ul li a {
	display:block;
	width:100%;
	padding:10px 20px;
	font-size:10px;
}
#sidebar ul li span {
	color:#d6000f;
	margin-right:4px;
}
#sidebar ul li.current {
	padding:10px 20px;
	font-size:10px;
	background:#eaeaea;
}


/* トップページ
-------------------------------------------------------------- */
a.tolist:link,
a.tolist:visited {
	position:absolute;
	top:0;
	right:0;
	display:block;
	padding:5px 10px;
	background:#d6000f;
	color:#fff;
	font-size:10px;
	font-weight:bold;
}
#top h2 {font-size:22px}
#top h3 {
	font-size:14px;
	color:#d6000f;
	font-weight:normal;
	margin-top:-5px;
}
#top p {
	position:absolute;
	top:0;
	left:90px;
	font-size:12px;
}

.top1 {
	height:465px;
	background-image:url(images/top/p1.jpg);
	background-position:center center;
	background-repeat:no-repeat;
	position:relative;
}



#top .top1 p {
	position:absolute;
	top: 200px;
	left: 50%;
	margin-left: -377px;
	font-size: 30px;
	line-height: 1.5em;
        color: #000;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}

.top2, .top3, .top4, .top5, .top6 {padding:30px 0}
.top2 ul {margin-top:20px}
.top2 ul li {margin-bottom:29px}
.top2 ul li a {
	display:block;
	padding:5px 45px;
	width:217px;
	height:160px;
	text-align:left;
}
.top2 ul li:nth-child(1) a {background:url(images/top/p2_1.jpg) center center no-repeat}
.top2 ul li:nth-child(2) a {background:url(images/top/p2_2.jpg) center center no-repeat}
.top2 ul li:nth-child(3) a {background:url(images/top/p2_3.jpg) center center no-repeat}
.top2 ul li:nth-child(4) a {background:url(images/top/p2_4.jpg) center center no-repeat}
.top2 ul li:nth-child(5) a {background:url(images/top/p2_5.jpg) center center no-repeat}
.top2 ul li:nth-child(6) a {background:url(images/top/p2_6.jpg) center center no-repeat}
.top2 ul li:nth-child(7) a {background:url(images/top/p2_7.jpg) center center no-repeat}
.top2 ul li:nth-child(8) a {background:url(images/top/p2_8.jpg) center center no-repeat}
.top2 ul li:nth-child(9) a {background:url(images/top/p2_9.jpg) center center no-repeat}
.top2 ul li a h4 {
	padding:5px 0;
	text-align:center;
	color:#d6000f;
	font-size:14px;
}

.top3 ul {margin:15px 0 50px 0}
.top3 ul li a {
	display:block;
	width:227px;
	height:181px;
	text-align:left;
	border:1px #cbcbcb solid;
}
.top3 ul li:nth-child(1) a {background:url(images/top/p3_1.jpg) center top no-repeat}
.top3 ul li:nth-child(2) a {background:url(images/top/p3_2.jpg) center top no-repeat}
.top3 ul li:nth-child(3) a {background:url(images/top/p3_3.jpg) center top no-repeat}
.top3 ul li:nth-child(4) a {background:url(images/top/p3_4.jpg) center top no-repeat}
.top3 ul li a h4 {
	padding:5px;
	color:#fff;
	background:#000;
	font-size:11px;
}
.top3 ul li a div {
	padding:119px 10px 5px 10px;
	font-size:9px;
}

.top4 {
	height:264px;
	background-image:url(images/top/p4.jpg);
	background-position:center center;
	background-repeat:no-repeat;
	background-color:#f8f8f8;
}
#top .top4 p {
	left:0;
	top:36px;
	font-size:14px;
}
#top .top4 p span {font-size:12px}
#top .top4 {font-size:12px}
.top4_1, .top4_2, .top4_3 {
	position:absolute;
	top:105px;
	left:478px;
	font-size:12px;
}
.top4_2 {top:159px}
.top4_3 {top:231px}

.top5 {padding:84px 0 38px 0}
.top5 h2 {height:32px}
.top5 h2 span {
	font-size:9px;
	color:#d6000f;
	font-weight:normal;
	margin-left:20px;
	line-height:22px;
}
.top5 ul li{text-align:left}
.top5 ul li div {
	padding:24px 19px;
	height:260px;
	border:1px #cbcbcb solid;
}
.top5 ul li div img {width:100%}
.top5 ul li a {
	display:inline-block;
	margin-top:37px;
	min-width:70px;
	font-size:12px;
	padding-left:15px;
	position:relative;
}
.top5 ul li a span {
	display:inline-block;
	transform:rotate(-90deg);
		-moz-transform:rotate(-90deg);
		-webkit-transform:rotate(-90deg);
	position:absolute;
	top:0;
	left:0;
}

.top6 {
	padding-top:40px;
	padding-bottom:65px;
}


/* ビジョン
-------------------------------------------------------------- */
.vision_header {background:url(images/vision/vision_hed.jpg) center center no-repeat}
.vision_header h1 {padding-top:72px !important}
.vision_header h2 {
	width:930px;
	margin:0 auto;
	padding-top:30px;
	font-size:22px;
	font-weight:normal;
	line-height:1.8em;
	color:#000;
	font-family:"ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;;
}
.vision {padding:20px 0 100px 0}
.vision .a_inner {
	width:740px;
	margin:0 auto;
}


/* サービス
-------------------------------------------------------------- */
.service_header {background:url(images/service/top_hed.jpg) center center no-repeat}

.service_1 #content h2 {font-size:12px}
#content ul {font-size: 0;}
.service_1 #content ul {margin-top:10px}
.service_1 #content ul {text-align:center}
.service_1 #content ul li {
	width:229px;
	margin-left:26.5px;
	margin-bottom:16px;
}
.service_1 #content ul li:nth-child(3n-2) {margin-left:0}
.service_1 #content ul li a {
	display:block;
	width:189px;
	height:148px;
	padding:10px 20px;
	text-align:left;
	line-height:1.5em;
}
.service_1 #content ul li h2 {
	font-size:12px;
	margin:5px 0;
	color:#d6000f;
	text-align:center;
}
.service_1 #content ul li:nth-child(1) a {background:url(images/service/service_1.jpg) center center no-repeat}
.service_1 #content ul li:nth-child(2) a {background:url(images/service/service_2.jpg) center center no-repeat}
.service_1 #content ul li:nth-child(3) a {background:url(images/service/service_3.jpg) center center no-repeat}
.service_1 #content ul li:nth-child(4) a {background:url(images/service/service_4.jpg) center center no-repeat}
.service_1 #content ul li:nth-child(5) a {background:url(images/service/service_5.jpg) center center no-repeat}
.service_1 #content ul li:nth-child(6) a {background:url(images/service/service_6.jpg) center center no-repeat}
.service_1 #content ul li:nth-child(7) a {background:url(images/service/service_7.jpg) center center no-repeat}
.service_1 #content ul li:nth-child(8) a {background:url(images/service/service_8.jpg) center center no-repeat}
.service_1 #content ul li:nth-child(9) a {background:url(images/service/service_9.jpg) center center no-repeat}

.service_2 {padding:30px 0 150px 0}
.service_2 h3 {
	width:780px;
	margin:0 auto;
	font-size:12px;
	margin-bottom:14px;
}
.service_2 ul {
	width:780px;
	margin:0 auto;
}
.service_2 ul li {margin-left:15px}
.service_2 ul li:nth-child(1) {margin-left:0}
.service_2 p {
	width:780px;
	margin:0 auto;
	text-align:right;
	font-size:12px;
	margin-bottom:75px;
}

/* サービス共通 ---------------- */
.service h1,
.service h2 {
	font-size:14px;
	color:#d6000f;
	margin-bottom:10px;
}

.service section {margin-bottom:60px}
.point ul li {
	position:relative;
	width: 230px;
	height: 195px;
	padding: 5px 18px;
	margin-left:20px;
	background:#f2f0f0;
	font-size:12px;
	line-height:1.5em;
}
.point ul li:nth-child(1) {margin-left:0}
.point ul li p {text-align:center}
.point ul li p span {
	display:inline-block;
	width:25px;
	height:25px;
	font-size:20px;
	line-height:28px;
	color:#fff;
	background:#d6000f;
	border-radius:13px;
	margin-top:5px;
}
.point ul li h3 {
	text-align:center;
	font-size:14px;
	color:#d6000f;
	margin:6px 0 15px 0;
	height:14px;
}
.point ul li a {
	position:absolute;
	bottom:30px;
	right:15px;
	display:block;
	background:#b2b2b2;
	color:#fff;
	padding:3px 5px;
}
.flow {
	width:740px;
	min-height:170px;
}
.flow li {
	position:relative;
	width:185px;
	height:150px;
	padding:10px 0;
	text-align:center;
	box-sizing: content-box;
}
.flow li span {
	position:absolute;
	top:96px;
	left:25px;
	display:block;
	width:135px;
	font-size:11px;
	line-height:15px;
	text-align:left;
}
.period {
	margin-top:10px;
	width:740px;
	height:14px;
	background:url(images/service/period_bg.png) center center no-repeat;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	line-height:14px;
}
.service_bottom {padding:40px 0 70px 0}

/* スゴイリスト ---------------- */
.service1_header {background:url(images/service/service1_hed.jpg) center center no-repeat}

.service1_4 ul li {
	width:166px;
	height:58px;
	margin-left:25px;
}
.service1_4 ul li:nth-child(1) {margin-left:0}
.service1_4 ul li p {
	display:table-cell;
	width:66px;
	height:58px;
	padding:0 50px;
	background:#45cc9b;
	color:#fff;
	font-size:11px;
	line-height:1.5em;
	vertical-align:middle;
	box-sizing: content-box;
}

.service1_5 ul li {
	width:160px;
	height:184px;
	padding:10px 24px;
	margin-left:55px;
	border:1px #cbcbcb solid;
	font-size:11px;
	line-height:1.7em;
	color:#55505c;
	box-sizing: content-box;
}
.service1_5 ul li:nth-child(1) {margin-left:0}
.service1_5 ul li h3 {
	font-size:12px;
	text-align:center;
	color:#55505c;
	margin-top: 0px;
}
.service1_5 ul li img {
	display:block;
	margin:7px auto;
}

.service1_6 ul li { width:100%;}

.service1_6 ul li h3{color:#333333; font-size:14px; line-height:26px; margin-top:5px; }

.service1_7 th {
	width:185px;
	height:40px;
	color:#fff;
	background:#7f7f7f;
	vertical-align:middle;
}
.service1_7 th.list {background:#d6000f}
.service1_7 td {
	height:40px;
	padding:0 20px;
	vertical-align:middle;
	font-size:9px;
	line-height:1.3em;
	text-align:center;
}
.service1_7 td.left {text-align:left}
.service1_7 tr.even {background:#c8c8c8}
.service1_7 tr.even td.list {background:#ffb6b8}
.service1_7 tr.odd {background:#dcdddd}
.service1_7 tr.odd td.list {background:#ffdce1}

.service1_8 h4 {font-size: 12px;}
.service1_8 .flow {background:url(images/service/service1_8.jpg) left top no-repeat}


/* スゴイアポ ------------------ */
.service2_header {background:url(images/service/service2_hed.jpg) center center no-repeat}
.service2_2 ul li {height:210px}
.service2_2 ul li h3 {height:28px}

.service2_7 .flow {background:url(images/service/service2_7.jpg) left top no-repeat}
.service2_7 .flow li {height:193px}
.service2_7 .flow li span {top:104px}


/* コールドコールマン --------- */
.service3_header {background:url(images/service/service3_hed.jpg) center center no-repeat}
.service3_2 ul li {height:220px}
.service3_2 ul li h3 {height:28px}

.service3_4 table th {
	width:348px;
	background:#6895bb;
	color:#fff;
	text-align:center;
	vertical-align:middle;
	font-size:14px;
	padding:5px 0;
}
.service3_4 table th.red {background:#d6000f}
.service3_4 table td {
	padding:10px 50px;
	background:#cae3fa;
	font-size:11px;
	line-height:1.8em;
}
.service3_4 table td.pink {
	padding:10px 20px;
	background:#ffbbb1;
}
.service3_4 table td.white {
	background:#fff;
	vertical-align:middle;
	padding:0 10px;
}

.service3_7 h4 {font-size: 12px;margin-top: 0px;}
.service3_7 .flow {background:url(images/service/service3_7.jpg) left top no-repeat}
.service3_7 .flow li {height:187px}
.service3_7 .flow li span {top:109px}


/* フォローコールマン --------- */
.service4_header {background:url(images/service/service4_hed.jpg) center center no-repeat}

.service4_4 div {
	background:url(images/service/service4_4.png) left top no-repeat;
	position:relative;
	width:740px;
	height:165px;
	margin-bottom:10px;
}
.service4_4 div p {
	position:absolute;
	top:96px;
	left:30px;
	width:106px;
	font-size:11px;
	line-height:15px;
}
.service4_4 div p:nth-child(2) {left:225px}
.service4_4 div p:nth-child(3) {
	left:389px;
	text-align:center;
	width:155px;
}
.service4_4 div p:nth-child(4) {
	left:610px;
	text-align:center;
}
.service4_4 div p:nth-child(4) span {
	display:block;
	text-align:left;
}
.service4_7 h4 {font-size: 12px;}
.service4_7 .flow {background:url(images/service/service4_7.jpg) left top no-repeat}
.service4_7 .flow li {height:187px}
.service4_7 .flow li span {top:109px}


/* リードナーチャリング --------- */
.service5_header {background:url(images/service/service5_hed.jpg) center center no-repeat}
.service5_2 ul li {height:220px}
.service5_2 ul li h3 {
	height:30px;
	line-height:1.4em;
}
.service5_5 .link_black {
	width:540px;
	margin:0 auto;
}
.service section.service5_5 {margin-bottom:0}


/* クラウド営業マン --------- */
.service6_header {background:url(images/service/service6_hed.jpg) center center no-repeat}

.service6_4 table th {
	background:#727272;
	color:#fff;
}
.service6_4 table td {
	background:#dcdddd;
	color:#55505c;
	padding:5px 15px;
	vertical-align:top;
}
.service6_4 table td li {
	display:block;
	font-size:12px;
	line-height:1.5em;
	margin-bottom:5px;
	text-indent:-1.5em;
	padding-left:1.5em;
}
.service6_4 table td.pink {background:#ffbbb1}
.service6_4 table td.t12 {
	font-size:12px;
	width:62px;
	padding:0 10px;
	vertical-align:middle;
}
.service6_4 table tr.white td {
	background:#fff;
	text-align:center;
}

.service6_7 h4 {font-size: 12px;}
.service6_7 .flow {background:url(images/service/service6_7.jpg) left top no-repeat}
.service6_7 .flow li {height:174px}
.service6_7 .flow li span {top:109px}


/* パートナーマーケティング ---- */
.service7_header {background:url(images/service/service7_hed.jpg) center center no-repeat}
.service7_2 ul {margin-bottom:60px}
.service7_2 ul li {height:220px}
.service7_3 h4 {margin-bottom:10px}
.service7_3 li.gray {
	background:#dcdddd;
	vertical-align:top;
}
.service7_3 li.gray p {
	display:table-cell;
	width:582px;
	height:105px;
	padding:0 5px;
	vertical-align:middle;
}
.service7_4 h4 {font-size: 14px;}

/* インサイドセールス ---- */
.service8_header {background:url(images/service/service8_hed.jpg) center center no-repeat}
.service8_2 ul li {height:220px}
.service8_2 ul li h3 {height:28px}
.service section.service8_4 {margin-bottom:0}


/* メディア支援事業 ------------ */
.service9_header {background:url(images/service/service9_hed.jpg) center center no-repeat}
.service9_2 ul li {height:220px}
.service9_2 ul li h3 {height:28px}
.service9_5 p {margin-top:60px}

.service9_6 h4 {font-size: 12px;}
.service9_6 .flow {background:url(images/service/service9_6.jpg) left top no-repeat}
.service9_6 .flow li {height:174px}
.service9_6 .flow li span {top:109px}

/* CLM ------------------ */
.service10_header {background:url(images/service/service10_hed.png) center center no-repeat}
.service10_1 ul li {height:210px}
.service10_1 ul li h3 {height:28px}
.service10_2 ul li {height:210px}
.service10_2 ul li h3 {height:28px}

/* CPQ ------------------ */
.service11_header {background:url(images/service/service11_hed.png) center center no-repeat}
.service11_1 ul li {height:210px}
.service11_1 ul li h3 {height:28px}
.service11_2 ul li {height:210px}
.service11_2 ul li h3 {height:28px}

/* 資料一覧 ------------------ */
.service12_header {background:url(images/service/service12_hed.jpg) center center no-repeat}
.service12_1 ul li {height:210px}
.service12_1 ul li h3 {height:28px}
.service12_2 ul li {height:210px}
.service122_2 ul li h3 {height:28px}
-------------------------------------------------------------- */

/* ディストリビューション事業
-------------------------------------------------------------- */
#distribution article {padding:30px 0}
#distribution .a_inner {
	width:740px;
	margin:0 auto;
}
#distribution h1,
#distribution h3 {
	font-size:14px;
	color:#d6000f;
	margin-bottom:10px;
}
#distribution h2 {
	font-size:17px;
	color:#d6000f;
	margin-bottom:10px;
}
.distribution_2 {
	position:relative;
	height:280px;
	background-image:url(images/distribution/distribution_hed.jpg);
	background-position:center center;
	background-repeat:no-repeat;
	background-color:#f8f8f8;
}
.distribution_2 img {
	position:absolute;
	top:0px;
	right:0;
}
.distribution_2_1, .distribution_2_2, .distribution_2_3 {
	position:absolute;
	top:90px;
	left:430px;
	font-size:12px;
}
.distribution_2_2 {top:140px}
.distribution_2_3 {
	top:230px;
	font-weight:bold;
}
#distribution .link_black {
	width:540px;
	margin:30px auto 70px auto;
}
.distribution_3 {margin-bottom:70px}

.distribution_4 {
	position:relative;
	height:264px;
	background-image:url(images/distribution/billboard_bg_v4.jpg);
	background-position:center center;
	background-repeat:no-repeat;
	background-color:#f8f8f8;
}

.distribution_5 #content h2 {font-size:12px}

.distribution_5 #content ul {margin-top:10px}
.distribution_5 #content ul {text-align:center}
.distribution_5 #content ul li {
	width:229px;
	margin-left:26.5px;
	margin-bottom:16px;
}
.distribution_5 #content ul li:nth-child(3n-2) {margin-left:0}
.distribution_5 #content ul li a {
	display:block;
	width:189px;
	height:148px;
	padding:10px 20px;
	text-align:left;
	line-height:1.5em;
}
.distribution_5 #content ul li h2 {
	font-size:12px;
	margin:5px 0;
	color:#d6000f;
	text-align:center;
}
.distribution_5 #content ul li:nth-child(1) a {background:url(images/distribution/clm.png) center center no-repeat}
.distribution_5 #content ul li:nth-child(2) a {background:url(images/distribution/cpq.png) center center no-repeat}
.distribution_5 #content ul li:nth-child(3) a {background:url(images/distribution/clicktools.jpg) center center no-repeat}


/* コンサルタント
-------------------------------------------------------------- */
.consul {margin:30px 0 150px 0}
.consul .a_inner {
	width:740px;
	margin:0 auto;
}
.consul h1 {font-size:14px}
.consul h1 span {
	display:inline-block;
	font-size:10px;
	margin-left:10px;
}
.consul section {
	display:block;

	margin:40px 0 20px 0;
	font-size:14px;
}
.consul section:after {
	display:block;
	content:"";
	clear:both;
}
.consul section img {
	float:left;
	margin-right:20px;
	margin-bottom:20px;
}
.consul h2 {
	font-size:14px;
	margin-bottom:10px;
}



/* ご利用例
-------------------------------------------------------------- */
#cases {background:#f5f5f5}
.case_header {background:url(images/case/case_hed.jpg) center center no-repeat}
.case {margin-bottom:150px}
.case_head {
	position:relative;
	width:740px;
	height:173px;
	background:#000;
	color:#fff;
}
.case_head h2 {
	position:absolute;
	top:10px;
	left:20px;
	font-size:14px;
}
.case_head h3 {
	position:absolute;
	top:57px;
	left:20px;
	font-size:10px;
}
.case_head img {
	float:right;
	width:334px;
	height:173px;
}
.case1 section+section {margin-top:30px}

.case1_2 section {line-height:1.5em}
.case1 section img,
.case1_2 section img.right {
	float:right;
	margin-left:20px;
	margin-bottom:20px;
}
.case1_2 section img.left {
	float:left;
	margin-right:20px;
	margin-bottom:20px;
}
.case1_2 section h2 {
	font-size:14px;
	margin-bottom:20px;
}
.case1_2 .link_black {
	width:540px;
	margin:40px auto 80px auto;
}
.case1_2 .bottom_contact {margin-bottom:-10px}
.case1_2 p {
	font-weight:bold;
	margin:30px 0;
}
.case1_2 h2+p {margin-top:0}


/* 採用情報
-------------------------------------------------------------- */
#recruit .a_inner {
	width:740px;
	margin:0 auto;
}
.recruit_header {background:url(images/staff/recruit_hed.jpg) center center no-repeat}
.staff_head, .staff_head2 {position:relative}
.recruit2 h2 {
	margin-top:70px;
	font-size:38px;
	text-align:center;
}
.recruit2 p {
	margin-top:15px;
	font-size:21px;
	font-weight:bold;
	text-align:center;
}
.recruit2 h2 span {font-size:21px}
.recruit2 img {
    width:100%;
	display:block;
	margin:30px auto 50px auto;
	max-width:600px;
}
.recruit3 {padding:30px 0 50px 0}
.recruit3 h2 {
	font-size:14px;
	color:#d6000f;
}
.recruit3 .staff1,
.recruit3 .staff2 {
	display:inline-block;
	width:324px;
	height:140px;
	margin-top:10px;
	margin-bottom:80px;
	padding:30px 20px;
	background:#fff;
	box-shadow:1px 1px 3px #aaa;
		-moz-box-shadow:1px 1px 3px #aaa;
		-webkit-box-shadow:1px 1px 3px #aaa;
}
.recruit3 .staff1:after,
.recruit3 .staff2:after {
	display:block;
	content:"";
	clear:both;
}
.recruit3 .staff1 img,
.recruit3 .staff2 img {
	float:right;
	margin-left:10px;
}
.recruit3 .staff1 {margin-right:7px}
.recruit3 .staff1 h4,
.recruit3 .staff2 h4 {
	font-size:12px;
	color:#55505c;
}
.recruit3 .staff1 p,
.recruit3 .staff2 p {
	margin-top:20px;
	font-size:12px;
}
.recruit3 .staff1 p span,
.recruit3 .staff2 p span {
	display:inline-block;
	transform:rotate(-90deg);
		-moz-transform:rotate(-90deg);
		-webkit-transform:rotate(-90deg);
	color:#d6000f;
	vertical-align:baseline;
}
.recruit3 .to_oneday {
	position:relative;
	display:table-cell;
	width:769px;
	height:145px;
	background:#fff;
	box-shadow:1px 1px 3px #aaa;
		-moz-box-shadow:1px 1px 3px #aaa;
		-webkit-box-shadow:1px 1px 3px #aaa;
	text-align:center;
	vertical-align:middle;
	font-size:12px;
	background:url(images/staff/to_oneday.jpg) center center no-repeat;
}
.recruit3 .to_oneday h4 {font-size:14px}
.recruit3 .to_oneday p {
	position:absolute;
	bottom:10px;
	right:20px;
	font-size:12px;
	line-height:1.5em;
	text-align:left;
}
a.reclink1, a.reclink2 {
	display:inline-block;
	width:48.5%;
	height:16px;
	padding:28px 0;
	margin-top:30px;
	margin-bottom:30px;
	font-size:16px;
	text-align:center;
	background:#32ccfe;
	color:#fff;
	box-sizing: content-box;
}
a.reclink2 {
	background:#3399fe;
	margin-left:2%;
}
a.reclink3 {
	display:block;
	width:100%;
	height:16px;
	padding:18px 0;
	margin-top:18px;
	margin-bottom:150px;
	font-size:14px;
	background:#fff;
	color:#fff;
	text-align:center;
}


/* スタッフ紹介 ---------------- */
.staff_head, .staff_head2 {position:relative}
.staff_head h2,
.staff_head2 h2 {
	position:absolute;
	top:40px;
	font-size:14px;
	line-height:26px;
}
.staff_head h2 {left:30px;margin-top:30px}
.staff_head img {width:100%}
.staff_head2 h2 {
	top:80px;
	right:140px;
	font-weight:normal;
}
.staff {margin-bottom:100px !important}
.staff article:nth-child(n+2) {margin:30px 0}
.staff article h3 {
	margin-bottom:10px;
	font-size: 17px;
}

/* スタッフの一日 -------------- */
.oneday_time:after {
	display:block;
	content:"";
	clear:both;
}
.oneday_l, .oneday_m, .oneday_r {
	float:left;
	width:290px;
	height:1437px;
	line-height:1.6em;
	font-size:14px;
}
.oneday_m {
	width:78px;
	margin:0 41px;
}
.oneday_l img,
.oneday_m img {width:100%}
.oneday_l h4,
.oneday_r h4 {
	font-size:16px;
	margin-bottom:8px;
}
.oneday_l h4 {text-align:right}

.oneday_l1 {margin-top:82px}
.oneday_l2 {margin-top:63px}
.oneday_l3 {margin-top:35px}
.oneday_l4 {margin-top:208px}
.oneday_l5 {margin-top:68px}

.oneday_r1 {margin-top:29px}
.oneday_r2 {margin-top:90px}
.oneday_r3 {margin-top:57px}
.oneday_r4 {margin-top:63px}
.oneday_r5 {margin-top:78px}
.oneday_r6 {margin-top:62px}
.oneday_r7 {margin-top:28px}
.oneday_r8 {margin-top:47px}
.oneday_r9 {margin-top:83px}
.oneday_r10 {margin-top:74px}
.oneday_r11 {margin-top:73px}

/* 新卒採用・キャリア採用 ------ */
.staff h1 {font-size:27px}
.staff .flow img {margin-top:10px}
.staff .link_black {margin-top:50px}

/* 募集要項 -------------------- */
.requirements h2 {font-size:14px}

.requirements table {
	width:100%;
	border-collapse:collapse;
}
.requirements table td,
.requirements table th {
	font-weight:normal;
	padding:10px 8px;
	border:1px #b8b8b8 solid;
	text-align:left;
	vertical-align:top;
}
.requirements table th {width:82px}
.requirements table li {
	text-indent:-1em;
	padding-left:1em;
	font-size:14px;
	line-height:1.5em;
	display:block;
}
.requirements .black {
	background:#000;
	color:#fff;
	width:80%;
	margin:0 auto;
	padding:10px 0;
	text-align:center;
}
.requirements .black a {color:#fff}


/* 会社情報
-------------------------------------------------------------- */
.company_header {background:url(images/company/company_hed.jpg) center center no-repeat}
.company a {
	display:inline-block;
	width:270px;
	border:1px #9e9e9e solid;
	margin:30px 0 150px 0;
}
.company a+a {margin-left:20px;}
.company a div {padding:10px 20px 20px 20px;}
.company a h2 {
	display:inline-block;
	font-size:14px;
}
.company a h2 span {
	display:inline-block;
	transform:rotate(-90deg);
		-moz-transform:rotate(-90deg);
		-webkit-transform:rotate(-90deg);
}
.company a h3 {
	display:inline-block;
	font-size:10px;
	color:#d6000f;
	line-height:20px;
	margin-left:10px;
}

/* 会社概要 -------------------- */
.company1 table {
	border-spacing:5px;
	width:100%;
	margin-bottom:130px;
}
.company1 table th {
	background:#cbcbcb;
	width:100px;
	padding:10px;
	font-weight:normal;
	text-align:left;
	line-height:1.5em;
}
.company1 table td {
	background:#d8d8d8;
	padding:10px;
	line-height:1.5em;
}

.company1 table tr.even th {background:#e5e5e5}
.company1 table tr.even td {background:#e5e5e5}

.company2 {padding-bottom:100px}
.company2 #content {line-height:1.4em}
.company2 #content h2 {
	font-size:14px;
	margin-top:8px;
}


/* お問い合わせ
-------------------------------------------------------------- */
.contact {margin-bottom:200px;}
.contact .a_inner {
	width:740px;
	margin:0 auto;
}
.contact h1 {
	font-size:21px;
	margin-bottom:20px;
}
.contact h3 {
	font-size:12px;
	font-weight:normal;
}
.contact h3 span {color:#d6000f}
div#trust-form.contact-form table {
	font-size:14px;
	margin-top:30px;
	width:100%;
}
div#trust-form.contact-form table tr:hover {background:none !important}
div#trust-form.contact-form table th {
	width:160px;
	height:15px;
	padding:10px 5px 10px 30px;
	border:none !important;
	font-weight:normal;
}
div#trust-form.contact-form table th span {color:#d6000f}

div#trust-form.contact-form table td {
	height:15px;
	padding:3px 0;
	border:none !important;
}
div#trust-form.contact-form table td select {
	width:220px;
	height:34px;
	padding:0 12px;
	font-size:12px;
	border:1px #ccc solid;
}
div#trust-form.contact-form table td input[type=text],
div#trust-form.contact-form table td textarea {
	width:100%;
	width:calc(100% - 26px);
	height:14px;
	padding:9px 12px;
	font-size:14px;
	border:1px #ccc solid;
}
div#trust-form.contact-form table td textarea {height:220px}
div#trust-form.contact-form table td li {
	width:100%;
	text-align:center;
}
p#button input,

p#confirm-button input,

p#confirm-button2 input {
	display:block;
	width:328px;
	margin:20px 0px 20px 303px;
	padding:15px 0;
	background:#000;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	border-style:none;
}

p#confirm-button input {
	background:#6b6767;
	margin-left:384px;
}


p#confirm-button2 input {
	background:#d2d2d2;
	margin-left:28px;      
}



div#trust-form.contact-form table td li label:hover,
div#trust-form.contact-form table td li input:hover,
p#button input:hover,
p#confirm-button input:hover,
p#confirm-button2 input:hover {cursor:pointer}
p.error {
	font-size:10px;
	color:#d6000f;
}
div#trust-form.contact-form table td ul+p.error {margin-left:125px}

#confirm-text {
	text-align:center;
	margin:20px 0;
}

#return {position:relative}
#return div {display:none}

p#confirm-button2 {
	position:absolute;
	top:-86px;
	left:0;
}

div#trust-form form#finish #confirm-button input[name="return-to-input"],
div#trust-form form#return #confirm-button2 input[name="send-to-finish"] {display:none}

.contact2 {height:100px}

a.thanks_link {text-decoration:underline}


/* お知らせ
-------------------------------------------------------------- */
.news {margin-bottom:40px}
.news .a_inner {
	width:740px;
	margin:0 auto;
}
.news h1 {
	margin:20px 0;
	font-size:21px;
       
}
.news h2 a {
	font-size:14px;
	margin-top:20px;
	color:#d6000f;
}
.news h2 span {
	font-size:10px;
	margin-left:12px;
	line-height:20px;
}
.news p {
	margin:10px 0 50px 0;
	font-size:14px;
	line-height:1.8em;
}
.news p a {line-height:17px}
.news2 {min-height:100px}

/* 記事 ------------------------ */
#post {margin:50px 0 350px 0}
#post .post_title {
	margin-bottom:40px;
	color:#d6000f;
font-size:18px

}
#post .a_inner{
	width:740px;
	margin:0 auto;
}


/* ISMS
-------------------------------------------------------------- */
.isms .a_inner {
	width:740px;
	margin:0 auto;
}
.isms h1 {
	margin:20px 0;
	font-size:15px;
}
.isms table {
	margin-top:70px;
	margin-bottom:150px;
	width:100%;
	border-collapse:collapse;
}
.isms table th,
.isms table td {
	padding:8px;
	border:1px #ddd solid;
	vertical-align:top;
	text-align:left;
}
.isms table th {background:#f5f5f5}

.isms table img{width:100%; max-width:250px;}

/* 情報セキュリティ方針
-------------------------------------------------------------- */
.security .a_inner {
	width:740px;
	margin:0 auto;
}
.security h1 {
	margin:20px 0;
	font-size:15px;
}
.security h2 {font-size:12px}
.security {margin-bottom:150px}

/* 個人情報取り扱い
-------------------------------------------------------------- */
.infosec .a_inner {
	width:740px;
	margin:0 auto;
}
.infosec h1 {
	margin:20px 0;
	font-size:15px;
}
.infosec h2 {font-size:12px}
.infosec {margin-bottom:150px}



/* サイトマップ
-------------------------------------------------------------- */
.sitemap .a_inner {
	width:740px;
	margin:0 auto;
}
.sitemap h1 {
	margin:20px 0;
	font-size:21px;
}
.sitemap {
	font-size:12px;
	margin-bottom:120px;
}
.sitemap ul {margin-left:42px}
.sitemap ul li {
	margin-right:64px;
	line-height:1.8em;
}
.sitemap2 {min-height:100px}

/* セミナー1 ------ */
.seminar1 h1 {font-size:27px}
.seminar1 .flow img {margin-top:10px}
.seminar1 .link_black {margin-top:50px}

/* セミナー2-------------------- */
.requirements h2 {font-size:14px}

.seminar2 table {
	width:100%;
	border-collapse:collapse;
}
.seminar2 table th {
	font-weight:bold;
	padding:10px 8px;
	border:1px #b8b8b8 solid;
	text-align:left;
	vertical-align:top;
}
.seminar2 table td{
	padding:10px 8px;
	border:1px #b8b8b8 solid;
	text-align:left;
	vertical-align:top;
}

.seminar2 table li {
	text-indent:-1em;
	padding-left:1em;
	font-size:14px;
	line-height:1.5em;
	display:block;
}
.seminar2 .black {
	background:#000;
	color:#fff;
	width:80%;
	margin:0 auto;
	padding:10px 0;
	text-align:center;
}
.seminar2 .black a {color:#fff}


.service9_4 li img{width:200px; height:130px;}

.top4_img{width:40%; height:auto; float:left; margin-top:20px; display:none;}
.top4_img img{width:90%; margin-left:5%; float:left; height:auto;}
.top4_textDiv{width:54%; height:auto; float:right; margin-top:25px;}
.top4Text{font-size:1.1vw; line-height:2.0vw; text-align:left; margin-top:8px;}


.input_Div{width:100%; height:24px; float:left; border:1px solid #e5e5e5; }

#tab_des{display:block}
#tab_mob{display:none;}

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

header {
	background:#5f5f5f;
	padding-bottom:2px;
	margin-top:30px;
}


.res_menuDiv{width:100%; height:30px; position:fixed; z-index:1000; background-color:#FFFFFF; top:0; }
.res_menuDiv img{width:20px; height:20px; float:left; margin:5px 10px;}

.res_menu_div{width:240px; height:auto; min-height:100vh; position:absolute; background-color:#fff; top:30px; z-index:10000; padding:0px 10px 10px 10px; 
box-shadow: 10px 0 15px -10px #333, 0 5px 5px -5px #333;
}
#res_menu{display:none;}

.res_menu{width:220px; height:auto; float:left; margin-top:1px; background-color:#f1f1f1; padding:3px 10px;}
.res_menu ul{padding:0px; margin:0px;}


.res_menu ul li{width:98%; height:auto; float:left; font-size:14px; font-weight:bold; line-height:40px; text-align:left; color:#000000; border-bottom:1px solid #cccccc; padding-left:1%; }
.res_menu ul a li{text-decoration:none; color:#000000;}
.res_menu ul a:hover li {text-decoration:none;  border-bottom:1px solid #333333; filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;}
.res_menu ul li img{ float:right; width:14px; margin-top:12px;}



.res_subMenu{width:90%; height:auto; float:left; padding-left:5%; border-bottom:1px solid #CCCCCC;}
.res_subMenu_row{width:100%; height:36px; float:left; font-size:14px; color:#333333; border-bottom:1px solid #CCCCCC; line-height:36px;}
.res_subMenu_row img{float:right; width:10px; margin-top:10px;}
.res_subMenu_row:hover{text-decoration:none;  border-bottom:1px solid #333333; filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;}

#service_sub{display:none;}
#case_sub{display:none;}
#distribution_sub{display:none;}
#company_sub{display:none;}
#recruit_sub{display:none;}

.main_div{width:100%; height:auto; float:left; background-color:#f6f6f6;}
.main_div ul{padding:0px; margin:0px;}
.main_div ul li{width:98%; height:45px; float:left; text-align:left; font-size:14px; line-height:45px; font-weight:bold; background-color:#f6f6f6; padding-left:2%; border-bottom:1px solid #dddddd}
.main_div ul li a{width:98%; height:45px; float:left; text-align:left; font-size:14px; line-height:45px; font-weight:bold; background-color:#f6f6f6; padding-left:2%; border-bottom:1px solid #dddddd}
.main_div ul li a:hover{width:98%; height:45px; float:left; text-align:left; font-size:14px; line-height:45px; font-weight:bold; background-color:#f3f3f3; padding-left:2%; border-bottom:1px solid #dddddd}

.main_div ul li a img{ width:25px; height:25px; float:right; margin-right:10px; margin-top:10px;} 

#header_inner {
	position:relative;
	width:100%;
	margin:0 auto;
	
}


#head_contact a {
	display:block;
	padding:8px 15px;
	color:#fff;
	font-size:13px;
}


.service_header .service1_header .service2_header .service3_header .service4_header .service5_header .service6_header .service7_header .service8_header .service9_header .case_header {background:none;}
.service_header img{width:100%; height:auto; float:left; min-height:120px; display:block;}
.service1_header img{width:100%; height:auto; float:left; min-height:120px; display:block;}
.service2_header img{width:100%; height:auto; float:left; min-height:120px; display:block;}
.service3_header img{width:100%; height:auto; float:left; min-height:120px; display:block;}
.service4_header img{width:100%; height:auto; float:left; min-height:120px; display:block;}
.service5_header img{width:100%; height:auto; float:left; min-height:120px; display:block;}
.service6_header img{width:100%; height:auto; float:left; min-height:120px; display:block;}
.service7_header img{width:100%; height:auto; float:left; min-height:120px; display:block;}
.service8_header img{width:100%; height:auto; float:left; min-height:120px; display:block;}
.service9_header img{width:100%; height:auto; float:left; min-height:120px; display:block;}
.service10_header img{width:100%; height:auto; float:left; min-height:120px; display:block;}

.case_header img{width:100%; height:auto; float:left; min-height:120px; display:block;}

.recruit_header {background:none;}
.recruit_header img{width:100%; height:auto; float:left; min-height:120px; display:block;}

.company_header {background:none;}
.company_header img{width:100%; height:auto; float:left; min-height:120px; display:block;}

#img_header {
	position:relative;
	width:100%;
	height:auto;
	
	background-size:cover;
}
#img_header h1 {
    position:absolute;
	width:100%;
	margin:0 auto;
	margin-top:10%;
	padding-top:0px;
	font-size:22px;
	color:#000;
}
#img_header h1 span {
	display:inline-block;
	margin-left:20px;
	font-size:16px;
	line-height:32px;
}

.banner{width:100%; height:auto; float:left;}
.banner img{width:100%; height:auto; float:left;}
.bannerText{width:89%; height:auto; float:left; margin-top:-20%; margin-left:10%; font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; font-size: 3.2vw; line-height: 1.5em; color: #000; z-index:10000;}


.banner h1 {
    position:absolute;
	width:70%;
	margin:0 auto;
	margin-top:4%;
	padding-top:0px;
	font-size:2.1vw;
	color:#000;
	margin-left:10px;
}
.banner h1 span {
	display:inline-block;
	margin-left:2%;
	font-size:1.8vw;
	line-height:32px;
}

.bannerText1{
      position:absolute;
	  margin-top:10%;
      width:70%; 
	  height:auto; 
	  font-size: 2.4vw; 
	  margin-left:10px;
	  line-height: 3.5vw; 
	  color: #000; 
	  z-index:10000;
	  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; }

.contain_textDiv{width:100%; height:auto; float:left;padding: 0 20px;}

.contain_textDiv h3 {
	font-size:14px;
	color:#d6000f;
	font-weight:normal;
	margin-top:-5px;
}
.redBotton{width:auto; height:24px; float:right;}
.redBotton a{
	
	display:block;
	padding:5px 10px;
	background:#d6000f;
	color:#fff;
	font-size:10px;
	
}


.smallBanner a{width:100%; height:auto; float:left; margin-top:10px; margin-bottom:10px;}
.smallBanner a img{width:100%; height:auto; float:left;}
.smallBanner_text{width:70%; height:auto; float:left; position:absolute; margin-top:25px; margin-left:15%; }
.smallBanner_text h4{text-align:center; margin-top:15px;
	color:#d6000f;
	font-size:3.5vw; line-height:5.5vw}
	
.smallBanner_text p{ margin-top:5px;text-align:left;
	color:#000000;
	font-size:3.3vw; line-height:5.3vw;}
	
	
	

.col4 {text-align:center}
.col4 li {
	width:20%;
	margin-left:24px;
}
.col4 li:nth-child(4n-3) {margin-left:0}

.top3 ul {margin:0px 0 5px 0}
.top3 ul li a {
	display:block;
	width:100%;
	height:auto;
	text-align:left;
	border:1px #cbcbcb solid;
}
.top3 ul li:nth-child(1) a {background:url(images/top/p3_1.jpg) center top no-repeat}
.top3 ul li:nth-child(2) a {background:url(images/top/p3_2.jpg) center top no-repeat}
.top3 ul li:nth-child(3) a {background:url(images/top/p3_3.jpg) center top no-repeat}
.top3 ul li:nth-child(4) a {background:url(images/top/p3_4.jpg) center top no-repeat}
.top3 ul li a h4 {
	padding:5px;
	color:#fff;
	background:#000;
	font-size:11px;
}
.top3 ul li a div {
	padding:119px 10px 5px 10px;
	font-size:9px;
}
.caseBanner{width:22%; height:auto; float:left; border:1px solid #CCCCCC; margin-left:2%; margin-bottom:10px; margin-top:10px; padding:0px;}
.caseHeader{width:98%; height:auto; float:left; background-color:#000000; padding-left:2%; font-size:1.1vw; line-height:3.5vw; font-weight:bold; color:#FFFFFF;}
.caseBanner a img{width:100%; height:auto; float:left; margin:0px;}
.caseBanner_text{width:98%; height:30px; float:left; font-size:1.1vw; line-height:2.1vw; color:#000000; padding:8px 0px; margin-left:2%;}

.top4 {
	height:264px;
	background-image:url(images/top/p4.jpg);
	background-position:center center;
	background-repeat:no-repeat;
	background-color:#f8f8f8;
}
.top4_textDiv{width:54%; height:auto; float:right; margin-top:25px;}
.top4Text{font-size:1.5vw; line-height:2.2vw; text-align:left; margin-top:8px;}


.col33 {text-align:center}
.col33 li {
	width:30%;
	margin-left:2%;
}


.bottom_contact {
	margin:0 auto;
	width:720px;
	font-size:0;
}
.bottom_contacttext{font-size:16px;}




footer {
	width:100%;
	background:#5f5f5f;
	color:#fff;
	padding:20px 0;
	position:relative;
}
footer nav {
	width:100%;
	margin:0 auto 20px auto;
	font-size:0;
	text-align:center;
}
footer nav ul {
	display:inline-block;
	vertical-align:top;
	text-align:left;
}
footer nav ul:nth-child(1) {width:48%;}
footer nav ul:nth-child(2) {width:48%;}
footer nav ul:nth-child(3) {width:48%;}
footer nav ul:nth-child(4) {width:48%;}
footer nav ul li {
	display:block;
	font-size:11px;
	line-height:1.2em;
}
footer nav ul li a:link,
footer nav ul li a:visited {
	display:block;
	width:100%;
	color:#fff;
	margin-bottom:15px;
}
footer nav ul li a span {
	display:inline-block;
	transform:rotate(-90deg);
		-moz-transform:rotate(-90deg);
		-webkit-transform:rotate(-90deg);
	line-height:20px;
	margin-right:4px;
}
footer nav ul li ul {
	width:100%;
}
footer nav ul li ul li {
	padding-left:2em;
	text-indent:-14px;
	
}
footer nav ul li ul.inlineblock {
	display:inline-block;
	width:98%;
}



#address {
	width:100%;
	margin:0 auto;
}
#address li {
	font-size:10px;
	vertical-align:bottom;
	margin-bottom:15px;
}
#address li:nth-child(1) {width:29%; margin-left:1%;}
#address li:nth-child(2) {width:30%}
#address li:nth-child(3) {width:20%}
#address li:nth-child(4) {width:20%}

#address li#sns {font-size:0}
#sns a {margin:0 0 0 5px}




/*#img_header {
	position:relative;
	width:95%; margin-left:5%;
	height:284px;
	background-size:cover;
}
#img_header h1 {
	width:100%;
	margin:0 auto;
	padding-top:130px;
	font-size:22px;
	color:#000;
}
#img_header h1 span {
	display:inline-block;
	margin-left:20px;
	font-size:16px;
	line-height:32px;
}*/

/* ビジョン
-------------------------------------------------------------- */
/*.vision_header {background:url(images/vision/vision_hed.jpg) center center no-repeat;}
.vision_header h1 {padding-top:72px !important }
.vision_header h2 {
	width:100%;
	margin:0 auto;
	padding-top:30px;
	font-size:22px;
	font-weight:normal;
	line-height:1.8em;
	color:#000;
	font-family:"ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;;
}
.vision {padding:20px 0 100px 0}
*/

#pankuzu1 {
	width:96%; float:left;
	margin:10px 2%;
	font-size:9px;
	line-height:14px;
}
#pankuzu1 a {line-height:14px}


#content {
	float:left;
	width:98%;
	margin:40px 1%;
	line-height:1.8em;
	font-size:14px;
}


.point ul li {
	position:relative;
	width:25%;
	height:195px;
	padding:5px 3%;
	margin-left:3%;
	background:#f2f0f0;
	font-size:12px;
	line-height:1.5em;
}
.point ul li:nth-child(1) {margin-left:0}


.service1_4 ul li {
	width:23%;
	height:58px;
	margin-left:2%;
	background:#45cc9b;
}
.service1_4 ul li:nth-child(1) {margin-left:0}
.service1_4 ul li p {
	display:block;
	width:100%;
	height:58px;
	padding:0 0%;
	margin-top:7px;
	background:#45cc9b;
	color:#fff;
	font-size:11px;
	text-align:center;
	line-height:1.5em;
	vertical-align:middle;
	

}

.service1_5 ul li {
	width:24%;
	height:184px;
	padding:10px 3%;
	margin-left:4%;
	border:1px #cbcbcb solid;
	font-size:11px;
	line-height:1.7em;
	color:#55505c;
}
.service1_5 ul li:nth-child(1) {margin-left:0}

.service1_8 .flow {background:none;}
.service3_7 .flow {background:none;}
.service4_7 .flow {background:none;} 
.service6_7 .flow {background:none;}
.service9_6 .flow {background:none;}

.flow {
	width:100%;
	min-height:170px;
}
.flow li {
	position:relative;
	width:25%;
	height:150px;
	padding:10px 0;
	text-align:center;
}
.flow li span {
	position:absolute;
	top:96px;
	left:10%;
	display:block;
	width:80%;
	font-size:11px;
	line-height:15px;
	text-align:left;
}

.service2_5 img{width:100%; height:auto;}

.case_head {
	position:relative;
	width:100%;
	height:173px;
	background:#000;
	color:#fff;
}
.case_head h2 {
	position:absolute;
	top:10px;
	left:20px;
	font-size:14px;
}
.case_head h3 {
	position:absolute;
	top:57px;
	left:20px;
	font-size:10px;
	color:#FFFFFF;
	min-width:248px;
}
.case_head img {
	float:right;
	width:50%;
	height:173px;
	
}


.company a {
	display:inline-block;
	width:30%;
	border:1px #9e9e9e solid;
	margin:30px 0 150px 0;
}
.company a img{ width:100%; height:auto;}
.company a h2 {
	display:inline-block;
	font-size:14px;
}



.recruit3 .staff1,
.recruit3 .staff2 {
	display:inline-block;
	width:45%;
	height:auto;
	min-height:140px;
	margin-top:10px;
	margin-bottom:80px;
	padding:30px 1.5%;
	background:#fff;
	margin-left:0px;
	box-shadow:1px 1px 3px #aaa;
		-moz-box-shadow:1px 1px 3px #aaa;
		-webkit-box-shadow:1px 1px 3px #aaa;
}


.staff .flow1 img {margin-top:10px; width:100%; }



.contactBox{width:100%; height:auto; float:left; margin-top:20px; padding-bottom:10px;}
.contactRow{width:100%; height:auto; float:left; margin-top:5px; display:table;}
.contact_col1{width:30%; height:auto; float:left; text-align:center; font-size:15px; line-height:24px; font-weight:normal; padding:10px 0px; display:table-cell;}
.contact_col1span {color:#d6000f}
.contact_col2{width:68%; height:auto; float:left; display:table-cell;}

.contactBox .link_black {
	width:100%;
	margin:30px auto 70px auto;
	max-width:300px;
}

#distribution .link_black {
	width:100%;
	margin:30px auto 70px auto;
}

.case1_2 .link_black {
	width:100%;
	margin:40px auto 80px auto;
}

a.link_black {
	display:block;
	width:100%;
	margin:0 auto;
	padding:15px 0;
	background:#000;
	color:#fff;
	font-size:14px;
	text-align:center;
	max-width:540px;
}

a.reclink3 {
	margin-bottom:30px;
}

.staff {margin-bottom:50px !important}

.cont_textBox{width:90%; height:30px; float:left;}

p#button input
{
	display:block;
	width:100%;
	max-width:328px;
	margin:20px auto;
	padding:15px 0;
	background:#000;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	border-style:none;
}

p#button input,
p#confirm-button input,
p#confirm-button2 input
{
	display:block;
	width:100%;
	max-width:328px;
	margin:20px auto;
	padding:15px 0;
	background:#000;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	border-style:none;
}
p#confirm-button input {
	background:#6b6767;
	
}
p#confirm-button2 input {
	background:#d2d2d2;
	
}

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

.service4_4 div {
	background:none;
	position:relative;
	width:740px;
	height:165px;
	margin-bottom:10px; display:none;
}

#head_contact a {
	display:block;
	padding:5px 15px;
	color:#fff;
	font-size:11px;
}
.smallBanner_text{ margin-top:25px;}
.smallBanner_text h4{text-align:center;
	color:#d6000f;
	font-size:3.5vw;}
	
.smallBanner_text p{ margin-top:5px;text-align:left;
	color:#000000;
	font-size:3.3vw; line-height:5.3vw;}
	

.caseBanner{width:46.5%; height:auto; float:left; border:1px solid #CCCCCC; margin-left:2%; margin-bottom:10px; margin-top:10px; padding:0px;}
.caseHeader{width:98%; height:auto; float:left; background-color:#000000; padding-left:2%; font-size:1.6vw; line-height:4.5vw; font-weight:bold; color:#FFFFFF;}
.caseBanner_text{width:98%; height:30px; float:left; font-size:2.1vw; line-height:3.1vw; color:#000000; padding:8px 0px; margin-left:2%;}

	
.top4 h2{font-size:3.6vw; line-height:6.5vw; margin-top:-10px;}	

.top4 p{font-size:1.8vw; line-height:3.0vw; }

.redBotton a{
	
	display:block;
	padding:5px 10px;
	background:#d6000f;
	color:#fff;
	font-size:2.0vw;
	
}		
.top4_textDiv{width:54%; height:auto; float:right; margin-top:10px;}
.top4Text{font-size:2.0vw; line-height:2.8vw; text-align:left; margin-top:8px;}


.top5 ul li div {
	padding:24px 19px;
	height:auto; min-height:260px;
	border:1px #cbcbcb solid;
	margin-top:10px; margin-bottom:10px;
}
.col33 li {
	width:80%;
	margin-left:2%;
}
.bottom_contact {
	margin:0;
	width:98%;
	font-size:0; 
}

#address li:nth-child(1) {width:48%; margin-left:2%;}
#address li:nth-child(2) {width:48%; margin-left:2%;}
#address li:nth-child(3) {width:48%; margin-left:2%;}
#address li:nth-child(4) {width:48%; margin-left:2%;}


.service1_5 ul li {
	width:25%;
	height:210px;
	padding:10px 2%;
	margin-left:4%;
	border:1px #cbcbcb solid;
	font-size:11px;
	line-height:1.7em;
	color:#55505c;
}
.service1_5 ul li:nth-child(1) {margin-left:0}

.flow li {
	position:relative;
	width:50%;
	height:150px;
	padding:10px 0;
	text-align:center;
}

.period {
	margin-top:10px;
	width:96%;
	height:14px;
	background:url(../../../images/service/period_bg.png) center center no-repeat;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	line-height:14px;
}

.company a {
	display:inline-block;
	width:30%;
	border:1px #9e9e9e solid;
	margin:30px 0 150px 0;
}
.company a img{ width:100%; height:auto;}
.company a+a {margin-left:10px;}
.company a div {padding:10px 5px 10px 10px;}
.company a h2 {
	display:inline-block;
	font-size:12px;
}



.recruit3 .staff1,
.recruit3 .staff2 {
	display:inline-block;
	width:80%;
	height:auto;
	min-height:140px;
	margin-top:10px;
	margin-bottom:30px;
	padding:30px 1.5%;
	background:#fff;
	margin-left:10%;
	box-shadow:1px 1px 3px #aaa;
		-moz-box-shadow:1px 1px 3px #aaa;
		-webkit-box-shadow:1px 1px 3px #aaa;
}

.staff_head h2,
.staff_head2 h2 {
	position:absolute;
	top:0px;
	font-size:14px;
	line-height:26px;
}
.staff_head h2 {left:30px; margin-top:30px}


.company1 table {
	margin-bottom:10px;
}

.top4 {
	height:250px;
	background-image:none;
	background-position:center center;
	background-repeat:no-repeat;
	background-color:#f8f8f8;
}

.top4_img{width:40%; height:auto; float:left; margin-top:20px; display:block;}

}
@media screen and (max-width: 640px) {
.top4 {
	height:210px;
	background-image:none;
	background-position:center center;
	background-repeat:no-repeat;
	background-color:#f8f8f8;
}

}

@media screen and (max-width: 600px) {
div#trust-form.contact-form table th {
	width:90%;
	height:15px;
	padding:10px 5px 10px 1px;
	border:none !important;
	font-weight:bold;
}

div#trust-form.contact-form table td {
	height:auto;
	padding:3px 0;
	border:none !important;
}
div#trust-form.contact-form table td select {
	width:100%;
	height:34px;
	padding:0 12px;
	font-size:12px;
	border:1px #ccc solid;
}
}

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

#head_logo {
        width:156px;
	height:35px;	
        margin-top:34px;
	margin-bottom:15px;
}
.smallBanner_text{ width:80%; margin-top:15px; margin-left:7.5%;}

.bottom_contact div {
	padding:10px 2%;
	background:#d6000f;
	color:#fff;
	font-size:2.5vw;
	font-weight:bold;
	float:left;
	width:96%;
}

.bottom_contact div span {
	display:inline-block;
	margin-left:10px;
	font-size:10px;
	line-height:24px;
}
.bottom_contact .tel,
       
.bottom_contact .mail {
	display:inline-block;
	width:100%;
	padding:8px 0;
	background:#fff;
	color:#232621;
	text-align:center;
	font-size:2.2vw;
	font-weight:bold;
}
.bottom_contact .mail {
	background:#232621;
	color:#fff;
}

.vision_header h1 {padding-top:22px !important }
.vision_header h2 {
	width:100%;
	margin:0 auto;
	padding-top:30px;
	font-size:18px;
	font-weight:normal;
	line-height:1.8em;
	color:#000;
	font-family:"ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;;
}

.service1_5 ul li {
	width:80%;
	height:210px;
	padding:10px 5%;
	margin-left:5%;
	border:1px #cbcbcb solid;
	font-size:11px;
	line-height:1.7em;
	color:#55505c;
	margin-bottom:20px;
}
.service1_5 ul li:nth-child(1) {margin-left:5%}

#tab_des{display:none;}
#tab_mob{display:block;}

.service3_4 table {
	width:100%;
	display: table;
}

.service3_4 table td {
	padding:10px 20px;
	background:#cae3fa;
	font-size:11px;
	line-height:1.8em;
	
}

.service3_4 table td.white {
	background:#fff;
	
	vertical-align:center;
	padding:0;
}

.service6_4 table td {
	background:#dcdddd;
	color:#55505c;
	padding:5px 5px;
	vertical-align:top;
}


.case_head h2 {
	position:absolute;
	top:10px;
	left:20px;
	font-size:10px;
}
.case_head h3 {
	position:absolute;
	top:67px;
	left:20px;
	font-size:8px;
	color:#FFFFFF;
	min-width:248px;
}

.case1_2 .link_black {
	width:100%;
	margin:40px auto 80px auto;
}

.case_head {
	position:relative;
	width:100%;
	height:133px;
	background:#000;
	color:#fff;
}

.case_head img {
	float:right;
	width:50%;
	height:133px;
	
}


#distribution .link_black {
	width:100%;
	margin:30px auto 70px auto;
}

a.link_black {
	display:block;
	width:100%;
	margin:0 auto;
	padding:15px 0;
	background:#000;
	color:#fff;
	font-size:12px;
	text-align:center;
}


.company a {
	display:inline-block;
	width:80%;
	border:1px #9e9e9e solid;
	margin:20px 5% 20px 10%;
}
.company a img{ width:100%; height:auto;}
.company a+a {margin-left:10%;}
.company a div {padding:10px 20px 10px 20px;}
.company a h2 {
	display:inline-block;
	font-size:14px;
}

.recruit2 h2 {
	margin-top:40px;
	font-size:28px;
	text-align:center;
}
.recruit2 p {
	margin-top:15px;
	font-size:16px;
	font-weight:bold;
	text-align:center;
}
.recruit2 h2 span {font-size:16px}


.recruit3 .staff1,
.recruit3 .staff2 {
	display:inline-block;
	width:96%;
	height:auto;
	min-height:140px;
	margin-top:10px;
	margin-bottom:30px;
	padding:20px 1.5%;
	background:#fff;
	margin-left:0px;
	box-shadow:1px 1px 3px #aaa;
		-moz-box-shadow:1px 1px 3px #aaa;
		-webkit-box-shadow:1px 1px 3px #aaa;
}
.recruit3 .staff1 h4,
.recruit3 .staff2 h4 {
	font-size:10px;
	color:#55505c;
}
.recruit3 .staff1 p,
.recruit3 .staff2 p {
	margin-top:10px;
	font-size:10px;
	color:#000000;
}

a.reclink1, a.reclink2 {
	display:inline-block;
	width:100%;
	height:16px;
	padding:18px 0;
	margin-top:30px;
        margin-bottom:30px;
	font-size:16px;
	text-align:center;
	background:#32ccfe;
	color:#fff;
}
a.reclink2 {
	background:#3399fe;
	margin-left:0px;
	margin-top:15px;
}


.staff_head h2,
.staff_head2 h2 {
	position:absolute;
	top:0px;
	font-size:12px;
	line-height:20px;
}
.staff_head h2 {left:15px; margin-top:15px}


.contact_col1{width:95%; height:auto; float:left; text-align:left; font-size:15px; margin-left:4%; line-height:24px; font-weight:normal; padding:10px 0px; display:table-cell;}
.contact_col1span {color:#d6000f}
.contact_col2{width:95%; height:auto; float:left; display:table-cell; margin-left:4%;}


#img_header h1 {
    position:absolute;
	width:100%;
	margin:0 auto;
	margin-top:12%;
	padding-top:0px;
	font-size:16px;
	color:#000;
}
#img_header h1 span {
	display:inline-block;
	margin-left:20px;
	font-size:14px;
	line-height:32px;
}
.top4 {
	height:210px;
	background-image:none;
	background-position:center center;
	background-repeat:no-repeat;
	background-color:#f8f8f8;
}
.top4 p{font-size:2.8vw; line-height:3.0vw; }
.top4_textDiv{width:60%; height:auto; float:right; margin-top:5px;}
.top4Text{font-size:2.5vw; line-height:3.2vw; text-align:left; margin-top:6px;}

}

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

#head_logo {
        width:134px;
	height:30px;	
        margin-top:28px;
	margin-bottom:5px;
}
#head_contact a {
	display:block;
	padding:4px 6px;
	color:#fff;
	font-size:8px;
}

.bannerText{width:89%; height:auto; float:left; margin-top:-21%; margin-left:6%; font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; font-size: 3.4vw; line-height: 1.5em; color: #000; z-index:10000;}

.banner h1 {
    position:absolute;
	width:70%;
	margin:0 auto;
	margin-top:2%;
	padding-top:0px;
	font-size:3.1vw;
	color:#000;
	margin-left:10px;
}
.banner h1 span {
	display:inline-block;
	margin-left:2%;
	font-size:2.8vw;
	line-height:32px;
}

.top4 p{font-size:2.4vw; line-height:3.0vw; }
.top4 {
	height:180px;
	background-image:none;
	background-position:center center;
	background-repeat:no-repeat;
	background-color:#f8f8f8;
}
.top4_textDiv{width:60%; height:auto; float:right; margin-top:5px;}
.top4Text{font-size:2.5vw; line-height:3.2vw; text-align:left; margin-top:6px;}

.top5 ul li div {
	padding:15px 19px;
	height:auto; min-height:260px;
	border:1px #cbcbcb solid;
	margin-top:10px; margin-bottom:10px;
}
.col33 li {
	width:94%;
	margin-left:2%;
}

.top6 {
	padding-top:20px;
	padding-bottom:20px;
}

.bottom_contact div {
	padding:14px 2%;
	background:#d6000f;
	color:#fff;
	font-size:2.6vw;
	font-weight:bold;
	float:left;
	width:100%;
}

.bottom_contact div span {
	display:inline-block;
	margin-left:4px;
	font-size:8px;
	line-height:24px;
}
.bottom_contact .tel,
.bottom_contact .mail {
	display:inline-block;
	width:100%;
  padding: 14px 0;
	background:#fff;
	color:#232621;
	text-align:center;
	font-size:2.2vw;
	font-weight:bold;
}
.bottom_contact .mail {
	background:#232621;
	color:#fff;
}
footer nav ul:nth-child(1) {width:96%; margin-left:2%;}
footer nav ul:nth-child(2) {width:96%; margin-left:2%;}
footer nav ul:nth-child(3) {width:96%; margin-left:2%;}
footer nav ul:nth-child(4) {width:96%; margin-left:2%;}
footer nav ul li {
	display:block;
	font-size:11px;
	line-height:1.2em;
}

#address li:nth-child(1) {width:96%; margin-left:2%;}
#address li:nth-child(2) {width:96%; margin-left:2%;}
#address li:nth-child(3) {width:96%; margin-left:2%;}
#address li:nth-child(4) {width:96%; margin-left:2%;}

.point ul li {
	position:relative;
	width:80%;
	height:195px;
	padding:5px 5%;
	margin-left:5%;
	background:#f2f0f0;
	font-size:14px;
	margin-bottom:15px;
	line-height:1.5em;
}
.point ul li:nth-child(1) {margin-left:5%}

.service1_4 ul li {
	width:48%;
	height:58px;
	margin-left:2%;
	background:#45cc9b;
	margin-bottom:15px;
}
.service1_4 ul li:nth-child(1) {margin-left:2%}


.flow li {
	position:relative;
	width:100%;
	height:150px;
	padding:10px 0;
	text-align:center;
}

.service9_4 li img{width:100%; height:130px;}

.caseBanner{width:94%; height:auto; float:left; border:1px solid #CCCCCC; margin-left:3%; margin-bottom:10px; margin-top:10px; padding:0px;}
.caseHeader{width:98%; height:auto; float:left; background-color:#000000; padding-left:2%; font-size:2.6vw; line-height:6.5vw; font-weight:bold; color:#FFFFFF;}
.caseBanner_text{width:98%; height:30px; float:left; font-size:3.1vw; line-height:5.1vw; color:#000000; padding:8px 0px; margin-left:2%;}


.requirements .black {
	background:#000;
	color:#fff;
	width:80%;
	margin:0 auto;
	padding:10px 0;
	text-align:center;
	font-size:12px;
	

}

#img_header h1 {
    position:absolute;
	width:100%;
	margin:0 auto;
	margin-top:12%;
	padding-top:0px;
	font-size:14px;
	color:#000;
}
}


@media screen and (max-width: 340px) {
.top4 p{font-size:2.6vw; line-height:3.0vw; }
.top4 {
	height:150px;
	background-image:none;
	background-position:center center;
	background-repeat:no-repeat;
	background-color:#f8f8f8;
}
.top4_textDiv{width:60%; height:auto; float:right; margin-top:5px;}
.top4Text{font-size:2.8vw; line-height:3.2vw; text-align:left; margin-top:6px;}

}



.mobMenuHeader{ width:100%; height:30px; background-color:#ccc;}
.mobMenuText{ padding:5px;}

.menu_simple{ width:100%; position:"fixed"; height: auto; }
.mobDiv{background-color:#ccc; width:100%; border: 1px solid #000; height:auto; color:#fff; padding-left:15px; padding:5px; }
.mobDiv a{color:#fff;}

#thanks {
        text-align: center;
        font-size: xx-large;
}