/* TOP */
	

#top_main {
	text-align: center;
	background: url("../images/bg_main.jpg")no-repeat bottom center;
	background-size: cover;
	position: relative;
	padding: 200px 0px;
}
#top_main .main_img {
	padding-top: 60px;
	margin-bottom: 30px;
}

.top_btn .btn_area {
	display: inline-block;
}

.top_membertable tr:nth-child(1) td.company span.label:before{
content:"A";
}
.top_membertable tr:nth-child(2) td.company span.label:before{
content:"B";
}
.top_membertable tr:nth-child(3) td.company span.label:before{
content:"C";
}
.top_membertable tr:nth-child(4) td.company span.label:before{
content:"D";
}
.top_membertable tr:nth-child(5) td.company span.label:before{
content:"E";
}
.top_membertable tr:nth-child(6) td.company span.label:before{
content:"F";
}
.top_membertable tr:nth-child(7) td.company span.label:before{
content:"G";
}
.top_membertable tr:nth-child(8) td.company span.label:before{
content:"H";
}
.top_membertable tr:nth-child(9) td.company span.label:before{
content:"I";
}
.top_membertable tr:nth-child(10) td.company span.label:before{
content:"J";
}












/* ページ共通ヘッダー */


	
/******************************************************************************************/
/* 共通 */
/******************************************************************************************/

.top_logo {
	margin-top: 5px;
	float: left;
}

#wrap {
	position: relative;
}

.topmenu {
	background: linear-gradient(to bottom,#fff 50% , rgba(255,255,255,0) 100%);
	position: absolute;
	width: 100%;
}
.dropmenu.topmenu {
    position: inherit;
}


.topmenu ul {
	margin:0px;
	padding:0px;
	margin: 10px 0px 6px 0px;
	text-align: right;
}

.topmenu ul li {
	list-style:none;
	display:inline-block;
	margin-right:2%;
	vertical-align: middle;
}
.topmenu ul li:last-child {
	margin-right:0px;
}

.topmenu ul li a {
	display: block;
	-webkit-transition-property:color,background-color;
	-webkit-transition-duration:0.2s;
	-webkit-transition-timing-function:linear;
}

.topmenu ul li .btn_blue{
	width: 200px;
}



#headbar .top_logo {
    margin-top: 0px;
}
#headbar .topmenu ul {
}

#fade-in.topmenu {
	background: none;
}


.container {
	padding: 60px 0px;
}




table p {
	padding-bottom: 0;
}


.col4area {
	font-size: 0;
	margin-bottom: 40px;
}

.col4area li {
	display: inline-block;
	width: 23%;
	margin-right: 2.66%;
	font-size: 18px;
	line-height: 30px;
	vertical-align: top;
}
.col4area li:nth-child(4n) {
	margin-right: 0%;
}


.col6img {
	font-size: 0;
}
.col6img li {
	display: inline-block;
	width: 16%;
	vertical-align: top;
}

.col3area {
	text-align: center;
}
.col3area li {
	display: inline-block;
	width: 30%;
	margin-right: 3.333%;
	vertical-align: top;
}
.col3area li:last-child {
	margin-right: 0;
}


.col2area {
	font-size: 0;
}
.col2area .content_box {
	display: inline-block;
	width: 49%;
	margin-bottom: 2%;
	vertical-align: top;
	font-size: 18px;
}
.col2area .content_box:nth-child(odd) {
	margin-right: 2%;
}
.col2area .content_box .title_wh {
	background-color: #fff;
	font-weight: bold;
	padding: 10px;
	box-sizing: border-box;
	font-size: 18px;
}




/*** left right ***/


.con2area .left ,
.con2area .right {
	width: 50%;
	box-sizing: border-box;
}
.con2area .left {
	padding-right: 20px;
}
.con2area .right {
	padding-left: 20px;
}



/*************************** TOP news ***************************/



.top_news_area {
	display: table;
	width: 100%;
}

.top_news_area .news_title {
	display: table-cell;
	padding: 3px 20px;
	width: 100px;
	text-align: center;
}
.top_news_area .news_text {
	display: table-cell;
	padding: 10px 100px 10px 10px;
	vertical-align: middle;
	position: relative;
	width: 100%;
}

.top_news_area .news_text .news_child {
	display: table;
}
.top_news_area .news_text .data {
	display: table-cell;
	vertical-align: middle;
}
.top_news_area .news_text .tag {
	display: table-cell;
	vertical-align: middle;
	color: #fff;
	padding: 0px 10px;
    min-width: 120px;
    text-align: center;
}
.top_news_area .news_text .tag .tag_bg {
	padding: 5px 15px;
	background-color: #1bb514;
	font-weight: bold;
}
.top_news_area .news_text .link {
	display: table-cell;
	vertical-align: middle;
}
.top_news_area .news_text .link a {
	text-decoration: none;
	color: #232323;
}
.top_news_area .news_text .link a:hover {
	text-decoration: underline;
	opacity: 1;
}



