@charset "utf-8";
/* CSS Document */

/* ===================================================================

	浼佷笟淇℃伅

=================================================================== */
/****************************** COMMON ******************************/
.products #contents #contentsMain .anchorList .col3Block{}
.products #contents #contentsMain .anchorList .col3Block .col{
	width:278px !important;
}

/****************************** PROCUCTS ******************************/

/*
.products #contents #contentsMain .productsTable{padding:3px 0;}
.products #contents #contentsMain .pht_range,
.products #contents #contentsMain .pht_dimension{
	margin: 0 auto 15px;
	text-align: center;
}
*/

.child.wide.news #contents #contentsInner {
    width: 1200px;
    margin: 0 auto;
    padding: 52px 0 0 0;
}
#contents #contentsMain {
    width: 880px;
    float: left;
}

/* 171121_NEWS 銉曘偅銉偪銉兂銈
-------------------------------------------------- */
#contents ul.filter{
	display: table;
	width: 100%;
	margin-bottom: 30px;
}
#contents ul.filter li{
	display: table-cell;
	vertical-align: middle;
	width: 16.6666666667%;
	text-align: center;
}
#contents ul.filter li a{
	padding-bottom:6px;
	min-height: 50px;
	box-sizing: border-box;
	border-top:5px solid #fff;
	border-bottom: 1px solid #eeeeee;
	text-decoration: none;
	color: #111111;
	font-size: 110%;
	display: block;
}
#contents ul.filter li a span{
	display:inline-block;
	line-height: 50px;
	width:100%;
	border-right:1px solid #eeeeee;
}
#contents ul.filter li:last-child a span{
	border-right:0px;
}
#contents ul.filter li a.active{
	border-bottom: 1px solid #ffffff;
	border-right:1px solid #eeeeee;
	border-left:1px solid #eeeeee;
}
#contents ul.filter li:nth-child(1) a.active,
#contents ul.filter li:nth-child(1) a:hover{
	border-top:5px solid #00a7ac;
}
#contents ul.filter li:nth-child(2) a.active,
#contents ul.filter li:nth-child(2) a:hover{
	border-top:5px solid #00b9e0;
}
#contents ul.filter li:nth-child(3) a.active,
#contents ul.filter li:nth-child(3) a:hover{
	border-top:5px solid #f0ad38;
}
#contents ul.filter li:nth-child(4) a.active,
#contents ul.filter li:nth-child(4) a:hover{
	border-top:5px solid #e6567a;
}
#contents ul.filter li:nth-child(5) a.active,
#contents ul.filter li:nth-child(5) a:hover{
	border-top:5px solid #43cd88;
}
#contents .boxes dl{
	padding: 12px 0 16px;
	margin: 0;
}
#contents .boxes dl dt{
	/*width: 260px;*/ /* 0614 inoue edit */
}
#contents .boxes dl dt::after{
	font-size:90%;
	margin-left:12px;
	padding:4px 0 3px;
	width:9em;
	text-align:center;
	display:inline-block;
}
#contents .encustom .boxes dl dt{
	padding-top: 5px;
	position: relative;
}
#contents .encustom .boxes dl dt::after{
	margin-left:0;
	/*width:9em;*/
	position: absolute;
	right: 0;
	top: 0;
}
#contents .boxes dl.ico_management dt::after{
	content:"绲屽柖";
	color: #00b9e0;
	border: 2px solid #00b9e0;
}
#contents .boxes dl.ico_products dt::after{
	content:"鏂拌＝鍝?;
	color: #f0ad38;
	border: 2px solid #f0ad38;
}
#contents .boxes dl.ico_event dt::after{
	content:"銈ゃ儥銉炽儓/灞曠ず浼?;
	color: #e6567a;
	border: 2px solid #e6567a;
}
#contents .boxes dl.ico_other dt::after{
	content:"銇濄伄浠?;
	color: #43cd88;
	border: 2px solid #43cd88;
}
#contents #contentsMain .boxes dl dd {
	/*width: 560px;*/ /* 0614 inoue edit */
	padding-top: 5px;
}
#contents #contentsMain .noarticle::after {
	padding-top: 12px;
	margin-bottom: 40px;
	content: "瑭插綋銇欍倠瑷樹簨銇屻亗銈娿伨銇涖倱";
}


#contents .encustom .boxes dl.ico_management dt::after{
	content:"Management";
}
#contents .encustom .boxes dl.ico_products dt::after{
	content:"New products";
}
#contents .encustom .boxes dl.ico_event dt::after{
	content:"Event/exhibition";
}
#contents .encustom .boxes dl.ico_other dt::after{
	content:"Others";
}
#contents .encustom .boxes dl dt{
	/*width: 280px;*/ /*0614 inoue edit*/
}
#contents .encustom #contentsMain .boxes dl dd {
	/*width: 530px;*/ /* 0614 inoue edit */
	padding-top: 5px;
}
#contents .encustom #contentsMain .noarticle::after {
	content: "No articles are available.";
}

/* recruit */
/*.news .newsList dl > dt {
    float: left;
    width: 100px;
    margin-right: 20px !important;
}
.news .newsList dl {
    padding: 20px !important;
    border-bottom: 1px solid #e6e6e6;
}*/
.columnpanel {
   	display: flex;
	width: 1200px;
    margin: 52px auto 0;
}
#contents #contentsInner2 {
    width: 880px;
    margin: 0 40px auto 0;
    padding: 0 0 60px;
}
#contents .link4Block .linkBox {
    width: 285px;
    float: left;
    margin: 0 0 20px 12px;
}
#contents ul li {
    list-style-type: none;
    background-image: url(../../shared/images/blank.png);
}

