/*layout*/
/*------------------------------------------------------------------------------*/
@font-face {
    font-family: 'liberation_sansregular';
    src: url('LiberationSans-Regular-webfont.eot');
    src: url('LiberationSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('LiberationSans-Regular-webfont.woff') format('woff'),
         url('LiberationSans-Regular-webfont.ttf') format('truetype'),
         url('LiberationSans-Regular-webfont.svg#liberation_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'liberation_sansbold';
    src: url('LiberationSans-Bold-webfont.eot');
    src: url('LiberationSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('LiberationSans-Bold-webfont.woff') format('woff'),
         url('LiberationSans-Bold-webfont.ttf') format('truetype'),
         url('LiberationSans-Bold-webfont.svg#liberation_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
.fontLiberationR {
	font-family: liberation_sansregular!important;
}
.fontLiberationB {
	font-family: liberation_sansbold!important;
}

body {
	-webkit-font-smoothing: antialiased;
	/*background: url(../images/bg.jpg);*/
	/*background-color: #3b3d45;*/
}

#wrapper {
	min-height: 100%;
	height: 100%;
	/*background-color: #fcc;*/
	padding: 0 0 0 100px;
	position: relative;
}





/* loading */
/*------------------------------------------------------------------------------*/
#loader-bg {
	display: none;
	position: fixed;
	width: 100%;
	min-height: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background: #fff;
	z-index: 100;
}
#loader {
	display: none;
	width: 40px;
	height: 40px;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
/*	margin-top: -100px;
	margin-left: -100px;*/
	text-align: center;
	z-index: 2;
}
.spinner {
	width: 40px;
	height: 40px;
	background-color: #007fcd;

	/*margin: 100px auto;*/
	-webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
	animation: sk-rotateplane 1.2s infinite ease-in-out;
}

@-webkit-keyframes sk-rotateplane {
	0% { -webkit-transform: perspective(120px) }
	50% { -webkit-transform: perspective(120px) rotateY(180deg) }
	100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
}

@keyframes sk-rotateplane {
	0% {
	  transform: perspective(120px) rotateX(0deg) rotateY(0deg);
	  -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)
	} 50% {
	  transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
	  -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
	} 100% {
	  transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
	  -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
	}
}





/* menuArea */
/*------------------------------------------------------------------------------*/
#menuArea {
	width: 100px;
	min-height: 100%;
	height: 100%;
	height: auto;
	background-color: #fff;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 50;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
}
#menuArea h1 {
	width: 80%;
	height: auto;
	position: absolute;
	top: 20px;
	left: 10px;
	z-index: 10;
	overflow: hidden;
	outline: none;
}
#menuArea h1 img {
	width: 100%;
	height: auto;
}

