@charset 'utf-8';

html {
	font-size: 100.01%;
	overflow-y: scroll
}
html,
body {
	height: 100%
}
body {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, sans-serif;
	color: #222;
	-webkit-text-size-adjust: 100%
}
*::-moz-selection {
	background: #bb3636;
	color: #fff
}
*::selection {
	background: #bb3636;
	color: #fff
}
a {
	color: #222;
	text-decoration: none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease
}
a:hover {
	color: #a60202
}
header,
footer,
nav,
section,
time {
	display: block
}
#wrapper {
	margin: 0;
	padding: 0;
	min-width: 1100px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	position: relative
}
#container {
	margin: 0 auto;
	width: 1040px;
	min-height: 550px;
	height: auto !important;
	height: 550px;
	position: relative;
	overflow: hidden;
	zoom: 1
}
#container:after {
	content: "";
	display: block;
	clear: both
}
.cf {
	zoom: 1
}
.cf:after {
	content: "";
	display: block;
	clear: both
}
.-pc {
	display: block;
}
.-sp {
	display: none;
}
.bd-n {
  border: none!important;
}
body.top #container,
body.contact #container {
	font-size: 90%
}
body.top #container p,
body.contact #container p {
	line-height: 1.8
}
body.company.top #container,
body.recruit.top #container {
	margin-top: 0;
	padding: 0
}
body.contact a.link-type02 {
	color: #a60202;
	border-bottom: 1px solid #fff;
	-webkit-transition: border 0.4s ease;
	-moz-transition: border 0.4s ease;
	-o-transition: border 0.4s ease;
	transition: border 0.4s ease
}
body.contact a.link-type02:hover {
	border-bottom: 1px solid #a60202
}
body.news #main {
	width: 1040px
}
#overlay-sp {
	width: 100%;
	height: 100%;
	background-color: rgba(100, 100, 100, 0.5);
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1
}
#header {
	width: 100%;
	height: 67px;
	background-color: #3d3b3c
}
#header #header-wrap-top {
	width: 100%;
	height: 67px;
	background-color: #3d3b3c;
	overflow: hidden;
	z-index: 100;
	-webkit-transition: none 0.3s ease;
	-moz-transition: none 0.3s ease;
	-o-transition: none 0.3s ease;
	transition: none 0.3s ease
}
#header #header-wrap-top #header-wrap {
	margin: 0 auto;
	width: 1040px;
	overflow: hidden;
	zoom: 1
}
#header #header-wrap-top #header-wrap h1 {
	width: 152px;
	height: 67px;
	float: left;
  margin-left: -10px;
}
#nav ul {
	width: 831px;
	height: 67px;
	float: right;
	overflow: hidden
}
#nav ul li {
	float: left
}
#nav ul li#service a {
	background: url(/common/images/header/header_ico_service.png) no-repeat center 5px
}
#nav ul li#portfolio a {
	background: url(/common/images/header/header_ico_portfolio.png) no-repeat center 5px
}
#nav ul li#company a {
	background: url(/common/images/header/header_ico_company.png) no-repeat center 5px
}
#nav ul li#recruit a {
	background: url(/common/images/header/header_ico_recruit.png) no-repeat center 5px
}
#nav ul li#contact a {
	background: url(/common/images/header/header_ico_contact.png) no-repeat center 5px
}
#nav ul li#ai_chatbot a {
	background: url(/common/images/header/header_ico_ai_chatbot.png) no-repeat center 5px
}
#nav ul li a {
	width: 135px;
	height: 67px;
	color: #fff;
	font-size: 84%;
	text-align: center;
	line-height: 98px;
	display: block;
	-webkit-transition: background 0.3s ease;
	-moz-transition: background 0.3s ease;
	-o-transition: background 0.3s ease;
	transition: background 0.3s ease
}
#nav ul li#tel {
  color: #fff;
  text-align: center;
  width: 156px;
  padding: 19px 0;
  font-size: 84%;
}
#nav ul li#tel.-sp {
  display: none!important;
}
#nav ul li#contact {
  background-color: #ff6600 !important;
}
#nav ul li#contact a:hover {
  background-color: #ff8822 !important;
}
#nav ul li a:hover {
	color: #fff;
	background-color: #a60202 !important
}
body.service #header #header-wrap ul li#service a,
body.portfolio #header #header-wrap ul li#portfolio a,
body.company #header #header-wrap ul li#company a,
body.recruit #header #header-wrap ul li#recruit a,
body.contact #header #header-wrap ul li#contact a {
	color: #fff;
	background-color: #a60202
}
body.contact.service #header #header-wrap ul li#service a,
body.contact.recruit #header #header-wrap ul li#recruit a,
body.contact.request #header #header-wrap ul li#contact a,
body.contact.magazine #header #header-wrap ul li#contact a {
	background-color: transparent
}
#conversion {
	position: fixed;
	top: 50%;
	margin-top: -125px;
	right: 0;
	z-index: 1000
}
#conversion #conversion-wrap li {
	font-size: 0;
	line-height: 1
}
#conversion #conversion-wrap li a {
	width: 50px;
	height: 50px;
	display: block;
	position: relative;
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	zoom: 1
}
#conversion #conversion-wrap li a span {
	width: 0;
	height: 50px;
	text-indent: -9999px;
	cursor: pointer;
	overflow: hidden;
	display: block;
	position: absolute;
	top: 0;
	right: 50px;
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-moz-opacity: 0;
	-khtml-opacity: 0;
	zoom: 1;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease
}
#conversion #conversion-wrap li a:focus,
#conversion #conversion-wrap li a:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-moz-opacity: 1;
	-khtml-opacity: 1;
	zoom: 1
}
#conversion #conversion-wrap li a:focus span,
#conversion #conversion-wrap li a:hover span {
	width: 258px;
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-moz-opacity: 1;
	-khtml-opacity: 1;
	zoom: 1
}
#conversion #conversion-wrap li#c-contact a {
	background: url(/common/images/conversion/conversion_ico_01.png) no-repeat left top #00afa8
}
#conversion #conversion-wrap li#c-contact a span {
	background: url(/common/images/conversion/conversion_ico_01_on.png) no-repeat left top
}
#conversion #conversion-wrap li#c-magazine a {
	background: url(/common/images/conversion/conversion_ico_02.png) no-repeat left top #00afa8
}
#conversion #conversion-wrap li#c-magazine a span {
	background: url(/common/images/conversion/conversion_ico_02_on.png) no-repeat left top
}
#conversion #conversion-wrap li#c-request a {
	background: url(/common/images/conversion/conversion_ico_03.png) no-repeat left top #00afa8
}
#conversion #conversion-wrap li#c-request a span {
	background: url(/common/images/conversion/conversion_ico_03_on.png) no-repeat left top
}
#conversion #conversion-wrap li#c-fresh a {
	background: url(/common/images/conversion/conversion_ico_04.png) no-repeat left top #e352a4
}
#conversion #conversion-wrap li#c-fresh a span {
	background: url(/common/images/conversion/conversion_ico_04_on.png) no-repeat left top
}
#conversion #conversion-wrap li#c-midway a {
	background: url(/common/images/conversion/conversion_ico_05.png) no-repeat left top #e352a4
}
#conversion #conversion-wrap li#c-midway a span {
	background: url(/common/images/conversion/conversion_ico_05_on.png) no-repeat left top
}

body.contact.service #conversion,
body.contact.recruit #conversion,
body.contact.new #conversion,
body.contact.other #conversion,
body.contact.request #conversion,
body.contact.magazine #conversion {
	display: none
}
#mainvisual {
	width: 100%;
	text-align: center;
	border-bottom: 1px solid #eee;
	overflow: hidden
}
#mainvisual h1 {
	margin: 0 auto;
	width: 1040px;
	height: 180px
}
#mainvisual h1 img {
	width: 100%;
	height: auto;
	display: none
}
body.service #mainvisual h1 {
	background: url(/common/images/mainvisual/pc_service.jpg) no-repeat left top
}
body.portfolio #mainvisual h1 {
	background: url(/common/images/mainvisual/pc_portfolio.jpg) no-repeat left top
}
body.company #mainvisual h1 {
	background: url(/common/images/mainvisual/pc_company.jpg) no-repeat left top
}
body.recruit #mainvisual h1 {
	background: url(/common/images/mainvisual/pc_recruit.jpg) no-repeat left top
}
body.contact #mainvisual h1 {
	background: url(/common/images/mainvisual/pc_contact.jpg) no-repeat left top
}
#topic-path {
	margin-bottom: 15px;
	width: 100%;
	border-bottom: 1px solid #ccc;
	-webkit-box-shadow: 2px 2px 2px rgba(230, 230, 230, 0.7);
	-moz-box-shadow: 2px 2px 2px rgba(230, 230, 230, 0.7);
	-ms-box-shadow: 2px 2px 2px rgba(230, 230, 230, 0.7);
	-o-box-shadow: 2px 2px 2px rgba(230, 230, 230, 0.7);
	box-shadow: 2px 2px 2px rgba(230, 230, 230, 0.7)
}
#topic-path ul {
	margin: 0 auto;
	padding: 10px 0;
	width: 1040px;
	overflow: hidden;
	zoom: 1
}
#topic-path ul li {
	margin-right: 10px;
	padding-right: 20px;
	font-size: 75%;
	background: url(/common/images/arrow_topicpath.png) no-repeat right 2px;
	float: left
}
#topic-path ul li.current {
	padding-right: 0;
	font-weight: bold;
	background: none
}
#topic-path ul li a {
	display: block
}
#topic-path ul li a img {
	margin: -3px 0 0 5px;
	-webkit-transition: opacity 0.5s ease;
	-moz-transition: opacity 0.5s ease;
	-o-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease
}
#topic-path ul li a img:hover {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
	zoom: 1
}
#main {
	padding-bottom: 50px;
	width: 810px;
	font-size: 90%;
	overflow: hidden;
	float: right
}
#main p,
#main li,
#main td,
#main th {
	line-height: 1.8
}
#main p a {
	color: #a60202;
	border-bottom: 1px solid #fff;
	-webkit-transition: border 0.4s ease;
	-moz-transition: border 0.4s ease;
	-o-transition: border 0.4s ease;
	transition: border 0.4s ease
}
#main p a:hover {
	border-bottom: 1px solid #a60202
}
.contents {
	margin: 0 15px
}
.modal-area {
	width: 100%;
	background: url(/common/images/modal/bg.png) left top;
	position: absolute;
	z-index: 1000;
	display: none
}
.modal-area .modal {
	margin: 0 auto;
	padding: 15px;
	max-width: 800px;
	width: auto !important;
	width: 800px;
	background-color: #e5e5e5;
	position: relative
}
.news .modal-area .modal {
	max-width: 542px;
	width: 542px;
}
.modal-area .modal h1 {
	margin-bottom: 10px;
	font-size: 110%
}
.modal-area .modal p {
	word-break: break-all
}
.modal-area .modal .close-btn {
	width: 30px;
	height: 30px;
	border: 1px solid #fff;
	background: url(/common/images/modal/close.png) no-repeat left top #333;
	cursor: pointer;
	position: absolute;
	top: -36px;
	right: 0
}
.modal-area .modal .next {
	width: 35px;
	height: 145px;
	background: url(/common/images/modal/next.png) no-repeat center center #333;
	cursor: pointer;
	position: absolute;
	top: 0;
	right: -35px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
	zoom: 1
}
.modal-area .modal .next:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-moz-opacity: 1;
	-khtml-opacity: 1;
	zoom: 1
}
.modal-area .modal .prev {
	width: 35px;
	height: 145px;
	background: url(/common/images/modal/prev.png) no-repeat center center #333;
	cursor: pointer;
	position: absolute;
	top: 0;
	left: -35px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
	zoom: 1
}
.modal-area .modal .prev:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-moz-opacity: 1;
	-khtml-opacity: 1;
	zoom: 1
}
.modal-area .modal .page {
	font-size: 90%;
	position: absolute;
	top: 15px;
	right: 15px;
	display: none
}
.modal-area .modal .modal-img {
	text-align: center;
	position: relative
}
.modal-area .modal .modal-img img {
	width: 100%;
	height: auto
}
.modal-area .modal .modal-img .modal-ttl {
	width: 200px;
	text-align: left;
	position: absolute;
	top: 0;
	right: 0
}
.modal-area .modal .modal-img .modal-ttl h1 {
	margin-bottom: 0;
	padding: 0.6em;
	font-size: 90%;
	color: #fff
}
.modal-area .modal .modal-img .modal-ttl dl {
	padding: 0.4em 0;
	font-size: 80%;
	color: #6e860e;
	overflow: hidden;
	zoom: 1
}
.modal-area .modal .modal-img .modal-ttl dl dt {
	padding-left: 0.6em;
	width: 80px;
	white-space: nowrap;
	float: left
}
.modal-area .modal .modal-img .modal-ttl dl dd {
	white-space: nowrap;
	float: left
}
.modal-area .modal .modal-img .modal-ttl.ttl-se h1 {
	background-color: rgba(156, 193, 7, 0.9);
	filter: progid: DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#999cc107, EndColorStr=#999cc107)
}
.modal-area .modal .modal-img .modal-ttl.ttl-se dl {
	color: #6e860e;
	background-color: rgba(199, 236, 51, 0.65);
	filter: progid: DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#66c7ec33, EndColorStr=#66c7ec33)
}
.modal-area .modal .modal-img .modal-ttl.ttl-sys h1 {
	background-color: rgba(14, 152, 162, 0.9);
	filter: progid: DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#990e98a2, EndColorStr=#990e98a2)
}
.modal-area .modal .modal-img .modal-ttl.ttl-sys dl {
	color: #046067;
	background-color: rgba(29, 192, 201, 0.65);
	filter: progid: DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#661dc0c9, EndColorStr=#661dc0c9)
}
.modal-area .modal .modal-img .modal-ttl.ttl-cr h1 {
	background-color: rgba(204, 90, 204, 0.9);
	filter: progid: DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#99cc5acc, EndColorStr=#99cc5acc)
}
.modal-area .modal .modal-img .modal-ttl.ttl-cr dl {
	color: #973197;
	background-color: rgba(229, 136, 229, 0.65);
	filter: progid: DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#66e588e5, EndColorStr=#66e588e5)
}
.modal-area .modal .modal-img .modal-ttl.ttl-bs h1 {
	background-color: rgba(240, 165, 24, 0.9);
	filter: progid: DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#99f0a518, EndColorStr=#99f0a518)
}
.modal-area .modal .modal-img .modal-ttl.ttl-bs dl {
	color: #9e6802;
	background-color: rgba(253, 193, 81, 0.65);
	filter: progid: DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#66fdc151, EndColorStr=#66fdc151)
}
.modal-area .modal .txt {
	margin: 15px 0 0;
	font-size: 80%;
	line-height: 1.8
}
.block {
	width: 1060px;
	overflow: hidden;
	zoom: 1
}
.block .block-top {
	margin-right: 20px;
	float: left
}
.block-top-3 .block-top:not(:nth-child(-n+3)) {
  margin-top: 20px;
}
.block .block-top a {
	height: 210px;
	overflow: hidden;
	display: block;
	position: relative
}
.block .block-top a h1,
.block .block-top a h3 {
	width: 100%;
	font-size: 150%;
	color: #fff;
	text-align: center;
	font-weight: 300;
	position: absolute;
	bottom: 58px;
	left: 0;
	z-index: 5
}
.block .block-top a .block-top-title {
	height: 210px;
	cursor: pointer;
	position: absolute;
	top: 170px;
	left: 0;
	z-index: 10;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease
}
.block .block-top a .block-top-title .title {
	margin: 0 0 0 10px;
	padding: 6px 5px 5px 25px;
	color: #fff;
	font-size: 110%
}
.block .block-top a .block-top-title .txt {
	color: #fff;
	font-size: 90%;
	text-align: center;
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-moz-opacity: 0;
	-khtml-opacity: 0;
	zoom: 1;
	-webkit-transition: all 1.2s ease;
	-moz-transition: all 1.2s ease;
	-o-transition: all 1.2s ease;
	transition: all 1.2s ease
}
.block .block-top a:focus .block-top-title,
.block .block-top a:hover .block-top-title {
	top: 0
}
.block .block-top a:focus .block-top-title .txt,
.block .block-top a:hover .block-top-title .txt {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-moz-opacity: 1;
	-khtml-opacity: 1;
	zoom: 1
}
.block-top-2 .block-top a {
	width: 510px
}
.block-top-2 .block-top a.philosophy {
	background: url(/company/images/company_item_01.jpg) no-repeat left top
}
.block-top-2 .block-top a.feature {
	background: url(/company/images/company_item_02.jpg) no-repeat left top
}
.block-top-2 .block-top a.newgraduate {
	background: url(/recruit/images/recruit_item_01.jpg) no-repeat left top
}
.block-top-2 .block-top a.midcareer {
	background: url(/recruit/images/recruit_item_02.jpg) no-repeat left top
}
.block-top-2 .block-top a.newgraduate .block-top-title,
.block-top-2 .block-top a.midcareer .block-top-title {
	background: url(/recruit/images/recruit_item_bg.png) left top
}
.block-top-2 .block-top a.newgraduate .block-top-title .title,
.block-top-2 .block-top a.midcareer .block-top-title .title {
	background: url(/recruit/images/recruit_item_arrow.png) no-repeat left center
}
.block-top-2 .block-top a.philosophy .block-top-title,
.block-top-2 .block-top a.feature .block-top-title {
	background: url(/company/images/company_item_bg.png) left top
}
.block-top-2 .block-top a.philosophy .block-top-title .title,
.block-top-2 .block-top a.feature .block-top-title .title {
	background: url(/company/images/company_item_arrow.png) no-repeat left center
}
.block-top-2 .block-top a .block-top-title {
	width: 510px
}
.block-top-3 .block-top a {
	width: 333px
}
.block-top-3 .block-top a.operation {
	background: url(/service/images/solution_item_01.jpg) no-repeat left top
}
.block-top-3 .block-top a.promotion {
	background: url(/service/images/solution_item_02.jpg) no-repeat left top
}
.block-top-3 .block-top a.spsite {
	background: url(/service/images/solution_item_03.jpg) no-repeat left top
}
.block-top-3 .block-top a.marketing {
  background: url(/service/images/solution_item_04.jpg) no-repeat left top
}
.block-top-3 .block-top a.nearshore {
  background: url(/service/images/solution_item_05.jpg) no-repeat left top
}
.block-top-3 .block-top a.chatbot {
  background: url(/service/images/solution_item_06.jpg) no-repeat left top
}
.block-top-3 .block-top a.e-learning {
  background: url(/service/images/solution_item_07.jpg) no-repeat left top
}
.block-top-3 .block-top a.operation .block-top-title,
.block-top-3 .block-top a.promotion .block-top-title,
.block-top-3 .block-top a.spsite .block-top-title,
.block-top-3 .block-top a.marketing .block-top-title,
.block-top-3 .block-top a.nearshore .block-top-title,
.block-top-3 .block-top a.chatbot .block-top-title,
.block-top-3 .block-top a.e-learning .block-top-title {
	background: url(/service/images/solution_item_bg.png) left top
}
.block-top-3 .block-top a.operation .block-top-title .title,
.block-top-3 .block-top a.promotion .block-top-title .title,
.block-top-3 .block-top a.spsite .block-top-title .title,
.block-top-3 .block-top a.marketing .block-top-title .title,
.block-top-3 .block-top a.nearshore .block-top-title .title,
.block-top-3 .block-top a.chatbot .block-top-title .title,
.block-top-3 .block-top a.e-learning .block-top-title .title {
	background: url(/service/images/solution_item_arrow.png) no-repeat left center
}
.block-top-3 .block-top a .block-top-title {
	width: 333px
}
.block-top-4 {
	margin-top: 40px
}
.block-top-4 .block-top a {
	width: 245px
}
.block-top-4 .block-top a.profile {
	background: url(/company/images/company_item_03.jpg) no-repeat left top
}
.block-top-4 .block-top a.history {
	background: url(/company/images/company_item_04.jpg) no-repeat left top
}
.block-top-4 .block-top a.clients {
	background: url(/company/images/company_item_05.jpg) no-repeat left top
}
.block-top-4 .block-top a.access {
	background: url(/company/images/company_item_06.jpg) no-repeat left top
}
.block-top-4 .block-top a.candidate {
	background: url(/recruit/images/recruit_item_03.jpg) no-repeat left top
}
.block-top-4 .block-top a.work {
	background: url(/recruit/images/recruit_item_10.jpg) no-repeat left top
}
.block-top-4 .block-top a.welfare {
	background: url(/recruit/images/recruit_item_04.jpg) no-repeat left top
}
.block-top-4 .block-top a.training {
	background: url(/recruit/images/recruit_item_05.jpg) no-repeat left top
}
.block-top-4 .block-top a.culture {
	background: url(/recruit/images/recruit_item_06.jpg) no-repeat left top
}
.block-top-4 .block-top a.events {
	background: url(/recruit/images/recruit_item_07.jpg) no-repeat left top
}
.block-top-4 .block-top a.faq {
	background: url(/recruit/images/recruit_item_08.jpg) no-repeat left top
}
.block-top-4 .block-top a.performance {
	background: url(/recruit/images/recruit_item_09.jpg) no-repeat left top
}
.block-top-4 .block-top a.profile .block-top-title,
.block-top-4 .block-top a.history .block-top-title,
.block-top-4 .block-top a.clients .block-top-title,
.block-top-4 .block-top a.access .block-top-title {
	background: url(/company/images/company_item_bg.png) left top
}
.block-top-4 .block-top a.profile .block-top-title .title,
.block-top-4 .block-top a.history .block-top-title .title,
.block-top-4 .block-top a.clients .block-top-title .title,
.block-top-4 .block-top a.access .block-top-title .title {
	background: url(/company/images/company_item_arrow.png) no-repeat left center
}
.block-top-4 .block-top a.candidate .block-top-title,
.block-top-4 .block-top a.work .block-top-title,
.block-top-4 .block-top a.welfare .block-top-title,
.block-top-4 .block-top a.training .block-top-title,
.block-top-4 .block-top a.culture .block-top-title,
.block-top-4 .block-top a.events .block-top-title,
.block-top-4 .block-top a.faq .block-top-title,
.block-top-4 .block-top a.performance .block-top-title {
	background: url(/recruit/images/recruit_item_bg.png) left top
}
.block-top-4 .block-top a.candidate .block-top-title .title,
.block-top-4 .block-top a.work .block-top-title .title,
.block-top-4 .block-top a.welfare .block-top-title .title,
.block-top-4 .block-top a.training .block-top-title .title,
.block-top-4 .block-top a.culture .block-top-title .title,
.block-top-4 .block-top a.events .block-top-title .title,
.block-top-4 .block-top a.faq .block-top-title .title,
.block-top-4 .block-top a.performance .block-top-title .title {
	background: url(/recruit/images/recruit_item_arrow.png) no-repeat left center
}

