@charset "utf-8";

/* 規約
----------------------------------------------------------- */
.terms{
	width:100%;
	box-sizing:border-box;
	padding:32px 16px 48px;
	margin:0 auto;
	max-width:1080px;
}
.terms>h2{
	font-size:18px;
	font-weight:bold;
	margin-bottom:24px;
}
.terms>p{
	font-size:14px;
	line-height:1.6;
}

/* SEO・MEO
----------------------------------------------------------- */
.seomeoBtn{
	width:100%;
	max-width:640px;
	margin:160px auto;
}
.seomeoBtn>a{
	margin:0 auto;
	display:flex;
	width:calc(100% - 20px);
	height:64px;
	border-radius:8px;
	box-sizing:border-box;
	border:1px solid #ff4747;
	background:#ff4747;
	color:#FFF;
	font-size:18px;
	font-weight:bold;
	align-items:center;
	justify-content:center;
	transition:color 0.5s linear, background-color 0.5s linear;
}
.seomeoBtn>a:hover{
	color:#ff4747;
	background:#FFF;
}
.seomeoBtn>p{
	margin-top:14px;
	font-size:12px;
	color:#8e8e8e;
	text-align:center;
}
.seomeoBtn>p>a{
	display:inline-block;
	padding:0 2px;
	text-decoration:none;
	color:#13a7cd;
}
.seomeoBtn>p>a:hover{
	text-decoration:underline;
}
/*-----------------------------------------------------------
全体スタイル
-----------------------------------------------------------*/
body {
	width: 100% !important;
	max-width: 1920px;
	color: #333;
	font-size: 16px;
	line-height: 1.6;
	overflow: hidden;
	margin: 0 auto;
	position: relative;
}


/*リンク表示方法*/
a:link {
	text-decoration:  none;
}

a:hover {
	color: #b34d66;
}


/*-----------------------------------------------------------
PCサイズ
-----------------------------------------------------------*/
.pc {
	display: block;
}

.md {
	display: none;
}

.sp,
.sp02 {
	display: none;
}


/*-----------------------------------------------------------
header
-----------------------------------------------------------*/
.hIn01 {
	padding: 8px 0 0 42px;
	margin: 0 auto;
	width: 99%;
	max-width: 1890px;
}

.hIn02 {
	float: left;
	width: 40%;
	max-width: 582px;
}

.hIn03 {
	float: right;
	width: 60%;
	max-width: 840px;
}

.logo {
	float: left;
	width: 34%;
	max-width: 197px;
	margin: 9px 0 0;
}

.hContact {
	float: right;
	width: 19%;
	max-width: 160px;
}

.hContact > a {
	border: solid 1px #fa583c;
	display: block;
	background: #fff;
}

.hTxt01 {
	float: right;
	width: 64%;
	max-width: 360px;
	font-size: 10px;
	font-weight: normal;
	line-height: 19.25px;
	margin: 18px 0 0 2%;
	color: #7f7f7f;
}


/*-----------------------------------------------------------
テーブル共通
-----------------------------------------------------------*/
table {
	border-collapse: separate;
}

.base th {
	background: #555;
	color: #fff;
}

.base td {
	background: #ddd;
	color: #555;
}


/*-----------------------------------------------------------
 nav
-----------------------------------------------------------*/
.naviWrap {
	float: right;
	width: 79%;
	max-width: 660px;
	margin: 0 2% 0 0;
}

.gnavi > ul > li {
	display: table-cell;
	width: auto;
	cursor:  pointer;
}

.gnavi > ul {
	font-size: 0;
	display: table;
	margin:0 0 0 auto;
}


/*--  Gナビ ドロップ  --*/
.dropmenu ul > li > a {
	display: block;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}

.dropmenu ul > li > ul {
	display: none;
	position: absolute;
	z-index: 4000;
	/* position: relative; */
	z-index: 5000;
	color: #fff;
	width: 100%;
	left: 0;
	background: #fa583c;
	font-size: 0;
	text-align: center;
}

.dropmenu ul > li > ul > li {
	display: inline-block;
	width: auto;
	text-align: center;
	-moz-transition: .2s;
	-webkit-transition: .2s;
	-o-transition: .2s;
	-ms-transition: .2s;
	transition: .2s;
	white-space: nowrap;
	line-height: 1.2;
}

.dropmenu ul > li > ul > li > a {
	display: block;
	color: #333;
	font-weight: bold;
	text-decoration: none;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all  .3s;
	font-size: 13px;
	color:  #fff;
	padding: 30px 13px 26px;
	width:  100%;
}

.dropmenu ul > li > ul > li > a > img {
	padding: 13px 0 10px;
}

.dropmenu ul > li > ul > li > a:hover {
	background: #fff;
	color: #f7931e;
}

.toggleActive > ul {
	display:  block;
}


/*-----------------------------------------------------------
#slide
-----------------------------------------------------------*/
#modal, #modal1, #modal2, #modal02 {
	display: none;
}


/*-----------------------------------------------------------
#cover
-----------------------------------------------------------*/
.opening {
	position: fixed;
	width: 100%;
	height: 100%;
	background: #fff;
	top: 0;
	z-index: 10000;
}

.opening > img {
	width: 80%;
	max-width: 450px;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	display: block;
}

#cover {
	max-width: 1920px;
	width: 100%;
	margin: 0 auto;
}

/*
.topCover {
	opacity: 0;
}
*/

#cover .sp {
	display: none !important;
}

#cover li {
	width: 100%;
}

.topCover > h2 {
	text-align: center;
	padding: 288px 0 230px;
}

.topCover > p > a {
	display: block;
	width: 84px;
	margin: 0 auto;
}


/*-- 中ページカバー --*/
.article #cover {
	margin: 8px auto 0;
}

.inCover01 > h2 {
	background: url(../img/bg_incover01.jpg) no-repeat center top;
}

.inCover02 > h2 {
	background: url(../img/bg_incover02.jpg) no-repeat center top;
}

.inCover03 > h2 {
	background: url(../img/bg_incover03.jpg) no-repeat center top;
}

.inCover04 > h2 {
	background: url(../img/bg_incover04.jpg) no-repeat center top;
}

.inCover05 > h2 {
	background: url(../img/bg_incover05.jpg) no-repeat center top;
}

.inCover06 > h2 {
	background: url(../img/bg_incover06.jpg) no-repeat center top;
}

.inCover07 > h2 {
	background: url(../img/bg_incover07.jpg) no-repeat center top;
}

.inCover08 > h2 {
	background: url(../img/bg_incover08.jpg) no-repeat center top;
}

.inCover09 > h2 {
	background: url(../img/bg_incover09.jpg) no-repeat center top;
}

.inCover10 > h2 {
	background: url(../img/bg_incover10.jpg) no-repeat center top;
}

.inCover11 > h2 {
	background: url(../img/bg_incover11.jpg) no-repeat center top;
}

.inCover12 > h2 {
	background: url(../img/bg_incover12.jpg) no-repeat center top;
}

.inCover13 > h2 {
	background: url(../img/bg_incover13.jpg) no-repeat center top;
	background-size: cover;
}

.inCover14 > h2 {
	background: url(../img/bg_incover14.jpg) no-repeat center top;
}

.inCover15 > h2 {
	background: url(../img/bg_incover15.jpg) no-repeat center top;
}

.inCover16 > h2 {
	background: url(../img/bg_incover16.jpg) no-repeat center top;
}

.inCover17 > h2 {
	background: url(../img/bg_incover17.jpg) no-repeat center top;
}

.inCover18 > h2 {
	background: url(../img/bg_incover18.jpg) no-repeat center top;
}

.inCover19 > h2 {
	background: url(../img/bg_incover19.jpg) no-repeat center top;
}

.inCover20 > h2 {
	background: url(../img/bg_incover20.jpg) no-repeat center top;
}

.inCover21 > h2 {
	background: url(../img/bg_incover21.jpg) no-repeat center top;
}

.inCover22 > h2 {
	background: url(../img/bg_incover22.jpg) no-repeat center top;
}

.inCover26 > h2 {
	background: url(../img/bg_incover26.jpg) no-repeat center top;
}

.inCover69 > h2 {
	background: url(../img/bg_incover69.jpg) no-repeat center top;
}

.inCover > h2 {
	background-size: cover;
}


/*-----------------------------------------------------------
ボタン系ホバーアクション
-----------------------------------------------------------*/
.btn01 {
	display: inline-block;
	text-align: center;
	text-decoration: none;
	outline: none;
}

.btn01::before,
.btn01::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}

.btn01,
.btn01::before,
.btn01::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .5s;
	transition: all .5s;
}

.btn01 {
	position: relative;
	z-index: 2;
	background-color: #fff;
	overflow: hidden;
}

.btn01:hover {
	color: #fff;
}

.btn01:hover a {
	color: #fff;
}

.btn01::after {
	bottom: -100%;
	right: -100%;
	width: 100%;
	height: 100%;
}

.btn01:hover::after {
	bottom: 0;
	right: 0;
	background: #fa583c;
}

.btn01a {
	border: 2px solid #129f96;
	color: #129f96;
}

.btn01a:hover::after {
	background: #1cab98;
}

.btn01b {
	border: 2px solid #da1483;
	color: #da1483;
}

.btn01b:hover::after {
	background: #da1483;
}

.btn01c {
	border: 2px solid #00a3d8;
	color: #00a3d8;
}

.btn01c:hover::after {
	background: #00a3d8;
}

.btn01d {
	border: 2px solid #129f96;
	color: #129f96;
	font-weight:  bold;
	font-size:  15px;
	padding: 17px 2% 14px;
}

.btn01d:hover::after {
	background:  #129f96;
}

.btn01e {
	border: 2px solid #3D7EB7;
	color: #3D7EB7;
	font-weight:  bold;
	font-size:  15px;
	padding: 17px 2% 14px;
}

.btn01e:hover::after {
	background:  #3D7EB7;
}


/* 職種別 */
.btn02a {
	border: 2px solid #0FA3B8;
	color: #0FA3B8;
}

.btn02a:hover::after {
	background:  #0FA3B8;
}

.btn02b {
	border: 2px solid #3E40A0;
	color: #3E40A0;
}

.btn02b:hover::after {
	background:  #3E40A0;
}

.btn02c {
	border: 2px solid #4E6470;
	color: #4E6470;
}

.btn02c:hover::after {
	background:  #4E6470;
}

.btn02d {
	border: 2px solid #2692DA;
	color: #2692DA;
}

.btn02d:hover::after {
	background:  #2692DA;
}

.btn02e {
	border: 2px solid #3D7EB7;
	color: #3D7EB7;
}

.btn02e:hover::after {
	background:  #3D7EB7;
}

.btn02f {
	border: 2px solid #71AC41;
	color: #71AC41;
}

.btn02f:hover::after {
	background:  #71AC41;
}


/*-----------------------------------------------------------
 #main
-----------------------------------------------------------*/
#main {
	margin: 0 auto;
}


/*-----------------------------------------------------------
 footer
-----------------------------------------------------------*/
.indeed {
    position: fixed;
    bottom: 280px;
    right: 25px;
    z-index: 9999;
}

.footerArea {
	margin: 100px auto 30px;
}

.fIn01 {
	width: 96%;
	max-width: 1440px;
	margin: 0 auto;
}

.fIn01 > li {
	float: left;
}

.fIn01 > .fIn01a {
	width: 60%;
}

.fIn01 > .fIn01a > ul {
	margin: 5px auto 0;
}

.fIn01 > .fIn01a > ul > li {
	float:  left;
	width:  25%;
}

.fIn01 > .fIn01a > ul > li > p {
	font-size: 14px;
	line-height: 20px;
	color: #555;
	font-weight: bold;
	border-bottom: solid 1px #555;
	width: 90%;
}

.fIn01 > .fIn01b {
	width: 40%;
}

.fIn01 > .fIn01b > dl + dl {
	margin: 8px 0 0;
}

.fIn01 > .fIn01c {
	width: 194px;
}

.fIn01 > li > dl > dd {
	padding: 4px 0 0;
}

.fIn02 {
	width: 100%;
	max-width: 350px;
}

.fIn01 > li > dl > dt {
	padding: 0 0 0 3px;
	font-size: 11px;
	line-height: 21.25px;
}

.fIn01 > .fIn01d > dl > dt {
	padding: 0;
}

.fIn01 > .fIn01d > dl > dd {
	padding: 1px 0 0;
}

.fIn01 > li > dl > dd > p {
	font-size: 12px;
	line-height: 21.25px;
	padding: 4px 0 0 3px;
}

.fIn02 > li {
	float: left;
	width: 142px;
	background: url(../img/icon_f01.png) no-repeat 0 9px;
	padding: 0 0 0 14px;
	position: relative;
	margin: 0 0 15px;
}

.fLink01d > span {
	display: block;
	font-size: 11px;
	line-height: 21.25px;
	margin: -2px 0 0;
}

.fIn02 > .fLink01b {
	width: 112px;
}

.fIn02 > .fLink01c {
	width: 96px;
}

.fIn02 > .fLink01d {
	width: auto;
}

.fIn02 > li > a {
	font-size: 14px;
	line-height: 20px;
	color: #555;
	text-decoration: none;
	font-weight: bold;
}

.fIn02 > li > a:hover {
	text-decoration: underline;
}

.fLink01 > li {
	margin: 0;
}

.fLink02 > li {
	position: relative;
	margin: 5px 0 0 6px;
	line-height: 17px;
}

.fLink01 > li > a, .fLink02 > li > a {
	font-size: 13px;
	line-height: 16px;
	color: #555;
	text-decoration: none;
	font-weight: bold;
	padding:  0 0 0 14px;
	position:  relative;
}

.fLink01 > li > a:before, .fLink02 > li > a:before {
	content: " ";
	display: block;
	width: 6px;
	height: 9px;
	background: url(../img/icon_f01.png) no-repeat 0 0px;
	position: absolute;
	left: 0;
	margin: auto;
	top: 0;
	bottom: 0;
}

.fLink01 > li > a:hover, .fLink02 > li > a:hover {
	text-decoration:  underline;
}

.fLink02 {
	margin: 5px auto 0;
}

.fIn01b > ul > li {
	float:  left;
	width: 65%;
	margin:  0 0 0 2%;
}

.fIn01b > ul > li:first-child {
	margin:  0;
	width:  33%;
}

.fLink03 {
	margin: 5px 0 0;
}


.fLink03 > li {
	background: url(../img/icon_f01.png) no-repeat 0 6px;
	padding: 0 0 0 14px;
	position: relative;
	margin: 0 0 5px;
}

.fLink03 > li > a {
	font-size: 14px;
	line-height: 20px;
	color: #555;
	text-decoration: none;
	font-weight: bold;
}

.fLink03 > li > a:hover {
	text-decoration:  underline;
}