/* 181030_addOTANI */
#contents .recruit .anchorList{
	margin-bottom: 30px;
}
#contents .recruit h3{
	color: #00a7ac;
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 15px;
	padding-left: 28px;
	background: url(../../company/recruit/images/ico_recruit.png) left center no-repeat;
	background-size: 20px;
}

#contents .recruit .recruitTable{
	margin-bottom: 40px;
}
#contents .recruit .recruitTable td ul li{
	padding-left: 1em;
	text-indent: -1em;
	margin-bottom: 6px;
}
#contents .recruit .recruitTable td ul li:last-child{
	margin-bottom: 0;
}




/* group */

.inboxOtherW {
    background: url(../../shared/images/ic_other.png) no-repeat 219px 19px;
}

/* ========================================================================

	浼佷笟淇℃伅_SP

======================================================================== */

@media screen and (max-width: 767px){

/****************************** SP COMMON ******************************/
.products #contents #contentsMain .anchorList{
	padding: 10px;
}
.products #contents #contentsMain .anchorList .col3Block .col{
	width:100% !important;
	float: none;
	margin: 0 0 5px 0 !important;
}
.products #contents #contentsMain .anchorList .col3Block .col:last-child{
	margin: 0 !important;
}
.products #contents #contentsMain .anchorList .col3Block .col a{
	font-size: 92%;
	height: 50px;
}

/* recruit */
.news .newsList dl > dt {
    margin: 0 0 3px 0 !important;
    font-size: 90%;
	float: none !important;
}
.news .newsList dl > dd {
    width: 100%;
}
.child #contents {
    display: flex;
    flex-direction: column;
}
#contents, #contents #contentsInner {
    width: 100%;
    min-width: inherit;
}
#contents #contentsMain, #contents #localNavi {
    width: auto;
    float: none;
}
#contents #localNavi .topLevelCategory a {
    display: block;
    padding: 25px 15px 19px 30px;
    width: auto;
    color: #fff;
    text-decoration: none;
    background: #333f48;
    position: relative;
}
#localNavi .topLevelCategory {
    display: block;
    font-size: 120% !important;
    border-bottom: none;
    font-weight: bold;
    margin-bottom: 0;
}
#localNavi .topLevelCategory a {
    display: block;
    width: 100%;
    color: #fff;
}
#contents .link4Block .linkBox:nth-child(odd) {
    margin: 0 12px;
}
#contents .link4Block .linkBox {
    margin: 20px 12px;
	width: -webkit-fill-available;
}
#contents .link4Block .linkBox .linkText > span {
    font-size: 124%;
    font-weight: bold;
    padding: 12px;
}


/* 181030_addOTANI */
#contents .recruit .anchorList{
	margin-bottom: 30px;
}
#contents .recruit .anchorList .col4Block .col{
	width: 100% !important;
	margin: 0 auto 5px !important;
}
#contents .recruit .anchorList .col4Block .col:last-child{
	margin: 0 auto 10px !important;
}
#contents .recruit .anchorList .col4Block .col a{
	height: 50px;
	font-size: 92%;
}
#contents .recruit h3{
	font-size: 18px;
	margin-bottom: 10px;
	padding-left: 25px;
	background: url(../../company/recruit/images/ico_recruit.png) left center no-repeat;
	background-size: 20px;
}
#contents .recruit .recruitTable{
	margin-bottom: 30px;
}







/* group */

.inboxOtherW {
    background: url(../../shared/images/ic_other.png) no-repeat 290px 10px;
}
#contents .categorySection .sectionInner .link4Block .linkText span {
    width: auto;
    text-indent: 21px;
	text-align:left;
}

#contents .categorySection .sectionInner .link4Block .linkText {
    font-size: 90%;
}

/****************************** SP company ******************************/

/*.products #contents #contentsMain .pht_range{width: 75%;}

.products #contents #contentsMain #catalogBox{text-align: center;}
.products #contents #contentsMain #catalogBox .pht_catalog{
	width: 30% !important;
	margin: 0 auto 5px !important;
}
.products #contents #contentsMain #catalogBox .textBtn{margin: 0 auto;}*/

}


/*180621杩藉姞*/


.ebox_a,
.ebox_b,
.ebox_c{ font-size:0.9em !important;}


@media screen and (min-width: 768px){
.history_pic,
.history_btn{float:left;}
.history_btn{margin-left:30px !important;}
.ebox{width:50%; float:left; margin-bottom:30px !important;}
.ebox2{float:left; margin-bottom:30px !important;}
.clearfix .ebox div:nth-child(even){
	margin-left:10px !important;
}
.ebox_a{width:200px; height:200px; float:left; text-align:center;}
.ebox_b{width:200px; height:200px; float:left; margin-left:10px !important; text-align:center;}
.ebox_c{width:200px; height:270px; float:left; margin-right:10px !important; text-align:center;}

}




@media screen and (max-width: 767px){
.ebox,ebox2{width:100%;}
.history_pic,
.ebox_a,
.ebox_b,
.ebox_c{ margin:0 auto 30px auto !important; width:95%; text-align:center;}

.contentsBlock .history_btn .textBtn{margin:30px auto !important;}


.history_pic,
.ebox_a,
.ebox_b img,
.ebox_c img{max-width:70% !important;}

}

/*190626杩藉姞*/

.gov_ul {
	margin-left:10px !important;
}
.gov_ul_li {
	list-style:none !important;
}

@media screen and (max-width: 767px){
.gov_ul {
    margin-left: 0 !important;
}
#contents ol.normalList {
    margin-left: 18px;
}
}