@charset "utf-8";
/* company
-----------------------------*/
/*.ml170 {margin-left: 170px;}
.mlr35 {margin-left: 15px; margin-right: 15px;}
.mlr35 {margin-left: 35px; margin-right: 35px;}
.mlr45 {margin-left: 45px; margin-right: 45px;}
.mlr55 {margin-left: 55px; margin-right: 55px;}
.mlr60 {margin-left: 60px; margin-right: 60px;}
.mlr70 {margin-left: 70px; margin-right: 70px;}
.mr110 {margin-right: 110px;}
.mr90 {margin-right: 90px;}
*/
body{
	padding-top: 50px;
}
.pan_nav{
padding-top: 84px;
}
.pan_nav {
	display:inline-block;
	color: #333;
	font-size: 12px;
}
.pan_nav a{
	color: #c1c1c1;
}
.com_wrapper{
	width:860px;
	margin:0 auto;
	padding-bottom: 30px;
}
.infod_con {
	padding:0 10px 4px 0;
	border-bottom:1px dotted #aaa;
	margin-bottom:0px;
}
.com_h2 {
	padding:0 10px 4px 0;
	border-bottom:1px solid #aaa;
	margin-bottom:0px;
	font-size:240%;
	letter-spacing: 4px;
}

.infod2_con {
	padding:0 10px 0px 10px;

	border-bottom:2px solid #aaa;
	margin-bottom:0px;
}

.map {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
}


/* メニュー
-----------------------------*/


.company .menu .menu {
width:934px;
height:124px;
padding:10px 0px 0 14px;
text-align:center;
}

.company .menu .ul {
height:124px;
}


.company .menu .menu li {
width:136px;
float:left;
margin:8px;
text-align:left;
display:inline;

}
.company .menu .menu li a {
  width:auto;
  font-size:12px;
  font-weight:bold;
  padding:10px 0;
  display:block;
}

.company .menu .menu li a:hover {
}

/* 採用情報込みメニュー
-----------------------------*/

.company1 {
height:124px;
padding-top:20px;
position:relative;
}
.company1 .menu .menu {
height:124px;
float:left;
}
.company1 .menu .menu li {
width:132px;
float:left;
margin-right:8px;
margin-bottom:10px;
text-align:left;
display:inline;
}
.company1 .menu_r {
position:absolute;
right:0;
border:1px solid #ccc;
}
.company1 .menu .menu li a {
  width:auto;
  font-size:12px;
  font-weight:bold;
  padding:10px 0 11px 0;
  display:block;
}


/* TOPメニュー　採用情報込みメニュー　カラー
-----------------------------*/
/*TOPメニュー外枠*/
.company .menu .menu {
border: 1px #ccc solid;
}
.company .menu .menu li,.company1 .menu .menu li {
border: 1px #ccc solid;
}
.company .menu .menu li a,.company1 .menu .menu li a {
  color:#666;
  background:#fff;
}
.company .menu .menu li a:hover,.company1 .menu .menu li a:hover {
  background:#efefef;
}
.company .menu .menu li.now a {
  background:#efefef;
}
.company1 .menu .menu li.now a {
  background:#efefef;
}




/* 採用情報
-----------------------------*/
#company_info{
padding:10px 0 0 0;
}
#company_info .company_info_inn{
width:950px;
margin:0 auto;
}
#company_info .company_info_inn .box_l{
width:775px;
float: left;
padding: 14px 0 10px 0;
overflow: hidden;
}
#company_info .company_info_inn .com_info_tit{
border-bottom:1px solid #ccc;
padding-bottom:3px;
}
#company_info .company_info_inn .box_r{
width:160px;
float: right;
margin-left:10px;
border: 1px solid #ccc;
}
#company_info .company_info_inn .box_r img{
width:100%;
}


/* ---お知らせ--- */
#company_info ul.ruled {
	list-style: none outside none;
	margin-top: 10px;
}
#company_info .ruled li {
	border-bottom: 1px solid #dbdbea;
	color:#000;
    padding: 10px 6px;
}
#company_info .listdate {
	padding:0 10px 0 4px;
}