.fLink03 > li > span {
	display: block;
	font-size: 11px;
	line-height: 21.25px;
	margin: -2px 0 0;
}

.fIn01b dd {
	font-size: 12px;
	line-height: 21.25px;
	padding: 5px 0 0 3px;
}

.pageTop {
    margin: 0 0 0 auto;
    display: block;
    width: 70px;
}


/* 全ページ共通クラス
----------------------------------------------------------- */
/*--- パンくず ---*/
.pankuzu {
	width: 100%;
	margin: 0 auto;
	font-size: 12px;
	line-height: 14.4px;
	padding: 30px 0 0 5%;
}

.pankuzu li {
	margin: 0 0 0 0px;
	display: inline;
}

.pankuzu li:first-child {
	margin: 0;
}

.pankuzu li a {
	margin: 0 4px 0 0;
	color: #fa583c;
	text-decoration: underline;
	letter-spacing: 2.3px;
}

.pankuzu li a:hover {
	text-decoration: none;
}


/*--- ページトップ ---*/
#pageTop {
	position: fixed;
	bottom: 200px;
	right: 25px;
	z-index: 9999;
}


/*--- アニメーション背景 ---*/
.animationWrap {
	background:  url(../img/bg_t03.jpg) repeat 0 0;
	height: 250px;
	margin: 0 auto;
}


/*-- スクロールバーデザイン --*/
.scroll-pane {
	width: 100% !important;
	height: 240px;
 /*箱の高さ*/
	overflow-y: auto;
}

.scroll-pane:focus {
	outline: none;
}

.jspContainer {
	width: 100% !important;
	overflow: hidden;
	position: relative;
}

.jspPane {
	width: 97% !important;
	position: absolute;
	padding: 0 !important;
}

.jspVerticalBar {
	width: 10px;
	position: absolute;
	top: 0;
	right: 0px;
}

.jspArrowUp, .jspArrowDown {
	margin: 0;
	padding: 0;
	display: block;
	cursor: pointer;
}

.jspTrack {
	position: relative;
	background-position: center;
	width: 10px;
	background: #ccc;
}

.jspDrag {
	width: 10px;
	margin: 0 auto;
	background: #f7931f;
	position: relative;
	cursor: pointer;
}

.jspArrow.jspDisabled {
	cursor: default;
}

.jspVerticalBar .jspArrow {
	height: 20px;
}

.jspVerticalBar .jspArrow:focus {
	outline: none;
}


/* -- お問い合わせ -- */
input {
	vertical-align: middle;
}

.btnBox1 {
	text-align: center;
}

.contact_cf .clearForm,.contact_cf .clearForm2 {
	padding: 10px 5px;
}

.choose_list1 > li {
	width:  100%;
	max-width: 200px;
	margin: 0 auto;
}

.choose_list1 {
	width: 100%;
	margin: 20px auto 0;
}

.contactTb td span {
	margin: 9px 0 0;
	display: block;
}

.clearForm,
.clearForm2,
.toHome {
	width: 200px;
	padding: 15px 5px;
	cursor: pointer;
	outline: 0;
	background: #f8931e;
	color: #fff !important;
	font-size: 100%;
	border: none;
	font-weight: bold;
	transition: .2s;
	-moz-transition: .2s;
	-webkit-transition: .2s;
}

.toHome {
    padding: 11px 5px 10px;
}

.clearForm:hover,
.clearForm2:hover,
.toHome:hover {
	background: #fa583c;
	color: #FFF;
}

.toHome {
	margin: 50px auto 0 !important;
	text-decoration: none;
	display: block;
	text-align: center;
}

#name, #post, #mail, #mail_confirm, textarea, #url, #kana, #tel, #msg {
	width: 90%;
}

#zip1, #zip2 {
	width: 40%;
	max-width: 120px;
}

#city, #pref, #add {
	width: 82.5%;
	margin: 2px 0 0 10px;
}

textarea {
	width: 90%;
	padding: 10px 5px;
}

input,
textarea,
button,
select,
option {
	outline: none;
}

input[type="text"] {
	height: 35px;
	padding: 5px;
}

input[type="text"],
textarea,
select,
option {
	border: 1px solid #CCC;
}

button {
	border: none;
	outline: none;
	background: none;
}

.form_notice1 {
	font-size: 85.714%;
	display: block;
	margin: 5px 0 0;
}

.form_notice2 {
	font-size: 87.5%;
}

.modification_wrap {
	overflow: hidden;
}

.modification {
	width: 221px;
	float: left;
	margin: 0 0 0 246px;
}

.send_bt {
	width: 221px;
	float: right;
	margin: 0 245px 0 0;
}

.error_style {
	color: #FF0000;
	display: block;
	margin: 8px 0 0;
}

.contactTb {
	width: 100%;
	max-width: 1200px;
	margin: 50px auto 0;
	border-spacing: 0 50px;
}

.contactTb th {
	width: 250px;
	text-align: left;
	position: relative;
	line-height: 1.4;
}

.contactTb th, .contactTb td {
	padding: 13px 10px 10px 20px;
	font-size: 15px;
	position: relative;
}

.contactTb th {
    border-right: solid 3px #e0e0e0;
}

.contactTb th em {
	background: #F00;
	color: #FFFFFF;
	padding: 2px 5px;
	margin-left: 5px;
	right: 10px;
	font-size: 85.714%;
	float: right;
}


/*-- エラーチェック --*/
.formError {
	top: 20px !important;
	left: 40px !important;
}

.zip2formError {
	left: 220px !important;
}

.prefformError, .cityformError, .addformError {
	top: 0 !important;
	left: 80px !important;
}

.zip1 label {
	position: relative;
}


/*-- 送信前ダイアログ --*/
.ui-dialog {
	margin: auto;
	position: absolute;
	left: 0 !important;
	right: 0 !important;
}

.ui-corner-all.ui-button-text-only:focus {
	color: #737373;
	background: #fff;
	outline: none;
	border-color: #ccc;
}

.ui-corner-all.ui-button-text-only:hover {
	color: #fff;
	background: #F8931E;
	outline: none;
	border-color: #F8931E;
	transition: .3s;
}

.ui-widget-header {
	background: #F8931E !important;
	border-color: #F8931E !important;
}

.ui-dialog .ui-dialog-content,
.ui-button-text-only .ui-button-text {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif !important;
}


/* トップページ
----------------------------------------------------------- */
.title01 {
	font-size: 50px;
	font-weight:  normal;
	text-align: center;
}

.title01 > em {
	color: #f7931f;
}

.contWrap01 {
	margin: 150px auto 0;
}

.cont01 {
	margin: 0 auto;
	width: 96%;
	max-width: 1400px;
}

.cont01 > li {
	float:  left;
	width:  50%;
	text-align:  center;
}

.cont01 .wow >img {
	padding: 5%;
}

.cont01 > li:first-child {
	padding: 240px 0 0;
}

.cont01 > li > h3 {
	text-align:  center;
}

.cont01 > li > p {
	font-size:  20px;
	margin: 70px auto 0;
}

.contWrap02 {
	margin: 200px auto 0;
}

.cont02 {
	width: 96%;
	max-width: 1760px;
	margin: 0 auto;
}

.cont02 > li {
	margin: 200px auto 0;
	background-size: 270px;
}

.cont02 > li:first-child {
	margin:  0 auto;
}

.contIn02 > li > h4 {
	margin:  50px auto 0;
	font-size: 24px;
}

.contIn02 > li > p {
	font-size:  18px;
	margin: 30px auto 0;
}

.cont02A {
	color: #00acc1;
}

.cont02B {
	color: #3a48ab;
}

.cont02C {
	color: #049be5;
}

.cont02D {
	color: #e53935;
}

.cont02E {
	color: #7bb342;
}

.contL02 > li {
	float:  left;
	width: 43.5%;
	margin:  0 0 0 3%;
}

.contL02 > li:first-child {
	width: 53.5%;
	margin: 0;
}

.contR02 > li {
	float:  left;
	width:  42%;
}

.contR02 > li:first-child {
	float:  right;
	width:  55%;
}

.contWrap03 {
	margin: 200px  auto 0;
	background: #f8f8f8;
	padding: 50px 0;
}

.contWrap03 > h3 {
	text-align:  center;
}

.cont03 {
	width:  96%;
	max-width:  1200px;
	margin: 50px auto 0;
	padding: 30px 2%;
	background:  #fff;
}

.contIn03 dl {
	padding: 25px 0;
	border-top:  solid 1px #ccc;
}

.contIn03 dl > dt {
	width: 17%;
	float:  left;
	padding:  0 2%;
	max-width: 130px;
	font-weight:  bold;
	color: #f7931f;
}

.contIn03 dl > dd {
	float:  left;
	width: 83%;
	padding:  0 2% 0 0;
}

.contIn03 dl > dd > a {
    color: #F8593C;
    text-decoration: underline;
}

.contIn03 dl > dd > a:hover {
    text-decoration: none;
}

.contIn03 dl:first-child {
	border-top:  none;
}

.contWrap04 {
	margin: 120px auto 0;
}

.contWrap04 > h3 {
	text-align: center;
}

.cont04 {
	width: 96%;
	max-width: 1760px;
	margin: 50px auto 0;
}

.cont04 > li {
	float: left;
	width: 17.6%;
	margin: 0 1.2%;
}

.cont04 > li > a:hover > dl > dd > img {
	opacity: .8;
}

.cont04 > li > a > dl > dt {
	background:  #F85D3D;
	color:  #fff;
	text-align:  center;
	font-weight:  bold;
	font-size:  20px;
	padding: 17px 2% 15px;
}

.cont04 > li > a > dl > dt > span {
	display:  block;
	font-size: 14px;
	line-height:  1;
}

.contWrap05 {
	margin: 200px auto 0;
}

.contWrap05 > h3 {
	text-align:  center;
}

.contTop05 {
	margin:  50px auto 0;
	width:  96%;
	max-width:  1760px;
}

.contTop05 > li {
	float:  left;
	width: 42%;
}

.contTop05 > li + li {
	position:  relative;
	padding: 0 0 80px;
}

.contTop05 > li + li > p {
	font-size:  18px;
	margin:  50px auto 0;
}

.contTop05 > li + li > a {
	display:  block;
	width:  96%;
	max-width: 300px;
	position:  absolute;
	right:  0;
	bottom:  0;
}

.contTop05 > li:first-child {
	float: right;
	width: 55%;
}

.contBot05 {
	margin: 50px auto 0;
	width:  96%;
	max-width:  1760px;
}

.contBot05 > li {
	float:  left;
	width:  16.66%;
}

.contBot05 > li > a {
	max-width:  100%;
}

.topBg01 {
	background:  url(../img/bg_star.png) no-repeat right bottom;
}

.topBg02 {
	background:  url(../img/bg_star.png) no-repeat left bottom;
}

.topBg03 {
	background:  url(../img/bg_star.png) no-repeat right bottom;
}

.topBg04 {
	background:  url(../img/bg_star.png) no-repeat left bottom;
}

.topBg05 {
	background:  url(../img/bg_star.png) no-repeat right bottom;
}

.contWrap06 {
	margin: 200px auto 0;
}

.contWrap06 > h3 {
	text-align: center;
}


/* GROUP COMPANY
----------------------------------------------------------- */
.groupWrap01 {
	background: #F8F8F8;
	padding: 50px 0;
	margin: 0 auto;
}

.groupWrap01 >  h3 {
	text-align: center;
}

.group05 {
	margin: 50px auto 0;
	width: 96%;
	max-width: 1095px;
}

.group05 > li {
	float: left;
	width: 285px;
	margin: 0 40px;
}

.group05 > li > dl {
	background: #fff;
	padding: 0 0 15px;
}

.group05 > li > dl > dd > a {
	line-height: 40px;
	width: 98%;
	max-width: 254px;
	margin: 7px auto 0;
	display: block;
	padding: 1px 0;
	font-size: 18px;
	font-weight: bold;
}

.group05 > li > dl > dt {
	text-align: center;
	padding: 22px 0 0;
}

.group05a {
	border-top: solid 5px #129F96;
}

.group05b {
	border-top: solid 5px #DA1483;
}

.group05c {
	border-top: solid 5px #00A3D8;
}

.group05 > li > dl > dd > p {
	font-size: 12px;
	line-height: 23px;
	font-weight: bold;
	padding: 10px 6%;
	margin: 22px auto 0;
}


/*-----------------------------------------------------------
 中ページ
-----------------------------------------------------------*/
.Works #main,
.Voice #main,
.Contact #main,
.Privacy #main,
.Sitemap #main,
.Director #main,
.Designer #main,
.Programmer #main,
.SystemEngineer #main,
.Sales #main,
.Support #main,
.Entry #main,
.GroupCompanies #main,
.Company #main {
	border-bottom: solid 1px #666;
}

.leadTxt {
	margin: 30px auto 0;
	padding: 20px 3%;
	background: #f7931e;
	color: #fff;
	font-size: 17px;
	line-height: 33px;
}

.leadTxt2 {
	margin: 20px auto 0;
	color: #363636;
	font-size: 17px;
	line-height: 33px;
	text-align: center;
}

.leadTxt3 {
	color: #FD583B;
	font-size: 35px;
	text-align: center;
	font-weight: bold;
}

.leadTxt4 {
	margin: 30px auto 0;
	color: #363636;
	font-size: 25px;
	line-height: 33px;
	text-align: center;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}

.leadTxt4 > span {
	font-size: 20px;
	margin: 0 1% 0 0;
}

.tit01 {
	font-size: 28px;
	font-weight: normal;
	text-align:  center;
}

.article .tit01 {
	font-weight:  bold;
}

.tit01 > em {
	color: #F69522;
}

.tit02 {
	font-size: 30px;
	font-weight: bold;
}

.coution01 {
	color: #EA3715;
}

.conteWrapTop {
	margin: 100px auto 0;
	width: 96%;
	max-width: 1760px;
}

.conteWrap {
	margin: 200px auto 0;
	width: 96%;
	max-width: 1760px;
}

.conteWrap > h3 {
	text-align:  center;
}


/* contactArea
----------------------------------------------------------- */
.telCoution {
	display:  block;
	font-size:  13px;
}

.contactArea {
	padding: 50px 2% 47px;
	color:  #666;
	text-align:  center;
	border-top: solid 1px #666;
	border-bottom: solid 1px #666;
}

.contactWrap02 .contactArea {
	padding:  20px 2% 17px;
	border:  solid 1px #666;
	max-width:  1000px;
	margin:  0 auto;
}

.contactArea > p:first-child {
	margin: 0 0 25px;
}

.contactWrap02 .contactArea > p:first-child {
	margin: 0 0 10px;
}