#navArea {
	position: absolute;
	bottom: 0;
	z-index: 0;
}
.btn {
	position: relative;
	width: 100px;
	height: 100px;
	overflow: hidden;
	border-top: 1px solid #ccc;
}
.btn p {
	width: 100%;
	height: 100%;
}
.btn a {
	display: block;
	width: 100px;
	height: 100px;
	text-indent: -9999px;
	/*overflow: hidden;*/
	outline: none;
}
.btnPrivacyPC {
	display: block;
	position: relative;
	width: 100px;
	height: 50px;
	overflow: hidden;
	border-top: 1px solid #ccc;
}
.btnPrivacyPC p {
	width: 100%;
	height: 100%;
}
.btnPrivacyPC a {
	display: block;
	width: 100px;
	height: 50px;
	text-indent: -9999px;
	/*overflow: hidden;*/
	outline: none;
}
.btnPrivacyTab {
	display: none;
}
.slide {
	position: absolute;
	top: -100%;
	left: 0;
	width: 100%;
	height: 100%;
}
/* 初期化クラス */
.reset {
    visibility: hidden;
    -webkit-transition: none 0s ease 0s;
            transition: none 0s ease 0s;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
/* マウスホバーした時 */
.slide.enter {
    -webkit-transition: -webkit-transform .15s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s;
            transition:         transform .15s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
}
/* マウスホバーが離れた時 */
.slide.leave {
    -webkit-transition: -webkit-transform .15s ease-in-out 0s;
            transition:         transform .15s ease-in-out 0s;
    -webkit-transform: translate3d(0, 200%, 0);
            transform: translate3d(0, 200%, 0);
}

.web01 {
	background: url(../images/nav01.jpg) no-repeat bottom center;
	background-size: cover;
}
.web02 {
	background: url(../images/nav01.jpg) no-repeat;
	background-size: cover;
}
.event01 {
	background: url(../images/nav02.jpg) no-repeat bottom center;
	background-size: cover;
}
.event02 {
	background: url(../images/nav02.jpg) no-repeat;
	background-size: cover;
}
.consulting01 {
	background: url(../images/nav03.jpg) no-repeat bottom center;
	background-size: cover;
}
.consulting02 {
	background: url(../images/nav03.jpg) no-repeat;
	background-size: cover;
}
.contact01 {
	background: url(../images/nav04.jpg) no-repeat bottom center;
	background-size: cover;
}
.contact02 {
	background: url(../images/nav04.jpg) no-repeat;
	background-size: cover;
}

.news01 {
	background: url(../images/nav05.jpg) no-repeat bottom center;
	background-size: cover;
}
.news02 {
	background: url(../images/nav05.jpg) no-repeat;
	background-size: cover;
}
.service01 {
	background: url(../images/nav06.jpg) no-repeat bottom center;
	background-size: cover;
}
.service02 {
	background: url(../images/nav06.jpg) no-repeat;
	background-size: cover;
}
.company01 {
	background: url(../images/nav07.jpg) no-repeat bottom center;
	background-size: cover;
}
.company02 {
	background: url(../images/nav07.jpg) no-repeat;
	background-size: cover;
}
.privacy01 {
	background: url(../images/nav08.jpg) no-repeat bottom center;
	background-size: cover;
}
.privacy02 {
	background: url(../images/nav08.jpg) no-repeat;
	background-size: cover;
}
.privacy03 {
	background: url(../images/nav08_02.jpg) no-repeat bottom center;
	background-size: cover;
}
.privacy04 {
	background: url(../images/nav08_02.jpg) no-repeat;
	background-size: cover;
}
.customer01 {
	background: url(../images/nav09.jpg) no-repeat bottom center;
	background-size: cover;
}
.customer02 {
	background: url(../images/nav09.jpg) no-repeat;
	background-size: cover;
}
.customer03 {
	background: url(../images/nav09_02.jpg) no-repeat bottom center;
	background-size: cover;
}
.customer04 {
	background: url(../images/nav09_02.jpg) no-repeat;
	background-size: cover;
}





/* ハンバーガーメニュー */
/*------------------------------------------------------------------------------*/
#iconMenu {
	display: none;
	width: 30px;
	height: 19px;
	margin: 30px auto 0 auto;
}
.menu
{ width: 30px; height:25px; top: 0px; position:relative; cursor:pointer; }
.menu1
{ width:30px; height:5px; background-color:#333; top:0px; position:absolute; }
.menu2
{ width:30px; height:5px; background-color:#333; top:10px; position:absolute; }
.menu3
{ width:30px; height:5px; background-color:#333; top:20px; position:absolute; }

.menu1,.menu2,.menu3
{ transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out; /* Opera */
  -moz-transition: all 0.5s ease-out; /* Firefox */
  -webkit-transition: all 0.5s ease-out; /* GoogleChrome, Safari */
  -ms-transition: all 0.5s ease-out; /* IE */ }
.menuclick1
{ top:10px;
  -o-transform: rotate(405deg);
  -moz-transform: rotate(405deg);
  -webkit-transform: rotate(405deg);
  -ms-transform: rotate(405deg);
  transform: rotate(405deg); }
.menuclick2
{ opacity:0;}
.menuclick3
{ top:10px;
  -o-transform: rotate(-405deg);
  -moz-transform: rotate(-405deg);
  -webkit-transform: rotate(-405deg);
  -ms-transform: rotate(-405deg);
  transform: rotate(-405deg); }

#burgerMenuMain {
	display: none;
	position: fixed;
	min-height: 100%;
	height: 100%;
	background-color: rgba( 0,0,0,0.9);
	z-index: 40;
	padding: 0 90px 0 0;
}
#burgerMenuMain ul {
	min-height: 100%;
	height: 100%;
	text-align: center;
	padding: 10% 0 0 0;
}
#burgerMenuMain li {
	line-height: 1;
	margin: 0 0 3% 0;
}
#burgerMenuMain a {
	font-size: 40px;
	font-weight: bold;
	line-height: 1;
}
#burgerMenuMain a span {
	font-size: 20px;
	font-weight: bold;
	line-height: 1;
}
#burgerMenuMain ul a:link {
	color: #fff;
	text-decoration: none;
}
#burgerMenuMain ul a:visited {
	color: #fff;
	text-decoration: none;
}
#burgerMenuMain ul a:hover,#burgerMenuMain ul a:active {
	color: #ccc;
	text-decoration: none;
}





/* メインイメージ */
/*------------------------------------------------------------------------------*/
#mainImage {
	width: 100%;
	/*height: 600px;*/
	position: relative;
}

#president {
	width: 100%;
	height: 100%;
	background: url(../images/slide_bg15.jpg) no-repeat center center;
	background-size: cover;
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 19;
	transition: all 0.8s;
}