.block-top-4 .block-top a.ai_concierge {
	background: #13306e url(/common/images/icon/balloon_ico.png) center 40px no-repeat;
	background-size: 70px;
}
.block-top-4 .block-top a.ai_concierge .block-top-title {
	background: rgba(1, 27, 84, 0.8);
}
.block-top-4 .block-top a.ai_concierge .block-top-title  {
	top: 170px;
}
.block-top-4 .block-top a.ai_concierge .block-top-title .title {
	background: url(/recruit/images/recruit_item_arrow_navy.png) no-repeat left center
}

.block-top-4 .block-top a .block-top-title {
	width: 245px
}
#side {
	padding-bottom: 60px;
	width: 200px;
	background-color: #fff;
	float: left;
	z-index: 100
}
#side h1 a {
	padding: 20px 0 22px 43px;
	font-size: 120%;
	font-weight: bold;
	background-position: 0 10px;
	background-repeat: no-repeat;
	border-bottom: 2px solid #a60202;
	display: block
}
#side ul li {
	font-size: 84%
}
#side ul li a {
	padding: 16px 0 16px 13px;
	color: #666;
	white-space: nowrap;
	border-bottom: 1px dotted #b1b1b1;
	background: url(/common/images/arrow_side.png) no-repeat left center;
	display: block;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease
}
#side ul li a:hover {
	color: #a60202;
	padding-left: 20px;
	*padding-left: 13px;
	border-bottom: 1px solid #a60202;
	background: url(/common/images/arrow_side_on.png) no-repeat left center
}
#side ul li a.acc-btn {
	padding: 16px 0 16px 21px;
	background-image: url(/common/images/arrow_side_open.png) !important
}
#side ul li ul li a {
	padding: 10px 0 10px 21px;
	color: #666;
	font-weight: normal;
	background: url(/common/images/arrow_side2.png) no-repeat 8px center
}
#side ul li ul li a:hover {
	padding-left: 28px;
	*padding-left: 21px;
	color: #a60202;
	background: url(/common/images/arrow_side2_on.png) no-repeat 8px center
}
#side ul li.current a {
	color: #a60202;
	font-weight: bold;
	background: url(/common/images/arrow_side_on.png) no-repeat left center
}
#side ul li.current ul {
	display: block
}
#side ul li.current ul li a {
	padding: 10px 0 10px 21px;
	color: #666;
	font-weight: normal;
	background: url(/common/images/arrow_side2.png) no-repeat 8px center
}
#side ul li.current ul.portfolio li a {
	padding: 5px 0 5px 21px;
	color: #666;
	font-weight: normal;
	background: url(/common/images/arrow_side2.png) no-repeat 8px center
}
#side ul li.current ul.portfolio li p {
  padding: 5px 0 5px 21px;
  color: #666;
  font-weight: normal;
  background: url(/common/images/arrow_side2.png) no-repeat 8px center
}
#side ul li.current ul.portfolio li.group a {
  padding-top: 0;
  background: none;
  border: none;
}
#side ul li.current ul.portfolio li.grouplast a {
  padding-top: 0;
  background: none;
  border-bottom: 1px dotted #b1b1b1;
}
#side ul li.current ul li a:hover {
	padding-left: 28px;
	*padding-left: 21px;
	color: #a60202;
	background: url(/common/images/arrow_side2_on.png) no-repeat 8px center
}
#side ul li.current ul li.current a {
	color: #a60202;
	font-weight: bold;
	background: url(/common/images/arrow_side2_on.png) no-repeat 8px center
}
body.service #side h1 a {
	padding: 10px 0 7px 43px;
	line-height: 1.2em;
	background-image: url(/common/images/footer/footer_ico_service.png);
	background-position: left center
}
body.portfolio #side h1 a {
	background-image: url(/common/images/footer/footer_ico_portfolio.png)
}
body.company #side h1 a {
	background-image: url(/common/images/footer/footer_ico_company.png)
}
body.recruit #side h1 a {
	background-image: url(/common/images/footer/footer_ico_recruit.png)
}

#side_case {
	padding-bottom: 60px;
	width: 200px;
	background-color: #fff;
	float: left;
	z-index: 100
}
#side_case h1 a {
	padding: 20px 0 22px 43px;
	font-size: 120%;
	font-weight: bold;
	background-position: 0 10px;
	background-repeat: no-repeat;
	border-bottom: 2px solid #a60202;
	display: block
}
#side_case ul li {
	font-size: 84%
}
#side_case ul li a.ttl {
	padding: 16px 0 16px 13px;
	color: #666;
	white-space: nowrap;
	border-bottom: 1px dotted #b1b1b1;
	background: url(/common/images/arrow_side.png) no-repeat left center;
	display: block;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease
}
#side_case ul li a:hover {
	color: #a60202;
	padding-left: 20px;
	*padding-left: 13px;
	border-bottom: 1px solid #a60202;
	background: url(/common/images/arrow_side_on.png) no-repeat left center
}
#side_case ul li a.acc-btn {
	padding: 16px 0 16px 21px;
	background-image: url(/common/images/arrow_side_open.png) !important
}
#side_case ul li ul li a.normal {
  display: block;
	padding: 5px 0 5px 21px;
	color: #666;
	font-weight: normal;
	background: url(/common/images/arrow_side2.png) no-repeat 8px center
}
#side_case ul li ul li a.unit {
  display: block;
	padding: 0 0 5px 21px;
	color: #666;
	font-weight: normal;
	background: url(/common/images/arrow_side2.png) no-repeat 8px center
}
#side_case ul li ul li a:hover {
	padding-left: 28px;
	*padding-left: 21px;
	color: #a60202;
	background: url(/common/images/arrow_side2_on.png) no-repeat 8px center
}
#side_case ul li.current a {
	color: #a60202;
	font-weight: bold;
	background: url(/common/images/arrow_side_on.png) no-repeat left center
}
#side_case ul li.current ul {
	display: block
}
#side_case ul li.current ul li a.normal {
	padding: 5px 0 5px 21px;
	color: #666;
	font-weight: normal;
  border-bottom: 1px dotted #b1b1b1;
	background: url(/common/images/arrow_side2.png) no-repeat 8px center
}
#side_case ul li.current ul li a.unit {
	padding: 0 0 5px 21px;
	color: #666;
	font-weight: normal;
  border-bottom: 1px dotted #b1b1b1;
	background: url(/common/images/arrow_side2.png) no-repeat 8px center
}
#side_case ul li.current ul li p {
  padding: 5px 0 5px 21px;
  color: #666;
  font-weight: normal;
  background: url(/common/images/arrow_side2.png) no-repeat 8px center
}
#side_case ul li.current ul li.group a {
  padding-top: 0;
  background: none;
  border: none;
}
#side_case ul li.current ul li.grouplast a {
  padding-top: 0;
  background: none;
  border-bottom: 1px dotted #b1b1b1;
}
#side_case ul li.current ul li a:hover {
	padding-left: 28px;
	*padding-left: 21px;
	color: #a60202;
	background: url(/common/images/arrow_side2_on.png) no-repeat 8px center
}
#side_case ul li.current ul li.group a:hover,
#side_case ul li.current ul li.grouplast a:hover {
	background: none;
}
#side_case ul li.current ul li.current a {
	color: #a60202;
	font-weight: bold;
	background: url(/common/images/arrow_side2_on.png) no-repeat 8px center
}
#side_case ul li.current ul li.current.group a,
#side_case ul li.current ul li.current.grouplast a {
	background: none;
}
#side_case ul li.current ul li.current.group a:hover,
#side_case ul li.current ul li.current.grouplast a:hover {
	background: none;
}
body.portfolio #side_case h1 a {
  padding: 10px 0 7px 43px;
  line-height: 1.2em;
	background-image: url(/common/images/footer/footer_ico_portfolio.png);
  background-position: left center;
}


#pagetop {
	background: #1a237e;
	margin-left: 524px;
	width: 40px;
	height: 40px;
	position: fixed;
	right: 0!important;
	bottom: 0;
	cursor: pointer;
	-webkit-transition: padding 0.3s ease;
	-moz-transition: padding 0.3s ease;
	-o-transition: padding 0.3s ease;
	transition: padding 0.3s ease;
	z-index: 9999;
}
#pagetop:hover {
	padding-bottom: 5px;
	*padding-bottom: 0
}

#chatbot {
	width: 265px;
	position: fixed;
	right: 40px;
	bottom: 0;
	z-index: 9999;
	box-sizing: border-box;
}

body.contact #chatbot {
	display: none;
}

body.remove-chatbot #chatbot {
	display: none !important;
}
#chatbot * {
	box-sizing: inherit;
}
#chatbot span.-pc, br.-pc {
	display: inline;
}
#chatbot span.-sp, br.-sp {
	display: none;
}
#chatbot .chatbot_icon {
	width: 160px;
	height: 160px;
	position: relative;
	margin: 0 auto 30px;
	-webkit-border-radius: 100%;
	-ms-border-radius: 100%;
	border-radius: 100%;
	box-shadow: 0px 0px 15px -2px #666;
	background: url(/common/images/chatbot/chatbot_bg02.png);
	text-align: center;
	cursor: pointer;
	z-index: 999;
}
#chatbot .chatbot_icon:hover {
	box-shadow: none;
	opacity: 0.9;
}
#chatbot .chatbot_icon:before {
	content: "";
	width: 0px;
	position: absolute;
	bottom: -26px;
	left: 0;
	right: 0;
	margin: 0 auto;
	display: inline-block;
	border: 8px solid transparent;
	border-top: 20px solid #051f59;
}
#chatbot .chatbot_icon:after {
	content: "";
	width: 65px;
	height: 65px;
	position: absolute;
	bottom: 5px;
	left: 0;
	right: 0;
	margin: 0 auto;
	display: inline-block;
	background: url(/common/images/chatbot/chatbot_ico.png);
	background-size: 100%;
}
#chatbot .chatbot_icon .chatbot_ttl {
	display: inline-block;
	padding-top: 20px;
	font-size: 20px;
	font-weight: bold;
	color: #fff;
}
#chatbot .chatbot_icon .chatbot_lead {
	display: inline-block;
	padding-top: 5px;
	font-size: 14px;
	color: #fff;
	line-height: 1.4;
}
#chatbot .chatbot_content {
	width: 265px;
	height: 410px;
	position: absolute;
	left: 0;
	bottom: -410px;
	background: #f2f2f2;
	box-shadow: 0px 0px 15px -2px #666;
	border-radius: 10px 10px 0 0;
	overflow: hidden;
	z-index: 1000;
}
#chatbot .chatbot_content .chat_ttl {
	position: relative;
	padding: 7px 7px 7px 75px;
	background: url(/common/images/chatbot/chatbot_bg01.png);
}
#chatbot .chatbot_content .chat_ttl:before {
	content: "";
	width: 45px;
	height: 45px;
	position: absolute;
	top: 7px;
	left: 7px;
	display: inline-block;
	background: url(/common/images/chatbot/chatbot_ico.png);
	background-size: 100%;
	z-index: 10;
}
#chatbot .chatbot_content .chat_ttl > .chat_close {
	width: 30px;
	position: absolute;
	top: -webkit-calc(50% - 15px);
	top: -ms-calc(50% - 15px);
	top: calc(50% - 15px);
	right: 7px;
	cursor: pointer;
}
#chatbot .chatbot_content .chat_ttl > img {
	width: 85px;
}
#chatbot .chatbot_content .chat_area {
	height: 270px;
	border-bottom: 1px solid #bfbfbf;
	overflow: auto;
}
#chatbot .chatbot_content .chat_area:after {
	content: "";
	display: block;
	clear: both;
}
#chatbot .chatbot_content .chat_txt {
	width: 80%;
	position: relative;
	margin-top: 12px;
	padding: 10px;
	border-radius: 4px;
	font-size: 12px;
	line-height: 1.5;
	word-break: break-all;
}
#chatbot .chatbot_content .chat_txt:first-child {
	margin-top: 20px;
}
#chatbot .chatbot_content .chat_txt:last-child {
	margin-bottom: 20px;
}
#chatbot .chatbot_content .chat_txt:before {
	content: "";
	position: absolute;
	bottom: 15px;
	border: 6px solid transparent;
}
#chatbot .chatbot_content .chat_txt.ai {
	margin-left: 20px;
	float: left;
	background: #fff;
}
#chatbot .chatbot_content .chat_txt.ai:before {
	border-right: 16px solid #fff;
	left: -20px;
}
#chatbot .chatbot_content .chat_txt.user {
	margin-right: 20px;
	float: right;
	background: #d0e3ff;
}
#chatbot .chatbot_content .chat_txt.user:before {
	border-left: 16px solid #d0e3ff;
	right: -20px;
}
#chatbot .chatbot_content .chat_txt a {
	border-bottom: 1px solid #fff;
	color: #a60202;
	line-height: 1.2;
}
#chatbot .chatbot_content .chat_txt a:hover {
	border-color: #a60202;
}
#chatbot .chatbot_content .chat_input {
	padding: 5px 5px 0;
	text-align: right;
}
#chatbot .chatbot_content .chat_input > textarea {
	width: 100%;
	height: 60px;
	padding: 5px;
	border-radius: 5px;
	border: 1px solid #bfbfbf;
	font-size: 14px;
	font-family: inherit;
	resize: none;
}
#chatbot .chatbot_content .chat_input .submit {
	width: 95px;
	display: inline-block;
	padding: 8px 0;
	margin-top: 5px;
	background: #051f59;
	border-radius: 4px;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	cursor: pointer;
}
#chatbot .chatbot_content .chat_input .submit:hover {
	opacity: 0.7;
}
#chatbot .chatbot_content .chat_input .submit.disable {
	background: #4d5f87;
	cursor: default;
}
#chatbot .chatbot_content .chat_input .submit.disable:hover {
	opacity: 1;
}