.contactArea > p:first-child > a {
	color: #F79524;
	font-weight:  bold;
	text-decoration:  underline;
}

.contactArea > p:first-child > a:hover {
	text-decoration:  none;
}

.contactTelTxt{
	font-size: 16px;
	font-weight: normal;
	display: block;
	margin: 10px auto 0;
}

.contactArea02 > p {
	font-weight:  bold;
	font-size: 18px;
}

.contactAreaIn {
	margin:  17px auto 0;
	width:  100%;
	max-width:  685px;
}

.contactAreaIn > li {
	float:  left;
	width:  46%;
	margin:  0 2%;
}

.contactAreaWrap01 {
	margin: 200px auto 0;
}


/* Web制作
----------------------------------------------------------- */
.webWrap01 {
	margin:  100px auto 0;
	width:  96%;
	max-width:  1720px;
}

.webWrap01 > h3 {
	text-align:  center;
}

.web01 {
	margin:  50px auto 0;
}

.web01 > li {
	float:  left;
	width:  55%;
	MARGIN:  0 0 0 5%;
}

.web01 > li > p {
	font-size:  18px;
	margin: 25px auto 0;
}

.web01 > li > p:first-child {
	margin:  0 auto;
}

.web01 > li:first-child {
	width:  40%;
	margin:  0;
}

.webWrap02 {
	margin: 200px auto 0;
	width:  96%;
	max-width:  1400px;
}

.webWrap02 > h3 {
	text-align:  center;
}

.web02 {
	margin:  50px auto 0;
}

.web02 > li {
	margin:  60px auto 0;
}

.web02 > li:first-child {
	margin:  0 auto;
}

.webIn02 > li {
	float:  left;
	width: 78%;
	padding: 20px 2%;
}

.webIn02 > li + li > a {
	display: block;
	width: 96%;
	max-width: 260px;
	background: #fff;
	text-align: center;
	font-weight: bold;
	padding: 8px 2% 5px;
	margin: 20px 0 0 auto;
	border: solid 1px #fff;
}

.webIn02 > li > h4 {
	font-size:  23px;
}

.webIn02 > li > p {
	font-size:  15px;
	margin: 30px auto 0;
}

.webIn02 > li > p a {
	color: #fff;
	text-decoration: underline;
	font-weight:  bold;
}

.webIn02 > li > p a:hover {
	text-decoration: none;
}

.webIn02 > li > .bold {
	font-weight:  bold;
	text-decoration: underline;
}

.webIn02 > li:first-child {
	width: 22%;
	text-align:  center;
}

.webIn02 > li:first-child > h3 {
	font-size: 23px;
	margin:  20px auto 0;
}

.webIn02 > li:first-child > h3 > span {
	display:  block;
	font-size:  13px;
}

.webWrap03 {
	margin: 200px auto 0;
	max-width: 1100px;
	padding: 40px 3%;
	background: #00cbbb;
	color:  #fff;
}

.webWrap03 > h2 {
	text-align:  center;
	font-size: 28px;
}

.web03 {
	margin:  50px auto 0;
}

.web03 > li {
	margin: 50px auto 0;
}

.web03 > li:first-child {
	margin:  0 auto;
}

.webIn03 > li {
	float:  left;
	width: 74%;
	margin:  0 0 0 3%;
}

.webIn03 > li > h3 {
	font-size:  20px;
	line-height:  20px;
}

.webIn03 > li > h3 > img {
	margin:  0 10px 0 0;
}

.webIn03 > li > p {
	margin: 10px auto 0;
}

.webIn03 > li:first-child {
	width: 23%;
	margin: 0;
}

.webWrap04 {
	margin: 200px auto 0;
	max-width: 1100px;
	padding: 40px 3%;
	background: #607D8B;
	color: #fff;
}

.webWrap04 > h2 {
	text-align:  center;
	font-size: 28px;
}

.web04 {
	margin:  50px auto 0;
	max-width:  1000px;
}

.web04 > li {
	margin: 50px auto 0;
}

.web04 > li:first-child {
	margin:  0 auto;
}

.webIn04 > li > h3 {
	font-size: 20px;
	line-height:  20px;
}

.webIn04 > li > h3 > img {
	margin:  0 10px 0 0;
}

.webIn04 > li > p {
	margin:  10px auto 0;
}

.webIn04 > li {
	float:  left;
	width: 74%;
	margin:  0 0 0 3%;
}

.webIn04 > li:first-child {
	width: 23%;
	margin: 0;
}

.webWrap05 {
	margin: 200px auto 0;
	max-width:  1920px;
}

.webWrap05 > h3 {
	text-align: center;
	width: 96%;
	margin: 0 auto;
}

.web05 {
	margin: 61px auto 0;
	width: 96%;
	max-width: 1720px;
}

.web05 > li {
	float: left;
	width: 375px;
	background: #F8931E;
	position: relative;
	margin: 0 0 0 70px;
	min-height: 350px;
	z-index: 10;
}

.web05 > .webLast05 {
	width: 385px;
	padding: 0 10px 0 0;
}

.web05 > li:first-child {
	margin: 0;
}

.web05 > li:before {
	display: block;
	background: #f99118;
	width: 33px;
	position: absolute;
	height: 50%;
	content: " ";
	-webkit-transform: skew(10deg);
	-moz-transform: skew(10deg);
	transform: skew(10deg);
	right: -15px;
	z-index:  9;
}

.web05 > li:last-child:before,
.web05 > li:last-child:after  {
	display: none;
}

.web05 > li:after {
	display: block;
	background: #f99118;
	width: 33px;
	height: 50%;
	content: " ";
	-webkit-transform: skew(-10deg);
	-moz-transform: skew(-10deg);
	transform: skew(-10deg);
	position: absolute;
	right: -15px;
	bottom: 0;
	z-index: 9;
}

.webIn05 {
	padding: 63px 0 0;
}

.webIn05 > dt {
	text-align: center;
}

.webIn05 > dd > h3 {
	color: #fff;
	text-align: center;
	font-size: 19px;
	letter-spacing: 2.5px;
}

.webIn05 > dd > p {
	color: #fff;
	font-size: 15px;
	padding: 5px 60px 15px 65px;
	line-height: 28px;
}

.webIn05 > dd {
	padding: 24px 0 0;
}

.webIn05 > dd > h3 > span {
	font-size: 26px;
	font-weight: normal;
	margin: 0 3px 0 0;
}

.webWrap06 {
	margin: 200px auto 0;
	max-width: 1100px;
	padding: 40px 3%;
	background: #6c96ca;
	color: #fff;
}

.webWrap06 > h2 {
	font-size: 28px;
	text-align:  center;
}

.web06 {
	margin:  50px auto 0;
	max-width:  1000px;
}

.web06 > li {
	margin: 50px auto 0;
}

.web06 > li:first-child {
	margin:  0 auto;
}

.webIn06 > li > h3 {
	font-size: 20px;
	line-height:  20px;
}

.webIn06 > li > h3 > img {
	margin: 0 10px 0 0;
}

.webIn06 > li > p {
	margin:  10px auto 0;
}

.webIn06 > li {
	float:  left;
	width: 74%;
	margin:  0 0 0 3%;
}

.webIn06 > li:first-child {
	width: 23%;
	margin: 0;
}

.webColor01 {
	background:  url(../img/bg_web01.jpg) no-repeat center top;
}

.webColor01 > li + li {
	border-left: solid 1px #5467c6;
}

.webColor02 {
	background:  url(../img/bg_web02.jpg) no-repeat center top;
}

.webColor02 > li + li {
	border-left: solid 1px #51b8ba;
}

.webColor03 {
	background:  url(../img/bg_web03.jpg) no-repeat center top;
}

.webColor03 > li + li {
	border-left: solid 1px #667e8a;
}

.webColor04 {
	background:  url(../img/bg_web04.jpg) no-repeat center top;
}

.webColor04 > li + li {
	border-left: solid 1px #18aeea;
}

.webColor04 > li + li > a {
	color:  #18aeea;
}

.webColor04 > li + li > a:hover {
	color:  #fff;
	background: #18aeea;
}

.webColor05 {
	background:  url(../img/bg_web05.jpg) no-repeat center top;
}

.webColor05 > li + li {
	border-left: solid 1px #ffa255;
}

.webColor05 > li + li > a {
	color:  #ffa255;
}

.webColor05 > li + li > a:hover {
	color:  #fff;
	background: #ffa255;
}

.web02 > li > ul {
	background-size:  cover;
	padding: 20px 2%;
	color:  #fff;
}


/* CRM
----------------------------------------------------------- */
.crmWrap01 {
	margin:  100px auto 0;
	width:  96%;
	max-width:  1720px;
}

.crmWrap01 > h3 {
	text-align:  center;
}

.crm01 {
	margin:  50px auto 0;
}

.crm01 > li {
	float:  left;
	width: 55%;
}

.crm01 > li > h3 {
	font-size:  20px;
}

.crm01 > li > p {
	font-size:  18px;
	margin:  20px auto 0;
}

.crm01 > li:first-child {
	float:  right;
	width: 40%;
}

.crmWrap02 {
	margin: 200px auto 0;
	max-width: 1000px;
	color: #13A7CD;
}

.crmWrap03 {
	margin: 200px auto 0;
	max-width: 1420px;
}

.crmWrap02 > h3 {
	font-size:  25px;
}

.crm02 {
	margin: 30px auto 0;
	padding: 30px 3%;
	border: solid 1px #13A7CD;
	border-radius:  10px;
}

.crm02 > li {
	margin:  30px auto 0;
	padding:  0 0 0 50px;
	font-size: 20px;
	background:  url(../img/icon_crm01.png) no-repeat 0 center;
}

.crm02 > li:first-child {
	margin:  0 auto;
}


/* POS
----------------------------------------------------------- */
.posWrap01 {
	margin:  100px auto 0;
	width:  96%;
	max-width:  1720px;
}

.posWrap01 > h3 {
	text-align:  center;
}

.pos01 {
	margin:  50px auto 0;
}

.pos01 > li {
	float:  left;
	width: 55%;
}

.pos01 > li > h3 {
	font-size: 20px;
}

.pos01 > li > p {
	margin: 20px auto 0;
	font-size:  18px;
}

.pos01 > li:first-child {
	float:  right;
	width: 40%;
}

.posWrap02 {
	margin: 150px auto 0;
	width:  96%;
	max-width:  1000px;
}

.posWrap02 > h3 {
	text-align:  center;
}

.posTb {
	margin:  50px auto 0;
	width:  100%;
}

.posTb th {
	width:  30%;
	padding:  13px 2% 10px;
}

.posTb th > span {
	display: block;
	background: #b4d93f;
	color:  #fff;
	padding:  30px 2%;
	border-radius:  100%;
	font-size:  24px;
}

.posTb td {
	width:  70%;
	padding: 20px 2% 20px;
}

.posTb td > h4 {
	font-size:  21px;
}

.posTb td > p {
	margin:  10px auto 0;
}

.posWrap03 {
	margin:  150px auto 0;
	max-width: 1000px;
	color: #f7931e;
}

.posWrap03 > h2 {
	font-size:  25px;
	text-align: center;
}

.pos03 {
	margin: 30px auto 0;
	padding: 30px 3%;
	border: solid 1px #f7931e;
	border-radius:  10px;
}

.pos03 > li {
	margin:  30px auto 0;
	padding:  0 0 0 50px;
	font-size:  23px;
	background:  url(../img/icon_pos01.png) no-repeat 0 center;
}

.pos03 > li:first-child {
	margin:  0 auto;
}

.posWrap04 {
	margin:  150px auto 0;
	max-width: 1000px;
	color: #fa583c;
}

.posWrap04 > h2 {
	font-size:  25px;
	text-align:  center;
}

.pos04 {
	margin: 30px auto 0;
	padding: 30px 3%;
	border: solid 1px #fa583c;
	border-radius:  10px;
}

.pos04 > li {
	margin:  30px auto 0;
	padding:  0 0 0 50px;
	font-size:  23px;
	background:  url(../img/icon_pos02.png) no-repeat 0 center;
}

.pos04 > li:first-child {
	margin:  0 auto;
}

.pos05 {
	margin: 50px auto 0;
}

.pos05 > ul {
	margin: 30px auto 0;
	width:  96%;
	max-width: 940px;
}

.pos05 > p {
	text-align: center;
}

.pos05 > ul > li {
	float:  left;
	width: 48%;
	margin: 1%;
}

.pos05 > ul > li > h3 {
	font-size:  20px;
}

.pos05 > ul > li > ul {
	margin: 5px auto 0;
}

.pos05 > ul > li > ul > li {
	font-size:  16px;
}

.poSet02 {
	margin: 0 auto;
	color:  #b4d93f;
}

.poSet01 {
	margin:  0 auto;
	color: #57b432;
}

.pos05 > li:first-child {
	width:  55%;
	margin:  0;
}

.posWrap05 > a {
	display:  block;
	width:  96%;
	max-width:  300px;
	margin:  50px auto 0;
	font-weight:  bold;
	padding: 8px 2% 5px;
}

.pos05 > .posCaution {
    width: 100%;
    max-width: 940px;
    margin: 5px auto 0;
    text-align: left;
    font-size: 13px;
    color: #f46042;
    font-weight: bold;
}

.pos05 > ul > li > ul > li > span {
    font-size:  13px;
    font-weight: bold;
    color: #f46042;
}

.priceTb td > .poscaution {
    font-size:  13px;
    color: #f46042;
    display: block;
}

.priceTb td > .poscaution02 {
    font-size: 14px;
    margin: 10px auto 0;
    display: block;
}


/* アプリ開発
----------------------------------------------------------- */
.appliWrap01 {
	margin: 100px auto 0;
	width:  96%;
	max-width:  1720px;
}

.appliWrap01 > h3 {
	text-align:  center;
}

.appli01 {
	margin:  50px auto 0;
}

.appli01 > li {
	float:  left;
	width:  55%;
	margin:  0 0 0 5%;
}

.appli01 > li > p {
	margin:  25px auto 0;
	font-size:  18px;
}

.appli01 > li > p > span {
	font-weight:  bold;
}

.appli01 > li > p:first-child {
	margin:  0 auto;
}

.appli01 > li + li {
	position:  relative;
	padding: 0 0 90px;
}

.appli01 > li + li > h3 {
	font-size:  18px;
}

.appli01 > li + li > h3 > span {
	display:  block;
	margin:  15px auto 0;
	font-weight:  normal;
}

.appli01 > li + li > a {
	display:  block;
	width: 96%;
	max-width:  300px;
	right:  0;
	bottom:  0;
	position:  absolute;
	padding: 11px 2% 8px;
}

.appli01 > li:first-child {
	width:  40%;
	margin:  0;
}

.appliWrap02 {
	margin:  150px auto 0;
	max-width: 1000px;
}