#slideCatch {
	position: absolute;
	top: 10%;
	left: 5%;
	z-index: 20;
}
#slideLogo {
	width: 250px;
}
#slideLogo img {
	width: 100%;
	height: auto;
}
#slideCatch p {
	font-size: 18px;
	font-weight: bold;
	color: #3f4f5d;
	/*text-shadow: 1px 1px 2px rgba(255,255,255,0.8);
	text-shadow:1px 2px 3px #f6c399;*/
	text-shadow: 0 2px 5px rgba(0, 0, 0, .5);
	padding: 5% 0 0 0;
}
#slideCatch p span {
	font-size: 32px;
}
.flexslider .slides > li {
  /*display: none;*/
  -webkit-backface-visibility: hidden;
  min-height: 600px;
}
.slide01 {
	background: url(../images/slide_bg13.jpg) no-repeat center; center;
	background-size: cover;
}
.slide01:after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	min-height: 600px;
	background: -ms-linear-gradient(left,
       rgba(200,200,255, 0.4),
       rgba(200,200,255, 0.2) 30%,
       rgba(0,0,0, 0));
    background: -moz-linear-gradient(left 45deg,
       rgba(200,200,255, 0.4),
       rgba(200,200,255, 0.2) 30%,
       rgba(0,0,0, 0));
    background: -webkit-gradient(linear, left top, right top,
       from(rgba(200,200,255, 0.4)),
       color-stop(0.3, rgba(200,200,255, 0.2)),
       to(rgba(0,0,0, 0)));
    background: linear-gradient(left 45deg,
       rgba(200,200,255, 0.4),
       rgba(200,200,255, 0.2) 30%,
       rgba(0,0,0, 0));
	/* background: -ms-linear-gradient(left,
       rgba(252,202,202, 0.4),
       rgba(252,202,202, 0.2) 30%,
       rgba(0,0,0, 0));
    background: -moz-linear-gradient(left 45deg,
       rgba(252,202,202, 0.4),
       rgba(252,202,202, 0.2) 30%,
       rgba(0,0,0, 0));
    background: -webkit-gradient(linear, left top, right top,
       from(rgba(252,202,202, 0.4)),
       color-stop(0.3, rgba(252,202,202, 0.2)),
       to(rgba(0,0,0, 0)));
    background: linear-gradient(left 45deg,
       rgba(252,202,202, 0.4),
       rgba(252,202,202, 0.2) 30%,
       rgba(0,0,0, 0)); */
}
/*#mainImage div {
	height: 100%;
	float: left;
}*/
/*#mainImage div#mainWeb {
	background: url(../images/service_web.jpg) no-repeat;
	background-size: cover;
}
#mainImage div#mainEvent {
	background: url(../images/service_event.jpg) no-repeat;
	background-size: cover;
}
#mainImage div#mainConsulting {
	background: url(../images/service_consulting.jpg) no-repeat;
	background-size: cover;
}*/
/*background: -ms-linear-gradient(left,
       rgba(255,255,255, 1),
       rgba(255,255,255, 0.9) 30%,
       rgba(255,255,0, 0));
    background: -moz-linear-gradient(left 45deg,
       rgba(255,255,255, 1),
       rgba(255,255,255, 0.9) 30%,
       rgba(255,255,0, 0));
    background: -webkit-gradient(linear, left top, right top,
       from(rgba(255,255,255, 1)),
       color-stop(0.3, rgba(255,255,255, 0.9)),
       to(rgba(255,255,0, 0)));
    background: linear-gradient(left 45deg,
       rgba(255,255,255, 1),
       rgba(255,255,255, 0.9) 30%,
       rgba(255,255,0, 0));
}*/




.areaTitle {
	width: 100%;
	padding: 60px 0 0 0;
}
.areaTitle h2 {
	max-width: 1180px;
	margin: 0 auto;
	padding: 0 30px;
	font-size: 30px;
	line-height: 1;
	text-align: center;
}
.contents {
	width: 100%;
	border-bottom: 1px solid #666;
	padding: 40px 0 40px 0;
}
.contents .contentsMain {
	max-width: 1180px;
	margin: 0 auto;
	padding: 0 30px;
}

/* topics */
/*------------------------------------------------------------------------------*/
#topicsMain li {
	font-size: 14px;
	color: #434a54;
	background-color: #fff;
	border-top: 1px dotted #c6c8cb;
	line-height: 1.4;
	padding: 20px 0;
}
#topicsMain li:first-child {
	border-top: 0;
}
#topicsMain dt {
	width: 18%;
	clear: both;
	float: left;
	font-weight: bold;
	padding: 0 0 0 2%;
	position: relative;
}
#topicsMain dt span {
	display: block;
	width: 35%;
	font-size: 10px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	padding: 3px 0;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	position: absolute;
	top: 0;
	right: 0;
}
#topicsMain dt.all span {
	background-color: #0080ce;
}
#topicsMain dt.web span {
	background-color: #2c3b75;
}
#topicsMain dt.event span {
	background-color: #ff7f3b;
}
#topicsMain dt.consulting span {
	background-color: #44dcc5;
}
#topicsMain dd {
	width: 78%;
	float: left;
	padding: 0 0 0 2%;
	/*background-color: #ccc;*/
}





/* service */
/*------------------------------------------------------------------------------*/
#webService {
	width: 100%;
	height: auto;
	margin: 0 auto 20px auto;
	box-sizing: border-box;
	position: relative;
}
#webService img {
	width: 100%;
	height: auto;
}
#webService a {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}
#webService div.contentsInner {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
#eventService {
	width: 100%;
	height: auto;
	margin: 0 auto 20px auto;
	box-sizing: border-box;
	position: relative;
}
#eventService img {
	width: 100%;
	height: auto;
}
#eventService a {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}
#eventService div.contentsInner {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
#consultingService {
	width: 100%;
	height: auto;
	margin: 0 auto;
	box-sizing: border-box;
	position: relative;
}
#consultingService img {
	width: 100%;
	height: auto;
}
#consultingService a {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}
#consultingService div.contentsInner {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}