#footer {
	width: 100%
}
#footer #footer-sitemap-wrap {
	width: 100%;
	min-height: 440px;
	height: auto !important;
	height: 440px;
	background: url(/common/images/footer/footer_bg_02.gif) left top;
	border-top: 1px solid #ddd;
	-webkit-box-shadow: 2px 2px 2px rgba(200, 200, 200, 0.2) inset;
	-moz-box-shadow: 2px 2px 2px rgba(200, 200, 200, 0.2) inset;
	-ms-box-shadow: 2px 2px 2px rgba(200, 200, 200, 0.2) inset;
	-o-box-shadow: 2px 2px 2px rgba(200, 200, 200, 0.2) inset;
	box-shadow: 2px 2px 2px rgba(200, 200, 200, 0.2) inset
}
#footer #footer-sitemap-wrap #footer-sitemap {
	margin: 0 auto;
	padding: 30px 0 30px 30px;
	width: 1070px;
	overflow: hidden;
	zoom: 1
}
#footer #footer-sitemap-wrap #footer-sitemap .sitemap {
	margin-right: 30px;
	width: 237px;
	font-size: 85%;
	float: left
}
#footer #footer-sitemap-wrap #footer-sitemap .sitemap h1 a {
	margin-bottom: 5px;
	padding: 5px 0 20px 45px;
	*padding: 12px 0 11px 45px;
	font-size: 90%;
	color: #333;
	white-space: nowrap;
	background-position: 2px 0;
	background-repeat: no-repeat;
	border-bottom: 2px dotted #ccc;
	position: relative;
	display: block
}
#footer #footer-sitemap-wrap #footer-sitemap .sitemap h1 a:after {
	margin-left: 10px;
	color: #999;
	font-size: 70%;
	position: absolute;
	top: 20px;
	left: 36px
}
#footer #footer-sitemap-wrap #footer-sitemap .sitemap h1 a:hover {
	color: #a60202
}
#footer #footer-sitemap-wrap #footer-sitemap .sitemap .footer-service h1 a {
	background-image: url(/common/images/footer/footer_ico_service.png)
}
#footer #footer-sitemap-wrap #footer-sitemap .sitemap .footer-service h1 a:after {
	content: "Digital Marketing Service"
}
#footer #footer-sitemap-wrap #footer-sitemap .sitemap .footer-service h1 a br {
	display: none
}
#footer #footer-sitemap-wrap #footer-sitemap .sitemap .footer-portfolio h1 a {
	background-image: url(/common/images/footer/footer_ico_portfolio.png)
}
#footer #footer-sitemap-wrap #footer-sitemap .sitemap .footer-portfolio h1 a:after {
	content: "Portfolio"
}
#footer #footer-sitemap-wrap #footer-sitemap .sitemap .footer-company h1 a {
	background-image: url(/common/images/footer/footer_ico_company.png)
}
#footer #footer-sitemap-wrap #footer-sitemap .sitemap .footer-company h1 a:after {
	content: "Company"
}
#footer #footer-sitemap-wrap #footer-sitemap .sitemap .footer-recruit h1 a {
	background-image: url(/common/images/footer/footer_ico_recruit.png)
}
#footer #footer-sitemap-wrap #footer-sitemap .sitemap .footer-recruit h1 a:after {
	content: "Recruit"
}
#footer #footer-sitemap-wrap #footer-sitemap .sitemap .footer-contact h1 a {
	background-image: url(/common/images/footer/footer_ico_contact.png)
}
#footer #footer-sitemap-wrap #footer-sitemap .sitemap .footer-contact h1 a:after {
	content: "Contact"
}
#footer #footer-sitemap-wrap #footer-sitemap .sitemap .footer-news h1 a {
	background-image: url(/common/images/footer/footer_ico_news.png)
}
#footer #footer-sitemap-wrap #footer-sitemap .sitemap .footer-news h1 a:after {
	content: "News"
}
#footer #footer-sitemap-wrap #footer-sitemap .sitemap .footer-magazine h1 a {
	background-image: url(/common/images/footer/footer_ico_magazine.png)
}
#footer #footer-sitemap-wrap #footer-sitemap .sitemap .footer-magazine h1 a:after {
	content: "Mail magazine"
}
#footer #footer-sitemap-wrap #footer-sitemap .sitemap .footer-request h1 a {
	background-image: url(/common/images/footer/footer_ico_request.png)
}
#footer #footer-sitemap-wrap #footer-sitemap .sitemap .footer-request h1 a:after {
	content: "Request for documents"
}
#footer #footer-sitemap-wrap #footer-sitemap .sitemap .footer-html5 h1 a {
	background-image: url(/common/images/footer/footer_ico_html5.png);
	letter-spacing: -.04em
}
#footer #footer-sitemap-wrap #footer-sitemap .sitemap .footer-html5 h1 a:after {
	content: "HTML5 demo contents"
}
#footer #footer-sitemap-wrap #footer-sitemap .sitemap .footer-near h1 a {
	background-image: url(/common/images/footer/footer_ico_near.png)
}
#footer #footer-sitemap-wrap #footer-sitemap .sitemap .footer-near h1 a:after {
	content: "Nearshoring web development"
}
#footer #footer-sitemap-wrap #footer-sitemap .sitemap .footer-fb h1 a {
	background-image: url(/common/images/footer/footer_ico_fb.png)
}
#footer #footer-sitemap-wrap #footer-sitemap .sitemap .footer-fb h1 a:after {
	content: "Facebook"
}
#footer #footer-sitemap-wrap #footer-sitemap .sitemap .footer-html5 h1 a .footer-link-modifier,
#footer #footer-sitemap-wrap #footer-sitemap .sitemap .footer-fb h1 a .footer-link-modifier {
	margin-left: 5px;
	vertical-align: middle;
}
#footer #footer-sitemap-wrap #footer-sitemap .sitemap ul li a {
	padding-left: 12px;
	background: url(/common/images/arrow_footer.png) no-repeat left 10px;
	font-size: 90%;
	line-height: 2.2em;
	display: block
}
#footer #footer-sitemap-wrap #footer-sitemap .sitemap ul li a:hover {
	background: url(/common/images/arrow_footer_on.png) no-repeat left 10px
}
#footer #footer-sitemap-wrap #footer-sitemap .sitemap ul li ul {
	display: none
}
#footer #footer-copyright-wrap {
	width: 100%;
	background: url(/common/images/footer/footer_bg_01.gif) left top;
	-webkit-box-shadow: 2px 2px 2px rgba(180, 180, 180, 0.2) inset;
	-moz-box-shadow: 2px 2px 2px rgba(180, 180, 180, 0.2) inset;
	-ms-box-shadow: 2px 2px 2px rgba(180, 180, 180, 0.2) inset;
	-o-box-shadow: 2px 2px 2px rgba(180, 180, 180, 0.2) inset;
	box-shadow: 2px 2px 2px rgba(180, 180, 180, 0.2) inset
}
#footer #footer-copyright-wrap #footer-copyright {
	margin: 0 auto;
	width: 1040px;
	height: 70px;
	overflow: hidden;
	zoom: 1
}
#footer #footer-copyright-wrap #footer-copyright .footer-logo {
	padding-top: 27px;
	height: 18px;
	float: left
}
#footer #footer-copyright-wrap #footer-copyright .footer-logo a {
	font-size: 0;
	line-height: 1;
	display: block
}
#footer #footer-copyright-wrap #footer-copyright .footer-info {
	margin-top: 15px;
	width: 400px;
	text-align: right;
	float: right
}
#footer #footer-copyright-wrap #footer-copyright .footer-info .footer-nav {
	margin-bottom: 5px;
	letter-spacing: -.4em
}
#footer #footer-copyright-wrap #footer-copyright .footer-info .footer-nav li {
	margin-left: 10px;
	display: inline-block;
	*display: inline;
	*zoom: 1
}
#footer #footer-copyright-wrap #footer-copyright .footer-info .footer-nav li a {
	padding: 0.1em 1em;
	font-size: 60%;
	color: #777;
	background-color: transparent;
	border: 1px solid #999;
	display: block
}
#footer #footer-copyright-wrap #footer-copyright .footer-info .footer-nav li a:hover {
	color: #fff;
	background-color: #777;
	border: 1px solid #777
}
#footer #footer-copyright-wrap #footer-copyright .footer-info .footer-copy {
	font-size: 70%;
	color: #333
}