.appliWrap02 > h3 {
	text-align:  center;
}

.appli02 {
	margin:  50px auto 0;
}

.appli02 > li {
	margin:  30px auto 0;
	padding:  0 0 0 80px;
	min-height: 85px;
}

.appli02 > li > p {
	font-size:  17px;
	margin: 16px auto 0;
	padding:  0 0 0 3%;
}

.appli02 > li:first-child {
	margin:  0 auto;
}

.appliIcon01 {
	background: url(../img/icon_appli01.png) no-repeat 5px center;
}

.appliIcon02 {
	background:  url(../img/icon_appli02.png) no-repeat 5px center;
}

.appliIcon03 {
	background:  url(../img/icon_appli03.png) no-repeat 5px center;
}

.appliIcon04 {
	background:  url(../img/icon_appli04.png) no-repeat 5px center;
}

.appliIcon05 {
	background:  url(../img/icon_appli05.png) no-repeat 5px center;
}

.appliIcon06 {
	background:  url(../img/icon_appli06.png) no-repeat 5px center;
}

.appliIcon01 > h3 {
	background: url(../img/icon_appli01b.png) no-repeat 0 0;
}

.appliIcon02 > h3 {
	background: url(../img/icon_appli02b.png) no-repeat 0 0;
}

.appliIcon03 > h3 {
	background: url(../img/icon_appli03b.png) no-repeat 0 0;
}

.appliIcon04 > h3 {
	background: url(../img/icon_appli04b.png) no-repeat 0 0;
}

.appliIcon05 > h3 {
	background: url(../img/icon_appli05b.png) no-repeat 0 0;
}

.appliIcon06 > h3 {
	background: url(../img/icon_appli06b.png) no-repeat 0 0;
}

.appli02 > li > h3 {
	font-size:  22px;
	padding: 23px 0 13px 120px;
	color: #eb6158;
	background-size: 115px;
	background-position:  0 center;
}

.appli02 > li > h3 > span {
	font-size: 20px;
}

.appliWrap03 {
	margin:  150px auto 0;
	width:  96%;
	max-width:  1720px;
}

.appli03 {
	margin:  50px auto 0;
}

.appli03 > li {
	float:  left;
	width: 55%;
}

.appli03 > li > p {
	margin:  25px auto 0;
	font-size:  18px;
}

.appli03 > li:first-child {
	float:  right;
	width: 40%;
}

.appliTr > td > span {
	display:  block;
}


/* オリジナルシステム
----------------------------------------------------------- */
.scratchWrap01 {
	margin:  100px auto 0;
	width:  96%;
	max-width:  1720px;
}

.scratchWrap01 > h3 {
	text-align:  center;
}

.scratch01 {
	margin:  50px auto 0;
}

.scratch01 > li {
	float:  left;
	width: 55%;
	margin:  0 0 0 5%;
}

.scratch01 > li:first-child {
	width: 40%;
	margin:  0;
}

.scratch01 > li > p {
	font-size:  18px;
}

.scratchWrap02 {
	margin: 200px auto 0;
	width:  96%;
	max-width: 1000px;
}

.scratchWrap02 > h3 {
	text-align:  center;
}

.scratch02 {
	margin:  50px auto 0;
}

.scratch02 > li {
	margin:  100px auto 0;
}

.scratch02 > li:first-child {
	margin:  0 auto;
}

.scrastchIn02 > li {
	float:  left;
	width: 65%;
	margin: 0 0 0 5%;
}

.scrastchIn02 > li > h3 {
	font-size: 20px;
}

.scrastchIn02 > li > p {
	margin:  25px auto 0;
}

.scrastchIn02 > li:first-child {
	width: 30%;
	margin: 0;
}


/* ノベルティグッズ制作
----------------------------------------------------------- */
.goodsWrap01 {
	margin:  100px auto 0;
	width:  96%;
	max-width:  1720px;
}

.goodsWrap01 > h3 {
	text-align:  center;
}

.goods01 {
	margin:  50px auto 0;
}

.goods01 > li {
	float:  left;
	width: 55%;
	margin:  0 0 0 5%;
	position:  relative;
	padding:  0 0 90px;
}

.goods01 > li > a {
	display:  block;
	width:  96%;
	max-width: 300px;
	margin:  0 0 0 auto;
	padding: 7px 2% 4px;
	position:  absolute;
	bottom:  0;
	right:  0;
}

.goods01 > li:first-child {
	width:  40%;
	margin:  0;
	padding: 0;
}

.goods01 > li > h3 {
	font-size:  21px;
}

.goods01 > li > p {
	margin:  25px auto 0;
	font-size:  18px;
}

.goodsWrap02 {
	margin: 200px auto 0;
}

.goodsWrap02 > h3 {
	text-align:  center;
}

.goods02 {
	margin:  50px auto 0;
	width: 100%;
	max-width:  1500px;
}

.goods02 > li {
	float:  left;
	width: 26.66%;
	margin: 0 3.33%;
}

.goods02 > li > span {
	font-size: 17px;
	display: block;
	margin: 0px auto 0;
	font-weight: bold;
	text-align: center;
	background: #78b449;
	color: #fff;
	padding: 7px 2% 5px;
}

.goodTbWrap {
	margin:  30px auto 0;
	width:  96%;
	max-width: 1200px;
}

.goodTbWrap table {
	max-width: 1400px;
	width: 100%;
	margin: 40px auto;
	border: solid 10px #78b449;
	padding: 10px;
}

.goodsTb > tbody > tr > td:first-child {
	background: #f9fff3;
}

.goodsTb01 thead th {
	color: #333;
	background: #ededed;
	text-align: left;
	border-left: solid 1px #fff;
	border-bottom: solid 1px #fff;
	width: 26%;
	font-size: 17px;
	padding: 13px 2% 10px;
}

.goodsTb01 tbody td {
	width: 37%;
	font-size: 15px;
	font-weight: bold;
	padding: 13px 2% 10px;
	border-top: solid 1px #ccc;
}

.goodsTb01 tbody tr:first-child td {
	border-top:  none;
}

.goodsTb01 tbody td:first-child {
	background: #f9fff3;
}

.crm03 {
	margin: 50px auto 0;
	width: 100%;
}

.crm03 > li {
	float:  left;
	width: 18%;
	margin: 0 1%;
}

.crm03 > li > span {
	font-size: 17px;
	display:  block;
	margin: 5px auto 0;
	font-weight:  bold;
	text-align:  center;
	color: #13a7cd;
}

.staffWrap01 {
	margin:  100px auto 0;
	width:  96%;
	max-width:  1720px;
}

.staffWrap01 > a {
	display:  block;
	width:  96%;
	max-width:  300px;
	margin:  50px auto 0;
	font-weight:  bold;
	padding: 8px 2% 5px;
}

.staff01 {
	width:  100%;
	max-width:  1200px;
	margin:  0 auto;
}

.staff01 > li {
	float: left;
	width: 40%;
}

.staff01 > li:first-child {
	float: right;
	width: 50%;
	margin: 0;
	border: solid 5px #536e79;
	padding: 50px 3%;
	border-radius: 80px;
	font-size: 18px;
	font-weight: bold;
	position:  relative;
}

.staff01 > li:first-child:before {
	content: "";
	position: absolute;
	top: 32.5%;
	left: -139px;
	margin-top: -12px;
	border: 49px solid transparent;
	border-right: 94px solid #FFF;
	z-index: 2;
}

.staff01 > li:first-child:after {
	content: "";
	position: absolute;
	top: 32%;
	left: -151px;
	margin-top: -14px;
	border: 52px solid transparent;
	border-right: 99px solid #536e79;
	z-index: 1;
}

.staffBg01 {
	background: #0882B2;
}

.staffBg01 > dl > dd > h3 {
	color: #0882B2;
}

.staffBg02 {
	background: #3BA2CB;
}

.staffBg02 > dl > dd > h3 {
	color: #3ba2cb;
}

.staffBg03 {
	background: #7CB342;
}

.staffBg03 > dl > dd > h3 {
	color: #7CB342;
}

.staffWrap {
	margin: 200px auto 0;
}

.staffWrap > a {
	display:  block;
	width:  96%;
	max-width:  300px;
	margin:  50px auto 0;
	padding:  7px 2% 3px;
	font-weight:  bold;
}

.staffBg > ul {
	width:  96%;
	max-width:  1300px;
	margin:  0 auto;
	position:  relative;
}

.staffBg > ul > li:first-child {
	float:  right;
	width: 68.5%;
	padding: 30px 0 20px;
	min-height: 280px;
}

.staffBg > ul > li + li {
	float:  left;
	width:  26.5%;
	position:  absolute;
	bottom: 0;
}

.staffBg > ul > li:first-child > h2 {
	background:  #fff;
	display:  inline-block;
	padding:  5px 2% 2px;
	font-size:  22px;
}

.staffBg > ul > li:first-child > p {
	color:  #fff;
	margin:  20px auto 0;
}


/* サーバーホスティング
----------------------------------------------------------- */
.serverWrap01 > a {
	display:  block;
	margin:  50px auto 0;
	width:  96%;
	max-width:  300px;
	padding: 8px 2% 5px;
	font-weight:  bold;
}

.server01L > dt {
	float:  left;
	width: 40%;
}

.server01L > dd {
	float:  left;
	width: 55%;
	margin:  0 0 0 5%;
}

.server01 dl > dd > h3 {
	font-size: 23px;
	color: #129f96;
}

.server01R > dt {
	float:  right;
	width: 40%;
}

.server01R > dd {
	float:  left;
	width: 55%;
}

.server01L > dd > p,
.server01R > dd > p {
	margin: 20px auto 0;
	line-height:  1.8;
	font-size: 18px;
}

.server01 > li {
	margin: 200px auto 0;
}

.server01 > li:first-child {
	margin:  50px auto 0;
}

.serverTB {
	max-width: 1000px;
}

.serverWrap02 {
	max-width: 1200px;
}

.serverWrap02 > a {
	width: 100%;
	max-width: 300px;
	padding: 7px 2% 4px;
	margin: 50px auto 0;
	display:  block;
	font-weight:  bold;
}

.server02 {
	margin:  50px auto 0;
}

.server02 > li {
	background: #bee3df;
	padding: 20px 2%;
	margin:  50px auto 0;
}

.server02 > li:first-child {
	margin:  0 auto;
}

.serverTr > td > span {
	display:  block;
	font-size:  14px;
	margin:  10px auto 0;
}

.serverIn02 > li {
	float:  left;
	width: 72%;
	margin:  0 0 0 3%;
}

.serverIn02 > li > h3 {
	font-size: 24px;
	color: #229386;
	border-bottom:  solid 1px #7dafa7;
}

.serverIn02 > li > p {
	margin:  15px auto 0;
}

.serverIn02 > li > a {
	display: block;
	width: 96%;
	max-width: 260px;
	background: #fff;
	text-align: center;
	font-weight: bold;
	padding: 8px 2% 5px;
	margin: 20px 0 0 auto;
	border: solid 1px #fff;
	color: #229386;
}

.serverIn02 > li > a:hover {
	background: #229386;
	color: #fff;
}

.serverIn02 > li:first-child {
	width: 25%;
	margin: 0;
}


/* 料金テーブル */
.priceWrap01 {
	margin: 200px auto 0;
	width:  96%;
	max-width:  1200px;
}

.priceWrap01 > h3 {
	text-align:  center;
}

.priceWrap01 > span {
	margin: 20px auto 0;
	display:  block;
	text-align:  right;
	font-weight:  bold;
}

.priceWrap01 > table {
	margin: 5px 0 0;
	width:  100%;
}

.priceTb th {
	width: 30%;
	color:  #fff;
	font-size:  17px;
	padding: 13px 2% 10px;
}

.priceTb .pc {
	display:  table-cell;
}

.priceTb th > span {
	display:  block;
	font-size:  13px;
	line-height: 13px;
}

.priceTb td {
	width: 35%;
	font-size:  15px;
	font-weight:  bold;
	padding:  13px 2% 10px;
	border-top:  solid 1px #ccc;
}

.priceTb tr:first-child td {
	border-top: none;
}

.priceTb td + td {
	text-align: right;
	font-size:  16px;
	border-left: solid 1px #fff;
}

.priceTb {
	border:  solid 1px #ccc;
}

.priceTotal {
	text-align:  right;
}

.tbColor01 {
	background: #00acc1;
}

.tbColor02 {
	background: #3949ad;
}

.tbColor03 {
	background: #546e7a;
}

.tbColor04 {
	background: #f1972e;
}

.tbColor05 {
	background: #039be5;
}

.tbColor06 {
	background: #039BE5;
}

.tbColor07 {
	background: #546e7a;
}

.priceWrap01 > p {
	text-align:  right;
	font-size:  14px;
	color: #fa583c;
	font-weight:  bold;
	margin:  5px auto 0;
}


/* RECRUIT
----------------------------------------------------------- */
.recColor01 {
	color: #10A5BB;
	border: solid 1px #10a5bb;
}

.recColor02 {
	color: #3F42A2;
	border: solid 1px #3F42A2;
}

.recColor03 {
	color: #4F6671;
	border: solid 1px #4F6671;
}

.recColor04 {
	color: #2692DC;
	border: solid 1px #2692DC;
}

.recColor05 {
	color: #2692DC;
	border: solid 1px #2692DC;
}

.recColor06 {
	color: #73AD42;
	border: solid 1px #73AD42;
}

.recruitWrap01 {
	margin: 100px auto 0;
	width: 96%;
	max-width: 1500px;
}

.recruitWrap01 > p {
	margin: 40px auto 0;
	font-size:  18px;
	font-weight:  bold;
	max-width:  800px;
	color: #fff;
	padding: 20px 2%;
}

.director04 {
	background: #10A5BB;
}

.designer04 {
	background: #3F42A2;
}

.programmer04 {
	background: #4F6671;
}

.engineer04 {
	background: #2692DC;
}

.sales04 {
	background: #DE3C32;
}

.support04 {
	background: #73AD42;
}

.recruit01 {
	padding: 0 2% 17px;
	font-size: 18px;
	text-align: left;
	font-weight:  bold;
}

.recruit01 > li {
	margin: 20px 0 0;
	float:  left;
	width:  50%;
}

.recruitWrap02 {
	margin: 200px auto 0;
}

.recruitWrap02 > h3 {
	text-align:  center;
}

.recruit02 {
	margin: 50px auto 0;
}

.recruit02 > li {
	float:  left;
	width: 55%;
	margin:  0 0 0 5%;
}

.recruit02 > li >  h3 {
	font-size: 23px;
}

.recruit02 > li > p {
	margin:  25px auto 0;
	line-height:  1.8;
}

.recruit02 > li:first-child {
	width: 40%;
	margin:  0;
}