/* company */
/*------------------------------------------------------------------------------*/
#topInfoArea {
	max-width: 1180px;
	margin: 0 auto 0 auto;
	font-size: 14px;
	line-height: 1.8;
}
.topInfo {
	width: 50%;
	float: left;
}
.topInfo dt {
	font-weight: bold;
}





/* footer */
/*------------------------------------------------------------------------------*/
#footer {
	width: 100%;
	/*background-color: #25262b;*/
	background-color: #e9edef;
	/*background: url(../images/bg.jpg);*/
}
#footer02 {
	position: fixed;
	bottom: 0;
	width: 100%;
	background-color: #25262b;
	/*background: url(../images/bg.jpg);*/
}
#footerMain {
	max-width: 1180px;
	margin: 0 auto 0 auto;
	padding: 60px 0 40px 0;
	font-size: 14px;
}
#footer_logo {
	text-align: center;
	margin: 0 0 30px 0;
}
#footerAddress {
	padding: 30px 0 40px 0;
}
#addressLeft {
	width: 50%;
	float: left;
	text-align: center;
}
#addressRight {
	width: 50%;
	float: right;
	text-align: center;
}
.addressName {
	font-weight: bold;
	margin-bottom: 0.5em;
}

#copy {
	font-size: 12px;
	text-align: center;
	color: #333;
}





/* under page */
/*------------------------------------------------------------------------------*/
#common .areaTitle {
	width: 100%;
	padding: 60px 0;
	border-bottom: 1px solid #666;
}
#common .areaTitle h2 {
	max-width: 1180px;
	margin: 0 auto;
	padding: 0 30px;
	font-size: 30px;
	line-height: 1;
	text-align: left;
}
#common .areaTitle h2 span {
	font-size: 18px;
	line-height: 1;
	padding: 0 0 0 20px;
}
#common .contents {
	width: 100%;
	border-bottom: 1px solid #666;
	padding: 40px 0 60px 0;
}
#common .contents .contentsMain {
	max-width: 1180px;
	margin: 0 auto;
	padding: 0 30px;
}
#common .contents .contentsMain .contentsMain_inner {
	background-color: #f3f3f3;
	color: #2d404b;
}

#common .areaTitleImg {
	width: 100%;
	padding: 0;
	border-bottom: 1px solid #666;
}
#common .areaTitleImg h2 {
	font-size: 1;
	line-height: 1;
	text-align: left;
}
#common .areaTitleImg h2 img {
	width: 100%;
	height: auto;
}

#common .contents .contentsMain .contentsMain_inner .serviceBox {
	padding: 30px;
}
#common .contents .contentsMain .contentsMain_inner .serviceBox .boxMain {
	padding: 0 0 80px 0;
}
#common .contents .contentsMain .contentsMain_inner .serviceBox .boxMain h3 {
	font-size: 28px;
	font-weight: normal;
	text-align: left;
}
#common .contents .contentsMain .contentsMain_inner .serviceBox .box01 h3 span {
	color: #11a4d4;
}
#common .contents .contentsMain .contentsMain_inner .serviceBox .box02 h3 span {
	color: #22bf64;
}
#common .contents .contentsMain .contentsMain_inner .serviceBox .boxMain p {
	line-height: 2;
	color: #666;
	text-align: left;
}
#common .contents .contentsMain .contentsMain_inner .serviceBox .box01 p.coment {
	font-size: 18px;
	color: #006383;
	text-align: center;
}
#common .contents .contentsMain .contentsMain_inner .serviceBox .box02 p.coment {
	font-size: 18px;
	color: #15a853;
	text-align: center;
}
#common .contents .contentsMain .contentsMain_inner .serviceBox .boxMain ul {
	width: 60%;
	margin: 0 auto;
	padding: 50px 0;
}
#common .contents .contentsMain .contentsMain_inner .serviceBox .box01 li {
	font-size: 14px;
	color: #666;
	text-align: center;
	line-height: 2.5;
	background-color: #fff;
	border: 6px solid rgba(17,164,212,0.2);
	border-radius: 1.5em;
	-webkit-border-radius: 1.5em;
	-moz-border-radius: 1.5em;
}
#common .contents .contentsMain .contentsMain_inner .serviceBox .box02 li {
	font-size: 14px;
	color: #666;
	text-align: center;
	line-height: 2.5;
	background-color: #fff;
	border: 6px solid rgba(21,168,83,0.2);
	border-radius: 1.5em;
	-webkit-border-radius: 1.5em;
	-moz-border-radius: 1.5em;
}
#common .contents .contentsMain .contentsMain_inner .serviceBox .boxMain li+li {
	margin: 10px 0 0 0;
}
#common .contents .contentsMain .contentsMain_inner .serviceBox .box01 span {
	font-weight: bold;
	color: #0694c3;
}
#common .contents .contentsMain .contentsMain_inner .serviceBox .box02 li span {
	font-weight: bold;
	color: #15a853;
}





/* locator */
/*------------------------------------------------------------------------------*/
#common #locator {
	width: 100%;
	border-bottom: 1px solid #666;
	background-color: #25262b;
}
#common #locatorMain {
	max-width: 1180px;
	margin: 0 auto;
	padding: 10px 30px;
	font-size: 12px;
}
#common #locatorMain a:link {
	color: #fff;
	text-decoration: none;
}
#common #locatorMain a:visited {
	color: #fff;
	text-decoration: none;
}
#common #locatorMain a:hover,#common #locatorMain a:active {
	color: #fff;
	text-decoration: underline;
}