.hd-type01 {
	margin-bottom: 15px
}
.hd-type01 span {
	padding: 10px 0 10px 10px;
	font-size: 230%;
	font-weight: normal;
	line-height: 1.2;
	letter-spacing: .1em;
	border-bottom: 1px dotted #ccc;
	display: block
}
.hd-type02 {
	margin-bottom: 15px
}
.hd-type02 span {
	padding: 5px 0 5px 10px;
	font-size: 180%;
	font-weight: normal;
	color: #333;
	line-height: 1.2;
	border-left: 5px solid #333;
	display: block
}
.hd-type03 {
	margin-bottom: 10px
}
.hd-type03 span {
	padding: 0 5px 3px;
	font-size: 135%;
	font-weight: normal;
	border-bottom: 1px dotted #aaa;
	line-height: 1.2;
	display: inline-block;
	*display: inline;
	*zoom: 1
}
.hd-type04 {
	margin-bottom: 6px;
	padding: 8px;
	font-size: 115%;
	font-weight: bold;
	line-height: 1.6;
	background-color: #f6f6f6;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	display: inline-block;
	*display: inline;
	*zoom: 1
}
.link-type01 {
	padding-left: 20px !important;
	background: url(/common/images/blank_ico_on.gif) no-repeat left 5px !important
}
.link-type02 {
	padding-left: 20px !important;
	color: #a60202;
	background: url(/common/images/link_ico.gif) no-repeat left 5px !important
}
.table-type01 {
	width: 100%
}
.table-type01 th,
.table-type01 td {
	padding: 20px 0;
	text-align: left;
	vertical-align: top;
	border-bottom: 1px solid #b1b1b1
}
.table-type01 td.-pc{
  display:table-cell;
}
.table-type01 td.-sp{
  display:none;
}
.table-type01 td .pcphone {
  display: inline;
}
.table-type01 td .spphone {
  display: none;
}
.table-type02 {
	width: 100%
}
.table-type02 th,
.table-type02 td {
	padding: 15px;
	border: 1px solid #ccc
}
.table-type02 th {
	background-color: #f7f7f7
}
.table-type02 th.th-top {
	border-top: 3px solid #be1309
}
.table-type02 td.td-top {
	border-top: 3px solid #999
}
.list-type01 {
	padding: 0 15px;
	overflow: hidden;
	zoom: 1
}
.list-type01 dt {
	padding: 8px 0px;
	width: 11em;
	float: left
}
.list-type01 dd {
	margin-left: 9em;
	padding: 8px 0px
}
.list-type01 dd a {
	color: #a60202;
	text-decoration: underline
}
.list-type02 {
	padding-left: 1em;
	text-indent: -1em
}
.list-type02 li {
	line-height: 1.5em
}
.list-type03 {
	overflow: hidden;
	zoom: 1
}
.list-type03 dt {
	padding: 6px 0;
	width: 40px;
	text-align: center;
	line-height: 1.5em;
	float: left
}
.list-type03 dd {
	margin-left: 40px;
	padding: 6px 0;
	line-height: 1.5em
}
.share ul {
  overflow: hidden;
}
.share ul li {
  float: left;
  line-height: 1!important;
}
.share ul li:not(:first-child) {
  margin-left: 5px;
}
.column-nmb {
	margin-top: 30px;
	overflow: hidden;
	zoom: 1
}
.column-nmb:first-child {
	margin-top: 0
}
.column-nmb>div {
	width: 380px;
	float: left
}
.column-nmb>div.nmb02,
.column-nmb>div.nmb04,
.column-nmb>div.nmb06,
.column-nmb>div.nmb08,
.column-nmb>div.nmb10 {
	float: right
}
.column-nmb>div.nmb01 h1 {
	background-image: url(/common/images/column_number_01.gif)
}
.column-nmb>div.nmb02 h1 {
	background-image: url(/common/images/column_number_02.gif)
}
.column-nmb>div.nmb03 h1 {
	background-image: url(/common/images/column_number_03.gif)
}
.column-nmb>div.nmb04 h1 {
	background-image: url(/common/images/column_number_04.gif)
}
.column-nmb>div.nmb05 h1 {
	background-image: url(/common/images/column_number_05.gif)
}
.column-nmb>div.nmb06 h1 {
	background-image: url(/common/images/column_number_06.gif)
}
.column-nmb>div.nmb07 h1 {
	background-image: url(/common/images/column_number_07.gif)
}
.column-nmb>div.nmb08 h1 {
	background-image: url(/common/images/column_number_08.gif)
}
.column-nmb>div.nmb09 h1 {
	background-image: url(/common/images/column_number_09.gif)
}
.column-nmb>div.nmb10 h1 {
	background-image: url(/common/images/column_number_10.gif)
}
.column-nmb>div h1 {
	margin-bottom: 10px;
	padding: 6px 0 4px 27px;
	font-size: 130%;
	color: #333;
	background: no-repeat left bottom
}
.column-nmb>div p {
	margin: 0
}
.column-type03 {
	margin: 30px 10px 0;
	letter-spacing: -.40em
}
.column-type03 .column_3 {
	margin: 0 10px 45px;
	padding-right: 20px;
	width: 300px;
	vertical-align: top;
	display: inline-block;
	*display: inline;
	*zoom: 1
}
.column-type03 .column_3 h1 {
	font-size: 115%;
	border-bottom: 1px solid #ccc
}
.column-type03 .column_3 h1 a {
	padding: 0 0 10px 25px;
	background: url(/common/images/arrow_sitemap.png) no-repeat 7px top !important;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease
}
.column-type03 .column_3 h1 a:hover {
	background-image: url(/common/images/arrow_sitemap_on.png)
}
.column-type03 .column_3 h1 a br {
	display: none
}
.column-type03 .column_3 ul {
	margin: 10px 0 0 5px
}
.column-type03 .column_3 ul li {
	padding: 0.4em 0
}
.column-type03 .column_3 ul li ul {
	display: none
}
.column-type03 .column_3 a {
	padding-left: 20px;
	background: url(/common/images/link_ico.gif) no-repeat left 0;
	display: block
}
.column-type03 .column_3 a.link-type01 {
	background-position: left 0 !important
}
.caution-area {
	padding: 20px 1em;
	background-color: #ededed;
	display: block
}
.notes {
	padding-left: 1.1em;
	text-indent: -1.1em;
	font-size: 80%
}
.notes2 {
	padding-left: 1.7em;
	text-indent: -1.7em;
	font-size: 80%
}
.privacy-wrap {
	padding: 15px;
	border: 1px solid #e0e0e0;
	display: block
}
.privacy-wrap .ttl {
	font-size: 110%;
	font-weight: bold;
	margin-bottom: 10px
}
.privacy-wrap p {
	font-size: 80%
}
.etc-btn,
.contact-btn {
	width: 100%
}
.etc-btn a,
.contact-btn a {
	margin: 0 auto;
	padding: 15px;
	width: 360px;
	color: #fff;
	font-size: 105%;
	font-weight: bold;
	text-align: center;
	border: 2px solid #a60202;
	background: url(/common/images/arrow_contact_btn.png) no-repeat right center #a60202;
	display: block;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease
}
.etc-btn {
	margin-bottom: 63px;
}
.contact-btn a.blank {
	background: url(/common/images/arrow_contact_btn_bl.png) no-repeat right center #a60202
}
.etc-btn a:hover,
.contact-btn a:hover {
	color: #a60202;
	background: url(/common/images/arrow_contact_btn_on.png) no-repeat right center #fff
}
.contact-btn a.blank:hover {
	background: url(/common/images/arrow_contact_btn_bl_on.png) no-repeat right center #fff
}
.consult-list {
	margin-left: 10px
}
.consult-list li {
	padding: 10px 10px 10px 35px;
	font-size: 130%;
	font-weight: normal;
	background: url(/common/images/checkmark.gif) no-repeat left 14px
}
.consult-list li>span {
	color: #df564d;
	font-weight: bold;
	display: block
}
.faq-area .faq {
	margin-top: 30px;
	padding-bottom: 30px;
	border-bottom: 1px dotted #aaa
}
.faq-area .faq.last {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none
}
.faq-area .faq .question {
	margin: 0 30px 15px;
	background: url(/common/images/solution_flow_q.png) no-repeat 5px center #db3e83
}
.faq-area .faq .question p {
	margin-left: 40px;
	padding: 13px;
	font-weight: bold;
	background-color: #fff;
	border: 1px solid #db3e83
}
.faq-area .faq .answer {
	margin: 0 30px;
	background: url(/common/images/solution_flow_a.png) no-repeat 6px center #41a0e0;
	zoom: 1
}
.faq-area .faq .answer p {
	margin-left: 40px;
	padding: 13px;
	font-weight: bold;
	background-color: #fff;
	border: 1px solid #41a0e0
}
.num-area {
	margin-left: 10px
}
.num-area li {
	padding: 0 10px 10px 35px;
	font-size: 130%;
	font-weight: normal;
	line-height: 1.8
}
.num-area li.n1 {
	background: url(/common/images/number/01.png) no-repeat left 3px
}
.num-area li.n2 {
	background: url(/common/images/number/02.png) no-repeat left 3px
}
.num-area li.n3 {
	background: url(/common/images/number/03.png) no-repeat left 3px
}
.num-area li.n4 {
	background: url(/common/images/number/04.png) no-repeat left 3px
}
.num-area li.n5 {
	background: url(/common/images/number/05.png) no-repeat left 3px
}
.num-area li.n6 {
	background: url(/common/images/number/06.png) no-repeat left 3px
}
.num-area li.n7 {
	background: url(/common/images/number/07.png) no-repeat left 3px
}
.num-area li>span {
	color: #a60202;
	font-weight: bold;
	display: block
}
.case-area {
	margin-top: 15px;
	overflow: hidden;
	zoom: 1
}
.case-area div {
	padding-bottom: 15px;
	width: 393px;
	border: 1px solid #159db1
}
.case-area div.case-left {
	float: left
}
.case-area div.case-right {
	float: right
}
.case-area div h1 {
	margin-bottom: 15px;
	padding: 13px 0 13px 10px;
	color: #fff;
	font-size: 115%;
	background-color: #159db1
}
.case-area div h2 {
	margin-bottom: 5px;
	padding-left: 10px;
	color: #159db1;
	font-size: 105%
}
.case-area div dl {
	margin-bottom: 10px;
	padding: 0 10px;
	overflow: hidden;
	zoom: 1
}
.case-area div dl dt {
	padding: 8px;
	width: 104px;
	font-weight: bold;
	white-space: normal;
	background-color: #f6f6f6;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	float: left;
	display: inline-block;
	*display: inline;
	*zoom: 1
}
.case-area div dl dd {
	padding-top: 8px;
	width: 240px;
	float: right
}
.case-area div dl dd.case-area-dd2 {
  padding-top: 2px;
}
.case-area div ul {
	margin: 0 10px;
	letter-spacing: -.40em
}
.case-area div ul li {
	padding-left: 15px;
	width: 160px;
	background: url(/common/images/arrow_case.png) no-repeat 0.3em 0.7em;
	vertical-align: top;
	display: inline-block;
	*display: inline;
	*zoom: 1
}
.case-area div ul li.widthauto {
  width: auto;
}
.case-area div p {
	padding: 0 10px
}
.workflow div {
	min-height: 180px;
	height: auto !important;
	height: 180px;
	padding-left: 250px;
	overflow: hidden;
	zoom: 1
}
.workflow div.plan {
	background: url(/common/images/solution_flow_plan.png) no-repeat 30px top
}
.workflow div.production {
	background: url(/common/images/solution_flow_production.png) no-repeat 30px top
}
.workflow div.analysis {
	background: url(/common/images/solution_flow_analysis.png) no-repeat 30px top
}
.workflow div.operation {
	background: url(/common/images/solution_flow_operation.png) no-repeat 30px top
}
.workflow div.delivery {
	background: url(/common/images/solution_flow_delivery.png) no-repeat 30px top
}
.workflow div.development {
	background: url(/common/images/solution_flow_development.png) no-repeat 30px top
}
.workflow div.evaluation {
	background: url(/common/images/solution_flow_evaluation.png) no-repeat 30px top
}
.workflow div.execution {
	background: url(/common/images/solution_flow_execution.png) no-repeat 30px top
}
.workflow div .point {
	margin-top: 10px;
	padding-left: 95px;
	min-height: 25px;
	height: auto !important;
	height: 25px;
	font-weight: bold;
	line-height: 1.7em;
	background: url(/common/images/solution_flow_point.png) no-repeat left top;
	display: block
}
.workflow div .point .link-type02 {
	border-bottom: 1px solid #fff;
	line-height: 1.8
}
.workflow div .point .link-type02:hover {
	border-bottom: 1px solid #a60202
}
.workflow .arrow {
	margin: 30px 0;
	text-align: center
}
.service-block {
	overflow: hidden;
	zoom: 1
}
.service-block li {
	margin-left: 21px;
	width: 256px;
	height: 256px;
	text-indent: -9999px;
	position: relative;
	display: table;
	overflow: hidden;
	float: left
}
.service-block li:first-child {
	margin-left: 0
}
.service-block li.bl {
	background: url(/service/operation/images/operation_ico_01.jpg) no-repeat left top
}
.service-block li.bl p {
	background: url(/service/operation/images/operation_ico_01_on.png) no-repeat left top rgba(3, 108, 104, 0.8)
}
.service-block li.sv {
	background: url(/service/operation/images/operation_ico_02.jpg) no-repeat left top
}
.service-block li.sv p {
	background: url(/service/operation/images/operation_ico_02_on.png) no-repeat left top rgba(237, 186, 19, 0.8)
}
.service-block li.cs {
	background: url(/service/operation/images/operation_ico_03.jpg) no-repeat left top
}
.service-block li.cs p {
	background: url(/service/operation/images/operation_ico_03_on.png) no-repeat left top rgba(239, 123, 0, 0.8)
}
.service-block li.fs {
	background: url(/service/operation/images/operation_ico_04.jpg) no-repeat left top
}
.service-block li.fs p {
	background: url(/service/operation/images/operation_ico_04_on.png) no-repeat left top rgba(224, 70, 46, 0.8)
}
.service-block li.mp {
	background: url(/service/operation/images/operation_ico_05.jpg) no-repeat left top
}
.service-block li.mp p {
	background: url(/service/operation/images/operation_ico_05_on.png) no-repeat left top rgba(228, 82, 165, 0.8)
}
.service-block li.ml {
	background: url(/service/operation/images/operation_ico_06.jpg) no-repeat left top
}
.service-block li.ml p {
	background: url(/service/operation/images/operation_ico_06_on.png) no-repeat left top rgba(62, 33, 117, 0.8)
}
.service-block li p {
	width: 256px;
	height: 256px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	position: absolute;
	top: 185px;
	left: 0
}
.service-block li p span {
	padding: 71px 10px 10px;
	width: 236px;
	height: 185px;
	color: #fff;
	text-align: center;
	text-indent: 0;
	display: table-cell;
	cursor: default
}
.service-block li:hover p {
	top: 0
}
.portfolio-area {
	letter-spacing: -.40em
}
.portfolio-area h1 {
	margin-bottom: 15px;
	font-size: 170%;
	font-weight: normal;
	line-height: 1.5
}
.portfolio-area h3 {
	font-size: 130%;
	line-height: 1.6
}
.portfolio-area .ttl {
	margin-bottom: 10px;
	padding: 0.5em 0.8em;
	width: 60px;
	font-size: 80%;
	text-align: right;
	vertical-align: middle;
	display: inline-block;
	*display: inline;
	*zoom: 1
}
.portfolio-area .company,
.portfolio-area .page {
	margin-bottom: 10px;
	padding: 0.5em 0.8em;
	width: 240px;
	font-size: 80%;
	border-left: 1px dotted #333;
	vertical-align: middle;
	display: inline-block;
	*display: inline;
	*zoom: 1
}
.portfolio-area .company span{
  font-size: 70%;
}
.portfolio-area .download {
	margin-top: 15px;
	text-align: center
}
.portfolio-area .download .ios,
.portfolio-area .download .android {
	margin: 0 5px;
	vertical-align: top;
	display: inline-block;
	*display: inline;
	*zoom: 1
}
.portfolio-area .download .ios a,
.portfolio-area .download .android a {
	border-bottom: none !important
}
.portfolio-area .download .ios a:hover,
.portfolio-area .download .android a:hover {
	border-bottom: none !important
}
.portfolio-area .download .ios {
	padding-top: 3px;
	width: 135px
}
.portfolio-area .download .android {
	width: 130px
}
.portfolio-area ul.device-icon {
	margin-bottom: 10px;
	padding-left: 0.5em;
	width: 225px;
	letter-spacing: -.40em;
	vertical-align: middle;
	border-left: 1px dotted #333;
	display: inline-block;
	*display: inline;
	*zoom: 1
}
.portfolio-area ul.device-icon li {
	margin: 0.5em;
	display: inline-block;
	*display: inline;
	*zoom: 1
}
.portfolio-area ul.device-icon li span {
	font-size: 70%;
	color: #666;
	text-align: center;
	line-height: 1.2;
	display: block
}
.portfolio-area ul.works-detail {
	margin-bottom: 10px;
	padding-left: 0.5em;
	width: 225px;
	letter-spacing: -.40em;
	vertical-align: middle;
	border-left: 1px dotted #333;
	display: inline-block;
	*display: inline;
	*zoom: 1
}
.portfolio-area ul.works-detail li {
	margin: 0.3em;
	padding: 0.1em 0.5em;
	font-size: 80%;
	text-align: center;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	border: 1px solid #aaa
}
.portfolio-area .portfolio-box {
	overflow: hidden;
	zoom: 1
}
.portfolio-area .portfolio-box .left-area {
	width: 448px;
	border: 1px solid #999;
	float: left
}
.portfolio-area .portfolio-box .right-area {
	width: 340px;
	float: right
}
.portfolio-area .portfolio-box .right-area .txt {
	margin-bottom: 10px;
	padding: 10px 0
}
.portfolio-area .portfolio-box .right-area .link-btn {
	margin-top: 15px
}
.portfolio-area .portfolio-box .right-area .link-btn a {
	padding: 15px;
	color: #fff !important;
	font-size: 105%;
	font-weight: bold;
	text-align: center;
	border: 2px solid #a60202 !important;
	background: url(/common/images/portfolio_btn_link.png) no-repeat left top #a60202;
	display: block;
	-webkit-transition: all 0.3s ease !important;
	-moz-transition: all 0.3s ease !important;
	-o-transition: all 0.3s ease !important;
	transition: all 0.3s ease !important
}
.portfolio-area .portfolio-box .right-area .link-btn.link-btn02 a {
  background: url(/common/images/portfolio_btn02_link.png) no-repeat left top #a60202;
}
.portfolio-area .portfolio-box .right-area .link-btn a:hover {
	color: #a60202 !important;
	background: url(/common/images/portfolio_btn_link_on.png) no-repeat left top #fff
}
.portfolio-area .portfolio-box .right-area .link-btn.link-btn02 a:hover {
  background: url(/common/images/portfolio_btn02_link_on.png) no-repeat left top #fff;
}
.portfolio-area .portfolio-box .right-area .link-btn.none {
	padding: 15px;
	color: #fff !important;
	font-size: 105%;
	font-weight: bold;
	text-align: center;
	border: 2px solid #aaa !important;
	background: url(/common/images/portfolio_btn_link_none.png) no-repeat left top #aaa
}
.portfolio-area .portfolio-lead {
	margin-top: 40px;
	font-size: 115%
}
.portfolio-area .point {
	margin-top: 30px
}
.portfolio-area .point span {
	padding: 15px 20px 15px 50px;
	border-bottom: none;
	background: url(/common/images/icon/ico_point.png) no-repeat left center
}
.portfolio-list {
	margin-bottom: 30px;
	width: 1060px;
	overflow: hidden;
	zoom: 1
}
.portfolio-list li {
	margin: 0 20px 20px 0;
	width: 245px;
	float: left
}
.portfolio-list li a div {
	cursor: pointer;
	position: relative
}
.portfolio-list li a div p {
	margin: 0;
	width: 245px;
	height: 197px;
	background: url(/portfolio/images/portfolio_bg_01.png) left top;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	zoom: 1;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease
}
.portfolio-list li a div p .detail {
	width: 38px;
	height: 44px;
	position: absolute;
	top: 20px;
	left: 50%;
	margin-left: -19px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease
}
.portfolio-list li a div p span {
	width: 56px;
	color: #fff;
	font-size: 80%;
	text-align: center;
	border: 1px solid #fff;
	display: block;
	position: absolute;
	top: 130px;
	left: 50%;
	margin-left: -28px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease
}
.portfolio-list li a div img.screen {
	border: 1px solid #999;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease
}
.portfolio-list li a p.company-name {
	margin: 3px 0 0 0;
	font-size: 100%;
	font-weight: bold;
	line-height: 1.2 !important
}
.portfolio-list li a p.company-name span.company-icon {
	margin-bottom: 3px;
	padding: 5px 0 5px 33px;
	font-size: 80%;
	font-weight: normal;
	background: url(/portfolio/images/portfolio_ico_company.png) no-repeat left center;
	display: block
}
.portfolio-list li a:hover div p {
	opacity: 1;
	filter: alpha(opacity=100);
	zoom: 1
}
.portfolio-list li a:hover div p .detail {
	top: 50px
}
.portfolio-list li a:hover div p span {
	top: 110px
}
.portfolio-list li a:hover div p img.screen {
	border: 1px solid #a60202
}
.recruit.performance #main .contact-btn li {
	line-height: inherit;
}
.performance-list-wrap {
	letter-spacing: -.4em;
}
.performance-list-wrap section {
	letter-spacing: normal;
}
.performance-list-wrap .inline {
	display: inline-block;
	width: 405px;
}
.performance-list-wrap .block {
	width: 100%;
}
.performance-list li {
	margin-bottom: 15px;
	padding: 0 10px 15px 0;
	width: 395px;
	border-bottom: 1px solid #ddd;
	vertical-align: top;
	display: inline-block;
	*display: inline;
	*zoom: 1
}
.performance-list li a {
	overflow: hidden;
	display: block
}
.performance-list li a:hover {
	background-color: #f3f3f3
}
.performance-list li a:hover .right-block .txt span,
.performance-list li a:hover .right-block .size {
	color: #222
}
.performance-list li a .left-block {
	margin: 5px 0 0 5px;
	width: 125px;
	text-align: center;
	float: left
}
.performance-list li a .left-block img {
	margin: 0 0 5px 0;
	padding: 10px 0;
	width: 123px;
	border: 1px solid #ddd;
	background-color: #fff
}
.performance-list li a .right-block {
	padding: 0 15px;
	width: 235px;
	height: 100px;
	float: left;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	position: relative
}
.performance-list li a .right-block .txt {
	margin-top: 5px;
	font-size: 110%;
	font-weight: bold
}
.performance-list li a .right-block .txt img {
	margin-left: 5px
}
.performance-list li a .right-block .txt span {
	font-size: 80%;
	color: #222;
	font-weight: normal;
	display: block
}
.performance-list li a .right-block .size {
	margin-top: 10px;
	padding: 0.1em 1em;
	font-size: 80%;
	color: #222;
	background-color: #e9e9e9;
	line-height: 1.8;
	vertical-align: middle;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px
}
.company-logo {
	width: 100%;
	background: url(/company/profile/images/company_logo.png) no-repeat right top
}
.company-logo .logo-list {
	margin-top: 30px
}
.company-logo .logo-list li {
	margin-left: 30px;
	display: inline-block;
	*display: inline;
	*zoom: 1
}
.company-logo .logo-list li:first-child {
	margin-left: 0
}
body.history .link-type01 {
	color: #a60202;
	border-bottom: 1px solid #d5d5d5;
	background-position: left 2px !important;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease
}
body.history .link-type01:hover {
	border-bottom: 1px solid #a60202
}
.history-table {
	font-size: 85%
}
.history-table th.th-left {
	width: 510px;
	text-align: left;
	background-color: #c01a1a
}
.history-table th.th-right {
	width: 300px;
	text-align: left;
	background-color: #939393
}
.history-table td {
	padding: 15px 10px;
	border-bottom: 1px solid #c42727;
	background-color: #ffebeb;
	vertical-align: top
}
.history-table td.centerL {
	color: #c42727;
	font-weight: bold;
	text-align: center
}
.history-table td.centerR {
	border-bottom: 1px solid #fcfcfc;
	background-color: #d5d5d5;
	font-weight: bold;
	text-align: center
}
.history-table td.right {
	border-bottom: 1px solid #fcfcfc;
	background-color: #d5d5d5
}
.history-table td.bdRN {
	border-bottom: 1px solid #ffe3e3 !important
}
.history-table td.bdGN {
	border-bottom: 1px solid #d5d5d5 !important
}
.clients-nav {
	width: 830px;
	overflow: hidden;
	zoom: 1
}
.clients-nav li {
	margin-right: 20px;
	padding: 10px 0;
	width: 395px;
	color: #fff;
	font-size: 110%;
	background-color: #cacaca;
	text-align: center;
	cursor: pointer;
	float: left;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease
}
.clients-nav li.current,
.clients-nav li:hover {
	background-color: #333 !important
}
.clients-block {
	margin-top: 30px;
	overflow: hidden;
	zoom: 1
}
.clients-block ul {
	letter-spacing: -.4em
}
.clients-block ul li {
	margin: 2px 0;
	width: 380px;
	padding: 0 10px 0 15px;
	background: url(/company/clients/images/dot.png) no-repeat 0.1em 0.65em;
	vertical-align: top;
	display: inline-block;
	*display: inline;
	*zoom: 1
}
.map_box {
	width: 778px;
	height: 380px;
	border: 1px solid #a60202
}
#event-photo {
	margin-top: 30px;
	width: 810px;
	overflow: hidden
}
.news #event-photo {
	width: 1010px;
}
#event-photo ul {
	width: 816px !important
}
.news #event-photo ul {
	width: 567px !important
}
#event-photo ul li {
	margin: 0 6px 6px 0;
	cursor: pointer;
	overflow: hidden;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease
}
#event-photo ul li .photo {
	position: relative
}
#event-photo ul li .photo h1 {
	padding: 10px;
	width: 100%;
	color: #fff;
	font-weight: normal;
	background: url(/recruit/events/images/events_img_bg.png) left top;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 100
}
#event-photo ul li .photo img {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1)
}
#event-photo ul li:hover img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1)
}
.news #event-photo ul li:hover img {
  -webkit-transform: scale(1.02);
	-moz-transform: scale(1.02);
	-o-transform: scale(1.02);
	transform: scale(1.02)
}
.interv-tab {
	width: 810px;
	overflow: hidden;
	zoom: 1;
	border-bottom: 2px solid #a60202;
	position: relative
}
.interv-tab li {
	margin-left: 10px;
	padding: 5px 0;
	width: 263px;
	color: #555;
	font-size: 100%;
	text-align: center;
	background-color: #eee;
	vertical-align: bottom;
	cursor: pointer;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease
}
.interv-tab li:first-child {
	margin-left: 0;
	width: 264px
}
.interv-tab li br {
	display: none
}
.interv-tab li.current,
.interv-tab li:hover {
	padding: 10px 0;
	color: #fff;
	background-color: #a60202
}
.interv-box .left-area {
	margin: 0 auto;
	float: left
}
.interv-box .right-area {
	width: 625px;
	text-align: left;
	float: right
}