.recruitWrap03 {
	margin: 200px auto 0;
}

.recruitWrap03 > h2 {
	width: 96%;
	max-width: 1400px;
	margin:  0 auto;
	text-align:  center;
	font-size: 25px;
	background: #0070bb;
	color:  #fff;
	padding:  10px 2% 7px;
}

.recruitWrap {
	margin: 200px auto 0;
}

.recruitWrap > a {
	width: 96%;
	max-width: 350px;
	display: block;
	margin: 50px auto 0;
	padding:  8px 2% 5px;
	font-weight:  bold;
}

.recruitWrap > h3 {
	text-align: center;
}

.recruitTb {
	width: 100%;
	max-width: 1200px;
	margin: 25px auto 0;
	border-spacing: 0 50px;
}

.recruitTb th {
	width: 22%;
	max-width: 180px;
	border-right: solid 3px #e0e0e0;
	font-size: 15px;
	padding: 0 1% 0 3%;
	letter-spacing: 2.3px;
	vertical-align: text-bottom;
	text-align: left;
}

.recruitTb td {
	font-size: 16px;
	padding: 0 2% 0 3.3%;
	line-height: 27px;
}

.recruitTb td > ul + p {
	margin: 0;
}

.recruitTb td > p {
	margin: 30px auto 0;
}

.recruitTb td > p:first-child {
	margin: 0 auto;
}

.recruitTb .recruitTbP01 {
	margin:  30px auto 0;
}

.recruitTb .recruitTbP00 {
	margin:  0 auto;
}

.recruit03 > li {
	width:  96%;
	max-width: 1400px;
	margin: 0 auto;
	border-left: solid 5px #0071bb;
	padding: 0 0 0 30px;
	position: relative;
}

.recruit03 > li:before {
	display: block;
	position: absolute;
	content: "";
	width: 45px;
	height: 45px;
	left: -24px;
	top: 0;
	bottom: 0;
	margin: auto;
	background: url(../img/icon_recruit01.png) no-repeat;
}

.recruitIn03 {
	position: relative;
	padding: 0 0 0 80px;
}

.recruitIn03 > li:first-child {
	float: right;
	width: 43%;
	background: none;
	padding: 30px 0;
	border-top: solid 1px #31aeff;
}

.recruit03 li:first-child .staffIn01 > li:first-child {
	border-top: none;
}

.recruitIn03 > li {
	float: left;
	width: 57%;
	font-size: 18px;
	padding: 30px 2%;
	line-height: 1.8;
	border-top: solid 1px #0071bb;
}

.recruit03 li:first-child .staffIn01 > li {
	border-top: none;
}

.recruitIn03:before {
	content: "";
	color: #0071bb;
	font-size: 20px;
	font-weight: bold;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 95px;
	height: 26px;
	margin: auto;
}

.recruitTime01 > ul:before {
	content: "10:00";
}

.recruitTime02 > ul:before {
	content: "10:30";
}

.recruitTime03 > ul:before {
	content: "11:00";
}

.recruitTime04 > ul:before {
	content: "11:30";
}

.recruitTime05 > ul:before {
	content: "13:00";
}

.recruitTime06 > ul:before {
	content: "14:00";
}

.recruitTime07 > ul:before {
	content: "15:00";
}

.recruitTime08 > ul:before {
	content: "16:00";
}

.recruitTime09 > ul:before {
	content: "17:00";
}

.recruitTime10 > ul:before {
	content: "19:00";
}

.recruit03 {
	background: rgba(255, 255, 255, 0.8);
	margin: 50px auto 0;
}

.sp_recruit {
	display:  none;
}

.otherWrap01 {
	margin: 200px auto 50px;
	max-width: 1720px;
}

.otherWrap01 > h3 {
	text-align:  center;
}

.other01 {
	margin: 50px auto 0;
}

.other01 > li {
	float:  left;
	width: 16.6%;
}

.other01 > li > a:hover > dl > dt > img {
	opacity: .8;
}

.other01 > li > a > dl > dd {
	margin: -24px 0 0 0;
	position:  relative;
	z-index: 10;
}


/* ディレクター
----------------------------------------------------------- */
.director01 {
	border: solid 3px #10A5BB;
}

.director01 > li > span {
	color:  #10A5BB;
}

.director03 > h2 {
	background:  #10A5BB;
}

.director03 .recruit03 > li {
	border-left: solid 5px #10A5BB;
}

.director03 .recruitIn03 > li {
	border-top: solid 1px #10A5BB;
}

.director03 .recruitIn03:before {
	color: #10A5BB;
}

.director .recruit03 > li:before {
	background: url(../img/icon_director01.png) no-repeat;
}

.voiceColor01 .voice02 > li > dl > dt,
.voiceColor01 .voiceR02 > li > dl > dt,
.voiceColor01 .voiceL02 > li > dl > dt {
	background: url(../img/icon_director101.png) no-repeat 0 5px;
}

.Director .recruit02 > li > h3 {
	color: #10a5bb;
}


/* デザイナー
----------------------------------------------------------- */
.designer01 {
	border: solid 3px #3F42A2;
}

.designer01 > li > span {
	color: #3F42A2;
}

.designer03 > h2 {
	background:  #3F42A2;
}

.designer03 .recruit03 > li {
	border-left: solid 5px #3F42A2;
}

.designer03 .recruitIn03 > li {
	border-top: solid 1px #3F42A2;
}

.designer03 .recruitIn03:before {
	color: #3F42A2;
}

.designer03 .recruit03 > li:before {
	background: url(../img/icon_designer01.png) no-repeat;
}

.Designer .recruit02 > li > h3 {
	color: #3F42A2;
}

.voiceColor02 .voice02 > li > dl > dt,
.voiceColor02 .voiceR02 > li > dl > dt,
.voiceColor02 .voiceL02 > li > dl > dt {
	background: url(../img/icon_designer101.png) no-repeat 0 5px;
}


/* プログラマー
----------------------------------------------------------- */
.programmer01 {
	border: solid 3px #4F6671;
}

.programmer01 > li > span {
	color: #4F6671;
}

.programmer01 > li > span {
	color: #4F6671;
}

.programmer03 > h2 {
	background:  #4F6671;
}

.programmer03 .recruit03 > li {
	border-left: solid 5px #4F6671;
}

.programmer03 .recruitIn03 > li {
	border-top: solid 1px #4F6671;
}

.programmer03 .recruitIn03:before {
	color: #4F6671;
}

.programmer03 .recruit03 > li:before {
	background: url(../img/icon_programmer01.png) no-repeat;
}

.Programmer .recruit02 > li > h3 {
	color: #4F6671;
}

.voiceColor03 .voice02 > li > dl > dt,
.voiceColor03 .voiceR02 > li > dl > dt,
.voiceColor03 .voiceL02 > li > dl > dt {
	background: url(../img/icon_programmer101.png) no-repeat 0 5px;
}


/* システムエンジニア
----------------------------------------------------------- */
.engineer01 {
	border: solid 3px #2692DC;
}

.engineer01 > li > span {
	color: #2692DC;
}

.engineer03 > h2 {
	background:  #2692DC;
}

.engineer03 .recruit03 > li {
	border-left: solid 5px #2692DC;
}

.engineer03 .recruitIn03 > li {
	border-top: solid 1px #2692DC;
}

.engineer03 .recruitIn03:before {
	color: #2692DC;
}

.engineer03 .recruit03 > li:before {
	background: url(../img/icon_engineer01.png) no-repeat;
}

.SystemEngineer .recruit02 > li > h3 {
	color: #2692DC;
}

.voiceColor05 .voice02 > li > dl > dt,
.voiceColor05 .voiceR02 > li > dl > dt,
.voiceColor05 .voiceL02 > li > dl > dt {
	background: url(../img/icon_engineer101.png) no-repeat 0 5px;
}


/* 営業
----------------------------------------------------------- */
.sales01 {
	border: solid 3px #DE3C32;
}

.sales01 > li > span {
	color: #DE3C32;
}

.sales03 > h2 {
	background:  #DE3C32;
}

.sales03 .recruit03 > li {
	border-left: solid 5px #DE3C32;
}

.sales03 .recruitIn03 > li {
	border-top: solid 1px #DE3C32;
}

.sales03 .recruitIn03:before {
	color: #DE3C32;
}

.sales03 .recruit03 > li:before {
	background: url(../img/icon_sales01.png) no-repeat;
}

.Sales .recruit02 > li > h3 {
	color: #DE3C32;
}


/* サポート
----------------------------------------------------------- */
.support01 {
	border: solid 3px #73AD42;
}

.support01 > li > span {
	color: #73AD42;
}

.support03 > h2 {
	background:  #73AD42;
}

.support03 .recruit03 > li {
	border-left: solid 5px #73AD42;
}

.support03 .recruitIn03 > li {
	border-top: solid 1px #73AD42;
}

.support03 .recruitIn03:before {
	color: #73AD42;
}

.support03 .recruit03 > li:before {
	background: url(../img/icon_support01.png) no-repeat;
}

.Support .recruit02 > li > h3 {
	color: #73AD42;
}

.recruitLi01 .recruitIn03 > li {
	border-top: none;
}

.voiceColor06 .voice02 > li > dl > dt,
.voiceColor06 .voiceR02 > li > dl > dt,
.voiceColor06 .voiceL02 > li > dl > dt {
	background: url(../img/icon_support101.png) no-repeat 0 5px;
}


/* 先輩の声
----------------------------------------------------------- */
.voiceWrap01 {
	max-width: 1720px;
}

.voiceWrap01 > h3 {
	text-align:  center;
}

.voice01 {
	margin: 50px auto 0;
}

.voice01 > li {
	float: left;
	width: 16.6%;
}

.voice01 > li > a {
	display:  block;
}

.voice01 > li > a:hover {
	opacity:  .8;
}

.voice01 > li > a:hover + dl > dt > img {
	opacity: .8;
}

.voiceWrap02 {
	margin: 150px auto 0;
}

.voiceColor06 {
	padding: 0 0  100px;
}

.voiceWrap02 > h3 {
	text-align:  center;
	color:  #fff;
	padding: 20px 2% 15px;
}

.voice02 {
	margin:  50px auto 0;
}

.voice02 > li {
	float: left;
	width:  65%;
	margin:  0 0 0 5%;
}

.voice02 > li > dl {
	margin: 50px auto 0;
}

.voice02 > li > .q2,
.voiceR02 > li > .q5 {
	padding:  0 0 0 50px;
}

.voice02 > li > .q3 {
	padding:  0 0 0 100px;
}

.voice02 > li > dl > dt,
.voiceR02 > li > dl > dt,
.voiceL02 > li > dl > dt   {
	font-size: 25px;
	font-weight:  bold;
	padding: 0 0 0 35px;
	background: url(../img/icon_voice01.png) no-repeat 0 5px;
}

.voice02 > li > dl > dd,
.voiceR02 > li > dl > dd,
.voiceL02 > li > dl > dd {
	margin: 12px auto 0 10px;
	font-weight:  bold;
	line-height: 1.8;
}

.voice02 > li > h4 {
	font-size: 30px;
}

.voice02 > li > h4 > em {
	font-size:  14px;
	padding:  3px 1% 1px;
	margin:  0 1%;
}

.voice02 > li > h4 > span {
	font-size: 16px;
	display:  block;
}

.voice02 > li:first-child {
	width:  30%;
	margin: 0;
}

.voiceR02 {
	margin:  100px auto 0;
}

.voiceR02 > li {
	float:  left;
	width: 55%;
}

.voiceR02 > li > dl {
	margin: 40px auto 0;
}

.voiceR02 > li > dl:first-child {
	margin:  0 auto;
}

.voiceR02 > li:first-child {
	float:  right;
	width:  40%;
}

.voiceL02 {
	margin:  100px auto 0;
}

.voiceL02 > li {
	float:  left;
	width:  55%;
	margin:  0 0 0 5%;
}

.voiceL02 > li:first-child {
	width:  40%;
	margin: 0;
}

.voiceBtn02 {
	margin: 100px auto 0;
	width:  96%;
	max-width: 750px;
}

.voiceBtn02 > li {
	float:  left;
	width:  40%;
	margin:  0 5%;
}

.voiceBtn02 > li > a {
	font-weight: bold;
	font-size: 15px;
	padding: 11px 2% 8px;
	display:  block;
}

.voiceColor01 > h3 {
	background: #10a5bb;
}

.voiceColor02 > h3 {
	background: #3F42A2;
}

.voiceColor03 > h3 {
	background: #4F6671;
}

.voiceColor05 > h3 {
	background: #2692DC;
}

.voiceColor06 > h3 {
	background: #73AD42;
}

.voiceBtn {
	display:  none;
}

.voiceLink {
	max-width: 636px;
	margin:  0 auto;
}

.voiceLink > li {
	float:  left;
	width: 15.66%;
	margin:  0 .5%;
	position:  relative;
	padding: 0 0 7.8%;
}

.voiceLink > .voiceBottomBtn01 {
	background: #00acc1;
}

.voiceLink > .voiceBottomBtn02 {
	background: #3f42a2;
}

.voiceLink > .voiceBottomBtn03 {
	background: #4f6671;
}

.voiceLink > .voiceBottomBtn04 {
	background: #4f6671;
}

.voiceLink > .voiceBottomBtn05 {
	background: #2692dc;
}

.voiceLink > .voiceBottomBtn06 {
	background: #73ad42;
}

.voiceLink > li > a {
	display:  block;
	position:  absolute;
}

.voiceLink > li > a:hover {
	top: -10px;
	padding:  0 0 10px;
}

.voiceLink > li > .voiceBottomBtn01:hover {
	padding: 0 0 20px;
}

.voiceLinkWrap {
	position: fixed;
	bottom:  0;
	left:  0;
	right:  0;
	margin:  auto;
	z-index:  100;
}


/* プライバシーポリシー
----------------------------------------------------------- */
.privacyWrap01 {
	max-width: 1200px;
	padding:  0 0 50px;
}

.privacyWrap01 > h3 {
	text-align: center;
}

.privacy01 {
	margin: 50px auto 0;
}

.privacy01 > dt {
	color: #f7931e;
	border-bottom: solid 2px #f7931e;
	padding: 0 1% 3px;
	font-weight: bold;
	font-size: 17px;
	margin: 50px auto 0;
}

.privacy01 > dt:first-child {
	margin: 0 auto;
}

.privacy01 > dd {
	font-size: 15px;
	margin: 10px auto 0;
	padding: 0 2% 10px;
}

.privacy01 > dd ul {
	margin: 0 0 0 1%;
}


/* 会社概要
----------------------------------------------------------- */
.companyWrap01,
.companyWrap02 {
	margin: 200px auto 0;
	max-width: 1200px;
}