/* contact */
/*------------------------------------------------------------------------------*/
#contactMain p {
	font-size: 16px;
	text-align: center;
	line-height: 1.8;
	padding: 0 0 0px 0;
}
#contactMain h3 {
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}
#contactMain p.tel {
	font-size: 30px;
	font-weight: bold;
	color: 333;
	padding: 30px 0;
}
.contactBox {
	border-bottom: 1px solid #d2d2d2;
	padding: 60px 0;
}
.contactBox01 {
	padding: 30px 0 30px 0;
}
#formArea {
	padding: 30px 0px;
}
#formArea table {
	width: 90%;
	margin: 0 auto 30px auto;
	font-size: 14px;
	border-collapse: collapse;
}
#formArea th {
	width: 20%;
	background-color: #f4f5f9;
	border: 1px solid #e2e6e8;
	box-sizing: border-box;
	padding: 0 20px;
	/*line-height: 1;*/
}
#formArea th span {
	font-size: 10px;
	color: #f00;
}
#formArea td {
	width: 80%;
	border: 1px solid #e2e6e8;
	box-sizing: border-box;
	overflow: hidden;
}
#formArea td input {
	width: 100%;
	height: 50px;
	border: none;
	box-sizing: border-box;
	overflow: hidden;
	outline: none;
	margin: 0;
	padding: 20px;
}
#formArea td textarea {
	width: 100%;
	resize: none;
	height: 200px;
	border: none;
	box-sizing: border-box;
	overflow: hidden;
	outline: none;
	margin: 0;
	padding: 20px;
	vertical-align: middle;
}
#formArea td input:focus,#formArea td textarea:focus {
	-moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
	box-shadow: inner 0 0 4px rgba(0, 0, 0, 0.2);
}
#btnSubmit {
	width: 90%;
	margin: 0 auto;
}
#btnSubmit input {
	width: 100%;
	border: none;
	box-sizing: border-box;
	font-size: 16px;
	font-weight: bold;
	color: #666;
	background-color: #c5d1d7;
	padding: 20px 0;
	cursor: pointer;
}
#btnSubmit input:hover {
	color: #fff;
	background-color: #8591a4;
}





#contactTelArea {
	display: table;
	width: 100%;
	padding: 0;
}
#contactTelArea .contactTelBox {
	display: table-cell;
	width: 50%;
	text-align: center;
	line-height: 1.4!important
}
#contactTelArea .contactTelBox p {
	padding: 0;
}





/* privacy */
/*------------------------------------------------------------------------------*/
#privacyMain {
	font-size: 14px;
	line-height: 1.8;
}
#privacyMain h3 {
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 1em 0;
}
#privacyMain h4 {
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 0.2em 0;
}
#privacyMain .privacyBox {
	border-bottom: 1px solid #d2d2d2;
	padding: 30px 30px;
}
#privacyMain .textBox {
	padding: 0 1em;
}
#privacyMain .textBox p {
	margin: 0 0 1em 0;
}
#privacyMain .textBox p.catchText {
	font-size: 16px;
}
#privacyMain .textBox p.downPdf {
	padding: 1em 0 0 2em;
}
#privacyMain ul {
	text-align: right;
}
.privacyMailBox {
	width: 60%;
	background-color: #ddd;
	margin: 0 auto;
	padding: 30px 0;
	text-align: center;
}
#privacyMain .privacyMailBox h3 {
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 0 0;
}
#privacyMain .privacyMailBox p {
	margin: 0 0 1em 0;
}
#privacyMain .privacyMailBox a.mailBox {
	display: inline-block;
	background-color: #fff;
	font-size: 13px;
	font-weight: bold;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	padding: 0.2em 1.5em;
}
#privacyMain .privacyMailBox a.mailBox:link {
	color: #0080ce;
	text-decoration: none;
}
#privacyMain .privacyMailBox a.mailBox:visited {
	color: #0080ce;
	text-decoration: none;
}
#privacyMain .privacyMailBox a.mailBox:hover,#privacyMain .privacyMailBox a.mailBox:active {
	color: #0080ce;
	text-decoration: none;
}

#privacyMain .privacyMailBox ul {
	text-align: center;
	margin: 0 0 1em 0;
}
#privacyMain .privacyMailBox li {
	display: inline-block;
	font-weight: bold;
}
#privacyMain .privacyMailBox li:nth-child(2) {
	margin: 0 0 0 2em;
}

#privacyMain .privacyMailBox p.customerLink {
	margin: 0;
}
#privacyMain .privacyMailBox p.customerLink a {
	display: inline-block;
	font-size: 16px;
	padding: 1em 0 0 0;
}
#privacyMain .privacyMailBox p.customerLink a:link {
	color: #0080ce;
	text-decoration: none;
}
#privacyMain .privacyMailBox p.customerLink a:visited {
	color: #0080ce;
	text-decoration: none;
}
#privacyMain .privacyMailBox p.customerLink a:hover,#privacyMain .privacyMailBox p.customerLink a:active {
	color: #0080ce;
	text-decoration: underline;
}