.top_news_area .btn_news {
	width: 95px;
	position: absolute;
	right: 0;
    bottom: 10px;
}
.btn_news a {
	padding: 7px 0px;
	color: #f59103;
	text-decoration: none;
	font-weight: bold;
}
.btn_news a:before {
	content: url("../images/btn_green.png");
	margin-right: 8px;
}

.btn_news a:hover {
	opacity: 1;
	color: #1bb514;
}


/*************************** TOP about ***************************/

#top_about {
	text-align: center;
	background: url("../images/gr_bg.jpg");
}
#top_about section {
	background-color: #fff;
}
#top_about .top_about .left_cont {
	float: left;
	width: 50%;
	background-color: #333;
	color: #fff;
	padding: 90px 30px;
	box-sizing: border-box;
}
#top_about .top_about .right_cont {
	background: url("../images/top_about_bg.jpg")no-repeat center;
	background-size: cover;
	width: 50%;
	float: right;
}
#top_about .top_about .title_area01 {
	text-align: left;
	color: #fff;
}
#top_about .top_about .title_area01 .sub {
	color: #fff;
font-family: 'Oswald', sans-serif;
}
#top_about .top_about p {
	text-align: left;
	margin-bottom: 30px;
}

#top_about .btn_defa {
	width: 100%;
}
#top_about .btn_defa a {
	background: rgba(0,0,0,0);
	border: none;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
#top_about .btn_defa a:hover {
	background: rgba(255,255,255,0.2);
	color: #fff;
}




/*************************** TOP business ***************************/

#top_business .title_area01 {
	background: url("../images/title_bg.png")repeat-x center;
}

#top_business .col4area li {
	text-align: center;
	padding: 30px 20px;
	box-sizing: border-box;
	border-top: solid 3px #f59103;
	box-shadow: 0px 4px 4px rgba(0,0,0,0.07);
	-webkit-box-shadow: 0px 4px 4px rgba(0,0,0,0.07);
	-moz-box-shadow: 0px 4px 4px rgba(0,0,0,0.07);
}

#top_business .col4area li .text01 {
	font-size: 18px;
	color: #333;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 10px;
}
#top_business .col4area li p {
	font-size: 16px;
	line-height: 25px;
	text-align: left;
}




/*************************** TOP top_member ***************************/

#top_member {
	background: url("../images/top_member_bg.jpg")center;
	background-size: cover;
}

#top_member .title_area01 .sub ,
#top_member .title_area01 .title {
	color: #fff;
font-family: 'Oswald', sans-serif;
}
#top_member p {
	text-align: center;
	color: #fff;
}
#top_member .btn_defa a {
	background: rgba(0,0,0,0);
	border: solid 2px #fff;
}
#top_member .btn_defa a:hover {
	background: #fff;
}





/*************************** TOP top_bunya ***************************/

#top_bunya {
	text-align: center;
	background: url("../images/gr_bg.jpg");
}


.table_gr {
	width: 100%;
}
.table_gr th {
	background-color: #1bb514;
	color: #fff;
}
.table_gr td {
	background-color: #fff;
	text-align: left;
}
.table_gr th ,
.table_gr td ,
.table_gr th:last-child {
	padding: 6px 10px;
	border: solid 2px #1bb514;
}
.table_gr th {
	border-right: solid 2px #fff;
}

.table_gr td.uriage{
text-align:right;
}
.table_gr td.ninzu{
text-align:center;
}
.table_gr td.zentai{
text-align:center;
}

.table_gr tr.non_toroku td{
background:#efefef;
}

.table_gr td.check{
text-align:center;
}
.table_gr td.num{
text-align:center;
}



#top_bunya .title01 .bg_wh {
background: url(../images/gr_bg.jpg);
}

#top_bunya .title01.title_area01 {
    background: url(../images/title_bg.png)repeat-x center;
}

#top_bunya .title01.title_area01 .sub {
    font-size: 40px;
}



/* recruit */

#top_member section:nth-child(2) .col2area .content_box {
	margin-right: 0;
	width: 50%;
}






.top_membertable-title.mBottom30{
margin-bottom:0px !important;
}
.top_membertable-title th.bunya{
width:30%;
}
.top_membertable-title th.company{
width:45%;
}
.top_membertable-title th.num{
width:25%;
}



/*.top_membertable-title th.uriage,
.top_membertable.table_gr td.uriage{
display:none;
}*/
.top_membertable.table_gr td.company a,
.top_membertable.table_gr td.ninzu a{
text-decoration:none;
pointer-events: none;
color:#000;
}


.top_membertable-title th.bunya,
.top_membertable td.bunya{
width:25%;
}

.top_membertable-title th.company,
.top_membertable td.company{
width:40%;
}

.top_membertable-title th.ninzu,
.top_membertable td.ninzu{
width:18%;
}

.top_membertable-title th.zentai,
.top_membertable td.zentai{
width:17%;
    border-right: solid 2px #1bb514;
}


.top_membertable tr:nth-child(n+11){
display:none;
}



table.mix-table th.bunya{
width:20%;
}
table.mix-table th.company{
width:35%;
}
table.mix-table th.ninzu{
width:15%;
}
table.mix-table th.zentai{
width:15%;
}
table.mix-table th.uriage{
width:15%;
}



/*************************** TOP col2btn ***************************/

.col2btn{
text-align:center;
}

.col2btn .btn_defa {
	display: inline-block;
	width: 48%;
}
.col2btn .btn_defa:first-child {
	margin-right: 4%;
}


.col2btn .btn_defa a{
	position:relative;
	padding: 35px 0px;
	font-size: 25px;
}
.col2btn .btn_defa a:before {
	content:"";
	background:url("../images/foot_btn_icon01.png")no-repeat;
	position:absolute;
	width:60px;
	height:60px;
	top:50%;
	margin-top:-30px;
	left: 20px;
}


.col2btn .btn_defa:last-child a:before {
	background:url("../images/foot_btn_icon02.png")no-repeat;
}


.col2btn .btn_defa a:hover:before {
	background:url("../images/foot_btn_icon01_on.png")no-repeat;
}


.col2btn .btn_defa:last-child a:hover:before {
	background:url("../images/foot_btn_icon02_on.png")no-repeat;
}



/*************************** TOP footer ***************************/


#footer {
	background: #313131;
	background-size: cover;
	padding: 30px 0px;
}
#footer .foot_area .left {
	color: #fff;
}
#footer .foot_area .left .tag {
	border: solid 1px #6B6B6B;
	width: 70px;
	text-align: center;
	margin: 20px 0px 10px 0px;
}
#footer .foot_area .left p {
	line-height: 23px;
	color: #e9e9e9;
	font-size: 14px;
}

#footer .foot_area .left {
	width: 38%;
}
#footer .foot_area .right {
	width: 60%;
	font-size: 0;
}

#footer .foot_area .right .foot_menu {
	display: inline-block;
	width: 50%;
	vertical-align: top;
}

#footer .foot_area .right .foot_menu li a {
	color: #d3d3d3;
	font-size: 14px;
	text-decoration: none;
	font-weight: bold;
}

#footer .foot_area .right .foot_menu li a:hover {
	color: #2462a2;
	opacity: 1;
}
#footer .foot_area .right .foot_menu li.menu01 a:before {
	content: "●";
	color: #2462a2;
	margin-right: 5px;
}
#footer .foot_area .right .foot_menu li.menu02 a {
	padding-left: 15px;
}
#footer .foot_area .right .foot_menu li.menu02 a:before {
	content: "─";
	color: #2462a2;
	margin-right: 5px;
}


.copy {
	background-color: #1b1b1b;
	color: #8b8b8b;
	text-align: center;
	font-size: 14px;
	padding: 10px 0px;
}









/*MIXUPテーブルの改修等*/

.check_area fieldset{
border:none;
padding-top:0;
padding-bottom:0;
}

.check_area .control:last-of-type {
    border-radius: 0;
    border: none;
    background: no-repeat;
}

.check_area .control[data-filter]:after, 
.check_area .control[data-toggle]:after {
    background: #fff;
}


.check_area .mixitup-control-active[data-toggle]:after {
    background: #000;
}


.check_area ul{
margin:0;
padding:0;
}
.check_area ul li{
margin:0;
padding:0;
list-style:none;
}


.check_wrapbox .bunyas{
width:72%;
float:left;
}
.check_wrapbox .bunyas .check_area ul li{
/*width:32%;*/
width:48%;
float:left;
margin-right:1%;
}



.check_wrapbox .nums{
width:25%;
float:right;
}



.check_wrapbox .title_dott{
margin-bottom:10px;
}

.mix-table td.company a,
.mix-table td.ninzu a{
color:#000;
}

.mix-table th.uriage span.small{
font-size:13px;
}



.news_pager{
padding:10px 0;
}

.news_pager .current_page{
    color: #fff;
    background: #f59103;
    width: 30px;
    height: 30px;
    display: inline-block;
    padding: 4px;
}

.news_pager .link_page{
    color: #000;
    border:1px solid #f59103;
    width: 30px;
    height: 30px;
    display: inline-block;
    padding: 4px;
text-decoration:none;
}

.news_pager .link_before{
margin-right:10px;
text-decoration:none;
}
.news_pager .link_before:before{
content:'< ';
}

.news_pager .link_next{
margin-left:10px;
text-decoration:none;
}
.news_pager .link_next:after{
content:' >';
}




.glam_wrap{
width:85%;
margin:0 auto 0 auto;
}


.glam_wrap .box{
background:#1BB514;
color:#fff;
font-size:22px;
text-align:center;
padding:30px 3%;
font-weight:bold;
border-radius:5px;
line-height:150%;
	box-shadow:0px 0px 6px 2px #eee;
	-moz-box-shadow:0px 0px 6px 2px #eee;
	-webkit-box-shadow:0px 0px 6px 2px #eee;
display: table;
min-height:160px;
}

.glam_wrap .box.box01{
width:46%;
float:left;
}
.glam_wrap .box.box02{
width:46%;
float:right;
}

.glam_wrap .box span{
    display: table-cell;
    vertical-align: middle;
}



.field_wrap ul{
float:left;
width:30%;
margin:0 5% 0 0;
padding:0;
}
.field_wrap ul li{
	margin: 0 0 15px 0;
    padding: 10px 10px;
    background: #fff;
    list-style: none;
    border-radius: 5px;
    border: 1px solid #ddd;
}

.field_wrap ul:last-child{
margin:0 0 0 0;
}

.flow_wrap .left_block{
width:40%;
float:left;
}


.flow_wrap .right_block{
width:55%;
float:right;
}
.flow_wrap .right_block .box{
float:left;
width:48%;
margin-right:4%;
margin-bottom:30px;
}
.flow_wrap .right_block .box:nth-child(2n){
margin-right:0%;
}

.flow_wrap .right_block .box .photo{
margin-bottom:10px;
}
.flow_wrap .right_block .box h4{
   color: #1BB514;
font-size: 18px;
    font-weight: bold;
}





.sc_img01{
text-align:center;
margin-bottom:20px;
}



.sc_wraps{
}


.sc_block{
border:1px solid #ccc;
border-radius:5px;
margin-bottom:30px;
width:48%;
margin-right:4%;
float:left;
}
.sc_block:nth-child(2n){
margin-right:0%;
}

.sc_block p{
padding:0 20px 20px 20px;
    font-size: 14px;
}

.sc_block .title{
color:#fff;
background:#44AF35;
padding:10px 20px;
margin-bottom:20px;
}
.sc_block h3{
font-size: 25px;
color: #ff0;
}
.sc_block h4{
font-size: 17px;
display:inline-block;
}


#top_business02.top_sc{
    background: url(../images/gr_bg.jpg);
}

#top_business02.top_sc .bg_wh {
    background-color:#F8F8F8
}
#top_business02.top_sc .img{
margin-bottom:30px;
}

#top_business02.top_sc .img{
margin-bottom:30px;
}
#top_business02.top_sc .text{
width:90%;
margin:0 auto;
}


#top_business02.top_sc .left{
width:48%;
float:left;
}
#top_business02.top_sc .right{
width:48%;
float:right;
}


#top_business02.top_sc .title_area01 .sub {
    font-size: 40px;
}


#top_business02 .title_area01 {
	background: url("../images/title_bg.png")repeat-x center;
}






/******************************************************************************************/

/* for TB & SP CSS   */

/******************************************************************************************/