.recruit-faq .faq {
	margin-top: 15px;
	padding-bottom: 15px;
	border-bottom: 1px dotted #aaa
}
.recruit-faq .faq.last {
	margin-bottom: 0
}
.recruit-faq .faq .question {
	background: url(/recruit/faq/images/faq_ico_q.png) no-repeat left top
}
.recruit-faq .faq .question p {
	margin-left: 45px;
	padding: 7px;
	font-weight: bold;
	background: url(/recruit/faq/images/faq_ico_acc_open.png) no-repeat 97% center #fff;
	cursor: pointer
}
.recruit-faq .faq .question p.multi p {
	padding-top: 0
}
.recruit-faq .faq .answer {
	padding: 13px 13px 0;
	display: none
}
body.contact a.link {
	color: #a60202;
	border-bottom: 1px solid #fff;
	-webkit-transition: border 0.4s ease;
	-moz-transition: border 0.4s ease;
	-o-transition: border 0.4s ease;
	transition: border 0.4s ease
}
body.contact a.link:hover {
	border-bottom: 1px solid #a60202
}
body.contact a.link:before {
	display: inline-block;
	margin-right: .4em;
	border-style: solid;
	border-color: transparent transparent transparent #a60202;
	border-width: .3em 0 .3em .6em;
	vertical-align: middle;
	content: '';
}
.contact-address h1 {
	padding: 10px 0 10px 10px;
	color: #fff;
	background-color: #7f7f7f;
	border-bottom: 1px solid #ccc
}
.contact-address ul {
	width: 100%
}
.contact-address ul li a {
	padding: 15px 0 15px 20px;
	border-bottom: 1px solid #ccc;
	display: block
}
.contact-address ul li a:hover {
	color: #fff;
	background-color: #ec6f6f
}
.contact-flow {
	margin-top: 30px;
	overflow: hidden;
	zoom: 1
}
.contact-flow li {
	background: no-repeat right top;
	margin-right: 24px;
	width: 317px;
	height: 60px;
	font-size: 16px;
	letter-spacing: 0.2em;
	line-height: 60px!important;
	text-align: center;
	text-indent: 3em;
	float: left;
}
.contact-flow li:last-child {
	margin-right: 0;
}
.contact-flow li br {
	display: none
}
.contact-flow li.contact-flow-first {
	background-image: url(/images/contact_flow_01.png);
}
.contact-flow li.contact-flow-first.current {
	background-image: url(/images/contact_flow_01_on.png);
}
.contact-flow li.contact-flow-second {
	background-image: url(/images/contact_flow_02.png);
}
.contact-flow li.contact-flow-second.current {
	background-image: url(/images/contact_flow_02_on.png);
}
.contact-flow li.contact-flow-third {
	background-image: url(/images/contact_flow_03.png);
}
.contact-flow li.contact-flow-third.current {
	background-image: url(/images/contact_flow_03_on.png);
}
.contact-flow li.current {
	color: #fff
}
.error-message {
	color: #c22;
	font-weight: bold;
	margin-top: 10px
}
.error-area {
	margin: 30px 0 0;
	padding: 20px;
	border: 1px solid #ec6f6f;
	zoom: 1
}
.error-area h1 {
	margin-bottom: 10px;
	font-size: 125%;
	color: #c22
}
.error-area .error-message {
	padding-left: 15px
}
.contact-count {
	width: 201px;
	height: 57px;
	background: url(/common/images/contact_required.png) no-repeat left top;
	position: fixed;
	top: 100px;
	right: 50px;
	z-index: 1000
}
.contact-count p {
	padding-top: 8px;
	color: #fff;
	line-height: 1 !important;
	text-indent: 1.4em;
	text-align: center
}
.contact-count .count {
	padding-top: 6px;
	font-size: 150%;
	font-weight: bold;
	display: block
}
.contact-area {
	font-size: 15px;
	margin-top: 30px;
	padding: 0 30px;
	border: 1px solid #ccc;
	zoom: 1
}
.contact-area .att {
	margin: 0 0 0 50px;
	font-size: 90%;
	display: block
}
.contact-area .contact-required {
	margin-right: 5px;
	width: 45px;
	color: #fff;
	text-align: center;
	background-color: #ec6f6f;
	display: inline-block;
	*display: inline;
	*zoom: 1
}
.contact-area .contact-required strong {
	font-weight: normal;
	font-style: normal;
}
.contact-area .contact-form-col2 {
	border-bottom: 1px solid #ccc
}
.contact-area .contact-form {
	padding: 30px 0;
	border-bottom: 1px solid #ccc;
	font-size: 110%;
	zoom: 1
}
.contact-area .contact-form:after {
	content: "";
	display: block;
	clear: both
}
.contact-area .contact-form.col2 {
	width: 460px;
	border-bottom: none;
	vertical-align: top;
	display: inline-block;
	*display: inline;
	*zoom: 1
}
.contact-area .contact-form.col2.col2-2 {
	margin-left: 50px
}
.contact-area .contact-form.col2 dt {
	margin-bottom: 15px;
	font-size: 130%
}
.contact-area .contact-form.col2 dd {
	width: 460px
}
.contact-area .contact-form.col2 dd .contact-request li {
	width: 460px
}
.contact-area .contact-form.col2 dd .contact-request li .request-txt {
	width: 315px
}
.contact-area .contact-form.col2 dd .contact-request li label {
	width: 430px
}
.contact-area .contact-form {
	display: table;
	width: 100%;
}
.contact-area .contact-form dt,
.contact-area .contact-form dd {
	display: table-cell;
	vertical-align: top;
}
.contact-area .contact-form dt {
	margin-right: 15px;
	width: 280px;
	line-height: 1.8;
}
.contact-area .contact-form dt label {
	cursor: pointer
}
.contact-area .contact-form dd {
	width: 683px;
	float: left
}
.contact-area .contact-form dd p {
	margin-top: 5px;
	font-size: 90%;
	word-wrap: break-word
}
.contact-area .contact-form dd p:first-child {
	margin-top: 0;
}
.contact-area .contact-form dd .address-title {
	margin-top: 30px;
	font-size: 110%
}
.contact-area .contact-form dd .list-type02 li {
	line-height: 1.8
}
.contact-area .contact-form dd .contact-alert-box {
	display: none;
	position: relative
}
.contact-area .contact-form dd .contact-alert-box .contact-alert {
	left: 0;
	bottom: 5px;
	position: absolute;
	z-index: 100
}
.contact-area .contact-form dd .contact-alert-box .contact-alert p {
	padding: 10px 15px;
	color: #fff;
	background-color: #1c7dc1;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	position: relative
}
.contact-area .contact-form dd .contact-alert-box .contact-alert p span {
	width: 16px;
	height: 9px;
	background: url(/images/contact_arrow.png) no-repeat left top;
	display: block;
	position: absolute;
	left: 20px;
	bottom: -9px
}
.contact-area .contact-form dd .contact-select {
	padding: 14px 10px;
	width: 340px;
	font-family: inherit;
	color: #333;
	background: url(/images/contact_select_arrow.png) no-repeat right top #fff;
	border: 1px solid #7f7f7f;
	cursor: pointer;
	outline: none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease
}
.contact-area .contact-form dd .contact-select.contact-selectHover,
.contact-area .contact-form dd .contact-select.contact-selectFocus {
	-webkit-box-shadow: 0 0 5px 3px rgba(130, 130, 130, 0.2) inset;
	-moz-box-shadow: 0 0 5px 3px rgba(130, 130, 130, 0.2) inset;
	-ms-box-shadow: 0 0 5px 3px rgba(130, 130, 130, 0.2) inset;
	-o-box-shadow: 0 0 5px 3px rgba(130, 130, 130, 0.2) inset;
	box-shadow: 0 0 5px 3px rgba(130, 130, 130, 0.2) inset
}
.contact-area .contact-form dd .contact-select.required {
	border: 1px solid #ec6f6f
}
.contact-area .contact-form dd .contact-select.required.contact-selectHover,
.contact-area .contact-form dd .contact-select.required.contact-selectFocus {
	-webkit-box-shadow: 0 0 5px 3px rgba(236, 111, 111, 0.2) inset;
	-moz-box-shadow: 0 0 5px 3px rgba(236, 111, 111, 0.2) inset;
	-ms-box-shadow: 0 0 5px 3px rgba(236, 111, 111, 0.2) inset;
	-o-box-shadow: 0 0 5px 3px rgba(236, 111, 111, 0.2) inset;
	box-shadow: 0 0 5px 3px rgba(236, 111, 111, 0.2) inset
}
.contact-area .contact-form dd .contact-select.error {
	border: 1px solid #ec6f6f;
	-webkit-box-shadow: 0 0 5px 3px rgba(236, 111, 111, 0.2) inset;
	-moz-box-shadow: 0 0 5px 3px rgba(236, 111, 111, 0.2) inset;
	-ms-box-shadow: 0 0 5px 3px rgba(236, 111, 111, 0.2) inset;
	-o-box-shadow: 0 0 5px 3px rgba(236, 111, 111, 0.2) inset;
	box-shadow: 0 0 5px 3px rgba(236, 111, 111, 0.2) inset
}
.contact-area .contact-form dd .contact-input {
	letter-spacing: -.40em;
	padding: 10px 15px;
	margin: -10px -15px 0
}
.contact-area .contact-form dd .contact-input li {
	margin: 0 15px 10px 0;
	width: 325px;
	vertical-align: top;
	display: inline-block;
	*display: inline;
	*zoom: 1
}
.contact-area .contact-form dd .contact-input li input {
	margin-top: 7px;
	font-family: inherit;
	vertical-align: top;
	cursor: pointer;
	display: inline-block;
	*display: inline;
	*zoom: 1
}
.contact-area .contact-form dd .contact-input li label {
	margin-left: 10px;
	width: 290px;
	line-height: 1.8;
	cursor: pointer;
	display: inline-block;
	*display: inline;
	*zoom: 1
}
.contact-area .contact-form dd .contact-box {
	height: 150px;
	font-family: inherit;
	color: #333;
	resize: vertical
}
.contact-area .contact-form dd .contact-box:-moz-placeholder {
	color: #eee
}
.contact-area .contact-form dd .contact-box::-webkit-input-placeholder {
	color: #eee
}
.contact-area .contact-form dd .contact-input-text {
	padding: 10px;
	width: 661px;
	font-family: inherit;
	color: #333;
	background-color: #fff;
	border: 1px solid #7f7f7f;
	cursor: pointer;
	outline: none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease
}
.contact-area .contact-form dd .contact-input-text:-moz-placeholder {

	color: #ccc
}
.contact-area .contact-form dd .contact-input-text::-webkit-input-placeholder {
	color: #ccc
}
.contact-area .contact-form dd .contact-input-text:focus {
	cursor: text;
	-webkit-box-shadow: 0 0 5px 3px rgba(130, 130, 130, 0.2) inset;
	-moz-box-shadow: 0 0 5px 3px rgba(130, 130, 130, 0.2) inset;
	-ms-box-shadow: 0 0 5px 3px rgba(130, 130, 130, 0.2) inset;
	-o-box-shadow: 0 0 5px 3px rgba(130, 130, 130, 0.2) inset;
	box-shadow: 0 0 5px 3px rgba(130, 130, 130, 0.2) inset
}
.contact-area .contact-form dd .contact-input-text.error {
	border: 1px solid #ec6f6f;
	-webkit-box-shadow: 0 0 5px 3px rgba(236, 111, 111, 0.2) inset;
	-moz-box-shadow: 0 0 5px 3px rgba(236, 111, 111, 0.2) inset;
	-ms-box-shadow: 0 0 5px 3px rgba(236, 111, 111, 0.2) inset;
	-o-box-shadow: 0 0 5px 3px rgba(236, 111, 111, 0.2) inset;
	box-shadow: 0 0 5px 3px rgba(236, 111, 111, 0.2) inset
}
.contact-area .contact-form dd .contact-input-text.contact-input-number {
	width: 100px
}
.contact-area .contact-form dd .contact-number {
	overflow: hidden;
	zoom: 1
}
.contact-area .contact-form dd .contact-number li {
	display: inline-block;
	*display: inline;
	*zoom: 1
}
.contact-area .contact-form dd .contact-number li.hyphen {
	line-height: 46px
}
.contact-area .contact-form dd .contact-number li.contact-number-address a {
	margin-left: 30px;
	padding: 0 10px;
	color: #fff;
	line-height: 38px;
	background: #a60202;
	border: 2px solid #a60202;
	display: inline-block;
	*display: inline;
	*zoom: 1
}
.contact-area .contact-form dd .contact-number li.contact-number-address a:hover {
	color: #a60202;
	background: #fff;
	border: 2px solid #a60202
}
#container .address_list_wrap {
	position: relative;
	overflow: visible;
}
#container .address_list_wrap .address_list {
	padding: 10px;
	border-radius: 5px;
	position: absolute;
	top: 0;
	left: 290px;
	background: #a60202;
	z-index: 10;
}
#container .address_list_wrap .address_list .inner > li {
	display: block;
	padding: 0 5px;
	color: #fff;
	line-height: 1.6;
	word-break: break-all;
	cursor: pointer;
}
#container .address_list_wrap .address_list .inner > li:hover {
	background: #ea5555;
}
.contact-area .contact-form dd .contact-request li {
	padding-bottom: 10px;
	width: 668px;
	border-bottom: 1px dotted #ccc
}
.contact-area .contact-form dd .contact-request li.last {
	padding-bottom: 0;
	border-bottom: none
}
.contact-area .contact-form dd .contact-request li input {
	margin-top: 0;
	vertical-align: middle
}
.contact-area .contact-form dd .contact-request li label {
	width: 630px
}
.contact-area .contact-form dd .contact-request li .request-images {
	vertical-align: middle;
	display: inline-block;
	*display: inline;
	*zoom: 1
}
.contact-area .contact-form dd .contact-request li .request-txt {
	margin-left: 10px;
	width: 520px;
	line-height: 1.8;
	vertical-align: middle;
	display: inline-block;
	*display: inline;
	*zoom: 1
}
.contact-area .contact-form dd .contact-request li .request-txt .size {
	margin-left: 5px;
	padding: 0.1em 1em;
	font-size: 80%;
	background-color: #e9e9e9;
	vertical-align: middle;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	float: right
}
/* formエラー関連 */
.contact-area .contact-form dd .contact-select.style_success {
	background-color: #fff;
}
.contact-area .contact-agree .style_error,
.contact-area .contact-form dd .sys_error,
.contact-area .contact-form dd .style_error,
.contact-area .contact-form dd .contact-select.style_error + .contact-select {
	border-color: #ec6f6f;
	background-color: #ffe3e3;
}
.contact-area .contact-agree .style_success,
.contact-area .contact-form dd .style_success,
.contact-area .contact-form dd .contact-select.style_success + .contact-select {
	border-color: #008c16;
	background-color: #d1ffdd;
}
.contact-area .contact-agree .style_error,
.contact-area .contact-form dd .sys_error:focus,
.contact-area .contact-form dd .style_error:focus,
.contact-area .contact-form dd .contact-select.style_error + .contact-select:focus {
	-webkit-box-shadow: 0 0 5px 3px rgba(236, 111, 111, 0.2) inset;
	-moz-box-shadow: 0 0 5px 3px rgba(236, 111, 111, 0.2) inset;
	-ms-box-shadow: 0 0 5px 3px rgba(236, 111, 111, 0.2) inset;
	-o-box-shadow: 0 0 5px 3px rgba(236, 111, 111, 0.2) inset;
	box-shadow: 0 0 5px 3px rgba(236, 111, 111, 0.2) inset;
}
.contact-area .contact-agree .style_success,
.contact-area .contact-form dd .style_success:focus,
.contact-area .contact-form dd .contact-select.style_success + .contact-select:focus {
	-webkit-box-shadow: 0 0 5px 3px rgba(0, 140, 22, 0.2) inset;
	-moz-box-shadow: 0 0 5px 3px rgba(0, 140, 22, 0.2) inset;
	-ms-box-shadow: 0 0 5px 3px rgba(0, 140, 22, 0.2) inset;
	-o-box-shadow: 0 0 5px 3px rgba(0, 140, 22, 0.2) inset;
	box-shadow: 0 0 5px 3px rgba(0, 140, 22, 0.2) inset;
}

