@charset "UTF-8";


.bak-main-gradient	{
	background: rgba(46,46,46,1);
	background: -moz-linear-gradient(top, rgba(46,46,46,1) 0%, rgba(19,19,19,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(46,46,46,1)), color-stop(100%, rgba(19,19,19,1)));
	background: -webkit-linear-gradient(top, rgba(46,46,46,1) 0%, rgba(19,19,19,1) 100%);
	background: -o-linear-gradient(top, rgba(46,46,46,1) 0%, rgba(19,19,19,1) 100%);
	background: -ms-linear-gradient(top, rgba(46,46,46,1) 0%, rgba(19,19,19,1) 100%);
	background: linear-gradient(to bottom, rgba(46,46,46,1) 0%, rgba(19,19,19,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e2e2e', endColorstr='#131313', GradientType=0 );
}

#main_visual	{
	position: relative;
	/*background: url('/m/images/main/img_main_top_visual.jpg') no-repeat 50% 50%;*/
	background-size: cover;
}
#main_visual img	{ display: block; margin: 0 auto; }

#main_visual .bx-wrapper	{
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: none;
	background: transparent;
	margin: 0;
}
#main_visual .bx-controls	{
	position: absolute;
	bottom: 20px;
	left: 0;
	right: 0;
	text-align: center;
}
#main_visual .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager	{
	text-align: center;
	width: auto;
	position: relative;
	bottom: auto;
}

#main_quick_list	{
	display: block;
	position: relative;
	background: #ffffff;
}
#main_quick_list #main_qnb	{
	border: 1px solid #ffffff;
	border-top-width: 0;
	border-bottom-width: 0;
	overflow: hidden;
}
#main_quick_list #main_qnb li	{
	position: relative;
	width: 25%;
	float: left;
	box-sizing: border-box;
}
#main_quick_list #main_qnb li + li	{ border-left: 1px solid #ffffff; }
#main_quick_list #main_qnb li a	{
	display: block;
	position: relative;
	font-size: 1.0em;
	line-height: 3.6em;
	text-align: center;
	color: #1d1d1d;
	font-family:'CoreGothic4';
	font-weight: 800;
	text-shadow: 0px 0px 8px #ffffff;
}


#main_customer	{
	background:url('/m/images/main/img_main_content_01_bg.png') 50% 50% no-repeat;;
	display: block;
	position: relative;
	padding: 0.5em 0;
	text-align: center;
	overflow:hidden;
}

#main_customer .main_cs {width:50%; float:left;}
#main_customer .main_cs.opendate {padding:14px 0; box-sizing:border-box;}
#main_customer .main_cs.opendate p {font-family : CoreGothic4; color:#fff; letter-spacing:-1.5px;}
#main_customer .main_cs.opendate p:first-child {font-size:15px;}
#main_customer .main_cs.opendate p:nth-child(2) {font-size:22px; font-weight:700; margin:5px 0;}


.item-main-banner	{ 
	display: block;
	position: relative;
	text-align: center;
	background: #252525;
	box-shadow:0px 0px 10px rgba(0, 0, 0, .5);
	padding-bottom: 1em;
}
.item-main-banner + .item-main-banner	{ margin-top: 0.5em; }

#main_portfolio				{ position: relative; padding-top: 2.4em; padding-bottom: 0em; }
#main_portfolio .title img	{ display: block; margin: 0 auto; }

#main_step_box	{ padding-top: 1.2em; }


#main_story					{ background:  #109b86; }
#main_story > .fix-layout	{ background: url('/m/images/main/bak_main_story_180604.png') no-repeat 50% 0; background-size: cover; padding-bottom: 0.75em; }


#main_work					{ background:  #375599; }
#main_work > .fix-layout	{ background: url('/m/images/main/bak_main_work_180604.png') no-repeat 50% 0; background-size: cover; padding-bottom: 0.75em; }


.banner-pad	{ padding: 1.1em 0; }
.banner-pad + .banner-pad	{ padding-top: 0; }

#main_talk					{ background:  #a82a3f; }
#main_talk > .fix-layout	{ background: url('/m/images/main/bak_main_talk_180604.png') no-repeat 50% 0; background-size: cover; padding-bottom: 0.75em; }



.board-group				{ overflow: hidden; }
.board-group .con			{ margin: 0 0.25em; }
.board-group .con:after	{ content: ""; display: block; clear: both; }
.board-group .item	{
	display: block;
	position: relative;
	width: 33.33%;
	float: left;
	padding: 0 0.25em;
	box-sizing: border-box;
}
.board-group.col-2 .item	{ width: 50%; }
.board-group .item .box	{
	position: relative;
	background: #363636;
	overflow: hidden;
	box-shadow:3px 3px 10px rgba(0, 0, 0, .8);
}
.board-group .item .box:before	{
	content: "";
	display: block;
	position: relative;
	padding-top: 90%;
}
.board-group .item .box h3	{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	color: #fff;
	font-family:'CoreGothic4';
	font-size: 0.7em;
	background: url('/m/images/cmm/bak_header.png');
	padding: 0.4em 0.7em;
	letter-spacing: -0.02em;
	z-index: 1;
}
.board-group .item .box.banner a	{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
}
.board-group .item .box .btn-more	{
	display: block;
	position: absolute;
	top: 0.5em;
	right: 0.5em;
	width: 1.65em;
	height: 0.65em;
	background: url('/m/images/main/btn_board_more.png') no-repeat 50% 50%;
	background-size: contain;
	overflow: hidden;
	text-indent: -999px;
	z-index: 2;
}
.board-group .board-con	{
	position: absolute;
	top: 0;
	left: 0;
	right:0;
	bottom: 0;
	z-index: 0;
}
.board-group .board-con ul,
.board-group .board-con li,
.board-group .board-con a	{
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.board-group .board-con img	{
	display: block;
	position: relative;
	z-index: 0;
	min-width: 100%;
	min-height: 100%;
	max-width: 100%;
	width: 120% !important;
	height: auto !important;
}
.board-group .board-con em	{
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	color: #fff;
	font-family:'CoreGothic4';
	font-size: 0.8em;
	background: url('/m/images/cmm/bak_header.png');
	padding: 0.4em 0.7em;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: left;
	letter-spacing: -0.01em;
	z-index: 1;
}