.companyWrap03 {
	margin:  50px auto 0;
	padding:  0 0 50px;
}

.companyWrap03 > iframe {
	width:  100%;
	height: 500px;
	border:  none;
	display:  block;
}

.companyWrap {
	margin:  100px auto 0;
}


/* グループ会社紹介
----------------------------------------------------------- */
.groupComWrap01 {
	padding:  0 0 50px;
}

.groupComWrap01 > h3 {
	text-align:  center;
}

.groupCom01 {
	margin: 50px auto 0;
}

.groupCom01 > li {
	margin: 200px auto 0;
}

.groupCom01 > li:first-child {
	margin:  0 auto;
}

.groupCom01L > dt {
	float:  left;
	width: 40%;
}

.groupCom01L > dd {
	float:  left;
	width: 55%;
	margin: 0 0 0 5%;
}

.groupCom01R > dt {
	float:  right;
	width: 40%;
}

.groupCom01R > dd {
	float:  left;
	width: 55%;
}

.groupComIn01 > dd {
	position:  relative;
	padding: 0 0 80px;
}

.groupComIn01 > dd > p {
	margin: 50px auto 0;
	font-size:  18px;
}

.groupComIn01 > dd > a {
	display:  block;
	width:  100%;
	max-width: 300px;
	position: absolute;
	right: 0;
	bottom: 0;
	font-weight: bold;
	font-size: 15px;
	padding: 11px 2% 8px;
}


/* お問い合わせ・エントリー
----------------------------------------------------------- */
.contactWrap01 {
	margin: 100px auto 0;
	padding:  0 0 50px;
}

.contactWrap03 h3 {
	text-align: center;
}

.contactWrap02 > p {
	font-size: 19px;
	line-height: 33px;
	padding: 30px 2% 20px;
}

.contactWrap02 {
	margin: 30px auto 0;
}

.contactBanarTxt {
	text-align: center;
}

.contactWrap02 > span {
	width: 96%;
	max-width: 600px;
	margin: 0 auto;
}

.contactWrap03 .contactTb {
	margin: 0 auto;
}


/* 制作実績
----------------------------------------------------------- */
.worksWrap01 {
	max-width: 1710px;
	padding:  0 0 50px;
}

.worksWrap01 > div:first-child {
	margin:  0 auto;
}

.worksWrap {
	margin: 70px auto 0;
}

.worksWrap > h4 {
	text-align:  center;
}

.worksWrap01 > h3 {
	text-align: center;
}

.works01 {
	margin: 50px auto 0;
}

.works01 > li, .works02 > li {
	float: left;
	width: 29.3%;
	margin: 0 2% 70px;
}

.works01 > li dd,
.works02 > li dd {
	margin: 10px auto 0;
}

.works01 > li dd > a {
	text-align: center;
	display: block;
	font-size: 20px;
	text-decoration: none;
	color: #f7931e;
}

.works01 > li dd > a:hover {
	text-decoration: underline;
}

.worksIn01 > li {
	display:  inline-block;
	text-align:  center;
	font-size: 12px;
	padding: 3px 2% 1px;
	font-weight:  bold;
	color:  #fff;
}

.works02 {
	margin:  50px auto 0;
}

.wName, .fName {
	margin:  15px auto 0;
	font-size:  15px;
	font-weight:  bold;
}

.wUrl {
	margin: 5px auto 0;
	font-size:  13px;
	word-wrap: break-word;
}

.wIcon01 {
	background:  #28C8C7;
}

.wIcon02 {
	background: #d8863f;
}

.wIcon03 {
	background: #da4bea;
}

.wIcon04 {
	background: #4219C8;
}

.wIcon05 {
	background: #25CA30;
}

.fIcon01 {
	background: #28c8c7;
}

.fIcon02 {
	background: #25ca30;
}

.fIcon03 {
	background: #da4bea;
}


/* サイトマップ
----------------------------------------------------------- */
.sitemapWrap01 {
	max-width: 1200px;
	padding:  0 0 50px;
}

.sitemapWrap01 > p {
	margin:  50px auto 0;
}

.sitemapWrap01 > p > a {
	color: #f7931e;
	font-size:  20px;
	font-weight:  bold;
}

.sitemap01 {
	margin: 60px 0 0;
}

.sitemap01 > dt {
	float: left;
	width: 20%;
	max-width: 200px;
	font-size:  18px;
	font-weight:  bold;
}

.sitemap01 > dt > span {
	display:  block;
	font-size:  15px;
	font-weight:  bold;
	color: #f7931e;
}

.sitemap01 > dd {
	float: left;
	width: 80%;
}

.sitemapIn01 > li {
	display: inline-block;
	margin: 0 4% 30px 0;
	padding: 0 0 0 14px;
}

.sitemapIn01 > li > a {
    display: inline-block;
    color: #555;
    text-decoration: none;
    line-height: normal;
    position:  relative;
    padding:  0 0 0 14px;
    height: 20px;
}

.sitemapIn01 > li > a:before {
    content: " ";
    display:  block;
    width:  6px;
    height:  9px;
    background:  url(../img/icon_f01.png) no-repeat 0 0px;
    position:  absolute;
    left:  0;
    margin:  auto;
    top: 0;
    bottom:  0;
}

.sitemapIn01 > li > a:hover {
    text-decoration: underline;
}

.appliWrap01 > a {
    margin: 100px auto 0 3%;
    display: block;
    width: 96%;
    max-width: 400px;
    color: #129f96;
    font-weight: bold;
    padding: 13px 5% 10px;
    line-height: 20px;
}

.nodata {
    margin: 50px auto 0;
    text-align: center;
    width: 96%;
    padding: 0 0 50px;
    font-size: 20px;
}
/*-- 固定ここまで --*/


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

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

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

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

.topCover > h2 {
    width: 96%;
    margin: 0 auto;
}


/* RECRUIT
----------------------------------------------------------- */
.recruit02L > dd {
    padding: 0 5% 0 5%;
}

.recruit02R > dd {
    padding: 0 3% 0 3%;
}


/* Web制作
----------------------------------------------------------- */

.web05 > li {
    width: 22%;
    margin: 0 0 0 4%;
}

.web05 > .webLast05 {
    width: 22%;
    padding: 0;
}

.webIn05 {
    padding: 40px 0 0;
}

.webIn05 > dd {
    padding: 24px 2% 0;
}

.webIn05 > dd > p {
    padding: 5px 2% 15px;
}


/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* max-width: 1919px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */




/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

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

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

/* header
----------------------------------------------------------- */
.hIn02 {
    width: 30%;
    max-width: 360px;
}

.hIn03 {
    width: 70%;
    max-width: 840px;
}

.hIn01 {
    width: 98%;
    padding: 29px 0 0;
}

.logo {
    width: 100%;
    max-width: 197px;
}

.hTxt01 {
    position:  absolute;
    margin: 0;
    width: 100%;
    max-width: 100%;
    clear:  both;
    float:  none;
    top: 4px;
}

.h1Br {
    display:  none;
}

.hContact {
    width: 19.5%;
    max-width: 160px;
}

.naviWrap {
    margin: 0 0.5% 0 0;
    width: 80%;
    max-width: 660px;
}

header {
    position:  relative;
}


/* フッター
----------------------------------------------------------- */
.fIn01 > li {
    float:  none;
}

.fIn01 > .fIn01a {
    width:  100%;
    max-width:  864px;
    margin:  0 auto;
}

.fIn01 > .fIn01b {
    width:  100%;
    max-width: 864px;
    margin:  30px auto 0;
}

.fLink03 > li {
    width:  49%;
    margin: 0 .5% 5px;
    float:  left;
}


/* トップページ
----------------------------------------------------------- */
.cont01 > li {
    width:  60%;
}

.cont01 > li:first-child {
    width:  40%;
}


/* Web制作
----------------------------------------------------------- */
.webIn05 {
    padding: 25px 0 0;
    position:  relative;
    z-index: 11;
}

.webIn05 > dd {
    padding: 20px 2% 0;
}

.webIn05 > dd > h4 {
    font-size: 17px;
}

.web05 > li {
    min-height: auto;
}


/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* max-width: 1400px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */




/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

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

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

/* header
----------------------------------------------------------- */
.hIn01 {
    width: 100%;
    padding: 8px 0 0;
}

.hIn02 {
    float: none;
    width: 98%;
    margin: 0 auto;
}

.hIn03 {
    float: none;
    width: 100%;
    margin: 15px auto 0;
    padding: 0 1%;
    max-width: 850px;
}

.topCover > h2 {
    padding: 184px 0 176px;
}

.hTxt01 {
    float: right;
    clear: none;
    position:  relative;
    max-width:  360px;
}

.logo {
    margin: 0;
}

.hIn02 {
    max-width:  582px;
}

.h1Br {
    display:  block;
}


/* トップページ
----------------------------------------------------------- */
.cont01 > li {
    width: 57%;
    margin:  0 0 0 5%;
}

.cont01 > li:first-child {
    margin:  0;
    padding:  100px 0 0;
    width: 38%;
}

.contIn02 > li > h4 {
    margin:  25px auto 0;
    font-size:  22px;
}

.contIn02 > li > p {
    margin:  20px auto 0;
    font-size:  16px;
}

.contTop05 > li + li > p {
    font-size:  16px;
    margin:  30px auto 0;
}

.contBot05 > li {
    width:  29.33%;
    margin:  0 2% 20px;
}

.contBot05 {
    max-width:  975px;
}

.cont02 > li {
    background-size:  25%;
}

.cont04 > li {
    width:  18%;
    margin: 0 1%;
}


/* GROUP COMPANY
----------------------------------------------------------- */
.group05 > li {
    width: 27.3%;
    margin: 0 3%;
}

.group05 > li > dl > dd > a {
    width: 90%;
    line-height: initial;
}


/* footer
----------------------------------------------------------- */
.fIn01 > .fIn01c {
    width: 21%;
}


/* RECRUIT
----------------------------------------------------------- */
.recruit01 > li {
    float:  none;
    width:  100%;
}


/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* max-width: 1200px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */




/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

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

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */


/*-----------------------------------------------------------
全体スタイル
-----------------------------------------------------------*/
img {
	width: auto;
	max-width: 100%;
	height: auto;
}

.pc01 {
	display: none;
}

.md {
	display: block;
}

/*-----------------------------------------------------------
cover
-----------------------------------------------------------*/
#cover {
    max-width: 1000px;
}


/*-----------------------------------------------------------
#main
-----------------------------------------------------------*/
#main {
    width: 100%;
}

#pageTop {
    width: 50px;
}

.indeed {
    width: 125px;
    bottom: 260px;
}



/*-----------------------------------------------------------
footer
-----------------------------------------------------------*/
.copyright small {
	width: 96%;
}

.fIn01 > .fIn01c {
    width: 27%;
    margin: 0 15% 0 0;
}


/* トップページ
----------------------------------------------------------- */
.contL02 > li,
.contR02 > li,
.contTop05 > li {
    float:  none;
    width:  100%;
    margin:  30px auto 0;
}

.contL02 > li:first-child,
.contR02 > li:first-child,
.contTop05 > li:first-child {
    float:  none;
    width:  100%;
    margin:  0 auto;
    max-width:  940px;
}

.cont02 > li {
    margin: 150px auto 0;
}

.cont04 > li {
    width:  19%;
    margin:  0 .5%;
}

.cont04 > li > a > dl > dt {
    font-size: 16px;
}

.contWrap05,
.contWrap03,
.contWrap02 {
    margin: 150px auto 0;
}


/* 中ページ
----------------------------------------------------------- */
.leadTxt {
	padding: 20px 2%;
	font-size: 100%;
}

.leadTxt3 {
	font-size: 32px;
}

.priceConte {
    width: 96%;
}

.conteWrap {
    margin: 150px auto 0;
}


/* RECRUIT
----------------------------------------------------------- */
.recruit02 > li {
    float:  none;
    width:  100%;
    margin:  30px auto 0;
}

.recruit02 > li:first-child {
    width:  100%;
    max-width:  688px;
    margin:  0 auto;
}

.recruit02 > li > h4 {
    font-size: 22px;
}

.recruit02 > li > p {
    font-size:  16px;
}

.recruit03 > li {
    padding:  0;
    margin:  30px auto 0;
}

.recruit03 > li:first-child {
    margin:  0 auto;
}

.sp_recruit {
    padding: 15px 0 10px 70px;
    font-size: 25px;
    display: block;
    font-weight:  bold;
    border-bottom:  solid 1px #ccc;
}

.recruit03 > li:before {
    display: none;
}

.recruitIn03:before {
    display: none;
}

.recruitIn03 {
    padding:  0;
}

.other01 > li {
    width:  33.33%;
}

.other01 {
    max-width:  858px;
}

.otherWrap01 {
    margin:  150px auto 50px;
}

/* ディレクター
----------------------------------------------------------- */
.director03 .recruit03 > li {
    border-left: none;
}

.director03 .sp_recruit {
    color: #10a5bb;
    background: url(../img/icon_director01.png) no-repeat 10px 10px;
    border-top: solid 3px #10a5bb;
}

.director03 .recruitIn03 > li {
	border-top: none;
}


/* デザイナー
----------------------------------------------------------- */
.designer03 .recruit03 > li {
    border-left:  none;
}

.designer03 .recruitIn03 > li {
    border-top: none;
}

.designer03 .sp_recruit {
    color: #3f42a2;
    background: url(../img/icon_designer01.png) no-repeat 10px 10px;
    border-top: solid 3px #3f42a2;
}


/* プログラマー
----------------------------------------------------------- */
.programmer03 .recruit03 > li {
    border-left:  none;
}

.programmer03 .recruitIn03 > li {
    border-top: none;
}

.programmer03 .sp_recruit {
    color: #4e6570;
    background: url(../img/icon_programmer01.png) no-repeat 10px 10px;
    border-top: solid 3px #4f6671;
}


/* システムエンジニア
----------------------------------------------------------- */
.engineer03 .recruit03 > li {
    border-left:  none;
}

.engineer03 .recruitIn03 > li {
    border-top: none;
}

.engineer03 .sp_recruit {
    color: #2691dc;
    background: url(../img/icon_engineer01.png) no-repeat 10px 10px;
    border-top: solid 3px #2692dc;
}


/* 営業
----------------------------------------------------------- */
.sales03 .recruit03 > li {
    border-left:  none;
}

.sales03 .recruitIn03 > li {
    border-top: none;
}

.sales03 .sp_recruit {
    color: #df3c32;
    background: url(../img/icon_sales01.png) no-repeat 10px 10px;
    border-top: solid 3px #de3c32;
}


/* サポート
----------------------------------------------------------- */
.support03 .recruit03 > li {
    border-left:  none;
}

.support03 .recruitIn03 > li {
    border-top: none;
}