/* form-icon */
.contact-area .contact-form dd .form-icon {
	position: relative;
	top: -8px;
}
.contact-area .contact-form dd .contact-select + .form-icon {
	width: 362px;
}
.contact-area .contact-form dd .form-icon > span {
	width: 25px;
	height: 25px;
	position: absolute;
	bottom: 5px;
	right: -30px;
	display: inline-block;
	border-radius: 50%;
	display: none;
}
.contact-area .contact-form dd .contact-select + .form-icon > span {
	bottom: 8px;
}
.contact-area .contact-form dd .form-icon > span::before,
.contact-area .contact-form dd .form-icon > span::after {
	position: absolute;
	display: block;
}
/* sccess */
.contact-area .contact-form dd .style_success + .form-icon > span,
.contact-area .contact-form dd .contact-select.style_success + .contact-select + .form-icon > span {
	background: #d1ffdd;
	border: 2px solid #008c16;
	display: inline-block;
}
.contact-area .contact-form dd .contact-select + .form-icon {
	display: none;
}
.contact-area .contact-form dd .contact-select.style_success + .contact-select + .form-icon {
	display: block;
}
.contact-area .contact-form dd .style_success + .form-icon > span::before,
.contact-area .contact-form dd .contact-select.style_success + .contact-select + .form-icon > span::before {
	content: "";
	width: 6px;
	height: 12px;
	right: 8px;
	top: 4px;
	border-right: 2px solid #008c16;
	border-bottom: 2px solid #008c16;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.contact-area .contact-form dd .contact-input-text:-ms-input-placeholder {
	color: #aaa;
	opacity: 1;
}
.contact-area .contact-form dd .contact-input-text::-ms-input-placeholder {
	color: #aaa;
	opacity: 1;
}
.contact-area .contact-form dd .contact-input-text::placeholder {
	color: #aaa;
	opacity: 1;
}


.contact-area .contact-form dd .contact-input-text.contact-input-number {
	width: 100px
}
.contact-area .contact-form dd .contact-number {
	overflow: hidden;
	zoom: 1
}
.contact-area .contact-form dd .contact-number li {
	display: inline-block;
	*display: inline;
	*zoom: 1
}
.contact-area .contact-form dd .contact-number li.hyphen {
	line-height: 46px
}
.contact-area .contact-form dd .contact-number li.contact-number-address a {
	margin-left: 30px;
	padding: 0 10px;
	color: #fff;
	line-height: 38px;
	background: #a60202;
	border: 2px solid #a60202;
	display: inline-block;
	*display: inline;
	*zoom: 1
}
.contact-area .contact-form dd .contact-number li.contact-number-address a:hover {
	color: #a60202;
	background: #fff;
	border: 2px solid #a60202
}
body.confirm .contact-form dd p {
	font-size: 100%
}
.contact-policy {
	margin: 30px 0 10px;
	font-size: 110%;
	text-align: center;
	line-height: 1.5;
}
.contact-policy a {
	color: #a60202
}
.contact-agree {
	text-align: center
}
.contact-agree label {
	padding: 0.5em 3em;
	font-size: 110%;
	border: 1px solid #fff;
	cursor: pointer;
	display: inline-block;
	*display: inline;
	*zoom: 1
}
.contact-agree label input {
	font-family: inherit;
	vertical-align: middle;
	display: inline-block;
	*display: inline;
	*zoom: 1
}
.contact-agree label span {
	padding-left: 10px;
	line-height: 1.8;
	display: inline-block;
	*display: inline;
	*zoom: 1
}
.contact-agree.agree label {
	border: 1px solid #ec6f6f;
	-webkit-box-shadow: 0 0 5px 3px rgba(236, 111, 111, 0.2) inset;
	-moz-box-shadow: 0 0 5px 3px rgba(236, 111, 111, 0.2) inset;
	-ms-box-shadow: 0 0 5px 3px rgba(236, 111, 111, 0.2) inset;
	-o-box-shadow: 0 0 5px 3px rgba(236, 111, 111, 0.2) inset;
	box-shadow: 0 0 5px 3px rgba(236, 111, 111, 0.2) inset
}
.contact-btn {
	margin-top: 45px
}
.contact-btn p.contact-confirm {
	margin: 0 auto;
	width: 448px;
	overflow: hidden;
	zoom: 1
}
.contact-btn p.contact-confirm a.send {
	float: right
}
.contact-btn p.contact-confirm a.prev {
	float: left
}
.contact-btn p.error {
	margin: 0 auto;
	padding: 15px;
	width: 280px;
	color: #fff;
	font-size: 105%;
	font-weight: bold;
	text-align: center;
	background-color: #aaa;
	border: 2px solid #aaa;
	cursor: default
}
.contact-btn p a.confirm,
.contact-btn p a.send {
	width: 280px
}
.contact-btn p a.prev {
	width: 70px;
	color: #fff;
	background-image: none;
	background-color: #aaa;
	border: 2px solid #aaa
}
.contact-btn p a.prev:hover {
	color: #aaa;
	background-image: none;
	background-color: #fff
}
.contact-btn p a.stop {
	width: 280px;
	color: #fff;
	background-color: #aaa;
	border: 2px solid #aaa
}
.contact-btn p a.stop:hover {
	color: #aaa;
	background-image: url(/common/images/arrow_contact_btn_gray_on.png);
	background-color: #fff
}
body.contact.top .contact-btn {
	margin-top: 30px;
	padding: 30px 0px;
	background: #f2f2f2;
	text-align: center
}
body.contact.top .contact-btn p {
	margin-bottom: 10px;
	font-size: 105%;
	font-weight: bold;
	line-height: 1.8 !important
}
body.contact.top .contact-btn.magazine {
	margin: 0 30px 60px 0;
	width: 505px;
	display: inline-block;
	*display: inline;
	*zoom: 1
}
body.contact.top .contact-btn.request {
	margin-bottom: 60px;
	width: 505px;
	display: inline-block;
	*display: inline;
	*zoom: 1
}
body.contact.top .contact-btn.magazine a,
body.contact.top .contact-btn.request a {
	width: 240px
}
body.contact.top .contact-btn .contact-main li {
	margin-top: 20px
}
body.contact.top .contact-btn .contact-main li:first-child {
	margin-top: 0
}
body.contact.top .contact-btn .contact-phone {
	margin: 10px auto 0;
	width: 809px;
	overflow: hidden;
	zoom: 1
}
body.contact.top .contact-btn .contact-phone li {
	padding: 15px;
	height: 33px;
	line-height: 33px;
	font-weight: bold;
	text-align: center;
	border: 1px solid #333;
	float: left
}
body.contact.top .contact-btn .contact-phone .title {
	width: 372px;
	font-size: 110%;
	color: #fff;
	background-color: #333
}
body.contact.top .contact-btn .contact-phone .number {
	width: 373px;
	font-size: 165%;
	letter-spacing: .1em;
	background-color: #fff
}
body.contact.top .contact-btn .contact-phone .number a{
  color: #222;
  border: none;
  background: none;
  margin: 0 auto;
  padding: 0;
  width: auto;
  font-size: 100%;
  font-weight: bold;
  text-align: center;
  display: block;
  transition: none;
}
.simulation_area {
	font-size: 16px;
	padding: 0 20px;
	zoom: 1
}
.simulation_area .att {
	margin: 0 0 0 50px;
	font-size: 90%;
	display: block
}
.simulation_area .simulationform {
	padding: 30px 0;
	border-bottom: 1px solid #ccc;
	font-size: 110%;
	zoom: 1
}
.simulation_area .simulation-form {
	box-sizing: border-box;
	display: table;
	padding: 25px;
	padding-left: 100px;
	border-bottom: 1px solid #ccc;
	width: 100%;
}
.simulation_area .simulation-form:after {
	content: "";
	clear: both;
	display: block;
}
.simulation_area .simulation-form dt,
.simulation_area .simulation-form dd{
	display: table-cell;
	vertical-align: middle;
}
.simulation_area .simulation-form dt {
	line-height: 1.375;
	width: 250px;
}
.simulation_area .simulation-form dt label {
	cursor: pointer
}
.simulation_area .simulation-form dd .simulation-input li {
	display: inline-block;
	margin: 0 15px 0 0;
	vertical-align: top;
}
.simulation_area .simulation-form dd .simulation-input li input {
	cursor: pointer;
	display: inline-block;
	font-family: inherit;
	margin-top: 7px;
	vertical-align: top;
}
.simulation_area .simulation-form dd .simulation-input li label {
	cursor: pointer;
	display: inline-block;
	margin-left: 10px;
	width: 290px;
	line-height: 1.8;
}
.simulation_area .simulation-form dd .simulation-input-text {
	margin-right: 10px;
	padding: 10px;
	width: 450px;
	font-family: inherit;
	color: #333;
	background-color: #fff;
	border: 1px solid #7f7f7f;
	cursor: pointer;
	outline: none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease
}
.simulation_area .simulation-form dd .simulation-input-text:-moz-placeholder,
.simulation_area .simulation-form dd .simulation-input-text::-webkit-input-placeholder {
	color: #ccc
}
.simulation_area .simulation-form dd .simulation-input-text.readonly{
	border: 0;
	color: #1a237e;
	font-size: 28px;
	font-weight: bold;
}
.time-area {
	padding-left: 21px;
	font-size: 58%;
	line-height: 21px;
	background: url(/news/images/news_ico_01.png) no-repeat left center
}
body.notfound h1.notfound-head {
	margin: 90px 0 50px;
	text-align: center
}
body.notfound p.notfound-message {
	font-size: 110%;
	text-align: center
}
.next-btn {
  display: table;
  margin: 0 auto;
  border-collapse: separate;
  border-spacing: 9px 0px;
}
.next-btn li {
  display: table-cell;
  width: 25px;
  border: 1px solid #3b3b3b;
  text-align: center;
}
.next-btn li a {
  display: block;
}
.next-btn li.active {
  background: #ffcdcd;
}