/* ---お知らせ 読み込み--- */

#company_info dl{
	clear:both;
	margin-top: -1px;
	border-bottom: 1px solid #dbdbea;
}
#company_info dt{
	background: url("../images/red_sn_icn.png") no-repeat 5px 15px;
	color:#000;
    padding: 12px 6px 12px 5px;
    float: left;
}
#company_info dd{
	color:#000;
    padding: 12px 0px 12px 0px;
    float: left;
				width:685px;
}
.more{
	display: none;
}

/* greeting
-----------------------------*/
.gree_box {
width:760px;
margin:0 auto;
padding-bottom: 30px;
}



/* vision
-----------------------------*/
.vision_txt {
line-height:2.0;
font-size:130%;
}

ul.vision_list {
width:740px;
margin:0 auto;
}

ul.vision_list li {
background: url(../images/visionlist.png) no-repeat 0 0;
font-size:130%;
padding:0 0 30px 42px;
line-height:1.8;
}

.subcon {
	overflow: hidden;
}

ul.sumai_list {
padding:0;
}
ul.sumai_list li {
font-size:100%;
padding:0 0 30px 0;
line-height:1.8;
float:left;
text-align:left;
width:277px;
}
ul.sumai_list li img {
margin-bottom:10px;
}
.w860 img {
max-width:860px;
}



/* product
-----------------------------*/
.product_top{
background: url(../images/business_top.jpg) no-repeat;
margin-top:20px;
padding-bottom: 30px;
}
.product_top_inn{
padding: 250px 0 10px 24px;
width: 820px;
}
.product_top p{
color:#4d4d4d;
line-height:1.8;
}
.product{
padding:0 0 20px 0;
}
.product table th{
vertical-align:top;
font-size:110%;
color:#4d4d4d;
}
.product table td{
font-size:110%;
vertical-align:top;
color:#4d4d4d;
}

/* privacy
-----------------------------*/
.pri_table{
width:800px;
margin:0 auto;
}

table.company_tbl {
    width: 100%;
}
table.company_tbl th {
    background: none repeat scroll 0 0 #f3f3f3;
    width: 176px;
				padding-right:10px;
				border:1px solid #ddd;
				text-align:left;
}
table.company_tbl td {
    border:1px solid #ddd;
}
table.company_tbl th, table.company_tbl td {
    padding: 10px;
}
table.company_tbl td li {
    padding: 0 0 10px 0;
}
/* about
-----------------------------*/
.company_about{
margin:0 auto 40px auto;
}
/* history
-----------------------------*/
.history_about{
margin:0 auto 40px auto;
}
.history_about table.company_tbl th {
    width: 76px;
}
.history_about table.company_tbl th.month {
    width: 36px;
}
/* recruit
-----------------------------*/
#rec_eye{
   background: url(../images/rec_main.png) no-repeat center 0 #6BB6E0;
			width:100%;
}
.rec_eye_inn{
			height:317px;
			text-indent:-9999px;
}
.rec_main{
			width:870px;
			margin:0 auto;
}
.rec_left{
			width:567px;
			float:left;
}
.rec_left ul li{
			width:250px;
			float:left;
			background: url(../images/menuicon.png) no-repeat 0 9px;
			padding:8px 0 8px 10px;
			border-bottom:1px dotted #ccc;
}
.rec_right{
			width:263px;
			float: right;
}
.rec_right ul li{
			width:250px;
			background: url(../images/menuicon.png) no-repeat 0 9px;
			padding:8px 0 8px 10px;
			border-bottom:1px dotted #ccc;
}
.rec_list{
			padding:0 0 18px 0;
			overflow:hidden;
}
.rec_list ul{
			padding:18px 0 0 0;
}
/*0327追加*/
#rec_gallery {
				padding-bottom:15px;
				}
				#rec_gallery .rec_movie img {
				width: 100%;
				height:auto;
				}
			#rec_gallery .rec_movie .cmbox {
				margin: 0% auto;
				padding: 0% 0% 0% 0%;
				width: 100%;
				display: table;
				table-layout: fixed;
				border-collapse: serarate;
				border-spacing: 15px 10px;
				}
			#rec_gallery .rec_movie .cmboxcl {
				margin: 0% 0.5em 2%;
				padding: 15px;
				display: inline-block;
				list-style: none;
				vertical-align: top;
				border: solid 1px #ccc;
				width: 40%;
				}
			#rec_gallery .rec_movie .radius_a {
				-moz-border-radius: 6px;
				-webkit-border-radius: 6px;
				border-radius: 6px;
				}