.support03 .sp_recruit {
    color: #73ad41;
    background: url(../img/icon_support01.png) no-repeat 10px 10px;
    border-top: solid 3px #73ad42;
}


/* サイトマップ
----------------------------------------------------------- */
.sitemap01 > dt {
    width: 25%;
}

.sitemap01 > dd {
    width: 75%;
}



/* 制作実績
----------------------------------------------------------- */
.works01 > li, .works02 > li {
    width: 46%;
    margin: 0 2% 50px;
}

.works01 > li dd > a {
    font-size: 18px;
}


/* グループ会社紹介
----------------------------------------------------------- */
.groupCom01L > dt,
.groupCom01R > dt {
    float:  none;
    width:  100%;
    max-width: 688px;
    margin:  0 auto;
}

.groupCom01L > dd,
.groupCom01R > dd {
    float:  left;
    width:  100%;
    margin:  30px auto 0;
    padding: 0;
}

.groupComIn01 > dd > a {
    position:  relative;
    margin:  30px 0 0 auto;
}

.groupCom01 > li {
    margin:  100px auto 0;
}


/* 先輩の声
----------------------------------------------------------- */
.voice01 > li {
    width: 33.33%;
}

.voice01 {
    max-width:  858px;
}

.voice02 > li {
    float:  none;
    width:  100%;
    margin:  30px auto 0;
}

.voice02 > li:first-child {
    width:  100%;
    max-width: 400px;
    margin:  0 auto;
}

.tit02 {
    font-size: 23px;
}

.voice02 > li > dl > dt, .voiceR02 > li > dl > dt, .voiceL02 > li > dl > dt {
    font-size:  23px;
}

.voice02 > li > .q2, .voiceR02 > li > .q5 {
    padding: 0;
}

.voice02 > li > .q3 {
    padding: 0;
}


/* Web制作
----------------------------------------------------------- */
.web05 > li {
    width: 40%;
    margin: 0 0 30px 7%;
}

.web05 > li:first-child {
    margin: 0 0 30px 7%;
}

.web05 > .webLast05 {
    width: 40%;
}

.web01 > li {
    float:  none;
    width:  100%;
    margin:  30px auto 0;
}

.web01 > li:first-child {
    width:  100%;
    text-align: center;
    margin:  0 auto;
}

.web01 > li > p {
    font-size:  16px;
    margin:  20px auto 0;
}

.webIn02 > li {
    width: 65%;
}

.webIn02 > li:first-child {
    width: 35%;
}

.webIn02 > li:first-child > h4 {
    font-size:  20px;
}

.webIn02 > li > p {
    margin: 20px auto 0;
}

.webWrap02,
.webWrap03,
.webWrap04,
.webWrap05,
.webWrap06,
.contactAreaWrap01,
.priceWrap01 {
    margin:  150px auto 0;
}


/* ノベルティグッズ制作
----------------------------------------------------------- */
.goods01 > li {
    float:  none;
    width:  100%;
    margin: 30px auto 0;
}

.goods01 > li:first-child {
    width:  100%;
    max-width:  688px;
    margin:  0 auto;
}

.goods01 > li > p {
    font-size:  16px;
    margin:  20px auto 0;
}

.goods02 > li {
    width:  31.33%;
    margin:  0 1%;
}


/* サーバーホスティング
----------------------------------------------------------- */
.server01L > dt,
.server01R > dt {
    float:  none;
    width:  100%;
    margin:  0 auto;
    text-align:  center;
}

.server01L > dd,
.server01R > dd {
    float: none;
    width:  100%;
    margin:  30px auto 0;
}

.server01 > li {
    margin:  100px auto 0;
}


/* アプリ開発
----------------------------------------------------------- */
.appli01 > li {
    float: none;
    width:  100%;
    margin: 30px auto 0;
}

.appli01 > li:first-child {
    width:  100%;
    margin:  0 auto;
}

.appli01 > li > p {
    font-size:  16px;
    margin:  20px auto 0;
}

.appli01 > li + li {
    padding:  0;
}

.appli01 > li + li > a {
    position:  relative;
    margin:  30px 0 0 auto;
}

.appli03 > li {
    float:  none;
    width:  100%;
    margin: 30px auto 0;
}

.appli03 > li:first-child {
    float:  none;
    width:  100%;
    margin:  0 auto;
    text-align:  center;
}

.priceWrap01 > p {
    text-align:  left;
}


/* CRMシステム
----------------------------------------------------------- */
.crm01 > li {
    float:  none;
    width:  100%;
    margin:  30px auto 0;
}

.crm01 > li:first-child {
    float:  none;
    width:  100%;
    margin:  0 auto;
    text-align:  center;
}

.crm01 > li > p {
    font-size:  16px;
}

.crmWrap01 {
    margin:  100px auto 0;
}

.crm03 > li {
    width:  29.33%;
    margin:  0 2% 50px;
}


/* POSシステム
----------------------------------------------------------- */
.pos05 > li {
    float:  none;
    width:  100%;
    margin:  30px auto 0;
}

.pos05 > li:first-child {
    width:  100%;
    margin:  0 auto;
}

.pos01 > li {
    float:  none;
    width:  100%;
    margin:  30px auto 0;
}

.pos01 > li:first-child {
    float:  none;
    width:  100%;
    margin:  0 auto;
    text-align:  center;
}


/* フルスクラッチ
----------------------------------------------------------- */
.scratch01 > li {
    float:  none;
    width:  100%;
    margin:  30px auto 0;
}

.scratch01 > li:first-child {
    width:  100%;
    margin:  0 auto;
    text-align: center;
}

.scratch01 > li > p {
    font-size:  16px;
}


/* 吹き出し箇所
----------------------------------------------------------- */
.staff01 > li {
    margin:  0 0 0 5%;
}

.staff01 > li:first-child {
    width:  45%;
}


/*-- お問い合わせ --*/
.clearForm,
.clearForm2 {
	width: 96%;
	padding: 15px 2%;
}

.contactTb {
	width: 100%;
}

.contactTb th {
	width: 25%;
	padding: 13px 2% 10px;
}

.contactTb td {
	padding: 13px 2% 10px;
	font-size: 80%;
}

.contact_cf .clearForm,.contact_cf .clearForm2 {
	padding: 10px 5px;
}

#name, #post, #mail, #mail_confirm, textarea, #url, #kana, #tel, #msg {
	width: 98%;
}

#city, #pref, #add {
	width: 98%;
	margin: 2px 0 0 0;
}


/*-- エラーチェック --*/
.formError {
	top: 20px !important;
	left: 10% !important;
}

.zip2formError {
	left: 54% !important;
}

.prefformError, .cityformError, .addformError {
	top: 30px !important;
	left: 10% !important;
}

.ui-dialog {
	width: 80% !important;
}


/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* max-width: 1000px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */




/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

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

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

.pc {
	display: block;
}

.sp {
	display: none;
}


/* footer
----------------------------------------------------------- */
.fIn02 > li {
    width: 119px;
    word-break: break-all;
}

.fIn02 > .fLink01b {
    width: 119px;
}

.fIn02 > .fLink01c {
    width: 119px;
}

.fIn01 > .fIn01c {
    width: 35%;
}

#fLink01 {
    right: -120px;
}

#fLink02 {
    right: -155px;
}


/* トップページ
----------------------------------------------------------- */
.cont01 > li {
    float:  none;
    width:  100%;
    margin:  50px auto 0;
}

.cont01 > li:first-child {
    width:  100%;
    padding: 0;
}

.contIn03 dl > dt {
    float:  none;
    width:  100%;
}

.contIn03 dl > dd {
    float:  none;
    width:  100%;
    padding:  0 2%;
    margin: 5px auto 0;
}

.cont04 > li {
    width:  31.33%;
    margin:  0 1% 20px;
}

.cont02 > li {
    background-size:  35%;
}

.contWrap03,
.contWrap02,
.contWrap05,
.cont02 > li {
    margin: 100px auto 0;
}

.website h3 > img {
    width:  50%;
}


/* GROUP COMPANY
----------------------------------------------------------- */
.group05 > li {
    width: 31.3%;
    margin: 0 1%;
}


/* RECRUIT
----------------------------------------------------------- */
.recruitTb th {
    width: 25%;
}


/* サイトマップ
----------------------------------------------------------- */
.sitemap01 > dt {
    float: none;
    width: 100%;
}

.sitemap01 > dd {
    float: none;
    width: 100%;
    margin: 15px auto 0;
    padding: 0 0 0 5%;
}

.sitemap01 {
    margin: 30px auto 0;
}


/* グループ会社紹介
----------------------------------------------------------- */
.groupCom01 > a {
    position:  relative;
    margin:  30px auto 0;
}

.groupCom02 > a {
    position:  relative;
    margin:  30px auto 0;
}

.groupCom03 > a {
    position:  relative;
    margin:  30px auto 0;
}


/* 先輩の声
----------------------------------------------------------- */
.voiceR02 > li,
.voiceL02 > li {
    float:  none;
    width:  100%;
    margin:  30px auto 0;
}

.voiceR02 > li:first-child,
.voiceL02 > li:first-child {
    float:  none;
    width:  100%;
    margin: 0 auto;
}

.staffBg > ul > li:first-child {
    float:  none;
    width:  100%;
    min-height:  auto;
}

.staffBg > ul > li + li {
    float:  none;
    position:  relative;
    margin: 20px 0 0 auto;
    width:  33%;
}

.staffBg > ul > li:first-child > h2 {
    display:  block;
    width:  100%;
    text-align:  center;
    font-size:  20px;
}

.voiceBtn02 > li {
    width: 48%;
    margin: 0 1%;
}

.voiceBtn02 > li > a {
    font-size: 14px;
}


/* ノベルティグッズ制作
----------------------------------------------------------- */
.goodTbWrap table {
	width: 100%;
	margin: 0;
	float: none;
}

.goodTbWrap table + table {
	margin: 30px 0 0;
}



.appli02 > li > h3 > span {
    display:  block;
}


/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* max-width: 768px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */




/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

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

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

.pc {
	display: none;
}

.md {
	display: none;
}

.sp {
	display: block;
}


/*-- テーブル --*/

table {
	width: 100%;
}

.baseTb th, .baseTb td {
	width: 100% !important;
	display: block;
}


/* header
----------------------------------------------------------- */
.logo {
    margin: 8px 0 0;
    width: 50%;
    float:  none;
    width:  100%;
    max-width:  100%;
    text-align:  center;
}

.hTxt01 {
    margin: 0;
    clear: both;
    width: 100%;
    float:  none;
    width:  100%;
    max-width:  100%;
    text-align:  center;
}

.telBtn {
	float: right;
	width: 50%;
	margin: 0;
}

.menuBtn {
	width: 50%;
	float: right;
	margin: 0;
	border-left:  solid 1px #fff;
}

.topCover > h2 {
    padding: 54px 0 56px;
}

.topCover > p > a {
    width: 65px;
}

#cover .pc {
	display: none !important;
}

#cover .sp {
	display: block !important;
}


/*--- modal ---*/
.telBtn a,
.menuBtn a {
	margin: 0;
	font-size: 260%;
	color: #fff;
	text-align: center;
	display: block;
	line-height: 0;
	padding:  4px 0 2px;
}

.telBtn a {
    padding: 3px 0;
}

.headerSp {
    margin: 8px auto 0;
    background: #fa583c;
}

#pageslide {
	width: 65%;
	padding: 1%;
	display: none;
	position: fixed;
	top: 0;
	height: 100%;
	z-index: 9999;
	color: #FFF;
	background: #eee;
	border-left: solid 5px #e5e5e6;
	box-shadow: rgba(0, 0, 0, 0.3) -1px 1px 10px 0px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.3) -1px 1px 10px 0px;
	-moz-box-shadow: rgba(0, 0, 0, 0.3) -1px 1px 10px 0px;
	overflow-y: auto;
}

.btn-close {
	width: 60%;
	margin: 5% auto;
	padding: 6px 2% 3px;
	background: #fbfbfb;
	font-size: 94%;
	text-align: center;
	box-shadow: rgba(0, 0, 0, 0.3) 1px 1px 2px 0;
	-webkit-box-shadow: rgba(0, 0, 0, 0.3) 1px 1px 2px 0;
	-moz-box-shadow: rgba(0, 0, 0, 0.3) 1px 1px 2px 0;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.btn-close > a {
	text-decoration: none !important;
	color: #4d4d4d;
	display: block;
}

.page_slide_navi {
	width: 96%;
	margin: 0 auto;
}

#slide_navi li a {
	padding: 7px 0 0;
	display: block;
	text-align: center;
	color: #F89118;
	font-weight: bold;
	line-height: 3;
	text-decoration: none;
	font-size: 90%;
	border-bottom: 1px solid #c9c9c9;
}

.nolink {
	text-align: center;
	background-color: #fff;
	padding: 5px 5px 2px;
	margin: 5px 0;
	border-radius: 5px;
}

.nolink span {
	padding: 5px 0 7px;
	display: block;
	font-size: 14px;
	font-weight: bold;
	color: #555;
}

#slide_navi li .p_in a,
#slide_navi li .p_in2 a {
	background: #fbf9f7;
	font-size: 14px;
	padding: 14px 8px 12px;
	line-height: 1.2;
	margin: 0 0 2px 0;
}

.p_in {
	margin: 0 0 5px 0;
}


/*-- ページトップ --*/
#pageTop {
	display: none !important;
}


/* フッター
----------------------------------------------------------- */

.navi {
	margin: 0 auto;
	background: #f89118;
}

.navi li a,
.navi li a:link,
.navi li a:visited {
	color: #fff;
}

.navi li, .navi li:first-child {
	width: 100%;
	float: none;
}

.navi li a {
	padding: 10px 0 6px;
	display: block;
	text-align: center;
	text-decoration: none;
	background: initial;
	border-top: 1px solid #ffa943;
	border-bottom: 1px solid #c56c00;
	position: relative;
}

.nav_in li a {
    background: #ffa438;
}

.nav_in li a:hover {
    background: #ffa438;
}

.navi li a > i {
    position: absolute;
    width: 11px;
    right: 20%;
    top: 30%;
}

.navi li a:hover {
	background: initial;
}

.nav_in li a:hover {
    background: #ffa438;
}


/*-- フッターアイコン --*/
.footerSp {
	margin: 0;
	padding: 0;
	border-top: 1px solid #ffa943;
	background: #fa533c;
}

.Voice .footerSp {
    padding:  0 0 100px;
}

.footerSp ul:after {
	content: '';
	display: block;
	clear: both;
}

.footerSp li {
	width: 32%;
	margin: 0 0.5%;
	float: left;
}

.footerSp li a {
	padding: 10px 0 5px;
	color: #fff;
	text-decoration: none;
	display: block;
	text-align: center;
	font-size: 60%;
}