@media print {
	#conversion {
		display: none
	}
	#chatbot {
		display: none;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1240px){
  #top #footer #footer-copyright-wrap {
    width: 1240px;
  }
}
@media only screen and (max-width: 767px) {
	body {
		font-size: 85%
	}
	#wrapper {
		font-size: 12px;
		min-width: 0;
		height: 100%
	}
	#container {
		margin: 15px auto 0;
		padding: 0 5px;
		width: 100%;
		min-height: 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box
	}
	.-pc {
		display: none
	}
	.-sp {
		display: block
	}
	body.news #main {
		width: 100%
	}
	#header {
		min-width: 0 !important;
		width: 100% !important;
		height: 50px;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 300
	}
	#header #header-wrap-top {
		height: 50px;
		overflow: visible
	}
	#header #header-wrap-top #header-wrap {
		width: 100% !important;
		display: table;
		overflow: visible;
		position: relative
	}
	#header #header-wrap-top #header-wrap h1 {
		margin: -7px 0 0 0;
		width: 130px;
		display: table-cell
	}
	#header #header-wrap-top #header-wrap h1 a {
		display: block
	}
	#header #header-wrap-top #header-wrap h1 img {
		margin-top: 3px;
		width: 100%;
		height: auto
	}
	#nav {
		width: 50px;
		height: 50px;
		background: url(/common/images/sp/icon/icon_humberger.png) no-repeat center center;
		position: absolute;
		top: 0;
		right: 0;
		cursor: pointer
	}
	#nav ul {
		width: 100%;
		height: auto;
		float: none;
		display: none;
		opacity: 0;
		filter: alpha(opacity=0);
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		-moz-opacity: 0;
		-khtml-opacity: 0;
		zoom: 1;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
		-moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
		-ms-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
		-o-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
		box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
		position: fixed;
		top: 50px;
		right: 0;
		z-index: 150
	}
	#nav ul li {
		width: 100%;
		display: table;
		float: none
	}
	#nav ul li#tel.-pc {
    display: none!important;
  }
  #nav ul li#tel.-sp {
    display: table!important;
  }
  #nav ul li#tel {
    width: 100%;
    padding: 0;
    font-size: 100%;
  }
  #nav ul li#tel p {
    width: 100%;
    height: 54px;
    font-size: 110%;
    line-height: 1;
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
		-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
		-ms-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
		-o-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
		box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
		background-color: rgba(0, 0, 0, 0.7) !important;
		background-position: 15px center !important;
		background-size: 32px auto !important;
		vertical-align: middle;
		display: table-cell
  }
  #nav ul li#tel p a{
    padding-left: 0;
    width: 100%;
    font-size: 100%;
    text-align: center;
    margin: 0 auto;
    display: block;
    height: auto;
    padding: 21px 0;
  }
	#nav ul li#service a {
		border-top: 1px solid rgba(0, 0, 0, 0.3)
	}
	#nav ul li a {
		padding-left: 65px;
		width: 100%;
		height: 54px;
		font-size: 110%;
		line-height: 1;
		text-align: left;
		border-bottom: 1px solid rgba(0, 0, 0, 0.3);
		-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
		-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
		-ms-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
		-o-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
		box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
		background-color: rgba(0, 0, 0, 0.7) !important;
		background-position: 15px center !important;
		background-size: 32px auto !important;
		vertical-align: middle;
		display: table-cell
	}
	#nav ul li:last-child a {
		border-bottom: none;
		box-shadow: none
	}
	#conversion {
		display: none
	}
	#mainvisual h1 {
		width: 100%;
		height: auto;
		background: none
	}
	#mainvisual h1 img {
		display: block
	}
	#topic-path {
		display: none
	}
	#main {
		padding-bottom: 30px;
		width: 100%;
		float: none
	}
	.contents {
		margin: 0
	}
	.modal-area {
		height: 100% !important
	}
	.modal-area .modal {
		padding: 15px 10px
	}
	.block {
		width: 100%
	}
	.block .block-top {
		margin-right: 0;
		float: none
	}
  .block .block-top:not(:nth-child(-n+3)) {
    margin-top: 0;
  }
	.block .block-top a {
		width: 100%;
		height: 60px;
		background-size: auto 50px !important
	}
	.block .block-top a h1,
	.block .block-top a h3 {
		height: 60px;
		background-size: auto 65px !important;
		position: static
	}
	.block .block-top a h1 img,
	.block .block-top a h3 img {
		display: none
	}
	.block .block-top a .block-top-title {
		display: none
	}
	.block-top-2 .block-top {
		border-bottom: 1px solid #fff
	}
	.block-top-2 .block-top a.philosophy {
		background: url(/company/images/sp/company_item_ico_01.png) no-repeat right center #9c8ab8
	}
	.block-top-2 .block-top a.philosophy h1 {
		background: url(/company/images/sp/company_item_ttl_01.png) no-repeat left center
	}
	.block-top-2 .block-top a.feature {
		background: url(/company/images/sp/company_item_ico_02.png) no-repeat right center #9c8ab8
	}
	.block-top-2 .block-top a.feature h1 {
		background: url(/company/images/sp/company_item_ttl_02.png) no-repeat left center
	}
	.block-top-2 .block-top a.newgraduate {
		background: url(/recruit/images/sp/recruit_item_ico_01.png) no-repeat right center #d9a0c0
	}
	.block-top-2 .block-top a.newgraduate h1 {
		background: url(/recruit/images/sp/recruit_item_ttl_11.png) no-repeat left center
	}
	.block-top-2 .block-top a.midcareer {
		background: url(/recruit/images/sp/recruit_item_ico_02.png) no-repeat right center #d9a0c0
	}
	.block-top-2 .block-top a.midcareer h1 {
		background: url(/recruit/images/sp/recruit_item_ttl_02.png) no-repeat left center
	}
	.block-top-3 .block-top {
		border-bottom: 1px solid #fff
	}
	.block-top-3 .block-top a.operation {
		background: url(/service/images/sp/service_item_ico_01.png) no-repeat right center #5fa7cd
	}
	.block-top-3 .block-top a.operation h3 {
		background: url(/service/images/sp/service_item_ttl_01.png) no-repeat left center
	}
	.block-top-3 .block-top a.promotion {
		background: url(/service/images/sp/service_item_ico_02.png) no-repeat right center #5fa7cd
	}
	.block-top-3 .block-top a.promotion h3 {
		background: url(/service/images/sp/service_item_ttl_02.png) no-repeat left center
	}
	.block-top-3 .block-top a.spsite {
		background: url(/service/images/sp/service_item_ico_03.png) no-repeat right center #5fa7cd
	}
	.block-top-3 .block-top a.spsite h3 {
		background: url(/service/images/sp/service_item_ttl_03.png) no-repeat left center
	}
  .block-top-3 .block-top a.marketing {
    background: url(/service/images/sp/service_item_ico_04.png) no-repeat right center #5fa7cd
  }
  .block-top-3 .block-top a.marketing h3 {
    background: url(/service/images/sp/service_item_ttl_04.png) no-repeat left center
  }
  .block-top-3 .block-top a.nearshore {
    background: url(/service/images/sp/service_item_ico_05.png) no-repeat right center #5fa7cd
  }
  .block-top-3 .block-top a.nearshore h3 {
    background: url(/service/images/sp/service_item_ttl_05.png) no-repeat left center
  }
	.block-top-3 .block-top a.chatbot {
		background: url(/service/images/sp/service_item_ico_06.png) no-repeat right center #5fa7cd
	}
	.block-top-3 .block-top a.chatbot h3 {
		background: url(/service/images/sp/service_item_ttl_06.png) no-repeat left center
	}
	.block-top-3 .block-top a.e-learning {
		background: url(/service/images/sp/service_item_ico_07.png) no-repeat right center #5fa7cd
	}
	.block-top-3 .block-top a.e-learning h3 {
		background: url(/service/images/sp/service_item_ttl_07.png) no-repeat left center
	}
	.block-top-4 {
		margin-top: 0
	}
	.block-top-4.mb60 {
		margin-bottom: 0 !important
	}
	.block-top-4 .block-top {
		border-bottom: 1px solid #fff
	}
	.block-top-4 .block-top a.profile {
		background: url(/company/images/sp/company_item_ico_03.png) no-repeat right center #9c8ab8
	}
	.block-top-4 .block-top a.profile h1 {
		background: url(/company/images/sp/company_item_ttl_03.png) no-repeat left center
	}
	.block-top-4 .block-top a.history {
		background: url(/company/images/sp/company_item_ico_04.png) no-repeat right center #9c8ab8
	}
	.block-top-4 .block-top a.history h1 {
		background: url(/company/images/sp/company_item_ttl_04.png) no-repeat left center
	}
	.block-top-4 .block-top a.clients {
		background: url(/company/images/sp/company_item_ico_05.png) no-repeat right center #9c8ab8
	}
	.block-top-4 .block-top a.clients h1 {
		background: url(/company/images/sp/company_item_ttl_05.png) no-repeat left center
	}
	.block-top-4 .block-top a.access {
		background: url(/company/images/sp/company_item_ico_06.png) no-repeat right center #9c8ab8
	}
	.block-top-4 .block-top a.access h1 {
		background: url(/company/images/sp/company_item_ttl_06.png) no-repeat left center
	}
	.block-top-4 .block-top a.candidate {
		background: url(/recruit/images/sp/recruit_item_ico_03.png) no-repeat right center #d9a0c0
	}
	.block-top-4 .block-top a.candidate h1 {
		background: url(/recruit/images/sp/recruit_item_ttl_03.png) no-repeat left center
	}
	.block-top-4 .block-top a.work {
		background: url(/recruit/images/sp/recruit_item_ico_10.png) no-repeat right center #d9a0c0
	}
	.block-top-4 .block-top a.work h1 {
		background: url(/recruit/images/sp/recruit_item_ttl_10.png) no-repeat left center
	}
	.block-top-4 .block-top a.welfare {
		background: url(/recruit/images/sp/recruit_item_ico_04.png) no-repeat right center #d9a0c0
	}
	.block-top-4 .block-top a.welfare h1 {
		background: url(/recruit/images/sp/recruit_item_ttl_04.png) no-repeat left center
	}
	.block-top-4 .block-top a.training {
		background: url(/recruit/images/sp/recruit_item_ico_05.png) no-repeat right center #d9a0c0
	}
	.block-top-4 .block-top a.training h1 {
		background: url(/recruit/images/sp/recruit_item_ttl_05.png) no-repeat left center
	}
	.block-top-4 .block-top a.culture {
		background: url(/recruit/images/sp/recruit_item_ico_06.png) no-repeat right center #d9a0c0
	}
	.block-top-4 .block-top a.culture h1 {
		background: url(/recruit/images/sp/recruit_item_ttl_06.png) no-repeat left center
	}
	.block-top-4 .block-top a.events {
		background: url(/recruit/images/sp/recruit_item_ico_07.png) no-repeat right center #d9a0c0
	}
	.block-top-4 .block-top a.events h1 {
		background: url(/recruit/images/sp/recruit_item_ttl_07.png) no-repeat left center
	}
	.block-top-4 .block-top a.faq {
		background: url(/recruit/images/sp/recruit_item_ico_08.png) no-repeat right center #d9a0c0
	}
	.block-top-4 .block-top a.faq h1 {
		background: url(/recruit/images/sp/recruit_item_ttl_08.png) no-repeat left center
	}
	.block-top-4 .block-top a.performance {
		background: url(/recruit/images/sp/recruit_item_ico_09.png) no-repeat right center #d9a0c0
	}
	.block-top-4 .block-top a.performance h1 {
		background: url(/recruit/images/sp/recruit_item_ttl_09.png) no-repeat left center
	}
	.block-top-4 .block-top a.ai_concierge {
		background: url(/recruit/images/sp/recruit_item_ttl_12.png) no-repeat left center #5170b1;
		background-size: auto 65px !important;
	}
	.block-top-4 .block-top a.ai_concierge h1 {
		background: url(/common/images/icon/balloon_ico.png) no-repeat 99% center;
		background-size: 40px !important;
		opacity: 0.6;
	}

	#side {
		padding-bottom: 0;
		width: 100%;
		float: none
	}
	#side h1 a {
		padding: 17px 0 17px 34px;
		background-size: 30px auto;
		background-position: 0 9px;
		border-top: 1px solid #a60202
	}
	#side ul li {
		font-size: 90%
	}
	#side ul li br {
		display: none
	}
	#side ul li a {
		white-space: normal
	}
	#side ul li a:hover {
		padding-left: 13px
	}
	#side ul li ul li a:hover {
		padding-left: 21px
	}
	#side ul li.current ul li a:hover {
		padding-left: 21px
	}
	#side ul li:last-child ul li:last-child a {
		border-bottom: 1px solid #a60202
	}
	body.service #side h1 a {
		padding: 17px 0 17px 34px;
		background-position: 0 9px;
		line-height: 0.8999em
	}
	body.service #side h1 a br {
		display: none
	}
  #side_case {
    padding-bottom: 0;
    width: 100%;
    float: none
  }
  #side_case h1 a {
    padding: 17px 0 17px 34px;
    background-size: 30px auto;
    background-position: 0 9px;
    border-top: 1px solid #a60202
  }
  #side_case ul li {
    font-size: 90%
  }
  #side_case ul li br {
    display: none
  }
  #side_case ul li a {
    white-space: normal
  }
  #side_case ul li a:hover {
    padding-left: 13px
  }
  #side_case ul li ul li a:hover {
    padding-left: 21px
  }
  #side_case ul li.current ul li a:hover {
    padding-left: 21px
  }
  #side_case ul li:last-child ul li:last-child a {
    border-bottom: 1px solid #a60202
  }
  body.service #side_case h1 a {
    padding: 17px 0 17px 34px;
    background-position: 0 9px;
    line-height: 0.8999em
  }
  body.service #side_case h1 a br {
    display: none
  }

	#pagetop {
		bottom: 0px;
	}

	#chatbot {
		width: 100%;
		right: 0;
		left:0;
	}
	#chatbot span.-pc, br.-pc {
		display: none;
	}
	#chatbot span.-sp, br.-sp {
		display: inline;
	}
	#chatbot .chatbot_icon {
		width: 100%;
		height: auto;
		margin-bottom: 0;
		padding: 10px 35px 10px 50px;
		-webkit-border-radius: 0;
		-ms-border-radius: 0;
		border-radius: 0;
		background: url(/common/images/chatbot/chatbot_bg01.png);
	}
	#chatbot .chatbot_icon:hover {
		opacity: 1;
	}
	#chatbot .chatbot_icon:before {
		content: "";
		width: 45px;
		height: 33px;
		bottom: -webkit-calc(50% - 17px);
		bottom: -ms-calc(50% - 17px);
		bottom: calc(50% - 17px);
		left: 5px;
		right: auto;
		border: none;
		background: url(/common/images/chatbot/chatbot_balloom.png) no-repeat center;
		background-size: 100%;
	}
	#chatbot .chatbot_icon:after {
		content: "";
		width: 26px;
		height: 9px;
		bottom: -webkit-calc(50% - 7px);
		bottom: -ms-calc(50% - 7px);
		bottom: calc(50% - 7px);
		left: auto;
		right: 10px;
		background: url(/common/images/chatbot/chatbot_arr.png);
		background-size: 100%;
	}
	#chatbot .chatbot_icon .chatbot_ttl {
		padding-top: 0;
		font-size: 18px;
	}
	#chatbot .chatbot_icon .chatbot_lead {
		padding-top: 0;
		font-size: 14px;
	}
	#chatbot .chatbot_icon .sub_lead {
		font-size: 14px;
		color: #fff;
	}
	#chatbot .chatbot_icon .sub_lead > span {
		font-weight: bold;
	}
	#chatbot .chatbot_content {
		width: 100%;
		height: 305px;
		left: 0;
		bottom: -305px;
	}
	#chatbot .chatbot_content .chat_ttl {
		padding: 14px 7px 14px 100px;
	}
	#chatbot .chatbot_content .chat_ttl:before {
		content: "";
		width: 60px;
		height: 60px;
	}
	#chatbot .chatbot_content .chat_ttl > .chat_close {
		width: 35px;
		top: -webkit-calc(50% - 17px);
		top: -ms-calc(50% - 17px);
		top: calc(50% - 17px);
		right: 5px;
	}
	#chatbot .chatbot_content .chat_ttl > img {
		width: 100px;
	}
	#chatbot .chatbot_content .chat_area {
		height: 185px;
	}
	#chatbot .chatbot_content .chat_txt:first-child {
		margin-top: 30px;
	}
	#chatbot .chatbot_content .chat_txt a {
		border-color: #a60202;
	}
	#chatbot .chatbot_content .chat_input {
		padding: 12px 5px 0;
	}
	#chatbot .chatbot_content .chat_input > textarea {
		width: -webkit-calc(100% - 90px);
		width: -ms-calc(100% - 90px);
		width: calc(100% - 90px);
		height: 45px;
		vertical-align: top;
		font-size: 16px;
	}
	#chatbot .chatbot_content .chat_input .submit {
		width: 80px;
		margin-top: 2px;
		margin-left: 8px;
		padding: 12px 0 11px;
		vertical-align: top;
		font-size: 16px;
	}
	#chatbot .chatbot_content .chat_input .submit:hover {
		opacity: 1;
	}

	#footer #footer-sitemap-wrap {
		display: none
	}
	#footer #footer-copyright-wrap {
		box-shadow: none;
		background: none
	}
	#footer #footer-copyright-wrap #footer-copyright {
		width: 100% !important;
		height: auto
	}
	#footer #footer-copyright-wrap #footer-copyright .footer-logo {
		display: none
	}
	#footer #footer-copyright-wrap #footer-copyright .footer-info {
		margin: 8px 0;
		width: 100%
	}
	#footer #footer-copyright-wrap #footer-copyright .footer-info .footer-nav {
		text-align: center
	}
	#footer #footer-copyright-wrap #footer-copyright .footer-info .footer-nav li {
		margin: 0 3px
	}
	#footer #footer-copyright-wrap #footer-copyright .footer-info .footer-nav li a {
		padding: 0.1em 0.5em;
		border: 1px solid #fff
	}
	#footer #footer-copyright-wrap #footer-copyright .footer-info .footer-copy {
		text-align: center
	}
	.hd-type01 {
		margin-bottom: 5px
	}
	.hd-type01 span {
		padding: 10px;
		text-align: center;
		text-indent: -.1em
	}
	.hd-type02 {
		margin-bottom: 5px
	}
	.hd-type02.mt60 {
		margin-top: 30px !important
	}
	.hd-type03 {
		margin-bottom: 5px
	}
	.hd-type03 span {
		font-size: 120%
	}
	.link-type02 {
		background-position: left 2px !important
	}
	.table-type02 {
		border-top: 1px solid #ccc
	}
	.table-type02 th,
	.table-type02 td {
		padding: 10px;
		width: 100% !important;
		border-top: none;
		display: block;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box
	}
	.table-type02 th.th-top {
		border-top: none
	}
	.table-type02 td.td-top {
		border-top: none
	}
	.list-type01 {
		margin: 0 10px;
		padding: 0 5px
	}
	.list-type01 dt {
		padding: 4px 0;
		width: 100%;
		float: none
	}
	.list-type01 dd {
		margin: 0;
		padding: 0 0 10px;
		line-height: 1.8
	}
	.column-nmb {
		margin-top: 0
	}
	.column-nmb>div {
		margin-top: 15px;
		width: 100%;
		float: none
	}
	.column-nmb>div.nmb02,
	.column-nmb>div.nmb04,
	.column-nmb>div.nmb06,
	.column-nmb>div.nmb08,
	.column-nmb>div.nmb10 {
		float: none
	}
	.column-type03 {
		margin: 15px 0 0
	}
	.column-type03 .column_3 {
		margin: 0 0 30px;
		padding: 0;
		width: 100%
	}
	.privacy-wrap p {
		word-break: break-all
	}
	.privacy-wrap>div {
		table-layout: fixed;
		display: table
	}
	.privacy-wrap>div div {
		vertical-align: top;
		float: none;
		display: table-cell
	}
	.privacy-wrap>div div.flL {
		width: 80px !important
	}
	.privacy-wrap>div div.flR {
		width: auto !important
	}
	.contact-btn.mt60 {
		margin-top: 30px !important
	}
	.contact-btn a {
		padding: 15px 25px;
		width: 100%;
		line-height: 1;
		background-size: auto 25px !important;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box
	}
	.contact-btn a.blank {
		padding: 15px 40px;
		background: url(/common/images/sp/arrow_contact_btn_bl.png) no-repeat right center #a60202
	}
	.contact-btn a.blank:hover {
		background: url(/common/images/sp/arrow_contact_btn_bl_on.png) no-repeat right center #fff
	}
	.sp-img {
		width: 100%;
		height: auto
	}
	.sp-img-w50 {
		width: 50%;
		height: auto
	}
	.sp-img-w80 {
		width: 80%;
		height: auto
	}
	.sp-tbl-w100 {
		width: 100% !important
	}
	.break .flL {
		width: 100% !important;
		float: none
	}
	.break .flR {
		margin-top: 10px;
		width: 100% !important;
		float: none
	}
	.faq-area .faq {
		margin: 15px 0 0;
		padding-bottom: 15px
	}
	.faq-area .faq .question {
		margin: 0 0 10px;
		background-size: 25px auto;
		background-position: 8px center
	}
	.faq-area .faq .answer {
		margin: 0;
		background-size: 25px auto;
		background-position: 8px center
	}
	.num-area p img {
		width: 100%;
		height: auto
	}
	.case-area div {
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
		float: none
	}
	.case-area div.case-left {
		float: none
	}
	.case-area div.case-right {
		margin-top: 10px;
		float: none
	}
	.case-area div h2 {
		margin-top: 15px !important
	}
	.case-area div dl dt {
		float: none
	}
	.case-area div dl dd {
		padding: 8px 8px 0;
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
		float: none
	}
	.case-area div ul li {
		width: 50%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box
	}
	.service-block li {
		margin: 0 0 15px;
		width: 100%;
		height: auto;
		text-indent: 0;
		display: block;
		float: none;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box
	}
	.service-block li.bl {
		background: none
	}
	.service-block li.bl p {
		background: url(/service/operation/images/sp/operation_ico_01.jpg) no-repeat left top;
		background-size: 80px auto
	}
	.service-block li.sv {
		background: none
	}
	.service-block li.sv p {
		background: url(/service/operation/images/sp/operation_ico_02.jpg) no-repeat left top;
		background-size: 80px auto
	}
	.service-block li.cs {
		background: none
	}
	.service-block li.cs p {
		background: url(/service/operation/images/sp/operation_ico_03.jpg) no-repeat left top;
		background-size: 80px auto
	}
	.service-block li.fs {
		background: none
	}
	.service-block li.fs p {
		background: url(/service/operation/images/sp/operation_ico_04.jpg) no-repeat left top;
		background-size: 80px auto
	}
	.service-block li.mp {
		background: none
	}
	.service-block li.mp p {
		background: url(/service/operation/images/sp/operation_ico_05.jpg) no-repeat left top;
		background-size: 80px auto
	}
	.service-block li.ml {
		background: none
	}
	.service-block li.ml p {
		background: url(/service/operation/images/sp/operation_ico_06.jpg) no-repeat left top;
		background-size: 80px auto
	}
	.service-block li>span {
		margin-bottom: 9px;
		padding-bottom: 3px;
		font-size: 130%;
		font-weight: bold;
		border-bottom: 1px solid #ccc;
		display: block
	}
	.service-block li p {
		padding-left: 90px;
		width: 100%;
		height: auto;
		min-height: 80px;
		position: static;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box
	}
	.service-block li p span {
		padding: 0;
		width: 100%;
		height: auto;
		color: #222;
		text-align: left;
		display: block
	}
	.portfolio-area h1 {
		margin: 15px 0 5px;
		font-size: 150%;
		text-align: center
	}
	.portfolio-area h3 {
		font-size: 120%
	}
	.portfolio-area .ttl {
		margin-bottom: 5px;
		padding: 7px 0;
		width: 100%;
		font-size: 100%;
		font-weight: bold;
		text-align: center;
		background: #eaeaea;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box
	}
	.portfolio-area .company,
	.portfolio-area .page {
		padding: 0 10px;
		width: 100%;
		font-size: 100%;
		border-left: none;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box
	}
	.portfolio-area .download {
		margin-top: 0
	}
	.portfolio-area .download .ios,
	.portfolio-area .download .android {
		vertical-align: middle
	}
	.portfolio-area ul.device-icon {
		padding: 0 10px;
		width: 100%;
		text-align: center;
		border-left: 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box
	}
	.portfolio-area ul.device-icon li {
		margin: 0 3%
	}
	.portfolio-area ul.device-icon li span {
		font-size: 100%
	}
	.portfolio-area ul.works-detail {
		width: 100%;
		border-left: none;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box
	}
	.portfolio-area ul.works-detail li {
		font-size: 90%
	}
	.portfolio-area .portfolio-box .left-area {
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
		float: none
	}
	.portfolio-area .portfolio-box .left-area img {
		width: 100%;
		height: auto
	}
	.portfolio-area .portfolio-box .right-area {
		margin-top: 15px;
		width: 100%;
		float: none
	}
	.portfolio-area .portfolio-box .right-area .link-btn {
		display: none
	}
	.portfolio-area .portfolio-lead {
		margin-top: 20px
	}
	.portfolio-area .point {
		margin-top: 15px
	}
	.portfolio-area .point span {
		padding: 10px 0 10px 45px;
		background-position: 4px center;
		background-size: 35px auto
	}
	.portfolio-list {
		margin-bottom: 0;
		width: 100%
	}
	.portfolio-list li {
		margin: 0 auto 20px;
		width: 100%;
		float: none
	}
	.portfolio-list li a {
		margin: 0 15px;
		display: block
	}
	.portfolio-list li a div p {
		display: none
	}
	.portfolio-list li a div img.screen {
		width: 100%;
		height: auto;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box
	}
	.performance-list-wrap .inline {
		display: block;
		width: 100%;
	}
	.performance-list li {
		width: 100%
	}
	.performance-list li a {
		table-layout: fixed;
		display: table
	}
	.performance-list li a .left-block {
		width: 125px;
		display: table-cell;
		float: none
	}
	.performance-list li a .left-block img {
		margin: 5px 0 5px 5px
	}
	.performance-list li a .right-block {
		padding: 0 10px;
		width: 100%;
		vertical-align: top;
		float: none;
		display: table-cell
	}
	.performance-list li a .right-block .size {
		margin: 5px 0
	}
	body.service.top img.-sp {
		width: 100%
	}
	body.service.top .scroll {
		width: 100%;
		overflow: hidden;
		position: relative
	}
	body.service.top .scroll img {
		position: relative;
		top: 0;
		left: 0
	}
	body.service.top .scroll ul li {
		margin-top: -30px;
		width: 60px;
		height: 60px;
		text-indent: -9999px;
		position: absolute;
		top: 50%
	}
	body.service.top .scroll ul li.scroll_l {
		left: 0;
		background: url(/common/images/arrow_scroll_l.png) no-repeat 5% 50%;
		background-size: contain
	}
	body.service.top .scroll ul li.scroll_r {
		right: 0;
		background: url(/common/images/arrow_scroll_r.png) no-repeat 95% 50%;
		background-size: contain
	}
	.company-logo {
		background: none
	}
	.company-logo .table-type01 {
		width: 100% !important
	}
	.company-logo .logo-list {
		margin-top: 15px
	}
	.company-logo .logo-list li {
		margin-top: 30px;
		float: none
	}
	.company-logo .logo-list li:first-child {
		margin-top: 0
	}
	.history-table th.th-left {
		width: 50%;
		height: 36px;
		background: url(/company/history/images/sp_history_img_01.gif) no-repeat center center #c01a1a
	}
	.history-table th.th-left img {
		display: none
	}
	.history-table th.th-right {
		width: 50%;
		height: 36px;
		background: url(/company/history/images/sp_history_img_02.gif) no-repeat center center #939393
	}
	.history-table th.th-right img {
		display: none
	}
	.history-table td {
		padding: 10px
	}
	.history-table td.centerL {
		padding: 10px 5px
	}
	.history-table td.centerR {
		padding: 10px 5px
	}
	.clients-nav {
		margin-top: 15px;
		width: 100%
	}
	.clients-nav li {
		margin: 0;
		width: 50%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box
	}
	.clients-block ul li {
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box
	}
	.map_box {
		width: 100%;
		height: 200px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box
	}
	#event-photo {
		margin-top: 15px;
		width: 100%
	}
  .news #event-photo {
    width: 100%
  }
	#event-photo ul {
		width: 100% !important
	}
  .news #event-photo ul {
    width: 100% !important
  }
	#event-photo ul li {
		width: 100%
	}
	#event-photo ul li .photo h1 {
		padding: 15px 10px
	}
	#event-photo ul li .photo img {
		width: 100%;
		height: auto
	}
	.interv-tab {
		margin-top: 15px;
		width: 100%;
		display: table
	}
	.interv-tab li {
		padding: 5px;
		vertical-align: middle;
		display: table-cell
	}
	.interv-tab li br {
		display: block
	}
	.interv-tab li.current,
	.interv-tab li:hover {
		padding: 5px
	}
	.interv-box .left-area {
		margin-bottom: 15px;
		width: 50%;
		max-width: 200px;
		float: none
	}
	.interv-box .left-area img {
		width: 100%;
		height: auto
	}
	.interv-box .right-area {
		width: 100%;
		float: none
	}
	.access-accordion {
		margin: 15px 0 0;
	}
	.access-accordion .acc-btn p {
		font-size: 120%;
	}
	.recruit-faq .faq {
		margin-top: 10px;
		padding-bottom: 10px
	}
	.recruit-faq .faq .question {
		background-position: 8px 1px;
		background-size: 32px auto
	}
	.recruit-faq .faq .question p {
		padding: 7px 30px 5px 4px;
		background-size: 20px auto
	}
	.recruit-faq .faq .answer {
		padding: 10px 10px 0
	}
	.contact-flow {
		margin-top: 15px;
		display: table
	}
	.contact-flow li {
		font-size: 12px;
		line-height: 1.4!important;
		text-indent: 0;
		background-position: right center !important;
		vertical-align: middle;
		display: table-cell;
		padding-right: .5em;
		float: none
	}
	.contact-flow li.contact-flow-second br {
		display: block
	}
	.error-area {
		margin-top: 15px;
		padding: 10px
	}
	.error-area .error-message {
		padding-left: 0
	}
	.contact-count {
		display: none
	}
	.contact-area {
		font-size: 12px;
		margin: 15px 0 0;
		padding: 0;
		border-left: none;
		border-right: none
	}
	.contact-area .contact-form-col2 {
		border-bottom: none
	}
	.contact-area .contact-form {
		display: block;
		padding: 15px 0;
		text-align: left;
	}
	.contact-area .contact-form.col2 {
		width: 100%;
		border-bottom: 1px solid #ccc
	}
	.contact-area .contact-form.col2.col2-2 {
		margin-left: 0
	}
	.contact-area .contact-form.col2 dt {
		margin: 0;
		font-size: 120%
	}
	.contact-area .contact-form.col2 dd {
		width: 100%
	}
	.contact-area .contact-form.col2 dd .contact-request li {
		width: 100%
	}
	.contact-area .contact-form.col2 dd .contact-request li .request-txt {
		width: 74%
	}
	.contact-area .contact-form.col2 dd .contact-request li label {
		width: 89%
	}
	.contact-area .contact-form dt {
		display: block;
		margin-top: 0 !important;
		margin-bottom: 10px;
		padding-left: 10px;
		border-left: 5px solid #b1b1b1;
		width: auto;
		font-size: 105%;
	}
	.contact-area .contact-form dt label {
		display: block
	}
	.contact-area .contact-form dd {
		float: none;
		display: block;
		width: auto;
		text-align: left;
	}
	.contact-area .contact-form dd .address-title {
		margin-top: 15px;
		font-size: 105%
	}
	.contact-area .contact-form dd .contact-select {
		width: 100% !important;
		font-size: 120%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box
	}
	.contact-area .contact-form dd .contact-input {
		margin: 0 -10px;
		padding: 0 10px;
	}
	.contact-area .contact-form dd .contact-input.style_success,
	.contact-area .contact-form dd .contact-input.style_error {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.contact-area .contact-form dd .contact-input li {
		display: block;
		margin-bottom: 5px;
		width: auto;
	}
	.contact-area .contact-form dd .contact-input li:last-child {
		margin-bottom: 0
	}
	.contact-area .contact-form dd .contact-input li input {
		margin-top: 5px
	}
	.contact-area .contact-form dd .contact-input li label {
		width: auto;
	}
	.contact-area .contact-form dd .contact-input-text {
		padding: 10px 5px;
		width: 100%;
		font-size: 120%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box
	}
	.contact-area .contact-form dd .contact-number li.contact-number-address {
		display: block
	}
	.contact-area .contact-form dd .contact-number li.contact-number-address a {
		margin: 10px 0 0 0;
		line-height: 28px;
		padding: 0 8px
	}
	.contact-area .contact-form dd p.error-message {
		margin-top: 10px;
	}
	#container .address_list_wrap .address_list {
		width: 70%;
		top: 50px;
		left: auto;
		right: 0;
		display: block;
	}
	#container .address_list_wrap .address_list .inner > li:hover  {
		background: none;
	}
	.contact-area .contact-form dd .contact-request li {
		width: 100%
	}
	.contact-area .contact-form dd .contact-request li input {
		width: 7%
	}
	.contact-area .contact-form dd .contact-request li label {
		width: 90%
	}
	.contact-area .contact-form dd .contact-request li .request-images img {
		width: 50px;
		height: auto
	}
	.contact-area .contact-form dd .contact-request li .request-txt {
		width: 74%
	}
	.contact-area .contact-form dd .contact-request li .request-txt .size {
		padding: 0 1em;
		float: none
	}
	.contact-policy {
		margin-top: 15px;
		text-align: left;
	}
	.contact-btn {
		margin-top: 30px
	}
	.contact-btn p {
		line-height: 1.1em !important
	}
	.contact-btn p.contact-confirm {
		width: 100%;
		display: table;
		table-layout: fixed;
		border-collapse: separate;
		border-spacing: 10px 0
	}
	.contact-btn p.contact-confirm a.send {
		display: table-cell;
		float: none
	}
	.contact-btn p.contact-confirm a.prev {
		display: table-cell;
		float: none
	}
	.contact-btn p.error {
		padding: 15px 20px;
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box
	}
	.contact-btn p a.confirm,
	.contact-btn p a.send {
		width: 100%
	}
	.contact-btn p a.prev {
		width: 85px
	}
	body.contact.top .contact-btn {
		margin-top: 15px;
		padding: 15px 10px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box
	}
	body.contact.top .contact-btn.magazine {
		margin: 15px 0 0 0;
		width: 94%
	}
	body.contact.top .contact-btn.request {
		margin-bottom: 30px;
		width: 100%
	}
	body.contact.top .contact-btn.magazine a,
	body.contact.top .contact-btn.request a {
		width: 100%
	}
	body.contact.top .contact-btn .contact-main li {
		margin-top: 10px
	}
	body.contact.top .contact-btn .contact-phone {
		margin-top: 10px;
		width: auto
	}
	body.contact.top .contact-btn .contact-phone li {
		height: auto;
		float: none;
		line-height: 1;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box
	}
	body.contact.top .contact-btn .contact-phone .title {
		width: 100%
	}
	body.contact.top .contact-btn .contact-phone .number {
		width: 100%
	}
	/* form-icon */
	.contact-area .contact-form dd .form-icon > span {
		bottom: 45px;
		right: 0;
	}
	.contact-area .contact-form dd .contact-select + .form-icon {
		width: auto;
	}
	.contact-area .contact-form dd .contact-select + .form-icon > span {
		bottom: 45px;
	}
	.contact-area .contact-form dd textarea + .form-icon > span {
		bottom: 160px;
	}
  .table-type01 td.-pc{
    display:none;
  }
  .table-type01 td.-sp{
    display:table-cell;
  }
  .table-type01 td .pcphone {
    display: none;
  }
  .table-type01 td .spphone {
    display: inline;
  }
	.simulation_area {
		padding: 0;
		border-left: none;
		border-right: none
	}
	.simulation_area .simulation-form-col2 {
		border-bottom: none
	}
	.simulation_area .simulation-form {
		font-size: 12px;
		display: block;
		padding: 15px 10px;
		width: auto;
	}
	.simulation_area .simulation-form dt {
		display: block;
		margin-top: 0 !important;
		margin-bottom: 10px;
		padding-left: 10px;
		border-left: 5px solid #b1b1b1;
		width: auto;
		font-size: 105%;
		float: none;
		text-align: left;
	}
	.simulation_area .simulation-form dt label {
		display: block
	}
	.simulation_area .simulation-form dd {
		display: block;
		width: auto;
		text-align: left;
		float: none
	}
	.simulation_area .simulation-form dd .simulation-input li {
		margin-top: 5px;
	}
	.simulation_area .simulation-form dd .simulation-input li input {
		margin-top: 5px
	}
	.simulation_area .simulation-form dd .simulation-input li label {
		width: auto;
	}
	.simulation_area .simulation-form dd .simulation-input-text {
		padding: 10px 5px;
		width: 90%;
		font-size: 120%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box
	}
	.etc-btn {
		margin: 60px 0;
		padding: 0 10px;
		box-sizing: border-box;
	}
	.etc-btn a {
		padding: 15px 25px;
		width: 100%;
		line-height: 1;
		background-size: auto 25px !important;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
	}
	#wrapper .copylight li {
		text-align: left;
	}
	#wrapper .copylight .inner_cont {
		padding-top: 0;
		padding-bottom: 90px;
	}
}
@media only screen and (max-height: 320px) {
	#nav ul li a {
		height: 40px;
		font-size: 100%
	}
}

/*2019.06.19 add*/
.all-docment{
    margin-bottom: 20px;
    display: inline-block;
}
.all-docment label{
    margin-left: 10px;
    width: 290px;
    line-height: 1.8;
    cursor: pointer;
    font-size: 16px;
    display: inline-block;
    display: inline;
    zoom: 1;
}
@media only screen and (max-width: 767px){
	.all-docment label{
		font-size: 14px;
	}
}