#privacyMain .textBox dl {
	margin: 0 0 1em 0;
}
#privacyMain .textBox dd {
	padding: 0 0 0 1.6em;
}

#privacyMain .textBox .contactTable table {
	width: 100%;
}
#privacyMain .textBox .contactTable th,#privacyMain .textBox .contactTable td {
	line-height: 1.2;
	border: 1px solid #bbb;
	padding: 1em;
}
#privacyMain .textBox .contactTable th {
	width: 27%;
	font-weight: bold;
	background-color: #eee;
}
#privacyMain .textBox .contactTable td ul {
	text-align: left!important;
}




/* common company */
/*------------------------------------------------------------------------------*/
#common #companytMain {
	font-size: 14px;
	line-height: 1.8;
}
#common #companytMain h3 {
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 1em 0;
}
#common #companytMain h4 {
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 0.2em 0;
}
#common #companytMain .companyBox {
	border-bottom: 1px solid #d2d2d2;
	padding: 30px 30px;
}
#common #companytMain .textBox {
	padding: 0 0.2em;
}
#common .companyBox dt {
	clear: both;
	float: left;
	width: 120px;
	padding-bottom: 20px;
	font-weight: bold;
}
#common .companyBox dd {
	float: left;
	padding-bottom: 20px;
}
#common .companyBox #mapArea {
	width: 100%;
	height: 350px;
	margin: 0 auto 10px auto;
}
#common .companyBox #mapAreaFunabashi {
	width: 100%;
	height: 350px;
	margin: 0 auto 10px auto;
}
#common .companyBox .mapInfoHonsya {
	width: 100%;
	margin: 0 auto 50px auto;
	font-size: 14px;
	line-height: 1.8;
}
#common .companyBox .mapInfoHonsya dt {
	font-weight: bold;
}
#common .companyBox .mapInfoFunabashi {
	width: 100%;
	margin: 0 auto 0 auto;
	font-size: 14px;
	line-height: 1.8;
}
#common .companyBox .mapInfoFunabashi dt {
	font-weight: bold;
}




.ggmap {
	border: 3px solid #ccc;
	position: relative;
	padding-bottom: 30%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.ggmap iframe,
.ggmap object,
.ggmap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}




/* commonWorksArea */
/*------------------------------------------------------------------------------*/
#topWorksArea {
	color: #2d404b;
	padding: 60px 0 30px 0;
}
#commonWorksArea {
	padding: 30px;
}
#commonWorksInner {
	display: table;
	width: 100%;
	background-color: #c9e4f4;
}
#commonWorksInner div.imgBox {
	display: table-cell;
	width: 60%;
	vertical-align: middle;
	padding: 10px;
}
#commonWorksInner div.imgBox img {
	width: 100%;
	height: auto;
}
#commonWorksInner div.textBox {
	display: table-cell;
	width: 40%;
	text-align: center;
	vertical-align: middle;
}
#commonWorksInner div.textBox p {
	font-size: 20px;
	font-weight: bold;
	padding: 0 0 0.5em 0;
}
#commonWorksInner div.textBox a {
	display: inline-block;
	width: 60%;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
	padding: 1em 1.5em;
	background-color: #3ca1db;
}
#commonWorksInner div.textBox a span {
	background: url(../images/works_icon.png) no-repeat center left;
	background-size: contain;
	padding: 0 0 0 1.5em;
}

#commonWorksInner div.textBox a:hover {
	-webkit-animation: scale .3s ease-in-out;
	animation: scale .3s ease-in-out;
}
@-webkit-keyframes scale {
	50% { -webkit-transform: scale(1.1); }
}
@keyframes scale {
	50% { transform: scale(1.1); }
}





/* 制作実績 */
/*------------------------------------------------------------------------------*/
#common .contents .contentsMain .contentsMain_inner .serviceBox .worksArea h3 {
	margin: 0 0 30px 0;
}
#common .contents .contentsMain .contentsMain_inner .serviceBox .worksArea h3 span {
	display: block;
	line-height: 1.4;
}
#common .contents .contentsMain .contentsMain_inner .serviceBox .worksArea h3 span:nth-child(1) {
	font-size: 30px;
	font-weight: bold;
}
#common .contents .contentsMain .contentsMain_inner .serviceBox .worksArea h3 span:nth-child(2) {
	font-size: 20px;
	font-weight: bold;
}
#common .contents .contentsMain .contentsMain_inner .serviceBox .worksArea > p {
	margin: 0 0 30px 0;
}
#common .contents .contentsMain .contentsMain_inner .serviceBox .worksArea .worksBox {
	width: 32%;
	float: left;
	background-color: #fff;
	border-bottom: 2px solid #e3e3e3;
	margin: 0 2% 2% 0;
}
#common .contents .contentsMain .contentsMain_inner .serviceBox .worksArea .worksBox:nth-child(3n) {
	margin: 0 0 2% 0;
}
#common .contents .contentsMain .contentsMain_inner .serviceBox .worksArea .worksBox a {
	display: block;
	text-decoration: none;
	-webkit-transition: all .3s;
	transition: all .3s;
}
#common .contents .contentsMain .contentsMain_inner .serviceBox .worksArea .worksBox a:hover {
	-webkit-box-shadow: 0 6px 20px -6px #888;
	-moz-box-shadow: 0 6px 20px -6px #888;
	box-shadow: 0 6px 20px -6px #888;
}
#common .contents .contentsMain .contentsMain_inner .serviceBox .worksArea .worksBox .imgBox {
	display: table;
	width: 100%;
	text-indent: -9999px;
	overflow: hidden;
	padding: 50% 0 0 0;
	position: relative;
	-webkit-transition: all .3s;
	transition: all .3s;
}
#common .contents .contentsMain .contentsMain_inner .serviceBox .worksArea .worksBox .imgBox::after {
	content: "{ Detail }";
	display: table-cell;
	width: 100%;
	height: 100%;
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	vertical-align: middle;
	text-indent: 0;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	background-color: #035696;
	-webkit-transition: all .3s;
	transition: all .3s;
	-webkit-transform: scale(.7);
	transition: scale(.7);
	opacity: 0;
	padding: 22% 0 0 0;
}
#common .contents .contentsMain .contentsMain_inner .serviceBox .worksArea .worksBox a:hover .imgBox::after {
	-webkit-transform: scale(1);
	transform: scale(1);
	opacity: .8;
}

#common .contents .contentsMain .contentsMain_inner .serviceBox .worksArea .worksBox .imgBox img {
	width: 100%;
	height: auto;
}
#common .contents .contentsMain .contentsMain_inner .serviceBox .worksArea .worksBox .textBox {
	background-color: #004c77;
	padding: 20px 10px;
}
#common .contents .contentsMain .contentsMain_inner .serviceBox .worksArea .worksBox .textBox p.siteName {
	font-size: 12px;
	color: #fff;
	line-height: 1;
	text-align: left;
	background: url(../images/works_icon02.png) no-repeat 0 1px;
	background-size: 4%;
	padding: 0 0 0 1.3em;
}

#works01 {
	background: url(../images/works_img01.jpg) no-repeat center top;
	background-size: cover;
}
#works02 {
	background: url(../images/works_img02.jpg) no-repeat center top;
	background-size: cover;
}
#works03 {
	background: url(../images/works_img03.jpg) no-repeat center top;
	background-size: cover;
}
#works04 {
	background: url(../images/works_img04.jpg) no-repeat center top;
	background-size: cover;
}
#works05 {
	background: url(../images/works_img05.jpg) no-repeat center top;
	background-size: cover;
}
#works06 {
	background: url(../images/works_img06.jpg) no-repeat center top;
	background-size: cover;
}
#works07 {
	background: url(../images/works_img07.jpg) no-repeat center top;
	background-size: cover;
}
#works08 {
	background: url(../images/works_img08.jpg) no-repeat center top;
	background-size: cover;
}
#works09 {
	background: url(../images/works_img09.jpg) no-repeat center top;
	background-size: cover;
}
#works10 {
	background: url(../images/works_img10.jpg) no-repeat center top;
	background-size: cover;
}
#works11 {
	background: url(../images/works_img11.jpg) no-repeat center top;
	background-size: cover;
}
#works12 {
	background: url(../images/works_img12.jpg) no-repeat center top;
	background-size: cover;
}
#works13 {
	background: url(../images/works_img13.jpg) no-repeat center top;
	background-size: cover;
}
#works14 {
	background: url(../images/works_img14.jpg) no-repeat center top;
	background-size: cover;
}
#works15 {
	background: url(../images/works_img15_rev01.jpg) no-repeat center top;
	background-size: cover;
}
#works16 {
	background: url(../images/works_img16.jpg) no-repeat center top;
	background-size: cover;
}
#works17 {
	background: url(../images/works_img17.jpg) no-repeat center top;
	background-size: cover;
}
#works18 {
	background: url(../images/works_img18.jpg) no-repeat center top;
	background-size: cover;
}
#works19 {
	background: url(../images/works_img19.jpg) no-repeat center top;
	background-size: cover;
}
#works20 {
	background: url(../images/works_img20.jpg) no-repeat center top;
	background-size: cover;
}
#works21 {
	background: url(../images/works_img21.jpg) no-repeat center top;
	background-size: cover;
}
#works_bonapp {
	background: url(../images/works_bonapp.jpg) no-repeat center top;
	background-size: cover;
}
#works_pecorella {
	background: url(../images/works_pecorella.jpg) no-repeat center top;
	background-size: cover;
}





/* イベントサービス */
/*------------------------------------------------------------------------------*/
.eventTitleCatch {
	display: table;
	width: 100%;
	background: url(../images/event_titlecatch_bg.jpg) no-repeat top center #4e5369;
	background-size: cover;
}
.eventTitleCatch > div {
	display: table-cell;
	vertical-align: middle;
}
.eventTitleCatch > div.textBox {
	width: 57%;
	padding: 0 10% 0 5%;
}
.eventTitleCatch > div.textBox img {
	width: 100%;
	height: auto;
}
.eventTitleCatch > div.imgBox {
	width: 43%;
	text-align: right;
	padding: 2% 1.8% 2% 0;
}
.eventTitleCatch > div.imgBox img {
	width: 100%;
	height: auto;
}


.eventMainArea {
	font-size: 14px;
	padding: 30px;
}
.eventMainArea h3 {
	font-size: 24px;
	font-weight: bold;
	line-height: 1.6;
	text-align: center;
	margin: 0 0 30px 0;
}
.eventInfoArea {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.eventInfoArea > div {
	display: table;
	width: 49%;
}
.eventInfoArea > div:nth-child(odd) {
	padding-right: 1%;
}
.eventInfoArea > div:nth-child(even) {
	padding-left: 1%;
}
.eventInfoArea > div {
	margin: 0 0 1.5% 0;
}
.eventInfoArea > div > div {
	display: table-cell;
}
.eventInfoArea > div > div.imgBox {
	width: 26%;
	vertical-align: middle;
	background-color: #fff;
	border-bottom: 2px solid #e3e3e3;
	padding: 2% 3%;
}
.eventInfoArea > div > div.imgBox > img {
	width: 100%;
	height: auto;
}
.eventInfoArea > div > div.textBox {
	/*width: 74%;*/
	padding: 5% 3% 5% 0;
	background-color: #fff;
	border-bottom: 2px solid #e3e3e3;
}
.eventInfoArea > div > div.textBox h4 {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.2;
	margin: 0 0 0.5em 0;
}
.eventInfoArea > div > div.textBox p {
	line-height: 1.6;
}


.evenFlowArea {
	font-size: 14px;
	background-color: #fff;
	padding: 30px;
}
.evenFlowArea h3 {
	font-size: 24px;
	font-weight: bold;
	line-height: 1.6;
	text-align: center;
	margin: 0 0 30px 0;
}


.eventExampleArea {
	font-size: 14px;
	padding: 30px;
}
.eventExampleArea h3 {
	font-size: 24px;
	font-weight: bold;
	line-height: 1.6;
	text-align: center;
	margin: 0 0 30px 0;
}

#commonContactArea {
	padding: 30px;
}
#commonContactArea .commonContactMain {
	text-align: center;
	background-color: #666;
	padding: 20px;
}
#commonContactArea .commonContactMain p {
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	margin: 0 0 1em 0;
}
#commonContactArea .commonContactMain a {
	display: block;
	width: 50%;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	border-radius: 2em;
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	background-color: #fff;
	margin: 0 auto;
	padding: 0.5em 1em;
}





.iconPdf {
	display: inline-block;
	background: url(../images/icon_pdf.png) no-repeat center left;
	padding: 0 0 0 2.3em;
}





#privacyMark {
	text-align: center;
}
#privacyMark img.pc {
	display: inline-block;
}
#privacyMark img.sp {
	display: none;
}





/****************************************/
/* コンサルティング */
/****************************************/
.consultingMain {
	padding: 0 3%;
/*	background-color: #ccc;*/
}
.consultingMain p.catch {
	font-size: 42px!important;
	margin: 0 0 2em 0;
	padding: 1em 0 0 0!important;
}
.consultingMain .textListArea {
	background: url(../images/consulting_text_bg.jpg) no-repeat top left #cce1e4;
	background-size: cover;
	padding: 40px;
	position: relative;
	text-align: right;
}
.consultingMain .textListArea img {
	width: 100%;
	height: auto;
	position: relative;
	z-index: 0;
}
/*.consultingMain .textListArea:after {
	content: "";
	display: block;
	clear: both;
}*/
.consultingMain .textListArea ul {
	display: inline-block;
	text-align: left;
	background-color: rgba(255,255,255,0.8);
	padding: 20px;
}
.consultingMain .textListArea ul li {
	font-size: 2em;
	line-height: 2.2;
}
.consultingMain .textListArea ul li span {
	padding: 0 0.5em 0 0;
}
.consultingMain p.text {
	font-size: 22px!important;
	line-height: 2.2!important;
	padding: 2em 0 0 0!important;
}

.consultingContact p {
	text-align: center!important;
}





/* 201704169 add */
/*------------------------------------------------------------------------------*/
#common .companyBox dd > div.serviceInfoBox+div.serviceInfoBox {
	margin: 1em 0 0 0;
}
#common .companyBox dd > div.serviceInfoBox > ul {
	padding: 0 0 0 2em;
}
#common .companyBox dd > div.serviceInfoBox > ul > li {
	list-style-type: disc;
}
#common .companyBox dd > div.serviceInfoBox > p {
	padding: 0.5em 0 0 2em;
}
#common .companyBox dd > div.serviceInfoBox > p > a {
	font-weight: bold;
	text-decoration: none;
	transition: all 0.2s;
}

#common .companyBox dd > ul.clientList {
	padding: 0 0 0 2em;
}
#common .companyBox dd > ul.clientList li {
	list-style-type: disc;
}

#common .companyBox dd.privscyBox > span {
	display: block;
}





#top__main__catch {
	text-align: center;
	padding: 60px 3% 0 3%;
}
#top__main__catch > .inner {
	display: inline-block;
	background-color: rgba(0,0,0,.1);
	margin: 0 auto;
	padding: 30px 90px;
}
#top__main__catch > .inner > p {
	display: inline-block;
	font-size: 2.1em;
	font-family: 'Noto Serif JP', sans-serif;
	color: #ACB6E5;
	line-height: 1.8;
	background: -webkit-linear-gradient(20deg, #519fff, #73c7e3, #86FDE8);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}