/*
Theme Name:STRA株式会社(SECURE事業)
Theme URI:http://stra.co.jp/secure
Author:UNITE5
Author URI:http://stra.co.jp/secure
*/


/*------------------------------------------------
  General
------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
	outline: 0;
}

@charset "UTF-8";

html,body{
	font-family:"メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-size:13px;
	font-color:#333;
	margin:0px;
	padding:0px;
}

#wrapper{
	position: relative;
	min-width:1500px;
	background: none;
	margin:0 auto;
	padding: 0;
	overflow: hidden;
	_zoom: 1;
}

.container {
  display: block;
	position: relative;
	width: auto;
	margin: 0 auto;
	padding: 0;
	clear: both;
	overflow: hidden;
	_zoom: 1;
}

.container .arrow{
	width: 100%;
	height: 53px;
}

.container .arrow.white{
	background: url(images/point_arrow-white.png) no-repeat;
	background-position: center;
}

.container .arrow.blue{
	background: url(images/point_arrow-blue.png) no-repeat;
	background-position: center;
}

.container .arrow.green{
	background: url(images/point_arrow-green.png) no-repeat;
	background-position: center;
}

.container .arrow.yellow{
	background: #FFF5E5 url(images/point_arrow-yellow.png) no-repeat;
	background-position: center;
}

.container .arrow.red{
	background: url(images/point_arrow-red.png) no-repeat;
	background-position: center;
}

.container .arrow.pink{
	background: url(images/point_arrow-pink.png) no-repeat;
	background-position: center;
}

.section-title {
	padding: 3% 0;
	color:#fff;
	background: -webkit-linear-gradient(#E43939, #DF1E1E);
	font-size: 3em;
	font-weight: bold;
	text-align: center;
	text-shadow: 2px 2px 2px rgba(0,0,0,1);
}
.section-title span.sub-title{
    display: block;
    margin: 10px 0 0;
    font-size: 28px;
    font-style: italic;
}
.section-title br{
	display:none;
}
.section-title span{
	display: block;
	margin: 10px 0 15px;
	font-size: 28px;
	font-style: italic;
}
.price{
    display: block;
    margin: -4% 0 5%;
    text-align: center;
}

h2{
	display: block;
	margin:0;
	color: #000;
	font-size: 20px;
	line-height: 28px;
	font-weight: normal;
}

h3.sub-title{
	padding:0 0 25px;
	color:#FFF;
	font-size: 18px;
	font-weight:normal;
	text-align:center;
}

.desc{
	color: #FFF;
	font-size: 20px;
	line-height: 31px;
	text-align: center;
	background: rgba(0,0,0,0.35);
}

.desc p{
	padding: 45px 0;
}

.insertion {
  display: block;
	position: relative;
	margin: 0 auto 95px;
	padding: 50px 0;
	clear: both;
	overflow: hidden;
	_zoom: 1;
	color: #FFF;
	text-align: center;
}

.insertion h2{
	font-size: 33px;
	color: #FFF;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
}

.inquery{
	padding: 50px 0;
	text-align: center;
	background: rgba(0,0,0,0.025);
}
.inquery img{
	-webkit-transition-property: filter,opacity;  
	-webkit-transition-duration: 0.25s;  
	-webkit-transition-timing-function: ease-out; 
}
.inquery img:hover{
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}


.shadow{
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
}

.orange{
	background:#ff910a;
}

.lightgreen{
	padding: 0;
	background:rgba(9, 183, 175,1);
}

.yellow{
	background: rgba(255,175,48,1);
}

.gray{
	background:rgba(77,77,77,1);
}

.light-gray{
	background:#fbfbfb;
	color:#333 !important;
}

.estimate-gray{
	background:rgba(235,237,243,0.2);
	box-shadow:2px 2px 4px rgba(204,204,204,0.75);
}

.estimate-blue{
	background:rgba(0,156,242,1);
}

.estimate-lightblue{
	background:rgba(0,156,242,0.8);
}

.green{
	background: rgba(84,179,127,1);
}

.blue{
	background: rgba(0,156,242,1);
}

.red{
	background: rgba(230,80,39,1);
}

.container:first-child {
	margin: 0 auto;
}

img {
	border: none;
}

p {
	margin: 0 0 1em 0;
	padding: 0;
}

a, a:link {
	color: #287BC2;
	text-decoration: none;
}

a:visited {
	color: #4F9ADA;
}

a:hover {
	text-decoration: underline;
}


/*------------------------------------------------
  Layout > eyecatch-section
------------------------------------------------*/
.eyecatch-section{
	width:100%;
	height:843px;
	text-align:center;
	background:url(images/bg_top-eyecatch-section.png) repeat-x;
}

.eyecatch-section .wrapper{
	position:relative;
	width:1588px;
    margin: 0 auto;
}
.eyecatch-section ul.menu{
	position:absolute;
	top: 255px;
	left: 437px;
	display: block;
	width: 836px;
	margin: 0 auto;
	clear: both;
}

.eyecatch-section ul.menu li{
	position:relative;
	display:block;
	width:100px;
	height:28px;
    margin: 0 109px 0 0;
	background:rgba(0, 0, 0, 0.25);
	border-radius:5px;
	float:left;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	filter: alpha(opacity=25) progid:DXImageTransform.Microsoft.Alpha(opacity=25) ;
}

.eyecatch-section ul.menu li a{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	padding:5px 0;
	color:#fff;
	text-decoration:none;
	-webkit-transition-property: filter,opacity;  
	-webkit-transition-duration: 0.25s;  
	-webkit-transition-timing-function: ease-out; 
}
.eyecatch-section ul.menu li a:hover{
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}


.eyecatch-section .wrapper .facebook{
	position:absolute;
	top: 355px;
    left: 215px;
}

.eyecatch-section .wrapper .contents{
	position:absolute;
	top: 590px;
    right: 655px;
}

.eyecatch-section .wrapper .design{
	position:absolute;
    top: 400px;
    right: 240px;
}

.eyecatch-section .wrapper .ec-site{
	position:absolute;
    top: 530px;
    left: 700px;
}

.eyecatch-section .wrapper .mobile{
	position:absolute;
	top: 480px;
    left: 296px;
}

.eyecatch-section .wrapper .seo{
	position:absolute;
	top: 610px;
    left: 576px;
}


/*------------------------------------------------
  Layout > card-carousel
------------------------------------------------*/
.card-carousel{
	position:relative;
	background: linear-gradient(#A5CDE4, #3885B1);
	background: -webkit-linear-gradient(#A5CDE4, #3885B1);
	clear:both;
}

.card-carousel .wrapper{
	width:1168px;
	margin:0 auto;
	overflow:hidden;
}

.card-carousel .note {
	position: relative;
    width: 320px;
	margin:80px 10px 50px;
	float:left;
}

.card-carousel .card-container {
}


.card-carousel .card {
	position: absolute;
	top: 0;
	left: 0;
	background: #FFFFFF;
    width: 320px;
    height: 370px;
	border-radius: 4px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	-webkit-transform-origin: center;
	transform-origin: center;
	-webkit-transition: 0.4s cubic-bezier(0.28, 0.55, 0.385, 1.65);
	transition: 0.4s cubic-bezier(0.28, 0.55, 0.385, 1.65);
	cursor: pointer;
}

.card-carousel .card img{
    width: 300px;
    height: 133px;
    margin: 10px 10px 0;
    border-radius: 4px;
}

.card-carousel .card h3{
    display: block;
    margin:5px 10px;
    padding:10px 10px 5px;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    text-align: left;
    color: #006699;
	background: -webkit-gradient(linear, left top, right bottom, from(#ddd), color-stop(0.25, #ddd), color-stop(0.25, white), color-stop(0.5, white), color-stop(0.5, #ddd), color-stop(0.75, #ddd), color-stop(0.75, white), to(white));
	background: -moz-linear-gradient(-45deg, #ddd 25%, white 25%, white 50%, #ddd 50%, #ddd 75%, white 75%, white);
	background: linear-gradient(-45deg, #ddd 25%, white 25%, white 50%, #ddd 50%, #ddd 75%, white 75%, white);
	background-size: 4px 4px;
}

.card-carousel .card p.content{
    height: 60px;
    margin: 10px 10px 0;
	font-size: 13px;
    color: #666;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
}

.card-carousel .card .more-wrapper {
	position:absolute;
	bottom:20px;
	width:100%;
	text-align:center;
}

.card-carousel .card .more {
	display: block;
	width: 85%;
	margin: 0 auto;
    padding: 7px 0;
    background-color: #3bb3e0;
    font-size: 13px;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
    color: #fff !important;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    background-image: linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
    background-image: -o-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(44,160,202)), color-stop(1, rgb(62,184,229)) );
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
    -moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
    -o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
    box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
}
.card-carousel .card .more:hover {
	top:3px;
	background-image: linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -o-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(62,184,229)),
	color-stop(1, rgb(44,160,202))
	);
	-webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
	-moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
	-o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
	box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
	text-decoration: none;
}

.card-carousel .card .more:active {
	top:3px;
	background-image: linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -o-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(62,184,229)),
	color-stop(1, rgb(44,160,202))
	);
	-webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
	-moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
	-o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
	box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
}

.card-carousel .card .more::before {
	background-color:#2591b4;
	background-image:url(images/button_arrow-right.png);
	background-repeat:no-repeat;
	background-position:center center;
	content:"";
	width:20px;
	height:20px;
	position:absolute;
	right:65px;
	top:50%;
	margin-top:-9px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: inset 0px 1px 0px #052756, 0px 1px 0px #60c9f0;
	-moz-box-shadow: inset 0px 1px 0px #052756, 0px 1px 0px #60c9f0;
	-o-box-shadow: inset 0px 1px 0px #052756, 0px 1px 0px #60c9f0;
	box-shadow: inset 0px 1px 0px #052756, 0px 1px 0px #60c9f0;
}

.card-carousel .card .more:hover::before {
	top:50%;
	margin-top:-12px;
	-webkit-box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #0e3871, 0px 6px 3px #1a80a6;
	-moz-box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #0e3871, 0px 6px 3px #1a80a6;
	-o-box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #0e3871, 0px 6px 3px #1a80a6;
	box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #0e3871, 0px 6px 3px #1a80a6;
}

.card-carousel .card .more:active::before {
	top:50%;
	margin-top:-12px;
	-webkit-box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #0e3871, 0px 6px 3px #1a80a6;
	-moz-box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #0e3871, 0px 6px 3px #1a80a6;
	-o-box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #0e3871, 0px 6px 3px #1a80a6;
	box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #0e3871, 0px 6px 3px #1a80a6;
}

.card-carousel .card .more a{
	color:#fff;
}

.card-carousel .card .more a:hover{
	text-decoration:none;
}

.card-carousel .card:nth-child(1) {
  z-index: 10;
  top: 0px;
  -webkit-transform-origin: top;
          transform-origin: top;
  -webkit-transform: scale(1);
          transform: scale(1);
  opacity: 1;
}
.card-carousel .card:nth-child(2) {
  z-index: 9;
  top: -15px;
  -webkit-transform-origin: top;
          transform-origin: top;
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
  opacity: 0.9;
}
.card-carousel .card:nth-child(3) {
  z-index: 8;
  top: -30px;
  -webkit-transform-origin: top;
          transform-origin: top;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
  opacity: 0.8;
}
.card-carousel .card:nth-child(4) {
  z-index: 7;
  top: -45px;
  -webkit-transform-origin: top;
          transform-origin: top;
  -webkit-transform: scale(0.7);
          transform: scale(0.7);
  opacity: 0.7;
}
.card-carousel .card:nth-child(5) {
  z-index: 6;
  top: -60px;
  -webkit-transform-origin: top;
          transform-origin: top;
  -webkit-transform: scale(0.6);
          transform: scale(0.6);
  opacity: 0.6;
}
.card-carousel .card:nth-child(6) {
  z-index: 5;
  top: -75px;
  -webkit-transform-origin: top;
          transform-origin: top;
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
  opacity: 0.5;
}
.card-carousel .card:nth-child(7) {
  z-index: 4;
  top: -90px;
  -webkit-transform-origin: top;
          transform-origin: top;
  -webkit-transform: scale(0.4);
          transform: scale(0.4);
  opacity: 0.4;
}
.card-carousel .card:nth-child(8) {
  z-index: 3;
  top: -105px;
  -webkit-transform-origin: top;
          transform-origin: top;
  -webkit-transform: scale(0.3);
          transform: scale(0.3);
  opacity: 0.3;
}
.card-carousel .card:nth-child(9) {
  z-index: 2;
  top: -120px;
  -webkit-transform-origin: top;
          transform-origin: top;
  -webkit-transform: scale(0.2);
          transform: scale(0.2);
  opacity: 0.2;
}
.card-carousel .card:nth-child(10) {
  z-index: 1;
  top: -135px;
  -webkit-transform-origin: top;
          transform-origin: top;
  -webkit-transform: scale(0.1);
          transform: scale(0.1);
  opacity: 0.1;
}
.card-carousel .card:nth-child(11) {
  z-index: 0;
  top: -150px;
  -webkit-transform-origin: top;
          transform-origin: top;
  -webkit-transform: scale(0);
          transform: scale(0);
  opacity: 0;
}
.card-carousel .card:first-child:hover {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.card-carousel .card:last-child {
  opacity: 0;
}

.card-carousel .card {
  color: rgba(0, 0, 0, 0.2);
  font-size: 12px;
  text-align: center;
}

.card-carousel span.category-name {
	display:inline-block;
	vertical-align:middle;
	margin:0 0 5px;
	background: #006699;
	border-radius: 4px;
	padding: 1px 5px;
	color: #fff;
	font-size: 11px;
	font-weight: normal;
}

.card-carousel span.date {
	font-size:11px;
	color:#333;
}

.card-carousel span.title {
	display:block;
}

.card-carousel .update-list{
	padding:30px;
	overflow:hidden;
}

.card-carousel .update-list ul{
	list-style-type:none;
}

.card-carousel .update-list li{
	position:relative;
	display:block;
	height:75px;
	margin:0 0 15px;
}

.card-carousel .update-list .view{
	position:absolute;
	top:0;
	left:85px;
    padding: 0 3px;
    border-radius: 4px;
    background: #FF9B42;
    color: #fff;
    font-size: 10px;
}

.card-carousel .update-list img{
	position:absolute;
	top:2px;
	left:0;
	width:75px;
	height:75px;
	border-radius:50%;
}

.card-carousel .update-list a{
	position:absolute;
	top:19px;
	left:85px;
	font-size:14px;
	font-weight:bold;
	color:#fff;
}

.card-carousel .update-list .excerpt{
	position:absolute;
	top:40px;
	left:85px;
	height:35px;
	overflow:hidden;
	color:rgba(255,255,255,0.7);
}

@media only screen and (max-width: 640px) {
	.card-carousel .update-list{
		padding:20px;
		overflow:hidden;
	}

	.card-carousel .update-list li{
		position:relative;
		display:block;
		height:initial;
		margin:0 0 30px;
	}
	
	.card-carousel .update-list .view{
		position:absolute;
		top:0;
		left:85px;
		padding: 0 3px;
		border-radius: 4px;
		background: #FF9B42;
		color: #fff;
		font-size: 10px;
	}
	
	.card-carousel .update-list img{
		position: relative;
		top: initial;
		left: initial;
		width:75px;
		height:75px;
		border-radius:50%;
	}
	
	.card-carousel .update-list a{
		position:absolute;
		top:19px;
		left:85px;
		font-size:14px;
		font-weight:bold;
		color:#fff;
	}

	.card-carousel .update-list .excerpt{
		position:relative;
		top:initial;
		left:initial;
		display:block;
		height:initial;
		margin:15px 0 0;
		overflow:hidden;
		color:rgba(255,255,255,1);
	}
}



/*------------------------------------------------
  Layout > main
------------------------------------------------*/
.container{
}
.container .content{
	width:1168px;
	margin:0 auto;
    padding: 5% 0;
}
.container .content .right-float{
	float:right;
}
.eyecatch2{
	display:block;
	margin:5% auto;
}
.main-point{
	width: auto;
	margin: 0 auto;
	padding:5%;
	overflow: hidden;
	font-size:1.2em;
	color:#333;
}
.main-point .content{
    width: 70%;
    float: none;
    clear: both;
    color: #333;
    text-align: left;
    font-size: 1.2em;
    font-weight: normal;
}
.main-point div{
    float: left;
    width: 20%;
    text-align: center;
	color:#DF1E1E;
	font-size:1.5em;
	font-weight:bold;
}
.main-point div .txt-cf{
	display:block;
	font-size:0.5em;
	font-weight:normal;
}
.main-point div img{
    display: block;
	width:250px;
    margin: 0 auto 5%;
}
.sub-point{
	width:auto;
	margin: 0 auto;
	padding:5%;
	overflow: hidden;
	font-size:1.2em;
	color:#333;
}
.sub-point div{
    margin: 0 auto;
    text-align: center;
    color: #ce0000;
    font-size: 2.5em;
    white-space: nowrap;
}
.sub-point div span.sub-cf{
	display: block;
	font-size:0.5em;
    color: #afafaf;
}
.sub-point div .txt-cf{
	display:block;
	font-size:0.5em;
	font-weight:normal;
}
.sub-point div.content{
	width: auto;
    padding: 0;
}
.sub-point div.content .ux-icon{
	width:auto;
}
.sub-point div.content .ux-icon img{
	display: inline;
	vertical-align: middle;
	width: initial;
	max-width:150px;
    margin: 0 2%;
}
.sub-point div.content .ux-icon .s3-icon{
    width: 300px !important;
    max-width: initial !important;
    margin: 5% 0 0 !important;
}
.sub-point div.content .ux-icon .s3-icon2{
	width: 200px !important;
	max-width: 200px !important;

}
.sub-point div.content .ux-icon .s3-icon3{
	width: auto !important;
	max-width: auto !important;

}
.sub-point div.content .ux-icon .s3-icon-arrow{
	width: 100px !important;
	max-width: 100px !important;
    margin: 0 0 10%;
}
.sub-point div.content .correspondence{
	display: block;
    width:33.3%;
    margin:5% 0;
	color: #333;
    text-align:center;
    font-size: 1.2em;
    font-weight: normal;
	float:left;
}
.sub-point div.log .correspondence{
	width:25%;
}
.sub-point div.content .text p .cf{
	padding:0 !important;
	font-size:12px !important;
	color:#555 !important;
}
.sub-point div.content .correspondence img{
	display:inline;
	width:auto;
	margin:0;
}
.sub-point div img{
    display: block;
	width:100%;
    margin: 0 auto 5%;
}
.sub-point div img.report-image{
	width:auto;
}
.sub-point div ul.report-list{
    max-width: 60%;
    text-align: left;
    font-size: 70%;
    line-height: 180%;
    margin: -5% 0 5% 20%;
}
.sub-point div .report-text{
	display: block;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	color:#333;
}
.ux-button .s3-icon3{
    display: block;
    width: auto;
    margin: 0 auto 5%;
}
.sub-point div img.badge{
    margin: 0 auto 15px;
}
.intermediate{
	margin:5% 0;
	text-align: center;
}
.intermediate p.text{
	color:#23597b;
	font-size:24px;
	font-weight: bold;
}
.intermediate .left{
	float:left;
	text-align:left;
}
.intermediate .right{
	float:right;
	text-align:left;
}
.intermediate .left img{
	display:block;
	float:left;
	width:210px;
}
.intermediate .left p{
	display:block;
	float:left;
}
.intermediate .right img{
	display:block;
	float:left;
	width:210px;
}
.intermediate .right p{
	display:block;
	float:right;
}



/*------------------------------------------------
  Layout > design
------------------------------------------------*/
#design{
	position:relative;
	margin:0 auto;
	color:#fff;
	background: rgba(255,145,10,1);
	clear:both;
}
#design:before{
	position:absolute;
	top:-5px;
	left:0;
	content:url(images/pic_section-tag-design.png);
}