.footerSp li a i {
	margin: 0 0 5px;
	font-size: 540%;
	display: block;
}


/* トップページ
----------------------------------------------------------- */
#main {
	width: 100%;
}

.contWrap03 {
    margin: 100px auto 0;
}

.cont04 > li {
    width:  46%;
    margin:  0 2% 20px;
}

.contBot05 > li {
    width:  46%;
    margin:  0 2% 20px;
}

.website h3 > img {
    width:  70%;
}

.title01 {
    font-size:  40px;
}

.contTop05 > li + li > a {
    left:  0;
    margin:  0 auto;
}

.cont01 > li > p {
    margin:  50px auto 0;
}


/* GROUP COMPANY
----------------------------------------------------------- */
.group05 > li {
    float: none;
    width: 100%;
    max-width: 285px;
    margin: 30px auto 0;
}

.group05 > li:first-child {
    margin: 0 auto;
}


/* 中ページ
----------------------------------------------------------- */
.tit01 {
    font-size:  23px;
}

.leadTxt {
    line-height:  1.6;
}

.Works #main,
.Voice #main,
.Contact #main,
.Privacy #main,
.Sitemap #main,
.Director #main,
.Designer #main,
.Programmer #main,
.SystemEngineer #main,
.Sales #main,
.Support #main,
.Entry #main,
.GroupCompanies #main,
.Company #main {
    border-bottom: none;
}

.conteWrap {
    margin: 100px auto 0;
}

.conteWrapTop {
	margin: 50px auto 0;
}


/* 先輩の声
----------------------------------------------------------- */
.voice01 > li {
    width: 50%;
}

.voice02 > li > .q2,
.voice02 > li > .q3,
.voiceR02 > li > .q5 {
    padding:  0;
}

.voice02 > li > dl > dt,
.voiceR02 > li > dl > dt,
.voiceL02 > li > dl > dt {
    font-size: 20px;
}

.voiceBtn02 > li {
    float:  none;
    width:  96%;
    max-width:  300px;
    margin:  20px auto 0;
}

.voiceBtn02 > li:first-child {
    margin:  0 auto;
}

.tit02 {
    font-size: 18px;
    line-height:  1.6;
}

.voiceWrap02 > h3 {
    padding: 10px 2% 7px;
}

#modal02 ul > li > a {
    padding: 7px 0 0;
    display: block;
    text-align: center;
    color: #F89118;
    font-weight: bold;
    line-height: 3;
    text-decoration: none;
    font-size: 90%;
    border-bottom: 1px solid #c9c9c9;
}

.voiceLink {
    max-width:  300px;
}

.voiceLink > li {
    width:  33.33%;
    margin:  0 auto;
    padding: 0 0 16.66%;
}

.voiceLink > li > a:hover {
    top: 0;
    padding: 0;
}


/* RECRUIT
----------------------------------------------------------- */
.recruitTb th {
    max-width: 100%;
    border-right: none;
    border-bottom: solid 3px #e0e0e0;
    padding: 0 2% 5px;
}

.recruitTb td {
    padding: 13px 2% 10px;
    text-align:  left;
}

.recruitTb td a {
    color: #555;
}

.recruitTb {
    border-spacing: 0 20px;
}

.recruitIn03 > li {
    float:  none;
    width:  100%;
    margin: 20px auto 0;
    padding: 0;
}

.recruitIn03 > li:first-child {
    width:  100%;
    margin:  0 auto;
    float:  none;
}

.recruitWrap02,
.recruitWrap03,
.recruitWrap {
    margin:  100px auto 0;
}

.recruitWrap03 > h3 {
    width:  100%;
}

.recruitWrap01 {
    margin:  50px auto 0;
}

.recruit01 {
    font-size:  16px;
}

.recruit01 {
    padding: 13px 2% 17px;
}

.recruit01 > li {
    margin:  10px auto 0;
}

.other01 > li {
    width:  50%;
}

.otherWrap01 {
    margin: 100px auto 50px;
}

.otherWrap01 {
    margin:  100px auto 50px;
}


/* お問い合わせ
----------------------------------------------------------- */
.contactTb {
    border-spacing: 0 20px;
    margin: 50px auto 0;
}

.contactTb th {
	font-size: 100%;
	border-right: none;
	border-bottom: solid 3px #e0e0e0;
}

.contactWrap02 > p {
    font-size: 16px;
    line-height: 29px;
}

.choose_list1 {
	width: 80%;
}

#name, #post, #mail, #mail_confirm, textarea, #url, #kana, #tel, #msg {
	width: 100%;
}

#zip1, #zip2 {
	width: 40%;
}

#city, #pref, #add {
	width: 100%;
	margin: 2px 0 0;
}


/*-- エラーチェック --*/
.zip1formError {
	left: 10% !important;
}

.zip2formError {
	left: 54% !important;
}

.prefformError, .cityformError, .addformError {
	top: 30px !important;
	left: 50% !important;
}

.detailBox > div {
	width: 100%;
	float: none;
}

.detailBox > .detailTxt {
	width: 98%;
	margin: 20px auto 0;
}

.formError {
	top: 20px !important;
	left: 10% !important;
}

.zip2formError {
	width: 42% !important;
	left: 50% !important;
}


/*-----------------------------------------------------------
 #コンタクト バナー
-----------------------------------------------------------*/
.pcTel {
    display: none;
}

.contactAreaIn > li {
    float:  none;
    width:  100%;
    margin:  20px auto 0;
}

.contactAreaIn > li:first-child {
    margin:  0 auto;
}


/* プライバシーポリシー
----------------------------------------------------------- */
.privacy01 > dd a {
    color: #555;
}


/* 制作実績
----------------------------------------------------------- */
.works01 > li dd > a {
    font-size: 15px;
}


/* 会社概要
----------------------------------------------------------- */
.companyWrap01, .companyWrap02 {
    margin:  100px auto 0;
}

.companyWrap03 > iframe {
    height:  350px;
}


/* Web制作
----------------------------------------------------------- */
.web05 > li {
    float: none;
    width: 96%;
    margin: 0 auto 50px 2%;
}

.web05 > li:first-child {
    margin: 0 auto 50px 2%;
}

.web05 > .webLast05 {
    width: 96%;
}

.web05 > li:before {
    width: 50.1%;
    height:  33px;
    bottom: -22px;
    transform: skewY(5deg);
    left: 0;
}

.web05 > li:after {
    height: 33px;
    width: 50.1%;
    right: 0;
    bottom: -22px;
    transform: skewY(-5deg);
}

.webIn02 > li {
    float:  none;
    width:  100%;
    margin: 0 auto;
}

.webIn02 > li:first-child {
    float:  none;
    border-top: none;
    width:  100%;
}

.webColor01 > li + li {
    border-left: none;
    border-top: solid 1px #5467c6;
}

.webColor02 > li + li {
    border-left: none;
    border-top: solid 1px #00acc1;
}

.webColor03 > li + li {
    border-left: none;
    border-top: solid 1px #667e8a;
}

.webColor04 > li + li {
    border-left: none;
    border-top: solid 1px #18aeea;
}

.webColor05 > li + li {
    border-left: none;
    border-top: solid 1px #ffa255;
}

.webIn02 > li > h5 {
    font-size:  20px;
}

.webIn03 > li {
    float:  none;
    width:  100%;
    margin: 20px auto 0;
}

.webIn03 > li:first-child {
    width:  100%;
    margin:  0 auto;
    text-align:  center;
}

.webIn04 > li {
    float:  none;
    width:  100%;
    margin:  30px auto 0;
}

.webIn04 > li:first-child {
    width:  100%;
    margin:  0 auto;
    text-align:  center;
}

.webIn06 > li {
    float:  none;
    width:  100%;
    margin:  30px auto 0;
}

.webIn06 > li:first-child {
    width:  100%;
    margin:  0 auto;
    text-align:  center;
}

.webWrap01 {
    margin:  50px auto 0;
}

.webWrap02,
.webWrap03,
.webWrap04,
.webWrap05,
.webWrap06,
.contactAreaWrap01,
.priceWrap01 {
    margin:  100px auto 0;
}

.webWrap03,
.webWrap04,
.webWrap06 {
    padding: 30px 2%;
}

.webIn02 > li + li > a {
    margin:  20px auto 0;
}

.webIn06 > li > h3,
.webIn03 > li > h3,
.webIn04 > li > h3 {
    text-align:  center;
}


/* サーバーホスティング
----------------------------------------------------------- */
.server01 dl > dd > h3 {
    text-align:  center;
}

.serverIn02 > li {
    float:  none;
    width:  100%;
    margin:  20px auto 0;
}

.serverIn02 > li:first-child {
    width:  100%;
    text-align:  center;
    margin:  0 auto;
    max-width:  250px;
}

.serverIn02 > li > h3 {
    font-size:  20px;
    text-align:  center;
}

.serverIn02 > li > a {
    margin: 20px auto 0;
}


/* ノベルティグッズ制作
----------------------------------------------------------- */
.goods02 > li {
    float:  none;
    width:  100%;
    max-width:  400px;
    margin: 30px auto 0;
}

.goods02 > li:first-child {
    margin: 0 auto;
}

.goodsTb01 thead {
    display:  none;
}

.goodsTb01 tbody td {
    display: block;
    width:  100%;
    text-align:  right;
}

.goodsTb01 td:before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    color: #78b449;
}

.goods01 > li > a {
	left: 0;
	margin: 0 auto;
}

.goodsWrap02 {
	margin:  100px auto 0;
}

.goodsWrap01 {
	margin:  50px auto 0;
}


/* アプリ開発
----------------------------------------------------------- */
.appli02 > li {
	padding: 10px 0 0;
	background-position: 5px top;
}

.appli02 > li > h3 {
	background: none;
	padding: 23px 0 13px 90px;
}

.appli02 > .appliIcon01 > p {
	background: url(../img/icon_appli01b.png) no-repeat right bottom;
}

.appli02 > .appliIcon02 > p {
	background: url(../img/icon_appli02b.png) no-repeat right bottom;
}

.appli02 > .appliIcon03 > p {
	background: url(../img/icon_appli03b.png) no-repeat right bottom;
}

.appli02 > .appliIcon04 > p {
	background: url(../img/icon_appli04b.png) no-repeat right bottom;
}

.appli02 > .appliIcon05 > p {
	background: url(../img/icon_appli05b.png) no-repeat right bottom;
}

.appli02 > .appliIcon06 > p {
	background: url(../img/icon_appli06b.png) no-repeat right bottom;
}

.appli02 > li > p {
	padding: 0 0 60px;
	background-size: 20% !important;
}

.appli01 > li + li > a {
	margin:  30px auto 0;
}


/* CRMシステム
----------------------------------------------------------- */
.crm02 > li {
	padding: 0 0 0 40px;
	font-size: 18px;
}

.crmWrap01 {
	margin: 50px auto 0;
}

.crm03 > li {
	width: 46%;
}


/* POSシステム
----------------------------------------------------------- */
.pos03 > li, .pos04 > li {
	padding: 0 0 0 40px;
	font-size: 18px;
}

.pos05 > ul > li {
	float:  left;
	width: 100%;
	margin: 0;
}

.pos05 > ul > li + li {
	margin: 20px 0 0;
}

.posTb td > h4 {
	text-align:  center;
}


/* フルスクラッチ
----------------------------------------------------------- */
.scrastchIn02 > li {
	float: none;
	width: 100%;
	margin: 30px auto 0;
}

.scrastchIn02 > li:first-child {
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

.scrastchIn02 > li > h3 {
	text-align: center;
}


/* 料金表
----------------------------------------------------------- */
.priceTb th {
	width: 100%;
}

.priceTb td {
	width: 100%;
	display:  block;
	text-align: left;
}

.priceTb .priceTotal {
	text-align:  right;
}

.priceTb td + td {
	border-top:  none;
}

.priceTb .pc {
	display:  none;
}


/* 吹き出し箇所
----------------------------------------------------------- */
.staff01 > li {
	float: none;
	width:  100%;
	margin: 50px auto 0;
	text-align:  center;
}

.staff01 > li:first-child {
	float:  none;
	width:  100%;
	margin:  0 auto;
}

.staff01 > li:first-child:before {
	display: none;
}

.staff01 > li:first-child:after {
	display: none;
}

.staffBg > ul > li + li {
	width:  43%;
}

.staffWrap {
	margin: 100px auto 0;
}


/* 制作実績
----------------------------------------------------------- */
.works01 > li, .works02 > li {
	width:  96%;
	float:  none;
	margin: 0 auto 50px;
}

.worksWrap01 {
	margin:  50px auto 0;
}

.worksWrap {
	margin:  100px auto 0;
}


/* グループ会社紹介
----------------------------------------------------------- */
.groupComWrap01 {
	margin:  50px auto 0;
}

.groupComIn01 > dd > a {
	margin:  30px auto 0;
}


/* 会社概要
----------------------------------------------------------- */
.companyWrap {
	margin:  50px auto 0;
}


/* プライバシーポリシー
----------------------------------------------------------- */
.privacyWrap01 {
	margin:  50px auto 0;
}

.privacy01 > dt {
	margin:  30px auto 0;
}


/* サイトマップ
----------------------------------------------------------- */
.sitemapWrap01 {
	margin:  50px auto 0;
}


/* お問い合わせ
----------------------------------------------------------- */
.contactWrap01 {
	margin:  50px auto 0;
}


/* エントリーフォーム下 バナー
----------------------------------------------------------- */
.leadTxt2 {
	text-align:  left;
}


/* アニメーション背景 */
.animationWrap {
	height: 150px;
	margin: 0 auto;
	background-size: cover;
}

.voiceBtn {
	position: fixed;
	bottom: 100px;
	right: 2%;
	display: block;
	z-index: 50;
}

.voiceBtn i {
	font-size: 300%;
	color: #fa583c;
}

.indeed {
    bottom: 100px;
    right: 5px;
}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* max-width: 591px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */




/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

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

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
.telBtn a,
.menuBtn a {
	font-size: 240%;
}

.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-dialog-buttons {
	width: 94% !important;
	margin: 0 auto;
	position: absolute;
	left: 0;
	right: 0;
}

.choose_list1 {
	width: 96%;
	font-size: 90%;
}

.choose_list1 > li {
	float: none;
	width: 100%;
	margin: 20px auto 0;
}

.choose_list1 > li > input {
	width: 100%;
	margin: 0;
}

.choose_list1 > li:first-child {
	margin: 0 auto;
}

.appli02 > li > p {
	background-size: 34% !important;
}


/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* max-width: 414px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */




/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

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

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
.sp02 {
	display: block;
}

.telBtn a,
.menuBtn a {
	font-size: 200%;
}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* max-width: 320px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */