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

/*-------------------------------------------------------------------------------------
    society/quality.shtml
-------------------------------------------------------------------------------------*/
@media print, screen and (min-width: 768px){
    .quality .photoWrap{
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
    }
    .quality .photoWrap > * {
        width: auto !important;
    }
    .quality .photoWrap .image-set p.img_cap{
        display: block !important;
        background: #eee;
    }
    .quality .photoWrap .image-set{
        display: block;
        margin-right: 10px;
    }
}
@media only screen and (max-width: 767px){
    .quality .photoWrap{
        border: 1px solid #f00;
    }
    .quality .photoWrap .image-set{
        border: 1px solid #0f0;
    }
    .quality .photoWrap .image-set img{
        width: auto;
        border: 3px dashed #369;

    }
    .quality .photoWrap .image-set p.img_cap{
        width: 100%;
    }
}

/*-------------------------------------------------------------------------------------
    society/logistics_safety.shtml
-------------------------------------------------------------------------------------*/
@media only screen and (max-width: 767px){
    .society.logistics_safety .table-layout table.table_inner{width: 800px;}
    .society.logistics_safety .table-layout[data-layout-sp="scroll"] td{white-space: normal;}
}

/*-------------------------------------------------------------------------------------
    society/labor_environment.shtml
-------------------------------------------------------------------------------------*/
.labor_environment .table_inner tr td{
	text-align: right;
	vertical-align: middle;
}
.labor_environment .table_inner tr td:first-of-type{text-align: left;}
.labor_environment .img-C {
	width: 542px;
    margin: 0 auto;
}
@media only screen and (max-width: 767px) {
    .img-C {
		width: 100%!important;
	}

}

/*-------------------------------------------------------------------------------------
    society/workstyle_innovation.shtml
-------------------------------------------------------------------------------------*/
.workstyle-innovation .table_inner tr td{
	text-align: right;
	vertical-align: middle;
}
.workstyle-innovation .table_inner tr td:first-of-type,
.workstyle-innovation .table_inner tr:nth-of-type(odd) td:nth-of-type(2){text-align: left;}

.workstyle-innovation .table_inner#wiTable03 tr td{
    text-align: left;
}
@media only screen and (max-width: 767px) {
    .workstyle-innovation .lineBox .column-layout.col-4-1 .column_item img{
        width: 65%;
    }

}

/*-------------------------------------------------------------------------------------
    society/human_resources.shtml
-------------------------------------------------------------------------------------*/
.human-resources .frame-layout ul.mt30 li{
    margin-top: .5em;
}
.human-resources .table_inner tr td{
	text-align: right;
	vertical-align: middle;
}
.human-resources .table_inner tr td:first-of-type{text-align: left;}
.human-resources .table_inner#humanResourcesTable02 tr td:last-of-type{text-align: left;}
.human-resources .img-C {
	width: 542px;
	margin: 0 auto;
}
@media only screen and (max-width: 767px) {
	.human-resources .table_inner#humanResourcesTable02{
		width: 800px;
	}
    .human-resources .table_inner#humanResourcesTable02 th,
	.human-resources .table_inner#humanResourcesTable02 td{
        white-space: normal;
    }

}

/*-------------------------------------------------------------------------------------
    society/diversity.shtml
-------------------------------------------------------------------------------------*/
.diversity .table_inner tr td{
	text-align: right;
	vertical-align: middle;
}
.diversity .table_inner#diversityTable01 tr td,
.diversity .table_inner#diversityTable04 tr td{text-align: left;}
.diversity .table_inner#diversityTable03 tr td{
	text-align: center;
	vertical-align: middle;
}
.diversity .img-alignC-d {
	max-width: 550px;
	margin: 0 auto;
}
.diversity .img-alignC {
	max-width: 830px;
	margin: 0 auto;
}


/*-------------------------------------------------------------------------------------
    society/security_safety.shtml
-------------------------------------------------------------------------------------*/
.security_safety .frame-layout section .lineBox .column-layout{
	margin-top: 0;
}
.security_safety .frame-layout section .lineBox dl dt{
	font-weight: bold;
}
.security_safety .frame-layout section .lineBox dl dd{
	margin-bottom: 1em;
}
.security_safety .table_inner tr td{
	vertical-align: middle;
}
.security_safety .frame-layout section .column-layout#photoArea01 .column_item:first-of-type{
	width: 47%;
}
.security_safety .frame-layout section .column-layout#photoArea01 .column_item:first-of-type .image-set{
	margin-top: 0;
}
.security_safety .frame-layout section .column-layout#photoArea01 .column_item:first-of-type p.image-ttl{
	margin-bottom: 0.5em;
}
.security_safety .frame-layout section .column-layout#photoArea01 .column_item:not(:first-child){
	width: 23%;
}
.security_safety .frame-layout section .table-layout#table03 td{
	text-align: right;
}
.security_safety .frame-layout section .table-layout#table03 .bold {
  font-weight: bold;
}
.security_safety p.caution.indent1 {
	text-indent: -1.2em;
    margin-left: 1.2em;
}
@media only screen and (max-width: 767px) {
	.security_safety .frame-layout section .column-layout#photoArea01 .column_item:first-of-type,
	.security_safety .frame-layout section .column-layout#photoArea01 .column_item:not(:first-child){
		/*width: 100%;*/
	}
	.img-alignC,.img-alignC-d {max-width: 100%;}

}