#design .container{
}

#design .woman{
	display:block;
	margin: 0 0 0 -150px;
	float:left;
}

#design .text{
	margin:0;
	padding: 35px 0 0;
	overflow:hidden;
}

#design .text .text-wrapper{
	width: 310px;
    margin: 0 15px 0 0;
	padding: 20px;
	background-color: #fff;
	border-radius: 4px;
	color: #333;
	box-shadow: 0 3px 3px rgba(0, 0, 0, .2), inset 0 1px 1px rgba(255, 255, 255, .7);
	float:left;
}

#design .text .text-wrapper .title{
	margin:0 0 15px;
	overflow:hidden;
	clear:both;
}

#design .text .icon{
    margin:0 10px 0 0;
	float:left;
}

#design .text h3{
    margin: 0 0 5px;
	font-size:20px;
}

#design .text h3 span{
	display:block;
    margin: 0 0 10px;
	font-size:13px;
}

#design .text h3 span.price{
	text-align:right;
}

#design .text p{
	display:block;
    margin: 0 0 20px;
	font-size:14px;
	overflow:hidden;
}

#design .text p.sub{
	font-weight:bold;
}


/*------------------------------------------------
  Layout > design > load
------------------------------------------------*/
#load{
	background:#fff;
}

#load .content{
    width: 1168px;
    margin:65px auto 0;
}

#load .left{
	float:left;
}

#load .left img{
	display:block;
	margin:0 auto 35px;
}

#load .main{
	text-align:center;
	float:left;
}

#load .main .text{
	width:560px;
	margin: -20px 0 0 20px;
	color:#333;
	font-size:16px;
	text-align:left;
}

#load .right{
}

#load .right img{
	display:block;
	margin: 0 auto 50px;
}


/*------------------------------------------------
  Layout > cording
------------------------------------------------*/
#cording{
	position:relative;
	margin:0 auto;
	color:#fff;
	clear:both;
}

#cording .container{
    padding:0;
}

#cording .display{
	display:block;
	margin: 20px auto 0;
}

#cording .cf{
	display: block;
	padding:5% 0;
    color:#3d3d3d;
    font-size:1.3em;
    text-align:left;
	overflow:hidden;
}
#cording .cf ul{
	display:block;
	clear:both;
	list-style: none;
}
#cording .cf li{
	float:left;
	border:1px #ccc solid;
	border-radius:50%;
	list-style: none;
	width: 150px;
	height: 150px;
}

#cording .cf .text{
	display:inline-block;
	margin:5px auto 0;
	padding:0;
	font-size:18px;
	font-weight:normal;
	text-shadow:none;
}
#cording .text{
	width: 60%;
    padding: 25px 20px 5px;
    margin: 5% auto 20%;
    color: #383838;
    background: white;
    border-top: solid 5px #ce0000;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.22);
    white-space: initial;
    font-size: 2.5em;
}
#cording .text-sub{
    padding: 25px 20px 5px;
    margin: 5% auto 20%;
    color: #383838;
    background:#fbfbfb;
    white-space: initial;
    font-size: 24px;
}
#cording .text-sub2{
    font-size: 3em;
}
#cording .text p{
    margin: 0; 
    padding: 0;
}
#cording .text p:first-letter{
	display: inline;
	font-size:2.5em;
	color:#ce0000;
}
#cording .text .text-wrapper{
	width: 310px;
    margin: 0 15px 0 0;
	padding: 20px;
	background-color: #fff;
	border-radius: 4px;
	color: #333;
	box-shadow: 0 3px 3px rgba(0, 0, 0, .2), inset 0 1px 1px rgba(255, 255, 255, .7);
	float:left;
}

#cording .text .text-wrapper .title{
	margin:0 0 15px;
	overflow:hidden;
	clear:both;
}

#cording .text .icon{
    margin:0 10px 0 0;
	float:left;
}

#cording .text h3{
    margin: 0 0 5px;
	font-size:20px;
}

#cording .text h3 span{
	display:block;
    margin: 0 0 10px;
	font-size:13px;
}

#cording .text h3 span.price{
	text-align:right;
}

#cording .text p{
	display:block;
    margin: 0 0 20px;
	font-size:18px;
	font-weight:normal;
	overflow:hidden;
	text-align:left;
}

#cording .text p.sub{
	font-size:12px;
	font-weight:normal;
}


/*------------------------------------------------
  Layout > message-slider
------------------------------------------------*/
.message-slider {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	max-height: 722px;
	z-index: 999;
	overflow: hidden;
}


/*------------------------------------------------
  Layout > eyecatch > element
------------------------------------------------*/
.message-slider .slide .bg{
	background: rgba(255,255,255,0.5);
}

.message-slider .detail-button{
	display: block;
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	cursor: pointer;
}
.message-slider .detail-button a{
	display: block;
	padding: 8px 10px 5px;
	background: rgba(13,40,89,1);
	color: #FFF;
	text-decoration: none;
  text-shadow:0 -1px 0 rgba(255,255,255,0.6),0 1px 1px rgba(0,0,0,0.5);
	-webkit-transition-property: background;  
	-webkit-transition-duration: 0.25s;  
	-webkit-transition-timing-function: ease-out;
}
.message-slider .detail-button a:hover{
	text-decoration: none;
	background: rgba(255,68,0,1);
}

.message-slider .intro .bg{
	width: 695px;
	height: 320px;
}

.message-slider .intro .text{
	display: block;
	margin: 0;
	padding: 25px 0 0 25px;
	color: #0D2859;
	font-size: 32px;
	font-weight: bold;
	line-height: 48px !important;
  text-shadow:0 -1px 0 rgba(255,255,255,0.6),0 1px 1px rgba(0,0,0,0.5);
}

.message-slider .intro .img{
	margin: 0;
	padding: 0;
}

.message-slider .intro .img img{
	width: 135px !important;
	height: 135px !important;
}

.message-slider .our-jobs .bg{
	width: 775px;
	height: 340px;
}

.message-slider .our-jobs .text{
	display: block;
	margin: 0;
	padding: 25px 0 0 25px;
	color: #0D2859;
	font-size: 32px;
	font-weight: bold;
	line-height: 48px !important;
  text-shadow:0 -1px 0 rgba(255,255,255,0.6),0 1px 1px rgba(0,0,0,0.5);
}

.message-slider .our-jobs .cf{
	margin: 0 0 20px;
	font-size: 20px;
	line-height: 26px !important;
}

.message-slider .our-jobs .item{
	margin: 0 27px;
	float: left;
	color: #0D2859;
}

.message-slider .our-jobs .item img{
	display: block;
	width: 56px !important;
}

.message-slider .partner .bg{
	width: 820px;
	height: 300px;
}

.message-slider .partner .text{
	display: block;
	margin: 0;
	padding: 25px 0 0 25px;
	color: #0D2859;
	font-size: 32px;
	font-weight: bold;
	line-height: 48px !important;
  text-shadow:0 -1px 0 rgba(255,255,255,0.6),0 1px 1px rgba(0,0,0,0.5);
	clear: both;
}

.message-slider .partner .img{
	float: left;
}

.message-slider .partner .img img{
	width: 232px !important;
}

.message-slider .partner .cf{
	color: #0D2859;
	font-size: 24px;
	font-weight: bold;
	line-height: 42px !important;
  text-shadow:0 -1px 0 rgba(255,255,255,0.6),0 1px 1px rgba(0,0,0,0.5);
}

.message-slider .knowledge .bg{
	width: 775px;
	height: 250px;
}

.message-slider .knowledge .text{
	display: block;
	margin: 0;
	padding: 25px 0 0 25px;
	color: #0D2859;
	font-size: 32px;
	font-weight: bold;
	line-height: 48px !important;
  text-shadow:0 -1px 0 rgba(255,255,255,0.6),0 1px 1px rgba(0,0,0,0.5);
}

.message-slider .knowledge .img img{
	width: 119px !important;
}

.message-slider .knowledge .cf{
	margin: 0 0 20px;
	color: #0D2859;
	font-size: 20px;
	line-height: 26px !important;
	font-weight: bold;
  text-shadow:0 -1px 0 rgba(255,255,255,0.6),0 1px 1px rgba(0,0,0,0.5);
}

.slide br{
	display: block !important;
}


/*------------------------------------------------
  Layout > info
------------------------------------------------*/
.info {
	margin: 0 auto;
	padding: 10px;
	clear: both;
	overflow: hidden;
	_zoom: 1;
}


/*------------------------------------------------
  Layout > hr-slider
------------------------------------------------*/
.pic-bg-hr{
    max-height: 700px;
    padding: 0 0 45px;
    background: url(images/bg_hr-sec.jpg) repeat-x;
	text-align: center;
}
.pic-bg-hr:before{
    content: url(images/point_arrow-blue.png);
}

.info{
	clear: both;
}

.info .slider {
	width: auto;
	margin: 0 auto;
	padding: 40px 0 0;
	background: rgba(0,0,0,0.1);
	border-radius:10px;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
	color: #666;
	font-size: 14px;
	font-weight: bold;
	overflow: hidden;
	_zoom: 1;
}

.info .slider .point{
	vertical-align: middle;
	margin: 0 10px 0 0;
}

.info .slider .slider-frame{
	position: relative;
	width: 968px;
	margin: 0 auto;
	padding: 7px 39px;
	background: #FFF;
	border-radius: 15px;
	box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2);
}

.info .slider .slider-frame .bx-wrapper{
	height: 161px;
	margin: 0 !important;
	padding: 6px 0 0 !important;
	background: rgba(0,0,0,0.05);
}

.info .slider .slider-frame .bx-wrapper .item-wrapper{
	overflow: hidden;
	_zoom: 1;
}

.info .slider .slider-frame .bx-wrapper .item-wrapper .item{
	height: 150px;
	margin: 0 0 0 10px;
	padding: 5px 10px 0;
	background: #FFF;
	border-radius: 15px;
}

.info .slider .slider-frame .bx-wrapper .item-wrapper .item .header{
	height: 65px;
	clear: both;
	overflow: hidden;
	_zoom: 1;
}

.info .slider .slider-frame .bx-wrapper .item-wrapper .item .header .eye{
	position: relative;
	width: 65px;
	height: 65px;
	background: rgba(0,0,0,0.08);
	float: left;
	border-radius: 50%;
}

.info .slider .slider-frame .bx-wrapper .item-wrapper .item .header .eye .icon{
	width: 65px;
	height: 65px;
}
.info .slider .slider-frame .bx-wrapper .item-wrapper .item .header .eye .hr-server{
	background: url(images/slider-icon/server.png) no-repeat;
}
.info .slider .slider-frame .bx-wrapper .item-wrapper .item .header .eye .hr-database{
	background: url(images/slider-icon/detabase.png) no-repeat;
}
.info .slider .slider-frame .bx-wrapper .item-wrapper .item .header .eye .hr-network{
	background: url(images/slider-icon/network.png) no-repeat;
}
.info .slider .slider-frame .bx-wrapper .item-wrapper .item .header .eye .hr-pm{
	background: url(images/slider-icon/pm.png) no-repeat;
}
.info .slider .slider-frame .bx-wrapper .item-wrapper .item .header .eye .hr-program{
	background: url(images/slider-icon/program.png) no-repeat;
}
.info .slider .slider-frame .bx-wrapper .item-wrapper .item .header .eye .hr-creative{
	background: url(images/slider-icon/creative.png) no-repeat;
}
.info .slider .slider-frame .bx-wrapper .item-wrapper .item .header .eye .hr-office-work{
	background: url(images/slider-icon/etc.png) no-repeat;
}
.info .slider .slider-frame .bx-wrapper .item-wrapper .item .header .eye .hr-foreign-capital-work{
	background: url(images/slider-icon/etc.png) no-repeat;
}
.info .slider .slider-frame .bx-wrapper .item-wrapper .item .header .eye .hr-etc{
	background: url(images/slider-icon/etc.png) no-repeat;
}
.info .slider .slider-frame .bx-wrapper .item-wrapper .item .header .eye .server-offer{
	background: url(images/slider-icon/server.png) no-repeat;
}
.info .slider .slider-frame .bx-wrapper .item-wrapper .item .header .eye .database-offer{
	background: url(images/slider-icon/detabase.png) no-repeat;
}
.info .slider .slider-frame .bx-wrapper .item-wrapper .item .header .eye .network-offer{
	background: url(images/slider-icon/network.png) no-repeat;
}
.info .slider .slider-frame .bx-wrapper .item-wrapper .item .header .eye .pm-offer{
	background: url(images/slider-icon/pm.png) no-repeat;
}
.info .slider .slider-frame .bx-wrapper .item-wrapper .item .header .eye .program-offer{
	background: url(images/slider-icon/program.png) no-repeat;
}
.info .slider .slider-frame .bx-wrapper .item-wrapper .item .header .eye .creative-offer{
	background: url(images/slider-icon/creative.png) no-repeat;
}
.info .slider .slider-frame .bx-wrapper .item-wrapper .item .header .eye .officework-offer{
	background: url(images/slider-icon/etc.png) no-repeat;
}
.info .slider .slider-frame .bx-wrapper .item-wrapper .item .header .eye .foreign-capital-work-offer{
	background: url(images/slider-icon/etc.png) no-repeat;
}
.info .slider .slider-frame .bx-wrapper .item-wrapper .item .header .eye .etc-offer{
	background: url(images/slider-icon/etc.png) no-repeat;
}

.info .slider .slider-frame .bx-wrapper .item-wrapper .item .header .date{
	width: 91px;
	padding: 13px 0 0 5px;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	float: right;
	overflow: hidden;
	_zoom: 1;
}

.info .slider .slider-frame .bx-wrapper .item-wrapper .item h3{
	display: block;
	height: 54px;
	margin: 3px 0 0;
	font-size:12px;
	font-weight: normal;
	text-align: left;
}

.info .slider .slider-frame .bx-wrapper .item-wrapper .item .more{
	position: absolute;
	bottom: 6px;
	left: 15px;
	width: 170px;
	maring: 0;
	padding: 0;
	background-color: #35B2EA;	
	border: 1px solid #3399CC;	
	border-radius: 5px;
	box-shadow: 0px 0px 2px 0px #CCC, 0px 1px 0px rgba(255, 255, 255, 0.400) inset;	
	box-sizing: content-box;	
	color: #FFF;
	font-size: 11px;
	font-weight: normal;
	text-align: center;
	text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.400);	
	cursor: pointer;	
	-webkit-transition-property: background-color,background-image;  	
	-webkit-transition-duration: 0.25s;  	
	-webkit-transition-timing-function: ease-out; 	
}