#rec_gallery .rec_movie a {
				text-decoration: none;
				}
#rec_gallery .rec_movie .hd {
				clear: both;
				margin: 5px 0 15px 0;
				padding: 7px 0;
				width: 100%;
				color: #888;
				line-height: 140%;
				font-size: 1.2em;
				font-weight: bold;
				text-align: center;
				border: solid 1px #aaa;
				}
#rec_gallery .rec_movie .movie {
				margin: 0 auto;
				padding: 0;
				background-color: #ccc;
				}
	#rec_gallery .rec_movie .comment {
				height: auto;
				padding: 10px 0 0 0;
				}
.movie_inline video{
	width:100%
	}
.sp{
	display:none;}
@media only screen and (max-width: 767px) {
.sp{
	display:block;}
.pc{
	display:none;}

	.movie_inline video{
	max-width:100%
	}
.movie_inline{
	max-width:96%
	}
/**/
}
/**/

/* access
-----------------------------*/
#map {
    height: 600px;
    margin-bottom: 15px;
    width: 100%;
}

/*201809*/
ol.ablist li{
    list-style: decimal outside;
    margin-left: 26px;
}
ul.ablist_d li{
    list-style: disc outside;
    margin-left: 20px;
}
.prilist{
	background: #eee;
	padding: 10px;
}


/*-------------------------sp-------------------------------*/
@media screen and (max-width: 768px) {
body{
width: 100%!important;
}
.pan_nav{
padding-top: 14px;
padding-left: 0.6em;
}
#h_area h1 {
    width: 100%;
    margin: 0 auto;
    position: relative;
    font-size: 84.6%;
    padding: 2px 0 10px 0;
}
.wrapper {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.pan_nav {
    width: 100%;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;

}
.flt_lft {
    float: none;
}
.flt_rgt {
    float: none;
}
.pagetop{
display: none!important;
}
.company_top_area img{

}

.company .menu .menu,
.company1 .menu .menu{

    width: 100%;
    height: auto;
    padding: 10px 0px 10px 0px;
    text-align: center;
	display: inline-block;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;

}
.company .menu .menu li
,.company1 .menu .menu li{

    width: 100%;
    float: none;
    margin: 1% 2%;
    text-align: left;
    display: block;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;

}
.company1 {
    height: auto;
    padding-top: 20px;
    position: relative;
}
.company1 .menu .menu {
    height: auto;
    float: none;
}
.menu .menu {
border: 1px #ccc solid;
}
.menu .menu li {
border: 1px #ccc solid;
-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.menu .menu li:nth-child(odd){
	float: left;
	width: 46%;
}

.menu .menu li:nth-child(even){
	float: right;
	width: 46%;
}
.company1 .menu_r {
    position: relative;
    right: 0;
    border: 1px solid #ccc;
}
/*top*/
#company_info .company_info_inn {
    width: 100%;
    margin: 0 auto;
	padding: 0 1em;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

#company_info .company_info_inn .box_l {
    width: 100%;
    float: none;
    padding: 14px 0 10px 0;
    overflow: hidden;
}
#company_info .company_info_inn .box_r,
.box_r{

    width: 100%;
    float: none;
    margin-left: 0px;
    border: 1px solid #ccc;


}
#company_info .company_info_inn .box_r img,
.box_r img{

    width: 100%;

}

/*access*/
.com_wrapper {

    width: 100%;
    margin: 1em auto 0;
    padding-bottom: 30px;
	padding: 0 1em;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;

}
.w585 {
    width: auto;
}

/*greeting*/
.gree_box {
    width: 100%;
    margin: 0 auto;
    padding-bottom: 30px;
}
.gree_box img {
    width: 100%;
}

/*ptivacy*/
.prilist {
    background: #eee;
    padding: 10px;
	margin-top: 1em;
}
.prilist span {
	display: block;
}
/*product*/
.product_top_inn {

    padding: 250px 20px 10px 20px;
    width: 100%;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;

}
.product table th {
    vertical-align: top;
    font-size: 110%;
    color: #4d4d4d;
	display: block;
	width: 100%;
	text-align: center;
	padding-bottom: 1em;
}
.product table td {

    font-size: 110%;
    vertical-align: top;
    color: #4d4d4d;
	display: block;
	width: 100%;

}
.product table img {
	text-align: center;
}

/*recruit*/
#rec_gallery{
width: 100%;
    margin: 1em auto 0;
    padding-bottom: 30px;
	padding: 0 1em;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
#rec_gallery .rec_movie .cmboxcl {
    margin: 0% 0em 5%;
    padding: 15px;
    display: inline-block;
    list-style: none;
    vertical-align: top;
    border: solid 1px #ccc;
    width: 100%;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}


/*about*/
.company_about table.company_tbl th,
.company_about table.company_tbl td{
display: block;
width: 100%;
-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.company_about table.company_tbl{
border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
border-top: 0;
-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
	margin: 5% 0;
}
.company_about table.company_tbl th{
border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-left: 0px solid #ddd;
	border-right: 0px solid #ddd;
}
.company_about table.company_tbl td{
border: 0px solid #ddd;
}
.company_about table.company_tbl.sp_flat tr{
border: 1px solid #ddd;
}
.company_about table.company_tbl.sp_flat th{
display: table-cell;
width: 40%;
border-top: 0px solid #ddd;
	border-bottom: 0px solid #ddd;
	border-left: 0px solid #ddd;
	border-right: 1px solid #ddd;
}
.company_about table.company_tbl.sp_flat td{
display:table-cell;
border: 0px solid #ddd;
}

/*product*/
.product table {
	border: 0;
}
.product table th {
	border: 0;
}
.product table td {
	border: 0;
}

/*vision*/
ul.vision_list {
    width: 100%;
    margin: 0 auto;
}
ul.vision_list li {
    background: url(../images/visionlist.png) no-repeat 0 0;
    font-size: 130%;
    padding: 0 0 30px 42px;
    line-height: 1.8;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
	width: 100%;
}
.w860 img {
    max-width: 100%;
}
ul.sumai_list {
    text-align: center;
    width: 100%;
}
ul.sumai_list li {
    font-size: 100%;
    padding: 0 0 30px 0;
    line-height: 1.8;
    float: none;
    text-align: center;
    width: 100%;
	margin-right: 0;
	margin-left:0;
}
ul.sumai_list li p {

    text-align: left;

}
#company_info dd{
	color:#000;
    padding: 0px 0px 12px 0px;
    float: left;
				width:100%;
}
}/**/


#footer_info .footer_info_inn dl.fi_menu_l dd ul li {
	line-height: 1.2;
}
#infoblock_news a {
	color: #000;
}

#infoblock_news span {
	width: 60px;
	margin-right: 10px;
	padding-top: 2px;
	border: solid 1px #000;
	text-align: center;
	font-weight: bold;
	display: inline-block;
	font-size: 0.8em;
	vertical-align: bottom;
	border-radius: 4px;
}
#infoblock_news span.topics {
	border-color: #0066CC;
	color: #0066CC;
}
#infoblock_news span.campaign {
	border-color: #D90000;
	color: #D90000;
}
#infoblock_news span.service {
	border-color: #009966;
	color: #009966;
}
#infoblock_news span.corporate {
	border-color: #CC9933;
	color: #CC9933;
}
#infoblock_news span.media {
	border-color: #FF00FF;
	color: #FF00FF;
}