/******************/
/* for Tablet    */
/* 600px-999px    */
/******************/
@media only screen and (max-width: 999px) {

	
	/* 共通 */
	
	#main.page h1 {
    	font-size: 40px;
	}
	
	
	/*************************** TOP top_btn ***************************/

	.col2btn .btn_bord {
		width: 49%;
	}
	.col2btn .btn_bord:first-child {
		margin-right: 2%;
	}
	
	
	/* TOP news */

	#top_news {
		background: linear-gradient(to bottom, #e9e9e9 50%, #fff 50%);
	}
	#top_news section {
		width: 100%;
		background: #fff;
	}
	.top_news_area .news_title ,
	.top_news_area .news_text {
    	display: block;
		width: 94%;
		margin: 0 auto;
	}
	.top_news_area .news_text {
		padding: 10px 0px;
	}
	.top_news_area .btn_news {
		width: 100%;
		position: initial;
		text-align: right;
		margin-top: 0px;
	}
	.top_news_area .news_title {
		width: 100%;
		margin-bottom: 5px;
	}
	
	.top_news_area .news_text .link {
		display: block;
		margin-top: 10px;
	}
	.top_news_area .news_text .tag {
		width: 125px;
		text-align: left;
	}
	
	
	
	/*************************** TOP top_business ***************************/

	#top_business .col4area li {
    	padding: 20px;
	}
	
	#top_business .col4area li p {
		font-size: 14px;
		line-height: 23px;
	}
	#top_business .col4area li {
		width: 49%;
		margin-right: 2%;
		margin-bottom: 30px;
	}
	#top_business .col4area li:nth-child(2n) {
		margin-right: 0;
	}
	
	
	
	/*************************** TOP col2btn ***************************/
	
	.col2btn .btn_defa a {
    	font-size: 20px;
	}
	.col2btn .btn_defa a:before {
		width: 40px;
		height: 40px;
		background-size: cover !important;
		margin-top: -20px;
	}
	
	


}





/******************/
/* for SP-TB      */
/* 320px-599px    */
/* only Header    */
/******************/
@media only screen and (max-width: 599px) {


	/*************************** TOP top_main ***************************/
	
	#top_main {
		min-height: auto;
		padding:0 0 30px 0
	}
	
	#top_main .main_img {
		padding: 90px 0px 30px 0px;
		    width: 80%;
		    margin: 0 auto;
	}


.top_btn .btn_area {
    margin-bottom: 15px;
    width: 80%;
}

#top_business .col4area li .text01 {
    font-size: 16px;
}
#top_member p{
text-align:left;
}













	
	/*************************** TOP 共通 ***************************/
	
	
	.col4area li {
		width: 49%;
		margin-right: 2%;
		margin-bottom: 30px;
	}
	.col4area li:nth-child(2n) {
		margin-right: 0;
	}
	
	.col2area .content_box {
		width: 100%;
	}
	
	.title_blue {
    	font-size: 20px;
	}
	
	
	/*************************** TOP top_btn ***************************/

	.col2btn .btn_bord {
		width: 100%;
	}
	.col2btn .btn_bord:first-child {
		margin-right: 0%;
		margin-bottom: 2%;
	}
	
	
	
	/*************************** TOP top_about ***************************/
	
	#top_about .top_about .left_cont {
		width: 100%;
		padding: 40px 20px;
	}
	#top_about .top_about .right_cont {
		background: url(../images/top_about_bg_sp.jpg)no-repeat center;
		background-size: cover;
		width: 100%;
		height: 120px;
	}
	
	
	
	/*************************** TOP col2btn ***************************/
	
	.col2btn .btn_defa {
		width: 100%;
		margin-bottom: 15px;
	}
	
	
	/*************************** TOP footer ***************************/
	
	#footer .foot_area .left , #footer .foot_area .right {
		float: none;
		width: 100%;
	}
	#footer .foot_area .left {
		margin-bottom: 20px;
	}
	
	#footer .foot_area .left .foot_logo {
		text-align: center;
	}
	
	#footer .foot_area .right .foot_menu {
		width: 100%;
	}



#top_business02.top_sc .left {
    width: 100%;
    float: none;
margin-bottom:30px;
}
#top_business02.top_sc .right {
    width: 100%;
    float: none;
}
#top_business02.top_sc .btn_defa {
    width: 90%;
}





.check_wrapbox .nums,
.check_wrapbox .bunyas {
    width: 100%;
    float: none;
}

.check_area .control:last-of-type {
    font-size: 11px;
}


.check_wrapbox .nums .uriage,
.check_wrapbox .nums .ninzu{
float:left;
width:50%;
}


.mix-table th.uriage span.small{
display:block;
}


.mix-table {
    font-size: 13px;
}


.check_area fieldset {
    padding: 0;
}




.sc_block{
width:100%;
float:none;
margin-right: 0%;
}

.field_wrap{
margin-bottom:50px;
}

.field_wrap ul {
    float: none;
    width: 100%;
    margin: 0 5% 0 0;
    padding: 0;
}

.flow_wrap .left_block {
    width: 70%;
    float: none;
    text-align: center;
    margin: 0 auto 50px auto;
}

.flow_wrap .right_block {
    width: 100%;
    float: none;
}

.glam_wrap {
    width: 100%;
}

.glam_wrap .box.box01,
.glam_wrap .box.box02 {
    width: 100%;
    float: none;
    margin-bottom: 20px;
}
	

	
	

}