.info .slider .slider-frame .bx-wrapper .item-wrapper .item .more:hover{
	background-color: #35B2EA;	
	background-image: -o-linear-gradient(top, #4ECDF2, #34AAE0);	
	color: #FFFFFF;	
	text-decoration: none;	
}

.info .slider .slider-frame .bx-wrapper .bx-prev{ 
	background: url(images/point_arrow-slider-left.png) no-repeat rgba(0,0,0,0.20);
	background-position: center;
	position: absolute;
	top: 0;
	left: -32px;
	z-index: 9999;
	width: 32px;
	height: 166px;
	margin: 0;
	border-radius: 15px 0 0 15px;
	-webkit-transition-property: background;  
	-webkit-transition-duration: 0.25s;  
	-webkit-transition-timing-function: ease-out; 
}
.info .slider .slider-frame .bx-wrapper .bx-prev:hover{
	background: url(images/point_arrow-slider-left.png) no-repeat rgba(0,0,0,0.12);
	background-position: center;
}

.info .slider .slider-frame .bx-wrapper .bx-next { 
	background: url(images/point_arrow-slider-right.png) no-repeat rgba(0,0,0,0.20);
	background-position: center;
	position: absolute;
	top: 0;
	right: -32px;
	z-index: 9999;
	width: 32px;
	height: 166px;
	margin: 0;
	border-radius: 0 15px 15px 0;
	-webkit-transition-property: background;  
	-webkit-transition-duration: 0.25s;  
	-webkit-transition-timing-function: ease-out; 
}
.info .slider .slider-frame .bx-wrapper .bx-next:hover{ 
	background: url(images/point_arrow-slider-right.png) no-repeat rgba(0,0,0,0.12);
	background-position: center;
}

.info .sns {
	width: 236px;
	padding: 40px 0px 0px 15px;
	overflow: hidden;
	_zoom: 1;
}

.info .sns .logo {
	position: relative;
	left: auto;
	top: auto;
}

.info .sns .rss{
	margin: 0 0 20px;
}

.info .sns .rss img{
	vertical-align: middle;
	margin: 0 10px 0 0;
}

.info .sns .twitter{
	width: 50%;
	float: left;
}

.info .sns .facebook{
	width: 50%;
	float: right;
}



/*------------------------------------------------
  Layout > header
------------------------------------------------*/
.mega-menu{
	overflow: inherit;
}
.mddWrap{
	display: none;
}
.header{
	width: 100%;
	height: 85px;
	margin: 0;
	padding: 0;
	clear: both;
	background: rgba(255,255,255,0.5);
	_zoom: 1;
}

.navi-fixed {
	position: fixed;
	top: 0;
	width: 100%;
	height: 85px;
	margin: 0;
	padding: 0;
	z-index: 10001;
	background: rgba(255,255,255,0.95);
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
}

.header .menu {
	width: 1280px;
	height: 85px;
	margin: 0 auto;
	padding: 0;
}

.header .info-logo {
	width: 225px;
	height: 75px;
	margin: 13px 100px 0 15px;
	float: left;
}
.header .info-logo img{
	-webkit-transition-property: filter,opacity;  
	-webkit-transition-duration: 0.25s;  
	-webkit-transition-timing-function: ease-out; 
}
.header .info-logo img:hover{
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

.header ul.navi {
	display: table;
	table-layout: fixed;
	margin: 0;
	text-align: left;
	font-weight: bold;
	font-size: 13px;
	line-height: 18px;
	list-style: none;
	float: right;
}

.header ul.navi li {
	display: table-cell;
	vertical-align: middle;
	padding:0;
}

.header ul.navi li span{
	display: block;
	font-size: 12px;
	font-weight:normal;
}

.header ul.navi a {
	position: relative;
	display: block;
	width: auto;
	height: 50px;
	padding: 36px 10px 0 25px;
	margin: 0;
	background: none;
	color: #000;
	text-decoration: none;
	float: left;
}
.header ul.navi a:before{
	content:"\f101";
	font-family:"fontawesome";
	color:#FD3939;
	font-weight:bold;
	font-size: 20px;
	margin:0 5px 0 0;
}
.header ul.navi a:hover {
	color:#fff;
	-webkit-transition-property: background-color;  
	-webkit-transition-duration: 0.25s;  
	-webkit-transition-timing-function: ease-out; 
}

.header ul.navi a:hover {
	background: #FD3939;
}
.header ul.navi a:hover:before{
	content:"\f101";
	font-family:"fontawesome";
	color:#fff;
	font-weight:bold;
	font-size: 20px;
	margin:0 5px 0 0;
}
.header ul.navi .inquery-navi-button {
	margin:-30px 0 0;
}
.header ul.navi .hover-off:before{
	content:"";
}
.header ul.navi .hover-off:hover{
	background:none;
}
.header ul.navi .hover-off:hover:before{
	content:"";
}
.header a.tel{
	display: none;
}

.navi-fixed a.tel{
	display: block;
	position: absolute;
	top: 0;
	right: 10px;
	width: 207px;
	padding: 0 0 2px 7px;
	background: #ff6600;
	border-radius: 0 0 8px 8px;
	z-index: 9999;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	clear: both;
	-webkit-transition-property: background;  
	-webkit-transition-duration: 0.25s;  
	-webkit-transition-timing-function: ease-out; 
}
.navi-fixed a.tel:hover{
	background: #FF954E;
}
.navi-fixed a.tel i.fa-mobile{
	margin: 0 5px 0 0;
	font-size: 30px;
	float: left;
}
.navi-fixed a.tel span{
	display: block;
	margin: -5px 0 0;
	font-size: 10px;
	font-weight: normal;
}

a.tel:hover{
	text-decoration: none;
}


/*------------------------------------------------
  Layout > intro
------------------------------------------------*/
.intro{
	width: auto;
	margin: 0 auto;
	padding: 0 50px;
	color: #FFF;
	font-size: 18px;
}

.intro .wrapper{
	margin: 0 0 35px;
	padding: 0 0 35px 0;
	border-bottom: 1px solid #FFF;
	overflow: hidden;
	_zoom: 1;
}

.intro .wrapper:last-child{
	border-bottom: none;
}

.intro .left{
	width: 47%;
	margin: 0 0 0 50px;
	float: left;
	overflow: hidden;
	_zoom: 1;
}

.intro .right{
	width: 47%;
	float: right;
	overflow: hidden;
	_zoom: 1;
}

.intro h3{
	display: block;
	font-size: 20px;
	overflow: hidden;
	_zoom: 1;
}
.intro h3:before{
	display: block;
	content: url(images/point_sad-face.png);
	margin: 0 5px 0 0;
	float: left;
}

.intro h3 span{
	display: block;
	font-size: 18px;
	font-weight: normal;
}


/*------------------------------------------------
  Layout > movie
------------------------------------------------*/
.logo {
	position: absolute;
	top: 57px;
	left: 27px;
	z-index: 9999;
}

.logo img{
	display:none;
}

.movie {
	position: relative;
	top: 0;
	left: 0;
	bottom: 0;
	margin: 0;
	padding: 0;
	clear: both;
}
.movie h1{
	position: absolute;
	top: 0;
	margin: 0 auto;
	width: 100%;
	padding: 0.6% 0 0.6% 0.4%;
    background: -webkit-linear-gradient(#E43939, #8d0000);
	color: #FFF;
	font-size: 12px;
	font-weight: normal;
	z-index: 9999;
}
.movie a.tel{
	position:absolute;
	top:0;
	right:10px;
	width:207px;
	z-index:9999;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	clear:both;
}
.movie a.tel:hover{
	text-decoration:underline;
}
.movie a.tel i.fa-mobile{
	margin:0 5px 0 0;
	font-size:30px;
	float:left;
}
.movie a.tel span{
	display:block;
	margin:-5px 0 0;
	font-size:10px;
	font-weight:normal;
}
.movie .firstview{
    position: absolute;
    top: -6px;
    right: 20px;
    z-index: 10000;
}
.movie .firstview2{
    position: absolute;
    top: 5px;
    right: 20px;
    z-index: 10000;
}

.movie .top-eyecatch{
	display: inline-block;
	position:absolute;
	top:0;
	margin: 0 0 -38px;
	padding: 0;
	z-index: 10000;
	min-width: 100vw;
	min-height: 100vh;
	object-fit: cover;
	text-align:center;
}
.movie .top-eyecatch .top-eyecatch-text{
	position:absolute;
    width: 160px;
	top:25%;
	left: calc(50% - 110px);
}
.movie .top-eyecatch .top-copy{
	margin: 25% 0 0;
	color:#fff;
	font-weight:bold;
	font-size:3em;
	text-shadow: 2px 2px 2px rgba(0,0,0,1);
}
.movie .top-message{
	position: absolute;
	bottom:0;
	width:100%;
	height:75px;
	padding:30px;
	background:rgba(0,0,0,0.2);
	font-size:26px;
	text-align:left;
	z-index: 9999;
}

.movie .top-message .message{
	color:#fff;
	font-size:16px;
	font-weight:bold;
	text-shadow: 2px 2px 2px rgba(0,0,0,1);
}
.movie .top-message .message span{
	display:block;
	margin:10px 0 0;
	font-size:14px;
}
.movie .top-message .message span i{
	display: inline;
    margin: 0;
    font-size: 18px;
}
.movie .top-message .tel{
	position: absolute;
    bottom:40px;
    right:100px;
}
.movie .top-message .tel .message{
	width:260px;
	height:50px;
    padding: 0 0 0 5px;
    font-size: 18px;
    line-height: 20px;
}

.movie .top-message .tel img{
	display:block;
	clear:both;
	-webkit-transition-property: opacity,filter;  
	-webkit-transition-duration: 0.25s;  
	-webkit-transition-timing-function: ease-out; 
}
video {
	display: inline-block;
	margin: 0 0 -38px;
	padding: 0;
	z-index: 1;
	min-width:100vw;
	min-height:100vh;
	object-fit:cover;
}

.filter {
	position: absolute;
	top: 0;
	left: 0;
	min-width: 100vw;
	min-height: 100%;
	margin: 0 0 -38px;
	padding: 0;
	background: url(images/bg_movie-filter_dark.png) repeat;
	z-index: 2;
	object-fit:cover;
}

.top-message .top-inquery{
	position: absolute;
	bottom:8%;
	left: -webkit-calc(50% - 110px);
	left: calc(50% - 110px);
	margin:0;
	padding:0;
	z-index:9999;
	color: rgba(18,79,132,1);
}
.top-message .top-inquery img{
	-webkit-transition-property: filter,opacity;  
	-webkit-transition-duration: 0.25s;  
	-webkit-transition-timing-function: ease-out; 
}
.top-message .top-inquery img:hover{
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

.top-message a:hover{
	text-decoration: none;
}

.top-message .scroll{
	width: 100px;
	height: 100px;
	margin: 15px auto 0;
	background: rgba(255,255,255,0.2);
	border-radius:50%;
	border: 5px solid rgba(255,255,255,1);
	color: rgba(255,255,255,1);
	font-size: 18px;
	font-weight: bold;
	text-align:center;
	-webkit-transition-property: background,color;  
	-webkit-transition-duration: 0.25s;  
	-webkit-transition-timing-function: ease-out; 
}
.top-message .scroll:hover{
	color: #FFF;
	background:rgba(218, 79, 79, 0.5);
}

.top-message i{
	display: block;
	margin: 22px 0 2px;
	font-size: 25px;
}

.navi {
	display: table;
	table-layout: fixed;
	text-align: left;
	z-index: 3;	
	font-weight: bold;
	font-size: 16px;
	line-height: 18px;
	list-style: none;
}

.navi li {
	display: table-cell;
	vertical-align: middle;
}

.navi li span{
	font-size: 12px;
}

.navi li a {
	color: #FFF;
	text-decoration: none;
}


/*------------------------------------------------
  Layout > service
------------------------------------------------*/
.service-wrapper{
	width: 1165px;
	margin: 0 0 57px;
	color: #3D3D3D;
	font-size: 16px;
	line-height: 28px;
}

.service-wrapper .left{
	width: 550px;
	height: 250px;
	margin: 0 0 57px 10px;
	background: rgba(56,79,128,0.1);
	border-radius: 10px;
	float: left;
}

.service-wrapper .right{
	width: 550px;
	height: 250px;
	margin: 0 0 57px 10px;
	background: rgba(56,79,128,0.1);
	border-radius: 10px;
	float: right;
}

.service-wrapper .center{
	width: 550px;
	height: 250px;
	margin: 0 auto;
	background: rgba(56,79,128,0.1);
	border-radius: 10px;
	clear: both;
}

.service-wrapper h3{
	position: relative;
	display: block;
	width: 512px;
	margin: 15px 0 0 -10px;
	padding: 7px 0 3px 28px;
	color: #FFF;
	font-size: 20px;
	font-weight: bold;
	background: #008CFF;
	z-index: 100;
}
.service-wrapper h3:before{
	position: absolute;
	top: 28px;
	left: 0;
	content: url(images/point_h2-corner-shadow.png);
}

.service-wrapper img{
	float: left;
}

.service-wrapper p{
	margin: 0;
	padding: 20px 35px 10px 20px;
	overflow: hidden;
	_zoom: 1;
}




/*------------------------------------------------
  Layout > Our Jobs
------------------------------------------------*/
.oug-jobs-wrapper{
	width: 1165px;
	margin: 0 0 57px;
	color: #3D3D3D;
	font-size: 16px;
	line-height: 28px;
	overflow: hidden;
	_zoom: 1;
}

.oug-jobs-wrapper h3{
	display: block;
	margin: 15px 0;
	color: #333;
	font-size: 20px;
	font-weight: normal;
	text-align: center;
}

.oug-jobs-wrapper .left{
	margin: 0;
	float: left;
}

.oug-jobs-wrapper .right{
	margin: 0;
	float: right;
}

.section-ourjobs-item {
	width: 240px;
	margin: 0 20px 0;
	padding: 0;
	border: 1px solid #C9C9C9;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background: rgba(241,242,241,0.8);
	color: #FFF;
	float: left;
}

.section-ourjobs-item .head {
	margin: 0;
	padding: 4px 0 3px 7px;
	font-size: 13px;
	font-weight: bold;
	color: #606060;
	text-align: left;
}

.section-ourjobs-item .title {
	display: block;
	width: 210px;
	height: 36px;
	margin: 0;
	padding: 8px 15px 5px;
	border-top: 1px solid #C9C9C9;
	border-bottom: 1px solid #F4F4F4;
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	color: #FFF;
}

.section-ourjobs-item .purple {
	background: radial-gradient(#8B51AD, #762193);
	-moz-background: radial-gradient(#8B51AD, #762193);
	-webki-background: radial-gradient(#8B51AD, #762193);
}

.section-ourjobs-item .green {
	background: radial-gradient(#4AC459, #18A025);
	-moz-background: radial-gradient(#4AC459, #18A025);
	-webki-background: radial-gradient(#4AC459, #18A025);
}

.section-ourjobs-item .orange {
	background: radial-gradient(#FF943D, #FF7300);
	-moz-background: radial-gradient(#FF943D, #FF7300);
	-webki-background: radial-gradient(#FF943D, #FF7300);
}

.section-ourjobs-item .blue {
	background: radial-gradient(#5B94E6, #1666DB);
	-moz-background: radial-gradient(#5B94E6, #1666DB);
	-webki-background: radial-gradient(#5B94E6, #1666DB);
}

.section-ourjobs-item .gray {
	background: radial-gradient(#929292, #5B5B5B);
	-moz-background: radial-gradient(#929292, #5B5B5B);
	-webki-background: radial-gradient(#929292, #5B5B5B);
}

.section-ourjobs-item .lightblue {
	background: radial-gradient(#5DBEFF, #0098FF);
	-moz-background: radial-gradient(#5DBEFF, #0098FF);
	-webki-background: radial-gradient(#5DBEFF, #0098FF);
}

.section-ourjobs-item .pink {
	background: radial-gradient(#FF9C9C, #FF5B5B);
	-moz-background: radial-gradient(#FF9C9C, #FF5B5B);
	-webki-background: radial-gradient(#FF9C9C, #FF5B5B);
}

.section-ourjobs-item .job-icon {
	height: 76px;
	margin: 0;
	padding: 0;
	text-align: center;
	float: left;
}

.section-ourjobs-item .job-icon img {
	margin: 5px 5px 0;
}

.section-ourjobs-item .content {
	width: 230px;
	height: 65px;
	margin: 0;
	padding: 5px;
	font-size: 12px;
	line-height: 18px;
	color: #606060;
	border-top: 1px solid #F4F4F4;
	border-bottom: 1px solid #C9C9C9;
	text-align: left;
}

.section-ourjobs-item .pay {
	width: 240px;
	height: 34px;
	margin: 0;
	padding: 8px 0 2px;
	font-size: 13px;
	font-weight: bold;
	color: #606060;
	border-top: 1px solid #F4F4F4;
	border-bottom: 1px solid #C9C9C9;
}

.section-ourjobs-item .pay img{
	margin: 0 15px;
	vertical-align: middle;
}

.section-ourjobs-item .pay .kingaku{
	display: inline-block;
	margin: 0 20px 0 0;
	color: #62A100;
	font-size: 20px;
	font-weight: bold;
	float: right;
}

.section-ourjobs-item .pay .kingaku span{
	margin: 0 10px 0 0;
	font-size: 12px;
	color: #606060;
}

.section-ourjobs-item .place {
	height: 28px;
	margin: 0;
	padding: 2px 0 0 10px;
	font-size: 12px;
	font-weight: bold;
	color: #606060;
	border-top: 1px solid #F4F4F4;
	clear: both;
}

.section-ourjobs-item .place .place-title{
	clear: both;
}

.section-ourjobs-item .place .place-title{
	color: #606060;
	font-size: 12px;
	font-weight: normal;
	float: left;
}

.section-ourjobs-item .place span{
	margin: 0 10px 0 0;
	color: #515151;
	font-size: 16px;
	font-weight: bold;
	float: right;
}


/*------------------------------------------------
  Layout > job-slider
------------------------------------------------*/
.pic-bg-job{
    max-height: 700px;
    padding: 0 0 45px;
    background: url(images/bg_job-sec.jpg) repeat-x;
	text-align: center;
}
.pic-bg-job:before{
    content: url(images/point_arrow-yellow.png);
}

.pic-bg-job .info .slider {
	width: auto;
	margin: 0 auto;
	padding: 40px 0 0;
	background: rgba(255,255,255,0.25);
	border-radius:10px;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
	color: #666;
	font-size: 14px;
	font-weight: bold;
	overflow: hidden;
	_zoom: 1;
}


/*------------------------------------------------
  Layout > partner
------------------------------------------------*/
.partner{
	width: 1165px;
	margin: 0 auto;
	padding: 35px;
	color: #333;
	font-size: 22px;
	line-height: 44px;
}

.inquery-partner{
	margin: 0;
	padding: 30px 0 23px;
	text-align: center;
}
.inquery-partner img{
	-webkit-transition-property: filter,opacity;  
	-webkit-transition-duration: 0.25s;  
	-webkit-transition-timing-function: ease-out; 
}
.inquery-partner img:hover{
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}


/*------------------------------------------------
  Layout > news-area
------------------------------------------------*/
.knowledge{
	width: 1185px;
	margin: 0 auto;
	padding: 30px 0 86px;
	overflow: hidden;
	_zoom: 1;
	clear: both;
	text-align: left;
}

.pic-bg-knowledge{
	padding: 0;
	background: #fff;
	text-align: center;
}

.news-area{
	width: 1013px;
    margin: 20px auto 35px;
	padding: 0;
	text-align: left;
	clear: both;
	overflow: hidden;
	_zoom: 1;
}

.news-area a{
	color: #0D2859;
}

.news-area a .more{
	font-size: 12px;
	text-align: right;
}

.news-area .content-wrapper{
	width: 320px;
	margin: 0;
	padding: 0 10px;
	border-right: 1px solid #9E9E9E;
	float: left;
	overflow: hidden;
	_zoom: 1;
}
.news-area .content-wrapper:first-child{
	padding: 0 10px 0 0;
}
.news-area .content-wrapper:last-child{
	padding: 0 10px;
}

.news-area .content-wrapper h3{
	margin: 0;
	padding: 0 0 0 5px;
	font-size: 16px;
	font-weight: normal;
	border-left: 5px solid #000;
}

.news-area .content-wrapper h4{
	margin: 0 0 5px;
	padding: 3px 0 0;
	font-size: 13px;
	font-weight: bold;
}
.news-area .content-wrapper h4:first-child{
	display: none;
}

.news-area .content-wrapper h4 a{
	font-size: 12px;
}

.news-area .content-wrapper .date{
	display: block;
    margin: 0 0 5px 0;
    padding: 0 0 5px;
    font-size: 11px;
    font-weight: normal;
    border-bottom: 1px dotted #ccc;
}
.news-area .content-wrapper .date:first-child{
	display: none;
}

.news-area .content-wrapper .parent{
	border-bottom: none;
}

.news-area .content-wrapper h3 span{
	display: block;
    margin: -5px 0 0;
	padding: 0;
	font-size: 11px;
}

.news-area .content-wrapper .content{
	margin: 0 0 5px;
	padding: 10px 0;
	font-size: 12px;
	line-height: 16px;
	border-bottom: 1px solid #9E9E9E;
}

.news-area .content-wrapper .content:last-child{
	border-bottom: none;
}

.news-area .content-wrapper .content .eye img{
	width: 320px;
	height: 141px;
}

.news-area .content-wrapper .content .eye-liquid{
	width: 320px;
	height: 135px;
	margin: 0 0 3px;
	overflow: hidden;
	_zoom: 1;
}

.news-area .content-wrapper .content .eye-liquid img{
	width: 320px;
	height: 168px;
}

.news-area .content-wrapper .content h4.child{
    margin: 0 0 10px;
    padding: 0 0 10px;
    border-bottom: 1px dotted #ccc;
}
.news-area .content-wrapper .content h4.child:first-child{
	display: none;
}

.news-area .content-wrapper .content h4.child a{
	font-size: 12px;
}

.news-area .content-wrapper .content .ex{
}

.news-area .content-wrapper .content .more{
	text-align: right;
}

.news-area .child{
	display: block;
	width: 320px;
}

.more-section-link{
	color:#FFF;
}
.more-section-link:hover{
	text-decoration: none;
}

.more-section-link .button{
	position: relative;
	display:block;
	width: 600px;
	margin: 50px auto;
	padding: 20px 0 17px;
	border-radius: 8px;
	border-bottom: 4px solid #0976A7;
	background: #0B97D6;
	font-size:18px;
	font-weight:bold;
	text-align: center;
	text-decoration: none;
	color:#FFF;
	-webkit-transition-property: filter,opacity;  
	-webkit-transition-duration: 0.25s;  
	-webkit-transition-timing-function: ease-out; 
}
.more-section-link .button:hover{
	padding: 20px 0 21px;
	border-bottom:none;
	filter: alpha(opacity=85);
	-moz-opacity: 0.85;
	opacity: 0.85;
}

.more-section-link .button i{
	margin: 0 10px 0 0;
}

.more-section-link .button i br{
	display: none;
}


/*------------------------------------------------
  Layout > bunner-area
------------------------------------------------*/
.bunner-area-wrapper{
	padding: 50px 0;
	text-align: center;
}

.bunner-area{
	margin: 30px 0 0;
}

.bunner-area img{
	margin: 0 15px;
	vertical-align: middle;
}
.bunner-area a{
	-webkit-transition-property: filter,opacity;  
	-webkit-transition-duration: 0.25s;  
	-webkit-transition-timing-function: ease-out; 
}
.bunner-area a:hover{
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}


/*------------------------------------------------
  Layout > form
------------------------------------------------*/
.form-wrapper{
	position: relative;
	margin: 0;
	padding: 0 0 60px;
	color: #FFF;
	font-size: 20px;
	line-height: 31px;
	text-align: center;
	background: rgba(255,255,255,1);
}

.form{
	width: 800px;
	margin: 30px auto 0;
	padding: 10px;
	color: #FFF;
	font-size: 14px;
	line-height: 21px;
	background: rgba(0,0,0,0.025);
	box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.4);
	border-top: 1px solid rgba(0,0,0,0.1);
	border-left: 1px solid rgba(0,0,0,0.1);
}

.form .read{
	margin: 0;
	padding: 25px 0;
	color: rgba(0,0,0,0.8);
	font-size: 18px;
	font-weight: bold;
}

.form p{
	margin: 0;
	padding: 25px 0;
	color: rgba(0,0,0,0.8);
	font-size: 18px;
	font-weight: bold;
}

.form table{
	width: 800px;
	margin: 0;
	border-collapse: collapse;
	margin: 0 auto;
	background: #FFF;
	box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.2)
}

.form table tr{
	border-top: 1px solid rgba(0,0,0,0.1);
	border-bottom: none;
	border-left: 1px solid rgba(0,0,0,0.1);
	border-right: 1px solid rgba(0,0,0,0.1);
}
.form table tr:last-child{
	border-bottom: 1px solid rgba(0,0,0,0.1);
}

.form table th{
	width: 223px;
	padding: 23px 10px 20px;
	background: rgba(0,0,0,0.06);
	color: rgba(0,0,0,0.9);
	font-size: 16px;
	font-weight: normal;
	text-align: left;
	clear: both;
}

.form .hissu{
	margin: -3px 0 0;
	padding: 1px 10px;
	border: 1px solid #FFF;
	border-radius: 4px;
	box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.1);
	font-size: 11px;
	color: rgba(0,0,0,0.5);
	float: right;
	background: #FFAF30;
}

.form .nini{
	margin: -3px 0 0;
	padding: 1px 10px;
	border: 1px solid #FFF;
	border-radius: 4px;
	box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.1);
	font-size: 11px;
	color: rgba(255,255,255,0.7);
	float: right;
	background: #3CBF4C;
}

.form table td{
	padding: 20px 10px;
	color: rgba(0,0,0,0.9);
	text-align: left;
}

.form input[type="checkbox"]{
	width: 20px;
	height: 20px;
	margin: 0 3px 0 0;
	border: 1px solid #CCC;
	font-size: 13px;
}

.form input[type="text"]{
	width: 350px;
	padding: 10px;
	border: 1px solid #CCC;
	font-size: 14px;
	font-weight: 600;
	color: rgba(0,0,0,0.8);
}
.form input:focus{
	border: 1px solid #9999FF;
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.102) inset, 0px 0px 8px rgba(82, 168, 236, 0.600);
	color: rgba(0,0,0,0.5);
}
.form input[type="radio"]:focus{
	border: none;
	box-shadow: none;
}
.form .short{
	width: 100px !important;
}
.form input[type="text"].date {
	width: 200px;
}
.form input[type="email"]{
	width: 350px;
	padding: 10px;
	border: 1px solid #CCC;
	font-size: 14px;
	font-weight: 600;
	color: rgba(0,0,0,0.8);
}
.form input[type="tel"]{
	width: 350px;
	padding: 10px;
	border: 1px solid #CCC;
	font-size: 14px;
	font-weight: 600;
	color: rgba(0,0,0,0.8);
}

.form span.ensen{
	display: inline-block;
	margin: 0 0 10px 10px;
}

.form span.ensen input[type="text"]{
	width: 225px !important;
}

.form span.eki input[type="text"]{
	margin: 0 10px 0 0;
}

.form span.access-time input[type="text"]{
	margin: 0 10px 0 0;
}

.form textarea{
	width: 92%;
	padding: 10px;
	border: 1px solid #CCC;
	font-size: 14px;
	font-weight: 600;
	color: rgba(0,0,0,0.8);
}
.form textarea:focus{
	border: 1px solid #9999FF;
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.102) inset, 0px 0px 8px rgba(82, 168, 236, 0.600);
	color: rgba(0,0,0,0.5);
}
.form textarea.inquery{
	width: 514px;
	height: 200px;
	text-align: left;
	color: rgba(0,0,0,0.8);
}
.form textarea.inquery:focus{
	color: rgba(0,0,0,0.5);
}

.form .read-box-title {
	width: 723px;
	margin: 5px auto 0;
	padding: 5px 0;
	background: #006C93;
	color: #FFF;
	text-align: center;
}

.form .read-box {
	width: 700px;
	height: 200px;
	margin: 0 auto 15px;
	padding: 10px;
	border: 1px solid #CCC;
	text-align: left;
	font-size: 12px;
	overflow: scroll;
	color: rgba(0,0,0,0.8);
}

.form .read-box p{
	margin: 10px 0 30px;
	padding: 0;
	line-height: 1.5em;
	font-size: 12px;
	font-weight: normal;
	color: rgba(0,0,0,0.8);
}

.form .read-box strong {
	margin: 0;
	padding: 0 0 0 5px;
	border-left: 5px solid;
	font-size: 14px;
	color: rgba(0,0,0,0.8);
}

.form input[type="submit"] {
	display: block;
	width: 55%;
	margin: 25px auto 15px;
    padding: 15px 0;
    background-color: #3bb3e0;
    font-size: 25px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
    color: #fff !important;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    position: relative;
    background-image: linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
    background-image: -o-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(44,160,202)), color-stop(1, rgb(62,184,229)) );
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
    -moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
    -o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
    box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
	border: none;
	cursor:pointer;
}
.form input[type="submit"]:hover {
	top:3px;
	background-image: linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -o-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(62,184,229)),
	color-stop(1, rgb(44,160,202))
	);
	-webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
	-moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
	-o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
	box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
	text-decoration: none;
}

.form input[type="submit"]:active {
	top:3px;
	background-image: linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -o-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(62,184,229)),
	color-stop(1, rgb(44,160,202))
	);
	-webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
	-moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
	-o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
	box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
}

.form input[type="submit"]::before {
	background-color:#2591b4;
	background-image:url(images/button_arrow-right.png);
	background-repeat:no-repeat;
	background-position:center center;
	content:"";
	width:20px;
	height:20px;
	position:absolute;
	right:15px;
	top:50%;
	margin-top:-9px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: inset 0px 1px 0px #052756, 0px 1px 0px #60c9f0;
	-moz-box-shadow: inset 0px 1px 0px #052756, 0px 1px 0px #60c9f0;
	-o-box-shadow: inset 0px 1px 0px #052756, 0px 1px 0px #60c9f0;
	box-shadow: inset 0px 1px 0px #052756, 0px 1px 0px #60c9f0;
}

.form input[type="submit"]:hover::before {
	top:50%;
	margin-top:-12px;
	-webkit-box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #0e3871, 0px 6px 3px #1a80a6;
	-moz-box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #0e3871, 0px 6px 3px #1a80a6;
	-o-box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #0e3871, 0px 6px 3px #1a80a6;
	box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #0e3871, 0px 6px 3px #1a80a6;
}

.form input[type="submit"]:active::before {
	top:50%;
	margin-top:-12px;
	-webkit-box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #0e3871, 0px 6px 3px #1a80a6;
	-moz-box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #0e3871, 0px 6px 3px #1a80a6;
	-o-box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #0e3871, 0px 6px 3px #1a80a6;
	box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #0e3871, 0px 6px 3px #1a80a6;
}
.wpcf7-list-item label{
	display: block;
	margin: 0 0 10px;
}

.form span.access label{
	display: inline-block;
	margin: 0 15px;
}


/*------------------------------------------------
  Layout > form > 詳細ページ
------------------------------------------------*/
.hr-job-form .form-wrapper{
	position: relative;
	margin: 0;
	padding: 0;
	color: #FFF;
	font-size: 20px;
	line-height: 31px;
	text-align: center;
	background: rgba(255,255,255,1);
}

.hr-job-form .form{
	width: 609px;
	margin: 0 auto;
	padding: 0;
	color: #FFF;
	font-size: 14px;
	line-height: 21px;
	background: rgba(0,0,0,0.025);
	box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.4);
	border-top: 1px solid rgba(0,0,0,0.1);
	border-left: 1px solid rgba(0,0,0,0.1);
}

.hr-job-form .form p{
	display: none;
}

.hr-job-form .form table{
	width: 570px;
	margin: 0;
	border-collapse: collapse;
	margin: 0 auto;
	background: #FFF;
	box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.2)
}

.hr-job-form .form table tr{
	border-top: 1px solid rgba(0,0,0,0.1);
	border-bottom: none;
	border-left: 1px solid rgba(0,0,0,0.1);
	border-right: 1px solid rgba(0,0,0,0.1);
}
.hr-job-form .form table tr:last-child{
	border-bottom: 1px solid rgba(0,0,0,0.1);
}

.hr-job-form .form table th{
	width: 165px;
	padding: 0 10px;
	background: rgba(0,0,0,0.06);
	color: rgba(0,0,0,0.9);
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	clear: both;
}

.hr-job-form .form .hissu{
	margin: -3px 0 0;
	padding: 1px 7px;
	border: 1px solid #FFF;
	border-radius: 4px;
	box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.1);
	font-size: 10px;
	color: #000;
	background: #FFAF30;
}

.hr-job-form .form .nini{
	margin: -3px 0 0;
	padding: 1px 7px;
	border: 1px solid #FFF;
	border-radius: 4px;
	box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.1);
	font-size: 10px;
	color: #fff;
	float: right;
	background: #3CBF4C;
}

.hr-job-form .form table td{
    padding: 10px;
	color: rgba(0,0,0,0.9);
	text-align: left;
}

.hr-job-form .form table td .cf{
	color: #F15E5E;
	font-size: 11px;
	line-height: 19px;
}

.hr-job-form .form table td .access{
	display: block;
	margin: 10px 0;
}

.hr-job-form .form .wpcf7-radio .wpcf7-list-item{
	display: inline-block;
    margin: 0 15px 0 0;
}

.hr-job-form .form .wpcf7-radio .wpcf7-list-item label{
	margin: 0;
}

.hr-job-form .form input[type="file"]{
	margin: 0 0 10px;
}

.hr-job-form .form input[type="checkbox"]{
	display: inline-block;
	vertical-align: middle;
	width: 20px;
	height: 20px;
	margin: 0 3px 0 0;
	border: 1px solid #CCC;
	font-size: 13px;
}

.hr-job-form .form input[type="text"]{
	width: 350px;
	padding: 10px;
	border: 1px solid #CCC;
	font-size: 14px;
	font-weight: normal;
	color: rgba(0,0,0,0.8);
}
.hr-job-form .form input:focus{
	border: 1px solid #9999FF;
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.102) inset, 0px 0px 8px rgba(82, 168, 236, 0.600);
	color: rgba(0,0,0,0.5);
}
.hr-job-form .form input[type="radio"]:focus{
	border: none;
	box-shadow: none;
}
.hr-job-form .form .short{
	width: 100px !important;
}
.hr-job-form .form input[type="text"].date {
	width: 200px;
}
.hr-job-form .form input[type="email"]{
	width: 350px;
	padding: 10px;
	border: 1px solid #CCC;
	font-size: 14px;
	font-weight: 600;
	color: rgba(0,0,0,0.8);
}
.hr-job-form .form input[type="tel"]{
	width: 350px;
	padding: 10px;
	border: 1px solid #CCC;
	font-size: 14px;
	font-weight: normal;
	color: rgba(0,0,0,0.8);
}

.hr-job-form .form span.ensen{
	display: inline-block;
	margin: 0 0 10px 10px;
}

.hr-job-form .form span.ensen input[type="text"]{
	width: 225px !important;
}

.hr-job-form .form span.eki input[type="text"]{
	margin: 0 10px 0 0;
}

.hr-job-form .form span.access-time input[type="text"]{
	margin: 0 10px 0 0;
}

.hr-job-form .form textarea{
	width: 450px;
	padding: 10px;
	border: 1px solid #CCC;
	font-size: 14px;
	font-weight: normal;
	color: rgba(0,0,0,0.8);
}
.hr-job-form .form textarea:focus{
	border: 1px solid #9999FF;
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.102) inset, 0px 0px 8px rgba(82, 168, 236, 0.600);
	color: rgba(0,0,0,0.5);
}
.hr-job-form .form textarea.inquery{
	width: 350px;
	height: 200px;
	text-align: left;
	color: rgba(0,0,0,0.8);
}
.hr-job-form .form textarea.inquery:focus{
	color: rgba(0,0,0,0.5);
}

.hr-job-form .form .read-box-title {
	width: auto;
	margin: 0 auto;
	padding: 5px 0;
	background: #006C93;
	color: #FFF;
	text-align: center;
}

.hr-job-form .form .read-box {
	width: auto;
	height: 200px;
	margin: 0 auto 15px;
	padding: 10px;
	border: 1px solid #CCC;
	text-align: left;
	font-size: 12px;
	overflow: scroll;
	color: rgba(0,0,0,0.8);
}

.hr-job-form .form .read-box p{
	display: block;
	margin: 10px 0 30px;
	padding: 0;
	line-height: 1.5em;
	font-size: 12px;
	font-weight: normal;
	color: rgba(0,0,0,0.8);
}

.hr-job-form .form .read-box strong {
	margin: 0;
	padding: 0 0 0 5px;
	border-left: 5px solid;
	font-size: 14px;
	color: rgba(0,0,0,0.8);
}

.hr-job-form .form .submit{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 250px;
	height: 30px;
	margin: 35px 0;
	padding: 0px 1em;
	background-position: 50% 0%;
	background-repeat: repeat-x;
	background-color: #35B2EA;
	border: 1px solid #3399CC;
	border-radius: 5px;
	box-shadow: 0px 0px 2px 0px #CCC, 0px 1px 0px rgba(255, 255, 255, 0.400) inset;
	box-sizing: content-box;
	color: #FFF;
	font-size: 12px;
	line-height: 30px;
	text-align: center;
	text-decoration: none !important;
	text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.400);
	overflow: hidden;
	cursor: pointer;
	-webkit-transition-property: filter,opacity;  
	-webkit-transition-duration: 0.25s;  
	-webkit-transition-timing-function: ease-out; 
}
.hr-job-form .form .submit:hover{
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

.wpcf7-list-item label{
	display: block;
	margin: 0 0 10px;
}

.hr-job-form .form span.access label{
	display: inline-block;
	margin: 0 15px;
}

.wpcf7-display-none{
	display: none;
}


/*------------------------------------------------
  Layout > form > error
------------------------------------------------*/
.wpcf7-not-valid-tip-no-ajax{
	display: block;
	margin: 22px 0 0;
	padding: 2px 10px;
	background: rgba(255,0,0,1);
	color: #FFF;
	border-radius: 5px;
}

.wpcf7-validation-errors{
	display: inline-block;
	margin: 35px 0 0;
	padding: 2px 10px;
	background: rgba(255,0,0,1);
	color: #FFF;
	border-radius: 5px;
}


/*------------------------------------------------
  Layout > form > 送信完了メッセージ
------------------------------------------------*/
.wpcf7-mail-sent-ok{
	text-align: center;
	display: block;
	padding:3% 0 !important;
	background: rgba(60,191,76,0.85);
	color: #333;
	font-size: 18px;
	font-weight: bold;
	line-height:1.5em;
	border-radius: 5px;
}
.sendok{
	display:block;
	font-size:13px;
}


/*------------------------------------------------
  Layout > product
------------------------------------------------*/
.product{
	color: #333;
	font-size: 16px;
	clear: both;
	background:#fff;
	overflow: hidden;
	padding:5%;
}
.product h2.sp-font{
	margin: 0 0 30px;
	padding: 0 0 10px;
	color: #333;
	border-bottom: 1px solid #ccc;
}
.product .column{
	width: 250px;
	float: left;
}
.product .column a{
	color: #333;
}
.product .column a.box{
	margin: 0 5px 0 0;
	padding: 0 0 0 5px;
	border-left: 4px solid #4F9ADA;
}
.product .column a img{
	display: block;
	max-width:196px;
	margin: 20px 0 10px;
	box-shadow: 3px 3px 6px 1px rgba(0, 0, 0, 0.3);
}
.product .column a span{
	display: block;
	margin: -5px 0 0px 0;
	padding: 0 0 0 5px;
	color: #4F9ADA;
	font-size: 10px;
	border-left: 4px solid #4F9ADA;
}
.product .column p.box{
	height: 34px;
	margin: 0 5px 0 0;
	padding: 0 0 0 5px;
	border-left: 4px solid #4F9ADA;
	text-shadow: none;
}


/*------------------------------------------------
  Layout > footer
------------------------------------------------*/
.footer {
	position: relative;
	margin: 0;
	padding: 65px 25px 25px;
	background: #d83d3d;
	font-size: 13px;
	color: #FFF;
	overflow: hidden;
	_zoom: 1;
}

.footer .title{
	margin: 0 0 10px;
	font-size: 14px;
	font-weight: bold;
}


.footer .column {
	margin: 0 65px 0 0;
	float: left;
}

.footer .column span{
	display: block;
	margin: -3px 0 0 15px;
	font-size: 10px;
}


.footer .footer-logo {
	position: absolute;
	right: 30px;
	bottom: 5px;
}

.footer .footer-logo img {
	max-width: 224px;
}

.footer a{
	color: #FFF;
	text-decoration: none;
}
.footer a:hover{
	text-decoration: underline;
}

.copy {
	margin: 0;
	padding: 3px 0;
	background: #bf1616;
	color: #FFF;
	font-size: 9px;
	text-align: center;
}


/*------------------------------------------------
  Layout > page-top
------------------------------------------------*/
#back-top{
	position: fixed;
	bottom: 100px;
	right: 0;
	z-index:10000;
	margin: 0;
	padding: 10px;
	border-radius: 10px 0 0 10px;
	background: rgba(0,0,0, 0.5);
	-webkit-transition-property: filter,opacity;  
	-webkit-transition-duration: 0.25s;  
	-webkit-transition-timing-function: ease-out; 
}
#back-top:hover{
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

.back-top-link{
	color: #FFF !important;
	font-size: 13px !important;
}


/*------------------------------------------------
  Layout > single-page
------------------------------------------------*/
.single-page-wrapper{
	margin: 0;
	padding: 135px 0;
	background: rgba(0,0,0,0.025);
}

.single-page-wrapper .header{
	position: fixed;
	top: 0;
	background: rgba(255,255,255,0.95);
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
	z-index: 9999;
}

.single-container {
  display: block;
	position: relative;
	width: 990px;
	margin: 0 auto;
	padding: 0;
	clear: both;
	overflow: hidden;
	_zoom: 1;
}

.single-container .content {
	width: 609px;
	margin: 0 20px 2px 0;
	padding: 20px;
	background: rgba(255,255,255,1);
	border-top: 1px solid rgba(0,0,0,0.1);
	border-left: 1px solid rgba(0,0,0,0.1);
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
	color: #434343;
	font-size: 16px;
	line-height: 24px;
	float: left;
	overflow: hidden;
	_zoom: 1;
	word-break: break-all;
}

.single-container .content .social{
	height: 30px;
    margin: 15px 0 20px;
    padding: 12px 0 5px 15px;
    clear: both;
    overflow: hidden;
    _zoom: 1;
    background: rgba(0,0,0,0.1);
    border-radius: 5px;
}

.single-container .content h1 {
    margin: 0 0 20px;
    padding: 0 0 15px;
    font-size: 26px;
    line-height: 32px;
    color: #0084C5;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid #CCC;
}

.single-container .content .entry-data{
	margin: 0 0 15px;
}

.single-container .content .entry-data .post-categories{
	display: block;
	clear: both;
	overflow: hidden;
	_zoom: 1;
	list-style-type: none;
}

.single-container .content .entry-data .post-categories li{
	margin: 0 5px 0 0;
    padding: 0 5px;
    background: #008CFF;
    border-radius: 5px;
    color: #FFF;
    font-size: 12px;
    float: left;
    cursor: pointer;
    -webkit-transition-property: filter,opacity;
    -webkit-transition-duration: 0.25s;
    -webkit-transition-timing-function: ease-out;
    text-align: center;
}
.single-container .content .entry-data .post-categories li:hover{
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

.single-container .content .entry-data .post-categories li a{
	color: #FFF;
	text-decoration: none;
}
.single-container .content .entry-data .post-categories li a:hover{
	text-decoration: none;
}


.single-container .content .entry-data .post-date{
	display: block;
	margin: 5px 0 0;
	color: rgba(0,0,0,0.6);
	font-size: 13px;
	clear: both;
	overflow: hidden;
	_zoom: 1;
}


.single-container .content .social .wp_social_bookmarking_light{
	overflow: hidden;
	_zoom: 1;
}

.single-container .content .social .wp_social_bookmarking_light div{
	display: inline-block;
	vertical-align: bottom;
	height: 25px;
	overflow: hidden;
	_zoom: 1;
}


.single-container .content .social .twitter_follow{
	margin: 2px 4px 0 0;
	float: left;
}

.single-container .content .social .wp_social_bookmarking_light div.wsbl_twitter{
	width: 75px;
	margin: 0 15px 0 0;
}
.single-container .content .social .wp_social_bookmarking_light div.wsbl_facebook_like{
	width: 152px;
	margin: 0 10px 0 0;
}
.single-container .content .social .wp_social_bookmarking_light div.wsbl_hatena_button{
	width: auto;
	margin: 0 10px 0 0;
}
.single-container .content .social .wp_social_bookmarking_light div.wsbl_google_plus_one{
	width: 58px;
	margin: 0 10px 0 0;
}
.single-container .content .social .wp_social_bookmarking_light div.wsbl_line{
	display: inline-block;
	height: 25px;
	margin: 2px 0 0;
	overflow: hidden;
	vertical-align: top;
}

.single-container .content p{
	margin: 2em 0;
	line-height: 2em;
}

.single-container .content h2{
	position: relative;
	width: 629px;
	margin: 0 0 20px -20px;
	padding: 7px 10px 5px;
	background: #008CFF;
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
	color: #FFF;
	font-size: 18px;
	line-height: 24px;
	clear: both;
}
.single-container .content h2:before{
	content:''; 
	display: block;
	position: absolute;
	bottom: -7px;
	left: 15px;
	width: 15px;
	height: 15px;
	background: #008BF4;
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
	transform:rotate(-90deg);
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
}

.single-container .content a{
	text-decoration: underline;
}
.single-container .content a:hover{
	text-decoration: none;
}

.single-container .content strong{
	color: #006170;
}

.single-container .content .liquid{
    margin: 0 0 20px;
    text-align: center;
    height: 252px;
    overflow: hidden;
	_zoom: 1;
}
.single-container .content .liquid img{
	-webkit-transition-property: filter,opacity;  
	-webkit-transition-duration: 0.25s;  
	-webkit-transition-timing-function: ease-out; 
}
.single-container .content .liquid img:hover{
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

.single-container .content .liquid .nelioefi{
	width: 609px;
	height: 270px;
}

.single-container .content .item{
	margin: 30px 0 20px;
	padding: 0;
}

.single-container .content .entry{
	text-align: center;
}
.single-container .content .entry img{
	-webkit-transition-property: opacity,filter;  
	-webkit-transition-duration: 0.2s;  
	-webkit-transition-timing-function: ease-out; 
}
.single-container .content .entry img:hover{
	filter: alpha(opacity=85);
	-moz-opacity: 0.85;
	opacity: 0.85;
}

.single-container .content .entry-text{
	position: relative;
	height: 251px;
	margin: 0 auto;
    padding: 15px 20px 0 185px;
	background: url(images/bg_entry-text.png) no-repeat;
	color: #823B1B;
	line-height: 15px;
}
.single-container .content .entry-text h3{
	font-size: 13px;
	font-weight: bold;
}
.single-container .content .entry-text p{
	margin: 5px 0 0;
	font-size: 11px;
	line-height: 15px;
}

.single-container .content .entry-text .arrow-text{
	position: absolute;
	bottom: 50px;
	color: #473300;
	text-align: center;
	font-size: 17px;
	font-weight: bold;
	line-height: 20px;
}

.single-container .content .share{
	margin: 30px 0 15px;
	padding:0;
	font-size: 16px;
	clear: both;
	overflow: hidden;
	_zoom: 1;
}
.single-container .content .share a{
	color: #fff;
	text-decoration: none;
	-webkit-transition-property: filter,opacity;  
	-webkit-transition-duration: 0.25s;  
	-webkit-transition-timing-function: ease-out; 
}
.single-container .content .share a:hover{
	filter: alpha(opacity=85);
	-moz-opacity: 0.85;
	opacity: 0.85;
}
.single-container .content .share a.facebook{
	width: 49%;
	padding: 13px 0;
	background: #3468AF;
	float: left;
	text-align: center;
}
.single-container .content .share a.facebook:before{
	content: url(images/icon-facebook-white-16px);
	vertical-align: middle;
	display: inline-block;
    margin: 0 3px 0 0;
}
.single-container .content .share a.twitter{
	width: 49%;
	padding: 13px 0;
	background: #55ACEE;
	float: right;
	text-align: center;
}
.single-container .content .share a.twitter:before{
	content: url(images/icon-twitter-white-16px);
	vertical-align: middle;
	display: inline-block;
    margin: 0 3px 0 0;
}

.single-container .content .follow{
	height: 180px;
	margin: 0 0 15px;
	background: #559AFF url(images/icon-facebook-icon.png) no-repeat;
	background-position: right;
	clear: both;
}
.single-container .content .follow .text{
	padding: 15px 20px 10px;
	color: #fff;
	font-size: 16px;
	line-height: 26px;
}
.single-container .content .follow .text a{
	color: #fff;
	text-decoration: underline;
}
.single-container .content .follow .button-wrapper{
    display: block;
    width: 328px;
    margin: 0 0 0 20px;
    padding: 8px 0 0;
    background: #fff;
    border-radius: 7px;
	box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2) inset;
    text-align: center;
    overflow: hidden;
	_zoom: 1;
}
.single-container .content .follow .facebook{
	margin: -4px 0 0;
	padding: 0 20px 0 20px;
	float: left;
}
.single-container .content .follow .twitter{
}

.related-post{
	margin: 30px 0 0;
}

.related-post h3{
	position: relative;
	display: inline-block;
	padding: 2px 30px 0 10px !important;
	background: #FF7800;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
	font-size: 16px !important;
	color: #fff;
	font-weight: normal !important;
	vertical-align: middle;
}
.related-post h3:after{
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    right: -26px;
    border: 13px solid transparent;
    border-top: 13px solid #FF7800;	
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
}

.related-post ul{
    margin: 15px 0 20px;
	list-style-type: none;
}

.related-post ul li{
	margin: 0 0 10px;
    padding: 0 0 10px;
	border-bottom: 1px dotted #ccc;
	overflow: hidden;
	_zoom: 1;
}
.related-post ul li:last-child{
	margin: 0;
	border-bottom: none;
}

.related-post a{
	display: block;
	width: auto !important;
	height: auto !important;
	border: none !important;
	clear: both;
	text-decoration: none !important;
	font-size: 16px;
	font-weight: bold !important;
	line-height: 20px;
}

.related-post img{
	width: 150px;
	height: 67px;
	margin: 0 10px 0 0;
	float: left;
}

.related-post .date{
	margin: -5px 0 0;
	font-size: 12px;
}

.side{
	position: relative;
	width: 300px; /* 300+padding:5px=310px */
	margin: 0;
	padding: 5px;
	background: rgba(0,0,0,0.08);
	color: rgba(255,255,255,1);
	/*	color: #434343;　*/
	overflow: hidden;
	_zoom: 1;
}

.side .banner{
	width: 300px;
	height: 55px;
}

.side .banner img{
	box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
	-webkit-transition-property: img;  
	-webkit-transition-duration: 0.25s;  
	-webkit-transition-timing-function: ease-out; 
}
.side .banner img:hover{
	filter: alpha(opacity=85);
	-moz-opacity: 0.85;
	opacity: 0.85;
}

.side .category-list{
	margin: 0 0 5px;
	padding: 0 5px 5px;
	background: #FFF;
	box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
	overflow: hidden;
	_zoom: 1;
}

.side .category-list .title{
	position: relative;
	width: 280px;
	margin: 0 0 12px -10px;
	padding: 3px 10px 3px 15px;
	background: #008CFF;
	box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
	color: #FFF;
	font-size: 14px;
}
.side .category-list .title:before{
	position: absolute;
	left: 15px;
	bottom: -5px;
	display: block;
	width: 10px;
	height: 10px;
	background: #008BF4;
	box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
	content: "";
	transform: rotate(-45deg);
}

.side .category-list .ranking{
	position: relative;
	width: 280px;
	margin: 0 0 12px -10px;
	padding: 3px 10px 3px 15px;
	background: #FF7800;
	box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
	color: #FFF;
	font-size: 14px;
}
.side .category-list .ranking:before{
	position: absolute;
	left: 15px;
	bottom: -5px;
	display: block;
	width: 10px;
	height: 10px;
	background: #FF7800;
	box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
	content: "";
	transform: rotate(-45deg);
}

.side .category-list .title a{
	color: #FFF;
	text-decoration: none;
}
.side .category-list .title a:hover{
	text-decoration: underline;
}

.side .category-list .ranking a{
	color: #FFF;
	text-decoration: none;
}
.side .category-list .ranking a:hover{
	text-decoration: underline;
}


.side .category-list ul{
}

.side .category-list ul li{
	display: block;
	margin: 0 0 5px;
	padding: 0 0 5px;
	border-bottom: 1px solid #CCC;
	overflow: hidden;
	_zoom: 1;
}
.side .category-list ul li:last-child{
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}

.side .category-list ul li img{
	max-width: 50px;
	max-height: 50px;
	margin: 0 5px 0 0;
	border-radius: 50%;
	-webkit-transition-property: img;  
	-webkit-transition-duration: 0.25s;  
	-webkit-transition-timing-function: ease-out; 
	float: left;
}
.side .category-list ul li .thumbnail img:hover{
	filter: alpha(opacity=85);
	-moz-opacity: 0.85;
	opacity: 0.85;
}

.side .category-list ul li a{
	display: block;
	padding: 0 2px 0 0;
	overflow: hidden;
}

.side .category-list .view{
	display: inline-block;
    padding: 0 3px;
    border-radius: 4px;
	background: #FF9B42;
	color: #fff;
	font-size: 10px;
}


/*------------------------------------------------
  Layout > category-page
------------------------------------------------*/
.category-container{
}

.category-container {
	display: block;
	position: relative;
	width: 990px;
	margin: 0 auto;
	padding: 0;
	clear: both;
	overflow: hidden;
	_zoom: 1;
}

.category-container .content {
	width: 609px;
    margin: 0 20px 2px 0;
    padding: 10px 0 10px 10px;
	background: rgba(0,0,0,0.08);
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
	color: #434343;
	font-size: 16px;
	line-height: 24px;
	float: left;
	overflow: hidden;
	_zoom: 1;
}

.grid-list-wrapper{
	clear: both;
}

.grid-list-wrapper .item{
    width: 272px;
    height: 285px;
    margin: 0 10px 10px 0;
    padding: 10px;
	float: left;
    background: rgba(255,255,255,1);
    border: 1px solid rgba(0,0,0,0.1);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
	overflow: hidden;
	_zoom: 1;
}

.grid-list-wrapper .item .topic{
	height: auto;
}

.grid-list-wrapper .item .eye img {
    width: 272px;
    height: 114px;
}

.grid-list-wrapper .item .category-tag {
	overflow: hidden;
	_zoom: 1;
	clear: both;
}

.grid-list-wrapper .item .category-tag ul.post-categories{
	margin: 0;
	padding: 0;
	font-size: 10px;
}

.grid-list-wrapper .item .category-tag ul.post-categories li{
	display: block;
    margin: 0 2px 2px 0;
    padding: 0 5px;
	background: rgba(42, 106, 138,0.5);
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    line-height: 18px;
	float: left;
}

.grid-list-wrapper .item .category-tag ul.post-categories li a{
	color: #FFF;
}
.grid-list-wrapper .item .category-tag ul.post-categories li a:hover{
	text-decoration: none;
}

.grid-list-wrapper .item .date{
	font-size: 11px;
	color: #B1AFAF;
}

.grid-list-wrapper .item .title{
    margin: 5px 0 0;
    font-weight: bold;
    line-height: 18px;
    overflow: hidden;
}

.grid-list-wrapper .item .topic a.item-link{
	text-decoration: none;
}
.grid-list-wrapper .item .topic a.item-link:hover{
	text-decoration: none;
}

.grid-list-wrapper .item .topic .post-info .button{
	width: 240px;
	margin: 12px auto 0;
	padding: 4px 0 3px;
	color: #FFF;
	font-size: 14px;
	font-weight: normal;
	text-align: center;
	background: #0B97D6;
	border-bottom: 3px solid #0976A7;
	border-radius: 5px;
	-webkit-transition-property: filter,opacity;  
	-webkit-transition-duration: 0.25s;  
	-webkit-transition-timing-function: ease-out; 
}
.grid-list-wrapper .item .topic .post-info .button:hover{
	border-bottom: 3px solid #0B97D6;
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

.category-container .side{
	position: relative;
	width: 300px; /* 300+padding:5px=310px */
	margin: 0;
	padding: 5px;
	background: rgba(0,0,0,0.08);
	color: rgba(255,255,255,1);
	/*	color: #434343;　*/
	overflow: hidden;
	_zoom: 1;
}

.category-container .side .banner{
	width: 300px;
	height: 55px;
}

.category-container .side .banner img{
	box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
	-webkit-transition-property: img;  
	-webkit-transition-duration: 0.25s;  
	-webkit-transition-timing-function: ease-out; 
}
.category-container .side .banner img:hover{
	filter: alpha(opacity=85);
	-moz-opacity: 0.85;
	opacity: 0.85;
}

.category-container .side .category-list{
	margin: 0 0 5px;
	padding: 0 5px 5px;
	background: #FFF;
	box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
	overflow: hidden;
	_zoom: 1;
}

.category-container .side .category-list .title{
	position: relative;
	width: 280px;
	margin: 0 0 12px -10px;
	padding: 3px 10px 3px 15px;
	background: #008CFF;
	box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
	color: #FFF;
	font-size: 14px;
}
.category-container .side .category-list .title:before{
	position: absolute;
	left: 15px;
	bottom: -5px;
	display: block;
	width: 10px;
	height: 10px;
	background: #008BF4;
	box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
	content: "";
	transform: rotate(-45deg);
}

.category-container .side .category-list .title a{
	color: #FFF;
	text-decoration: none;
}
.category-container .side .category-list .title a:hover{
	text-decoration: underline;
}

.category-container .side .category-list ul{
}

.category-container .side .category-list ul li{
	display: block;
	margin: 0 0 5px;
	padding: 0 0 5px;
	border-bottom: 1px solid #CCC;
	overflow: hidden;
	_zoom: 1;
}
.category-container .side .category-list ul li:last-child{
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}

.category-container .side .category-list ul li img{
	max-width: 50px;
	max-height: 50px;
	margin: 0 5px 0 0;
	-webkit-transition-property: img;  
	-webkit-transition-duration: 0.25s;  
	-webkit-transition-timing-function: ease-out; 
	float: left;
}
.category-container .side .category-list ul li .thumbnail img:hover{
	filter: alpha(opacity=85);
	-moz-opacity: 0.85;
	opacity: 0.85;
}


/*------------------------------------------------
  responsive:pc > General
------------------------------------------------*/
@media only screen and (min-width: 1025px){
	#menu{
		display: none !important;
	}
	div.panel{
		display: block !important;
		width:auto;
		margin: 0 auto;
		padding: 0;
	}
}


/*------------------------------------------------
  responsive:smartphone > General
------------------------------------------------*/
@media only screen and (min-width: 1px) and (max-width: 640px) {
	#wrapper{
	    position: initial;
		min-width: auto;
		margin: 15% 0 0;
	}
	#eyecatch{
		display: none;
	}
	.eyecatch-section {
		height:140px;
		background:none;
	}
	.eyecatch-section .wrapper {
		width:auto;
	}

	.eyecatch-section ul.menu{
		position:initial;
		top:initial;
		left:initial;
		display: none;
		width:initial;
		margin:initial;
		clear:initial;
	}

	.eyecatch-section .wrapper img{
		display:none;
	}
	.movie{
		display: none;
	}
	.info{
		width: auto;
		margin: 0;
		padding: 10px;
	}
	.approach{
		display:none;
	}
	.card-carousel .card-container{
		width:auto;
	}
	.card-carousel .wrapper{
		width:auto;
	}
	.card-carousel .note {
		position: relative;
		width: 320px;
		height: 360px;
	    margin: 135px 22px 45px;
		float: none;
	}
	.card-carousel .note a.title {
		width: 86%;
	}
	.card-carousel .card{
		width:275px;
	}
	.card-carousel .card img {
		width: 255px;
		height: 113px;
	}
	.card-carousel .card .more::before{
		right:38px;
	}
	#design:before,#cording:before,#manage:before,#analyze:before,#report:before,#extension:before{
	    top: -5px;
		left:calc(71% - 127px);
		left:-webkit-calc(71% - 127px)
	}
	.ex-paint:before{
		content:"" !important;
	}
	#flow:after{
	    top: -5px;
		left:calc(71% - 127px);
		left:-webkit-calc(71% - 127px)
		right:inherit;
	}
	#manage{
		height:inherit;
		background-image:none;
	}
	#manage .container{
	    width: auto;
	}
	#flow{
		width:auto;
	}
	#flow .container{
		width:auto;
	    padding: 50px 0 25px;
	}
	#report{
		height:initial;
	}
	#report .container{
		width:auto;
	}
	#report .boy{
		position:relative;
		display:block;
		width:70%;
		margin:10% auto 3%;
	}
	#report .text{
		width:auto;
		margin:0;
		padding:0 15px;
		font-size:14px;
		line-height:22px;
	}
	#report .text .ss{
		width: 640px;
		margin: 10px 0 0;
	}
	#extension{
		height:initial;
	}
	#extension .pc{
		display:none;
	}
	#extension .container{
		width:auto;
	}
	#extension .text{
		width:auto;
	}
	#extension p{
		padding:15px;
		font-size:14px;
		line-height:22px;
	}
	#extension p br{
		display:none;
	}
	#extension .service-logo{
		display:none;
	}
	.ex-paint{
		padding:0 0 5% !important;
	}
	#extension .paint{
		display:none;
	}
	#extension .text-secound{
		width:auto;
		padding:0;
	}


	#estimates{
		height:initial;
	}
	#estimates img.head-pics{
		position:relative;
		width: 50%;
	}
	#estimates .arrow{
		margin: 20px 0 0;
		padding: 0 15px 15px;
		font-size: 18px;
		font-weight: normal;
		line-height: 22px;
		float: none;
	}
	#estimates .head-text{
		display:none;
	}
	#estimates .button-wrapper{
		width:42%;
		top:10px;
		right:10px;
		left:initial;
	}
	#estimates .button-wrapper .button{
		width:85%;
		font-size:14px;
		font-weight:normal;
	}
	#estimate-detail{
		margin:0;
	}
	#estimate-detail .content{
		width:auto;
	}
	#estimate-detail .text{
		padding:20px 0;
	}
	#estimate-detail .text h3.option-desc{
    margin: 0;
    padding: 20px 15px 0;
    font-size: 16px;
    font-weight: normal;
    text-align: left;
	}
	#estimate-detail .text .item-detail{
		margin:0 15px;
		padding:30px 0;
	    border-bottom: 1px solid #ccc;
	}
	#estimate-detail .text .item-detail:last-child{
		padding: 30px 0 10px;
		border-bottom:none;
	}
	#estimate-detail .text .item-detail .icon{
		display:block;
		margin:0 auto 30px;
		float:none;
	}
	#estimate-detail .text .item-detail h3{
		display:block;
		margin: 15px 0;
	}
	#estimate-detail .text .item-detail .detail{
		width: auto;
	    margin: 0 0 20px !important;
		padding: 0;
		font-size:14px;
		line-height: 24px;
		float: none;
		clear: both;
	}
	#estimate-price .text .jzzf_element input[type="text"]{
		margin: 0;
		padding: 0;
		width: 70%;
	}
	#estimate-price .content{
		width:auto;
		text-align:center;
	}
	#estimate-price .content .text{
		width:auto;
		text-align:center;
	}
	#estimate-detail .contents-write{
		padding:0;
	}
	#estimate-detail .contents-write h3{
		margin: 0;
		padding: 20px 15px;
		font-size: 16px;
		font-weight: normal;
		text-align: left;
	}
	#estimate-detail .contents-write .column-left{
		width:auto;
	}
	#estimate-detail .contents-write h4{
		display: block;
		width: auto;
		margin: 15px 0 25px;
		padding: 0;
		font-size: 20px;
		text-align: center;
	}
	#estimate-detail .contents-write p{
		padding:0 15px;
		text-align:left;
	}
	#estimate-detail .contents-write .jzzf_element{
		padding:0 15px;
	}
	#estimate-detail .contents-write .jzzf_element input[type=checkbox] + label{
		font-size:14px;
		text-align:left;
	}
	#estimates .red .jzzf_element input[type=radio] + label, #estimates .red .jzzf_element input[type=checkbox] + label{
		padding:0 0 0 30px;
		font-size:14px !important;
	}
	#estimate-detail .contents-write p .cf{
		font-size:13px;
	}
	#estimate-detail .contents-write h4{
		display:none;
	}
	#estimate-detail .option h4{
		display:block;
	}
	#estimate-detail .contents-write .column-right{
		padding:0 0 30px;
	}
	#estimate-detail .contents-write .column-right label{
		display:block;
		font-weight:bold;
		line-height:16px;
	}
	#estimate-detail .contents-write .column-right .jzzf_element_n input[type="text"]{
		margin:10px 0 0;
	}
	#estimate-detail .content .text .icon{
		display:block;
		margin:0 auto;
	}

	#estimate-detail textarea#jzzf_12_facebook_etc{
		width:92%;
		margin:0;
	}
	#estimate-detail .content .text .estimate-logo-icon{
		margin:-20px 0 20px !important;
	}
	#estimate-detail .jzzf_element input[type=checkbox] + label{
		font-size:22px;
	}
	#estimate-detail .jzzf_element{
		margin: 20px 0 0;
	}
	.jzzf_element_n input[type="text"]{
		margin: 10px 0 0;
	}
	#jzzf_12_total{
		width: 74%;
		text-align: right;
	}
	.estimate-cf{
		width:auto;
		padding:0 15px;
	}
	#estimate-form{
		width:auto;
		padding:0 10px;
	}
	#estimate-form .title{
		padding:35px 15px;
	}
	#estimate-form .content-wrapper{
		width:auto;
		margin:0 0 20%;
		padding:10px;
	}
	#estimate-form .content-wrapper .content{
		padding:20px 15px 15px !important;
	}
	#estimate-form .list .head{
		width:auto;
		margin:0 0 15px;
		text-align:center;
	}
	#estimate-form label.jzzf_checkbox_label{
		font-size: 14px !important;
		line-height: 15px;
	}
	#estimate-form .jzzf_element{
		margin:15px 0;
	}
	#estimate-form .list input{
		width:90%;
	}
	#estimate-form .list .head .estimate-form-cf{
		font-size:12px;
	}
	#estimate-form .list textarea{
		width:90% !important;
	}
	.jzzf_email_button{
		width:auto;
		padding:15px;
		font-size:24px;
	}
	.more-section-link .button{
		width: 90%;
		margin: 40px auto 30px;
		padding: 10px;
		background: #FF8328;
		border-bottom: 4px solid #B14B00;
	}
	.more-section-link .button:hover{
		margin: 40px auto 34px;
		padding: 10px;
		border-bottom:none;
		filter: alpha(opacity=85);
		-moz-opacity: 0.85;
		opacity: 0.85;
	}
	.more-section-link .button i{
		margin: 0 10px 0 0;
	}
	.info .info-title{
		width: auto;
	    margin: 0 0 10px;
	}
	.info .columns{
		width: auto;
		border-bottom: none;
		float: initial;
	}
	.info .sns{
		width: auto;
		padding: 0;
		overflow: hidden;
		_zoom: 1;
	}
	.info .sns .rss{
		margin: 0 30px 0 0;
	}
	.info .sns .twitter{
		width: 100px;
		margin: 0 15px 0 0;
	}
	.info .sns .facebook{
		width: 110px;
		margin: 0;
	}
	.info .columns ul li{
		width: auto;
		margin: 5px 0 5px;
		padding: 5px 0 5px;
		float: initial;
		border-bottom: 1px solid #E0E0E0;
	}
	.info .columns ul li .post-thum{
		display: none;
	}
	.info .columns ul li .post-thum img{
		width: 65px;
		height: 65px;
	}
	.info .columns ul li .post-title{
		overflow: hidden;
		_zoom: 1;
	}
	.info .columns ul li .post-item .site-name {
		display: inline-block;
		width: 110px;
		margin: 0 5px 1px 0;
		padding: 3px;
		font-size: 10px;
		background: #333;
		color: #FFF;
		border-radius: 3px;
		text-align: center;
		float: left;
	}
	.info .columns ul li .post-item .post-date {
		margin: 3px 0 0;
		padding: 0;
		font-size: 10px;
		color: #999;
		text-align: left;
	}
	
	.info .sns .logo{
		position: absolute;
		top: 60px;
		left: -10px;
		right: 0;
		bottom: 0;
		width: auto;
		margin: auto;
		overflow: hidden;
		_zoom: 1;
	}
	.info .sns .logo img{
		display: block;
		margin: 0 auto;
	}
	
	.header{
		position: fixed;
		top: 0;
		width: 100%;
		height: auto;
		margin: 0;
		padding: 0;
		clear: both;
		background: none;
		overflow: hidden;
		_zoom: 1;
		z-index: 10001;
	}

	.header .info-logo {
		display: none;
	}

	.header .menu{
		display: block !important;
		width: auto;
		height: auto;
		margin: 0;
		padding: 10px;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#333333+0,4c4c4c+100 */
		background: rgb(51,51,51); /* Old browsers */
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzMzMzMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0YzRjNGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top,  rgba(51,51,51,1) 0%, rgba(76,76,76,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(51,51,51,1)), color-stop(100%,rgba(76,76,76,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(51,51,51,1) 0%,rgba(76,76,76,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(51,51,51,1) 0%,rgba(76,76,76,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(51,51,51,1) 0%,rgba(76,76,76,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(51,51,51,1) 0%,rgba(76,76,76,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#4c4c4c',GradientType=0 ); /* IE6-8 */
	}
	.header a.menu{
		font-weight: bold;
		color: #FFF;
		font-size: 14px;
	    cursor: pointer;
	}
	.header a.menu:hover{
		text-decoration: none;
	}
	.header a.menu i{
		margin: 0 5px 0 0;
	}
	.header .panel{
		display: block;
		background: #F5F5F5;
		overflow: hidden;
		_zoom: 1;
		box-shadow: 0 1px 1px 0px rgba(0,0,0,0.4);
		z-index:20000;
	}

	.header .panel .logo{
		display: none;
	}
	.header .panel ul.navi{
		display: block;
		width: auto;
		position: relative;
		bottom: initial;
		right: initial;
		left: initial;
		margin: 0;
		padding: 2px 10px;
		overflow: hidden;
		_zoom: 1;
		float: none;
	}
	.header .panel ul.navi li{
		display: block;
		width: auto;
		padding: 0;
		border-top: 1px solid #FFF;
		border-bottom: 1px solid #CCC;
	}
	.header ul.navi a {
		position: relative;
		display: block;
		width: auto;
		height: auto;
		margin: 0 0 1px;
		padding: 10px 5px;
		background: none;
		color: #0D2859;
		text-decoration: none;
		float: none;
	}
	.header ul.navi a:hover {
		border-radius: initial;
		color: #0D2859;
		-webkit-transition-property: background-color;
		-webkit-transition-duration: 0.25s;
		-webkit-transition-timing-function: ease-out;
	}
	.header ul.navi a:hover:before {
		position: absolute;
		top: inherit;
		left: inherit;
		content: "";
	}
	.header .panel ul.navi .inquery-navi-button{
		width:auto;
		margin:0;
		width:98%;
	}
	.header ul.navi a.hover-off {
		margin:0;
		padding: 8px 0 0;
	}
	.header .panel ul.navi a li{
		margin: 0 0 1px;
	    border-radius: initial;
	}
	
	.header .panel ul.navi li:first-child{
		border-top: none;
		border-bottom: 1px solid #CCC;
	}
	.header .panel ul.navi li:last-child{
		border-top: 1px solid #FFF;
		border-bottom: none;
	}
	.header .panel ul.navi li br{
		display: inline-block;
	}

	.header a.tel {
		display: block;
		position: initial;
		top: initial;
		right: initial;
		width: auto;
		padding: 0 0 2px 7px;
		background: rgba(0,0,0,0.7);
	    border-radius: initial;
		z-index: 9999;
		color: #fff;
		font-size: 14px;
		font-weight: bold;
		clear: both;
		-webkit-transition-property: background;
		-webkit-transition-duration: 0.25s;
		-webkit-transition-timing-function: ease-out;
	}
	.header a.tel:hover{
		background: rgba(0,0,0,0.5);
	}

	.header a.tel i.fa-mobile {
		margin: 0 5px 0 0;
		font-size: 30px;
		float: left;
	}

	.header a.tel span {
		display: block;
		margin: -5px 0 0;
		font-size: 10px;
		font-weight: normal;
	}

	.shadow{
		box-shadow: none;
	}
	
	.logo{
		position:relative;
		top:inherit;
		left:inherit;
		right:inherit;
		bottom:inherit;
		width: auto;
		margin:0 auto;
		overflow: hidden;
	}
	
	.logo img{
		display:block;
		margin:0 auto;
	}
	.footer .logo img{
		display:none;
	}
	#knowledge .container{
		display: block;
		position: relative;
		width: auto !important;
		margin: 0 auto;
		padding: 0 !important;
		clear: both;
		overflow: hidden;
		_zoom: 1;
	}

	.section-title{
		padding: 0;
		font-size: 21px;
	}
	.section-title span{
	    margin: 10px 0;
    	font-size: 18px;
	}

	.insertion{
		padding: 20px 0 !important;
	}
	
	.insertion h2 {
		font-size: 22px !important;
		color: #FFF;
		text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
	}

	h3.sub-title {
		padding: 0 10px 25px;
		color: #FFF;
		font-size: 14px;
		font-weight: normal;
		text-align: left;
	}

	h3.sub-title br{
		display: none;
	}

	.section-title img.sp-size{
		max-width: 290px;
	}
	.section-title h2{
		display: block;
		padding: 0 20px 10px;
		font-size: 18px !important;
	}
	.section-title h2 br{
		display: block !important;
	}
	.container .arrow{
		height: 38px;
	}
	.container .arrow.blue{
		background-size: 45px;
	}

	.news-area {
		width: auto;
	    margin: 5px auto 35px;
		padding: 0 10px;
		text-align: left;
		clear: both;
		overflow: hidden;
		_zoom: 1;
	}

	.news-area .content-wrapper {
		width: auto;
		padding: 0;
		border-right: none;
	}
	.news-area .content-wrapper:first-child {
		padding: 0;
	}
	.news-area .content-wrapper:last-child {
		padding: 0;
	}
	.news-area .content-wrapper h3 {
		font-size: 22px;
	}
	
	.news-area .content-wrapper h3 span {
		font-size: 15px;
	}

	.news-area .content-wrapper .content .eye-liquid {
		width: auto;
		height: 203px;
		margin: 0;
	}

	.news-area .content-wrapper .content .eye-liquid img {
		width: 100%;
		height: inherit;
		margin: 0 0 5px;
	}

	.news-area .content-wrapper .content .eye img {
		width: 100%;
		height: inherit;
		margin: 0 0 5px;
	}

	.news-area .child {
		width: auto;
	}

	.news-area .content-wrapper .content h4.child a {
		font-size: 13px;
	}
	
	.news-area .content-wrapper h4 a {
		font-size: 16px;
	}

	.news-area .content-wrapper h4.child a {
		font-size: 13px;
	}
	.news-area .content-wrapper .content .ex {
		margin: 0 0 10px;
		font-size: 13px;
	}
	.news-area .content-wrapper .content .more {
		font-size: 13px;
		font-weight: bold;
	}
	.news-area a .more {
		font-size: 13px;
		font-weight: bold;
	}
	#design .section-title,#cording .section-title,#manage .section-title,#analyze .section-title{
		width: auto;
		padding: 0 20px;
		font-size: 21px;
		margin:5% 0 0;
	}
	#design .section-title,#cording .price{
		margin:5% 0 0;
	}
	#report .section-title,#extension .section-title{
		width: auto;
		padding: 0 20px;
		font-size: 21px;
		margin:40% 0 0;
	}
	.ex-paint .section-title{
		margin:0 !important;
	}
	#flow h2{
		width:auto;
		padding:0 20px;
		font-size:21px;
		margin:35% 0 10%;
	}
	#flow .content{
		width:auto;
		height:inherit;
		background:none;
	}
	#flow .flow-desc{
		padding:0 15px;
		font-size:14px;
	}
	#flow .flow-desc:after{
		content: "\f078";
		font-family:fontawesome;
		display:block;
		margin:20px auto 0;
		font-size: 20px;
		color:#E65027;
	}
	#flow .content .item{
		margin:0 !important;
		float:none !important;
	}
	#flow .content .item h3{
		display: block;
		margin: 0 0 10px;
		font-size: 20px;
		font-weight: bold;
		text-align: center !important;
		color:#E65027;
	}
	#flow .content p{
		width:auto;
		padding:0 15px;
		font-size:14px;
	}
	#flow .content p:after{
		content: "\f078";
		font-family:fontawesome;
		display:block;
		margin:20px auto 0;
		font-size: 20px;
		color:#E65027;
		text-align:center;
	}
	#flow .flow-last{
		width: auto;
		padding: 0 15px;
		font-size: 14px;
	}
	#analyze{
		position:relative;
		height:initial;
	}
	#analyze .up{
		width:320px;
		top:17%;
	}
	#analyze .container{
		width:auto;
	}
	#analyze .content{
		margin:0;
	}
	#analyze .content .text{
		margin:120% 0 0;
		padding:0;
	}
	#analyze .content .text h3{
		font-size:18px;
		text-align:center;
	}
	#analyze .content .text .fa{
		display: block;
		margin: 0 0 0 5px;
	}
	#analyze .content .text i:before{
		margin: 4px 3px 0 0;
		display: inline-block;
		float: left;
	}
	#analyze .content .text .one{
		padding:0 15px;
		font-size:14px;
	}
	#analyze .content .text .two{
		padding:0 15px;
	}
	#analyze .content .text .two .cf{
		display:inline-block;
		margin:10px 5px 0;
		font-size:12px;
		color:rgba(255,255,255,0.7);
	}
	#design h2 br,#cording h2 br{
		display: block !important;
	}
	#design .woman{
		width:100%;
		margin:0;
		float:none;
	}
	#design .text{
		padding:0;
	}
	#design .text .text-wrapper{
		width:auto;
		margin:0 10px 15px;
	}
	#design .text .icon{
		width:auto;
		margin:0;
		float:none;
	}
	#design .text .text-wrapper .title{
		text-align:center;
	}
	#design .text h3 span{
		font-size:13px;
	}
	#load .content{
		width:auto;
	}
	#load .left{
	    float: none;
	}
	#load .main{
		float:none;
	}
	#load .main img{
		display:none;
	}
	#load .main .text{
		width: auto;
		margin: 0 10px 0;
	}
	#load .right{
		margin: 15% 0 0;
	}
	.goto{
	    padding: 0 10px;
	}
	.goto a{
		font-size:95%;
	}
	.section-button::before{
		right:10px;
	}
	.lightgreen{
		padding: 40% 0 0;
	}
	#cording .display {
		width: 100%;
	    margin: 30px auto 0;
	}
	#cording .cf{
		width: auto;
		margin: 3% 7% 0;
		font-size: 1em;
		line-height: 2em;
	}
	#cording .cf .text{
		display: block;
		width: auto;
	    margin: 25px 0 0;
		font-size:16px;
		text-align:left;
		line-height:22px;
	}
	#cording .text{
		width:auto;
	}
	#cording .text .text-wrapper{
	    width: auto;
		margin: 0 10px 15px;
	}
	#manage .txt{
		width:auto;
	}
	#manage .text .text-wrapper{
		width:auto;
		margin:0 10px 15px;
	}

	.container h3.desc{
		padding: 0 20px 20px !important;
		font-size: 14px;
		font-weight: normal;
		text-align: left;
	}
	.container h3.desc br{
		display: none;
	}
	.desc p.incert-text{
		padding: 20px;
		font-size: 14px;
		text-align: left;
	}
	.desc p.incert-text br{
		display: none;
	}
	.company{
		width: auto;
		padding: 0 20px;
	}
	.company .message{
		float: none;
	}
	.company .message p{
		width: auto;
		font-size: 14px;
	}
	.sp-margin{
		margin-top: 20px !important;
	}
	.company h2{
		font-size: 16px;
	}
	.company .product{
		margin: 20px 0 0;
	}
	.sp-font{
		font-size: 14px !important;
	}
	.company .product ul li{
		font-size: 12px;
	}
	.logo-concept{
		width: auto;
		height: auto;
		margin: 180px auto 0;
		padding: 10px;
		color: #333;
	}
	.logo-concept strong {
		color: #333;
	}
	.logo-concept .speed {
		position: relative;
		top: initial;
		right: initial;
		margin: 0 0 30px;
		text-align: left;
	}
	.logo-concept .technology {
		position: relative;
		top: initial;
		right: initial;
		margin: 0 0 30px;
		text-align: right;
	}
	.logo-concept .revolution {
		position: initial;
		top: initial;
		right: initial;
		margin: 0 0 30px;
	}
	.logo-concept .answer {
		position: initial;
		top: initial;
		right: initial;
		margin: 0 0 30px;
		text-align: right;
	}
	.logo-concept .message {
		position: initial;
		top: initial;
		left: initial;
	}
	
	.logo-concept p {
		width: auto;
	}

	.logo-concept .revolution p, .logo-concept .answer p {
		text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
	}
	
	.logo-concept .message p{
		width: auto;
		padding: 10px;
	}
	
	.logo-concept .column{
		margin: 0 15px;
		padding: 0;
	}
	.logo-concept .column .left{
		margin: 0 0 10px;
		padding: 10px;
		overflow: hidden;
		_zoom: 1;
		float: none;
	}
	.logo-concept .column .right{
		margin: 0 0 10px;
		overflow: hidden;
		_zoom: 1;
		float: none;
	}
	.logo-concept .column img{
		width: 100%;
	}
	.logo-concept .column p{
		width: 100%;
	}
	.logo-concept .column p br{
		display: none;
	}
	
	#company-info{
		margin-top: 10px !important;
		background: url(images/bg_company-info.png) no-repeat;
		background-size: contain;
		background-position: 0 239px;
		overflow: hidden;
		_zoom: 1;
	}

	.logo-concept .product {
		position: relative;
		top: initial;
		left: initial;
		color: #333;
		font-size: 16px;
		clear: both;
		overflow: hidden;
		z-index: 9999;
	}

	.logo-concept .product .column {
		display: block;
		width: 161px;
		margin: 0;
		padding: 0;
		float: left;
		overflow: hidden;
	}

	.logo-concept .product .column a{
		display: block;
		width: auto;
		margin: 0 0 5px;
	    padding: 0 0 6px 0;
		overflow: hidden;
	}

	.logo-concept .product .column a.box{
		display: block;
		width: auto;
		margin: 0 0 40px;
		padding: 0 0 0 5px;
		border-left: none;
		overflow: hidden;
	}

	.logo-concept .product .column a span {
		display: block;
		margin: -5px 0 0 0;
		padding: 0 0 0 5px;
		color: #4F9ADA;
		font-size: 10px;
		border-left: 4px solid #4F9ADA;
	}

	.logo-concept .product .column a img {
		width: 150px;
	    margin: 0;
		float: left;
	}
	
	.logo-concept .product .column div{
		width: 147px !important;
		height: 69px !important;
	    margin: 0 0 15px 0!important;
	}

	.logo-concept .product .column p.box {
		font-size: 12px !important;
	}	
		
	p.insert-text{
		padding: 20px;
		font-size: 14px;
		text-align: left;
	}
	p.insert-text br{
		display: none;
	}
	.sp-service{
		width: auto !important;
		margin: 0 !important;
		padding: 0 10px !important;
	}
	.service-wrapper{
		width: auto;
		margin: 0;
	}
	.service-wrapper .left{
		width: 90%;
		height: auto;
		margin: 20px auto 20px;
		padding: 3px 0 0;
		float: none;
	}
	.service-wrapper .right{
		width: 90%;
		height: auto;
		margin: 0 auto 20px;
		padding: 3px 0 0;
		float: none;
	}
	.service-wrapper .center{
		width: 90%;
		height: auto;
		margin: 0 auto 20px;
		padding: 3px 0 0;
		float: none;
	}
	.service-wrapper h3{
		width: auto;
		margin: 10px 0 0 -10px;
		padding: 7px 0 3px 10px;
		font-size: 15px;
	}
	.service-wrapper h3:before{
		top: 30px;
	}
	.service-wrapper h3 span.pc{
		display: none;
	}
	.service-wrapper h3 span.sp{
		display: block;
	}
	.service-wrapper img{
		display: block;
		margin: 0 auto;
		float: none;
	}

	.service-wrapper p {
	    padding: 0 20px 20px;
		font-size: 18px;
		line-height: 28px;
	}

	.bg-consulting{
		position: relative;
		padding-bottom: 111px;
		background: url(images/bg_consulting.jpg) no-repeat;
	    background-size: cover;
	}

	.bg-consulting .pic_consulting_best{
		width: 100%;
	}

	.section-button {
		width: auto;
		margin: 45px auto;
		font-size: 18px;
	}
	
	.goto{
		padding: 0 20px;
		z-index: 9999;
	}
	.goto img{
		display: none;
	}

	.web-detail-wrapper {
		width: auto;
	    padding: 20px 0;
	}

	.web-detail-wrapper .product{
		width: auto;
		padding: 0;
		float: none;
	}
	.web-detail-wrapper .product .content-wrapper{
		width: 80%;
		margin: 0 auto;
		padding: 5px 0 0;
	}
	.web-detail-wrapper .product .content-wrapper .content{
		width: auto;
		height: auto;
		margin: 0 auto 20px;
	}
	.recruit-sub-title{
		margin: 0 0 10px;
		padding: 20px;
		font-size: 14px;
		text-align: left;
	}
	.recruit-sub-title br{
		display: none;
	}
	.recruit{
		width: auto;
		margin: 0 auto;
		z-index: 9999;
	}
	.recruit h4{
		margin: 10px 0 20px;
	}
	.recruit .column{
		height: auto;
		margin: 0 auto 15px;
		padding-bottom: 10px;
		float: none;
		border: 1px solid #DADADA;
	}
	.recruit .column:last-child{
		height: auto;
		margin: 0 auto 15px;
		padding-bottom: 10px;
		float: none;
		border: 1px solid #DADADA;
	}
	.recruit .column p{
		padding-top: 0 !important;
	}
	.recruit .job-category{
		margin: 0 auto 15px;
		float: none;
		border: 1px solid #DADADA;
	}
	.recruit .job-category:last-child{
		margin: 0 auto 15px;
		float: none;
		border: 1px solid #DADADA;
	}

	.oug-jobs-wrapper {
		width: auto;
		margin: 10px 0 0;
	}
	.oug-jobs-wrapper:last-child {
		margin: 10px 0 30px;
	}

	.oug-jobs-wrapper .left {
		float: none;
	}

	.oug-jobs-wrapper .right {
		float: none;
		padding: 10px 0 0;
		clear: both;
	}

	.section-ourjobs-item {
		width: 47%;
		margin: 0 0 0 8px;
	}

	.section-ourjobs-item .title {
		width: auto;
	}

	.section-ourjobs-item .content {
		width: auto;
		font-size: 11px;
	}

	.section-ourjobs-item .pay {
		width: auto;
	}

	.partner{
	    width: auto;
		font-size: 16px;
		line-height: 28px;
	}
	
	.partner br{
		display: none;
	}
	
	#back-top{
		position: fixed;
		bottom: 10px;
		right: 10px;
		z-index:9999;
		margin: 0;
		padding: 5px;
		font-size: 10px;
		border-radius: initial;
		background: rgba(0,0,0, 0.25);
		color: #FFF;
	}
	#back-top .fa-chevron-up{
		margin: 0 0 0 5px;
	}
	#back-top:hover{
		filter: alpha(opacity=75);
		-moz-opacity: 0.75;
		opacity: 0.75;
	}
	.back-top-link{
		color: #FFF !important;
		font-size: 13px !important;
		font-weight: bold !important;
	}
	.form-wrapper{
		width: auto;
	}
	.form{
		width: auto;
	}
	.form p{
		padding: 1px 0 10px;
		font-size: 14px;
		font-weight: normal;
		text-align: left;
	}
	.form table{
		width: auto;
	}
	.form table tr{
		width: auto;
	}
	.form table th{
		display: block;
		width: auto;
		padding: 10px;
	}
	.form table td{
		display: block;
		width: auto;
		padding: 10px;
		clear: both;
	}
	.form input[type="text"]{
		width: auto;
		font-size: 12px;
		font-weight: normal;
	}
	.form input[type="email"]{
		width: auto;
		font-size: 12px;
		font-weight: normal;
	}
	.form input[type="tel"]{
		width: auto;
		font-size: 12px;
		font-weight: normal;
	}
	.form textarea.inquery{
	    width: 92%;
		font-size: 12px;
		font-weight: normal;
	}
	.form .read-box-title{
		width: auto;
	}
	.form .read-box{
		width: auto;
	}
	.form .submit{
		width: auto;
		margin: -15px 0 0 !important;
		padding: 10px 25px 8px;
	}
	.form table td span.access{
		display: block;
		margin: 10px 0;
		overflow: hidden;
		_zoom: 1;
	}
	.form span.access-time input[type="text"] {
		margin: -50px 10px 0 0 !important;
	}
	.form table td br{
		display: block;
		height: 0;
	}
	.form table td input[type="file"]{
		display: block;
		margin: 5px 0 0;
	}
	.bunner-area-wrapper{
		padding: 25px 0;
	}
	.bunner-area img{
		margin: 0 15px 25px;
	}
	.footer{
		padding: 0 15px 15px;
	}
	.footer .column{
		margin: 0;
		float: none;
	}
	.footer .title{
		margin: 20px 0 5px;
	}
	.footer-logo{
		position: relative !important;
		right: initial !important;
		bottom: initial !important;
		display: block;
		margin: 30px auto 5px;
		text-align: center;
	}
	.copy{
		padding: 5px;
		color: rgba(255,255,255, 0.8);
	}
}
#price .content{
	padding:0;
}
.price-wrapper{
	width:1140px;
	margin:0 auto 0;
	padding:0 0 50px;
	clear:both;
	color:#FFF;
	font-size:16px;
	line-height:23px;
	overflow:hidden;
	_zoom:1;
	text-align:center;
}

.price-wrapper .column-1{
	padding:0 25px;
	float:left;
	overflow:hidden;
	_zoom:1;
}

.price-wrapper .column-2{
	padding:0 25px;
	float:left;
	overflow:hidden;
	_zoom:1;
}

.price-wrapper .column-3{
	padding:0 25px;
	float:left;
	overflow:hidden;
	_zoom:1;
}

.price-wrapper .content-wrapper{
    width: 299px;
    border: 1px solid #ccc;
    padding: 10px;
    background: #f6f6f6;
}

.price-wrapper h4{
	margin:0 0 20px;
	font-size:24px;
	font-weight:normal;
}

.price-wrapper h5{
	margin:0 0 20px;
	font-size:20px;
	font-weight:normal;
}

.price-wrapper .desc{
	height:132px;
	padding:10px;
	color:#000;
	font-size:13px;
	line-height:22px;
	background:rgba(0,0,0,0.07);
	border-radius:10px;
	text-align:left;
}

.price-wrapper .title{
	color:#FFF;
	font-size:12px;
	display:block;
	margin:15px 0;
	padding:5px;
	border-radius:5px;
	text-align:center;
	background:rgb(87,163,214); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU3YTNkNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDczYzEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background:-moz-linear-gradient(top,  rgba(87,163,214,1) 0%, rgba(0,115,193,1) 100%); /* FF3.6+ */
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(87,163,214,1)), color-stop(100%,rgba(0,115,193,1))); /* Chrome,Safari4+ */
		background:-webkit-linear-gradient(top,  rgba(87,163,214,1) 0%,rgba(0,115,193,1) 100%); /* Chrome10+,Safari5.1+ */
		background:-o-linear-gradient(top,  rgba(87,163,214,1) 0%,rgba(0,115,193,1) 100%); /* Opera 11.10+ */
		background:-ms-linear-gradient(top,  rgba(87,163,214,1) 0%,rgba(0,115,193,1) 100%); /* IE10+ */
		background:linear-gradient(to bottom,  rgba(87,163,214,1) 0%,rgba(0,115,193,1) 100%); /* W3C */
		filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#57a3d6', endColorstr='#0073c1',GradientType=0 ); /* IE6-8 */
}

.price-wrapper .team{
	color:#666;
	font-size:11px;
	text-align:left;
}

.price-wrapper .price-detail{
	height:138px;
	color:#666;
	font-size:12px;
	text-align:left;
}

.price-wrapper .price{
	margin:15px 0 0;
	color:#008CFF;
	font-size:22px;
	font-weight:bold;
}
#flow{
	position:relative;
	background:#fff;
}
#flow .container{
	width:1168px;
	padding:0;
}

#flow .content{
    width: 1168px;
	height:650px;
    margin:0 auto;
	background:url(images/pic_manage-flow.png) no-repeat;
	background-position:center;
}

#flow h2{
	margin:0 0 30px;
	text-align:center;
	font-size:33px;
	color:#333;
}

#flow .flow-order{
	display:block;
	margin:0 0 10px;
	font-size:20px;
	font-weight:bold;
	text-align:center;
	clear:both;
}

#flow .flow-desc{
	display:block;
	font-size:24px;
	font-weight:bold;
	text-align:center;
}

#flow .flow-last{
	display:block;
	width:501px;
	margin:0 auto;
	font-size:14px;
	text-align:left;
}

#flow .left{
	float:left;
}

#flow .content{
	clear:both;
}

#flow .content .item:nth-child(1){
	margin:76px 0 0;
	float:left;
}

#flow .content .item h3{
	font-size:20px;
	font-weight:bold;
}

#flow .content .item:nth-child(1) h3{
	text-align:right;
}

#flow .content .item:nth-child(2){
    margin: 182px 0 0;
	float:right;
}

#flow .content .item:nth-child(3){
    margin: 59px 0 0;
	float:left;
}

#flow .content .item:nth-child(3) h3{
	text-align:right;
}

#flow .content .item:nth-child(4){
    margin: 35px 0 0;
	float:right;
}

#flow .content .item:nth-child(5){
	margin: 82px 0 0;
	float:left;
}

#flow .content .item:nth-child(5) h3{
	text-align:right;
}


#flow .content h3{
	margin:0 0 10px;
}

#flow .content p{
	width:440px;
	font-size:14px;
	color:#5d627b;
}
#flow .content p.text{
}

#flow .content .left{
	display:block;
	width:410px;
	float:left;
}

#flow .content .right{
	display:block;
	width:386px;
	float:right;
	overflow:hidden;
}
#flow .output{
display:block;
    margin: 10px 0 0;
    font-size: 0.8em;
    color: #707070;
    white-space: nowrap;
    border: 1px solid #ccc;
    width: auto;
    padding: 0.5% 1.5%;
    border-radius: 5px;
    clear: both;
    background: #f8f8f8;
}
#flow .output:before{
	content:"\f046";
	font-family:FontAwesome;
	margin: 0 1.5% 0 0;
    color: #47a1e1;
}


/*------------------------------------------------
  responsive
------------------------------------------------*/
@media only screen and (max-width:768px){
	.movie{
		display:block;
	    margin:5% 0 0;
	}
	.movie h1{
		padding:5px;
	}
	.movie .top-eyecatch{
		position: relative;
		min-width: auto;
		min-height: auto;
	}
	.movie .top-eyecatch .top-copy{
		margin: 55% 0 0;
		padding: 5px;
		font-size: 2em;
		text-align: left;
		color: #1e1e1e;
		text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
		line-height: 1.25em;
	}
	.movie .top-eyecatch .top-copy br{
		display:none;;
	}
	.movie .top-eyecatch .top-eyecatch-text{
		display:none;
	}
	.movie .top-message{
		position:relative;
		bottom:inherit;
		width:auto;
		height: inherit;
		padding:5px;
		background:none;
		font-size: 26px;
		text-align: left;
		z-index:inherit;
	}
	.movie .top-message .message{
		color: #1e1e1e;
		text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
	}
	.movie .top-message .message br{
		display:none;
	}
	.movie .top-message .message span{
		display:inline;
		margin: inherit;
		font-size: inherit;
	}
	.movie .firstview{
		display:none;
	}
	.movie .firstview2{
		top:15%;
		right: 0;
	}
	.movie .firstview2 img{
		width:100%;
	}
	#service2{
		margin:50% 0 0;
	}
	.filter{
		display:none;
	}
	video{
		display: none;
		min-width:auto;
		min-height:auto;
	}
	.eyecatch2{
		display: none;
	}
	.section-title{
		margin: 10% 0 0 !important;
		padding: 3% 0 !important;
		font-size: 1.5em !important;
	}
	.section-title span.sub-title{
		margin: 10px 0 0;
		padding: 0 10px;
		font-size: 0.7em;
		line-height: 1.25em;
	}
	.sub-point .sec02{
		text-align:center !important;
		font-size:0.9em !important;
	}
	.sub-point div{
		text-align: left;
	}
	.sub-point div br{
		display:none;
	}
	.sub-point div.content .ux-icon img{
		display:block;
		margin: 10% auto;
	}
	.sub-point div.content .ux-icon .s3-icon{
		margin: 5% auto 0 !important;
	}
	.sub-point div.content .ux-icon .s3-icon-arrow{
		margin: 0 auto 10%;
	}
	.ux-button .s3-icon3{
		width:100%;
	}
	.container .content{
		width:auto !important;
	}
	#flow .container{
		width:auto !important;
	}
	#flow .content{
		height: inherit;
		background: none;
	}
	#flow .content p{
		width:auto !important;
	}
	#flow .flow-last{
		width:auto;
	}
	.insertion{
		margin: 10% 0 0 !important;
	}
	.insertion h2{
		font-size: 1.25em !important;
	}
	.form input[type="submit"]{
		width:90%;
	}
}


/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 04-Mar-2014, 16:18:40
    Author     : dansmith
*/
/* line 27, ../sass/Megadropdown.scss */
.nav {
  box-sizing: border-box;
  width: 100%;
  padding: 0;
  margin: 0 auto;
  background: #333333;
  height: 63px;
}
/* line 38, ../sass/Megadropdown.scss */
.nav.shadow {
  -webkit-box-shadow: inset 0 0 12px 0 black;
  box-shadow: inset 0 0 12px 0 black;
}
/* line 44, ../sass/Megadropdown.scss */
.nav li {
  list-style: none;
}
/* line 46, ../sass/Megadropdown.scss */
.nav li.nav-right {
  float: right;
}
/* line 50, ../sass/Megadropdown.scss */
.nav > li {
  padding: 0;
  float: left;
  position: relative;
}
/* line 52, ../sass/Megadropdown.scss */
.nav > li > a {
  float: left;
  color: #fff;
  font-size: 16px;
  text-decoration: none;
  line-height: 63px;
  padding: 0 14px;
  margin-right: 1px;
  height: 63px;
  text-shadow: -1px 1px 0 black;
}
/* line 64, ../sass/Megadropdown.scss */
.nav > li > a:last-of-type {
  margin-right: 0;
}
/* line 68, ../sass/Megadropdown.scss */
.nav > li > div {
  position: absolute;
  left: 0;
  top: 63px;
  display: none;
  background: white;
  padding: 10px;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  z-index: 99999;
}
/* line 79, ../sass/Megadropdown.scss */
.nav > li > div ul {
  margin: 0;
  padding: 0;
}
/* line 82, ../sass/Megadropdown.scss */
.nav > li > div ul li a {
  background: red;
  color: #FFF;
  text-decoration: none;
  padding: 9px 12px;
  margin-bottom: 2px;
  margin-right: 2px;
  display: block;
}
/* line 93, ../sass/Megadropdown.scss */
.nav > li > div ul li a:hover {
  background: #FFF;
  color: #111;
}
/* line 102, ../sass/Megadropdown.scss */
.nav > li > div p {
  color: #666;
}
/* line 103, ../sass/Megadropdown.scss */
.nav > li > div .right {
  right: 0;
  left: auto;
}
/* line 108, ../sass/Megadropdown.scss */
.nav > li:hover > a {
  background: white;
  color: black;
  text-shadow: -1px 1px 0 #FFFFFF;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4ZjhmOCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f8f8f8), color-stop(100%, #ffffff));
  background-image: -webkit-linear-gradient(#f8f8f8, #ffffff);
  background-image: -moz-linear-gradient(#f8f8f8, #ffffff);
  background-image: -o-linear-gradient(#f8f8f8, #ffffff);
  background-image: linear-gradient(#f8f8f8, #ffffff);
  -webkit-box-shadow: 0 -1px 8px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 -1px 8px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 -1px 8px 0 rgba(0, 0, 0, 0.2);
}
/* line 125, ../sass/Megadropdown.scss */
.nav > li:first-child > a {
  border-left: 0;
}
/* line 128, ../sass/Megadropdown.scss */
.nav > li:last-child > a {
  border-right: 0;
}

/* line 138, ../sass/Megadropdown.scss */
.nav.nojs > li:hover > a {
  background: #f8f8f8;
  color: #222;
  text-shadow: -1px 1px 0 #FFFFFF;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4ZjhmOCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f8f8f8), color-stop(100%, #ffffff));
  background-image: -webkit-linear-gradient(#f8f8f8, #ffffff);
  background-image: -moz-linear-gradient(#f8f8f8, #ffffff);
  background-image: -o-linear-gradient(#f8f8f8, #ffffff);
  background-image: linear-gradient(#f8f8f8, #ffffff);
  -webkit-box-shadow: 0 -1px 8px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 -1px 8px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 -1px 8px 0 rgba(0, 0, 0, 0.2);
}
/* line 154, ../sass/Megadropdown.scss */
.nav.nojs > li:hover div[class^="container-"] {
  display: block !important;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/* line 163, ../sass/Megadropdown.scss */
.navvisfix {
  visibility: visible !important;
  opacity: 1 !important;
  display: block !important;
}

/* MEGA DROP DOWN */
/* line 172, ../sass/Megadropdown.scss */
.container-1 {
  width: 160px;
}
/* line 179, ../sass/Megadropdown.scss */
.container-1 .col1 {
  margin: 0;
  padding: 0;
  float: left;
  width: 100%;
}

/* line 172, ../sass/Megadropdown.scss */
.container-2 {
  width: 320px;
}
/* line 179, ../sass/Megadropdown.scss */
.container-2 .col1 {
  margin: 0;
  padding: 0;
  float: left;
  width: 50%;
}
/* line 179, ../sass/Megadropdown.scss */
.container-2 .col2 {
  margin: 0;
  padding: 0;
  float: left;
  width: 100%;
}

/* line 172, ../sass/Megadropdown.scss */
.container-3 {
  width: 480px;
}
/* line 179, ../sass/Megadropdown.scss */
.container-3 .col1 {
  margin: 0;
  padding: 0;
  float: left;
  width: 33.33333%;
}
/* line 179, ../sass/Megadropdown.scss */
.container-3 .col2 {
  margin: 0;
  padding: 0;
  float: left;
  width: 66.66667%;
}
/* line 179, ../sass/Megadropdown.scss */
.container-3 .col3 {
  margin: 0;
  padding: 0;
  float: left;
  width: 100%;
}

/* line 172, ../sass/Megadropdown.scss */
.container-4 {
  width: 640px;
}
/* line 179, ../sass/Megadropdown.scss */
.container-4 .col1 {
  margin: 0;
  padding: 0;
  float: left;
  width: 25%;
}
/* line 179, ../sass/Megadropdown.scss */
.container-4 .col2 {
  margin: 0;
  padding: 0;
  float: left;
  width: 50%;
}
/* line 179, ../sass/Megadropdown.scss */
.container-4 .col3 {
  margin: 0;
  padding: 0;
  float: left;
  width: 75%;
}
/* line 179, ../sass/Megadropdown.scss */
.container-4 .col4 {
  margin: 0;
  padding: 0;
  float: left;
  width: 100%;
}

/* line 172, ../sass/Megadropdown.scss */
.container-5 {
  width: 800px;
}
/* line 179, ../sass/Megadropdown.scss */
.container-5 .col1 {
  margin: 0;
  padding: 0;
  float: left;
  width: 20%;
}
/* line 179, ../sass/Megadropdown.scss */
.container-5 .col2 {
  margin: 0;
  padding: 0;
  float: left;
  width: 40%;
}
/* line 179, ../sass/Megadropdown.scss */
.container-5 .col3 {
  margin: 0;
  padding: 0;
  float: left;
  width: 60%;
}
/* line 179, ../sass/Megadropdown.scss */
.container-5 .col4 {
  margin: 0;
  padding: 0;
  float: left;
  width: 80%;
}
/* line 179, ../sass/Megadropdown.scss */
.container-5 .col5 {
  margin: 0;
  padding: 0;
  float: left;
  width: 100%;
}


/* mddNav（ドロップダウンメニュー全体とナビボタン）
------------------------------------- */
#mddNav {
	position: relative;
	min-width: 1904px;
}
#mddNav > ul{
	display: flex; /*グローバルナビゲーションを横並びに*/
	margin: 0 auto;
	text-align: center;
	list-style: none;
}
#mddNav > ul > li a{
  color: #666666;
}

#mddNav ul li a.gnavi{
	position: relative;
	display: block;
	width: auto;
	height: 52px;
	padding: 36px 10px 0 25px;
	margin: 0;
	background: none;
	color: #000;
	text-decoration: none;
	float: left;
}
#mddNav ul li a.gnavi:before{
	content:"\f101";
	font-family:"fontawesome";
	color:#FD3939;
	font-weight:bold;
	font-size: 20px;
	margin:0 5px 0 0;
}
#mddNav ul li a.gnavi:hover {
	color:#fff;
	-webkit-transition-property: background-color;  
	-webkit-transition-duration: 0.25s;  
	-webkit-transition-timing-function: ease-out; 
}
#mddNav ul li a.gnavi:hover {
	background: #FD3939;
}
#mddNav ul li a.gnavi:hover:before{
	content:"\f101";
	font-family:"fontawesome";
	color:#fff;
	font-weight:bold;
	font-size: 20px;
	margin:0 5px 0 0;
}
#mddNav ul li a.gnavi{
    position: relative;
    display: block;
    width: auto;
    height: 50px;
    padding: 36px 10px 0 25px;
    margin: 0;
    background: none;
    color: #282828;
    text-decoration: none;
    float: left;
    font-size: 120%;
    font-weight: bold;
}
#mddNav ul li a.gnavi:before{
	content:"\f101";
	font-family:"fontawesome";
	color:#FD3939;
	font-weight:bold;
	font-size: 120%;
	margin:0 5px 0 0;
}
#mddNav ul li a.gnavi:hover {
	color:#fff;
	-webkit-transition-property: background-color;  
	-webkit-transition-duration: 0.25s;  
	-webkit-transition-timing-function: ease-out; 
}

#mddNav ul li a.gnavi:hover {
	background: #FD3939;
}
#mddNav ul li span.gnavi:hover:before{
	content:"\f101";
	font-family:"fontawesome";
	color:#fff;
	font-weight:bold;
	font-size: 20px;
	margin:0 5px 0 0;
}

#mddNav ul li span.gnavi{
    position: relative;
    display: block;
    width: auto;
    height: 50px;
    padding: 36px 10px 0 25px;
    margin: 0;
    background: none;
    color: #282828;
    text-decoration: none;
    float: left;
    font-size: 120%;
    font-weight: bold;
	cursor: pointer;
}
#mddNav ul li span.gnavi:before{
	content:"\f101";
	font-family:"fontawesome";
	color:#FD3939;
	font-weight:bold;
	font-size: 120%;
	margin:0 5px 0 0;
}
#mddNav ul li span.gnavi:hover {
	color:#fff;
	-webkit-transition-property: background-color;  
	-webkit-transition-duration: 0.25s;  
	-webkit-transition-timing-function: ease-out; 
}

#mddNav ul li span.gnavi:hover {
	background: #FD3939;
}
#mddNav ul li span.gnavi:hover:before{
	content:"\f101";
	font-family:"fontawesome";
	color:#fff;
	font-weight:bold;
	font-size: 20px;
	margin:0 5px 0 0;
}
#mddNav > ul > li a.first-button{
    display: block;
    position: absolute;
    top: 5px;
    right: 5px;
}
.dropContent .stra-etc .column{
	float:left;
	margin: 0 10px 0 0;
	padding:0;
}
.dropContent .stra-etc .column a{
	display: block;
	clear:both;
}
.dropContent .stra-etc .column a img{
	width:180px;
}


/* mddWrap
------------------------------------- */
#mddNav .mddWrap {
	/*display:block !important; /* これできりかえ*/
	position: absolute;
	top: 85px;
	z-index: 100;
	overflow: hidden;
	width: 100%;
	text-align: center;
	background: #fff;
	background: linear-gradient(to bottom,  #fff 0%,#efefef 100%);
	border-bottom: #eaeaea 1px solid;
	border-left: #eaeaea 1px solid;
}
#mddNav .mddWrap .mddInner {
  margin: 0 auto;
  padding: 20px;
  line-height: 1.5em;
  text-align: left;
}
#mddNav .mddWrap .mddInner > .dropContent {
  display: flex;
}
#mddNav .mddWrap .mddInner > .dropContent ul{
	list-style: none;
}
#mddNav .mddWrap .mddInner > .dropContent > div {
  margin-right: 20px;
  width: auto;
/*  float: left;*/
}
#mddNav .mddWrap .mddInner > .dropContent > div:last-child {
  margin-right: 0;
  border-right: none;
}
#mddNav .mddWrap .mddInner > .dropContent > div > ul > li {
  line-height: 1.8em;
}
#mddNav .mddWrap .mddInner > .dropContent > div > ul > li i {
  margin-right: 0.5em;
}
#mddNav .mddWrap .mddInner > .dropContent > div > ul > li a:link {
  text-decoration: underline;
}
#mddNav .mddWrap .mddInner > .dropContent > div > ul > li a:hover {
  text-decoration: none;
}
#mddNav .mddWrap .mddInner p {
	margin-bottom: 20px;
	padding: 0 0 20px 10px;
	line-height: 1.6em;
	border-bottom: 2px solid #DF1E1E;
}
#mddNav .mddWrap .mddInner p strong {
  font-size: 1.1em;
  display: block;
}
#mddNav .mddWrap .mddInner > div span {
  margin-bottom: 5px;
  font-weight: bold;
}
/*------------------------------------- */
.fa-chevron-right {
  color: #F00;
}
/*------------------------------------- */



/* mddNav（ドロップダウンメニュー全体とナビボタン）
------------------------------------- */
@media only screen and (max-width: 414px){
	#mddNav{
		min-width:auto;
	}
	#mddNav > ul{
		display:block;
		padding:3%;
		text-align:left;
	}
	ul.gnavi li{
		display:block;
		position:relative !important;
		margin: 0 0 5px 0;
		padding: 3px 0 5px 0;
		border-bottom: 1px solid #ccc;
	}
	#mddNav > ul > li a{
		text-decoration:none;
	}
	#mddNav ul li a.gnavi,#mddNav ul li span.gnavi{
		float:none;
		height:inherit;
		margin:0;
		padding:0;
	}
	#mddNav > ul > li a.first-button {
		display: block;
		position: relative;
		top:inherit;
		right:inherit;
	}
	#mddNav > ul > li a.first-button img{
		display:block;
		margin:5% auto 0;
		max-width:98%;
	}
	.mddWrap{
		display:none !important;
	}
	.ex-mddWrap{
		position:relative !important;
		height:inherit !important;
		top:inherit !important;
		display:block !important;
		background:none !important;
		border-bottom:none !important;
		border-left:none !important;
	}
	.ex-mddInner{
		padding:0 !important;
	}
	.ex-mddInner p{
		display:none !important;
	}
	.ex-mddInner img{
		display:none !important;
	}
	.ex-mddInner .stra-etc{
		padding:0 0 0 20px;
	}
	.ex-mddInner .stra-etc .column{
		float:none;
		margin:0;
	}
	.ex-mddInner .stra-etc .column a.box:before{
		content: "\f101";
		font-family: "fontawesome";
		color: #FD3939;
		font-weight: bold;
		font-size: 120%;
		margin: 0 5px 0 0;
	}
	.sub-point div img.report-image{
		width:100%;
		margin: -10% auto 15%;
	}
	.sub-point div ul.report-list{
		max-width:inherit;
		font-size:60%;
		margin: 0 0 15%;
	}
}