@charset "UTF-8";
/*-----------------------------------

	00_company

-----------------------------------*/
#company #company_list li {
    width: 238px;
    height: 200px;
    float: left;
    margin: 0 10px 10px 0;
}
#company #company_list li a {
    width: 238px;
    height: 200px;
    color: #fff;
    text-align: center;
    display: block;
    padding: 170px 0 0 0;
    border: 1px solid #ddd;
    box-sizing: border-box;
}
#company #company_list li:nth-child(11),
#company #company_list li:nth-child(12) {
    margin-bottom: 0 !important;
}
#company #company_list li:nth-child(3),
#company #company_list li:nth-child(6),
#company #company_list li:nth-child(9),
#company #company_list li:nth-child(12) {
    margin-right: 0 !important;
}
#company #company_list li:hover {
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
#company #company_list .about {
    background: url(../img/company/company_01.jpg) #1d2088;
    background-repeat: no-repeat;
    background-size: 240px 160px;
}
#company #company_list .topmess {
    background: url(../img/company/company_02.jpg) #1d2088;
    background-repeat: no-repeat;
    background-size: 240px 160px;
}
#company #company_list .enkaku {
    background: url(../img/company/company_03.jpg) #1d2088;
    background-repeat: no-repeat;
    background-size: 240px 160px;
}
#company #company_list .commendation {
    background: url(../img/company/company_04.jpg) #1d2088;
    background-repeat: no-repeat;
    background-size: 240px 160px;
}
#company #company_list .bcm {
    background: url(../img/company/company_05_new.JPG) #1d2088;
    background-repeat: no-repeat;
    background-size: 240px 160px;
}
#company #company_list .slogan {
    background: url(../img/company/company_06_new.png) #1d2088;
    background-repeat: no-repeat;
    background-size: 240px 160px;
}
#company #company_list .logo-mark {
    background: url(../img/company/company_07.jpg) #1d2088;
    background-repeat: no-repeat;
    background-size: 240px 160px;
}
#company #company_list .car {
    background: url(../img/company/company_08.jpg) #1d2088;
    background-repeat: no-repeat;
    background-size: 240px 160px;
}
#company #company_list .iso {
    background: url(../img/company/company_09_new.JPG) #1d2088;
    background-repeat: no-repeat;
    background-size: 240px 160px;
}
#company #company_list .kojin-jouhou {
    background: url(../img/company/company_10.jpg) #1d2088;
    background-repeat: no-repeat;
    background-size: 240px 160px;
}
#company #company_list .movie {
    background: url(../img/company/company_11.jpg) #1d2088;
    background-repeat: no-repeat;
    background-size: 240px 160px;
}
#company #company_list .csr {
    background: url(../img/company/company_12.jpg) #1d2088;
    background-repeat: no-repeat;
    background-size: 240px 160px;
}
#company #company_list .sdgs {
    background: url(../img/company/company_13.jpg) #1d2088;
    background-size: 240px 160px;
    background-repeat: no-repeat;
}
#company #company_list .social {
    background: url(../img/forest-people/forest-people02.jpg) #1d2088;
    background-size: 240px 160px;
    background-repeat: no-repeat;
    clear: both;
}
/*-----------------------------------

	01_company_about

-----------------------------------*/
#company_about #about_detail {
    margin-bottom: 20px;
}
#company_about #about_detail dt {
    width: 115px;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    float: left;
    background: #c4caaa;
    padding: 10px 0;
    margin-top: 3px;
}
#company_about #about_detail dd {
    margin: 0px 0 0px 140px;
    padding: 13px 0;
}
#company_about #about_detail dt.twoline {
    padding: 23px 0 !important;
}
#company_about #about_detail dt.threeline {
    padding: 33px 0 !important;
}
#company_about #about_detail dt.sixline {
    padding: 73px 0 !important;
}
#company_about #about_detail dt.sevenline {
    padding: 85px 0 !important;
}
#company_about #about_detail dt.eightline {
    padding: 148px 0 !important;
}
#company_about #about_map ul {
    margin-bottom: 10px;
	gap: 20px;
	display: flex;
	justify-content: flex-start;
}
#company_about #about_map li {
    width: calc((100% - 60px) / 4);
}
#company_about #about_map .about_map_title {
    width: 100%;
    color: #fff;
    text-align: center;
    background: #1d2088;
    display: block;
    cursor: pointer;
    margin-bottom: 5px;
    padding: 5px 0;
	font-size: 11px;
}
#company_about #about_map .about_map_title:hover {
    color: #fff !important;
    text-decoration: none !important;
    background-color: #4D4F9C;
}
#company_about .about_map_image img {
    border: 2px solid #fff;
    box-shadow: 1px 3px 7px -2px #858585;
    -moz-box-shadow: 1px 3px 7px -2px #858585;
    -ms-box-shadow: 1px 3px 7px -2px #858585;
    -o-box-shadow: 1px 3px 7px -2px #858585;
    -webkit-box-shadow: 1px 3px 7px -2px #858585;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
#company_about .about_map_image:hover {
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    cursor: pointer;
}
#company_about #gmap {
    width: 735px;
    height: 430px;
    background: #efefef;
    margin-top: 20px;
}
/*-----------------------------------

	02_company_topmess

-----------------------------------*/
#company_topmess #topmess_text {
    background: url(../img/company/topmess_bg.gif) no-repeat center;
    padding: 10px 30px 0;
}
#company_topmess #topmess_text p {
    margin-bottom: 20px;
}
#topmess_name {
    text-align: right;
    margin-bottom: 0 !important;
}
/*-----------------------------------

	03_company_enkaku

-----------------------------------*/
#company_enkaku .lower_h4 {
    margin-bottom: 10px !important;
}
#company_enkaku .enkaku_detail dt {
    width: 100px;
    text-align: center;
    vertical-align: middle;
    float: left;
    padding: 10px 0 10px 10px;
}
#company_enkaku .enkaku_detail dt.twoline {
    padding: 15px 0 15px 10px;
}
#company_enkaku .enkaku_detail dd.twoline {
    padding: 4px 0 4px 120px;
}
#company_enkaku .enkaku_detail dt.threeline {
    padding: 25px 0 25px 10px;
}
#company_enkaku .enkaku_detail dd.threeline {
    padding: 2px 0 2px 120px;
}
#company_enkaku .enkaku_detail dd {
    font-size: 13px;
    font-size: 1.3rem;
    padding: 10px 0 10px 120px;
}
#company_enkaku .enkaku_detail dt.grey,
#company_enkaku .enkaku_detail dd.grey {
    background: #F5F5F5;
}
/*-----------------------------------

	04_company_commendation

-----------------------------------*/
#company_commendation .lower_h4 {
    margin-bottom: 10px !important;
}
#company_commendation table {
    width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
}
#company_commendation table th {
    text-align: center;
    background: #D9D8D8;
    padding: 12px 0;
}
#company_commendation table th:nth-child(2),
#company_commendation table th:nth-child(3) {
    text-align: left !important;
}
#company_commendation table th.year {
    width: 110px;
}
#company_commendation table th.commendation {
    width: 210px;
}
#company_commendation table th.giver {
    width: 300px;
}
#company_commendation table td {
    text-align: center;
    padding: 10px 0;
}
#company_commendation table td:nth-child(2),
#company_commendation table td:nth-child(3) {
    text-align: left !important;
}
#company_commendation table tr:nth-child(even) {
    background: #F5F5F5;
}
#company_commendation table tr:nth-child(odd) {
    background: #fff;
}
/*-----------------------------------

	05_company_bcm

-----------------------------------*/
#company_bcm .lower_h4 {
    margin-bottom: 10px !important;
}
#company_bcm .lower_2 ul {
    margin-left: 30px;
}
#company_bcm .lower_2 ul li {
    list-style: disc;
}
#company_bcm table {
    width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    border-collapse: collapse;
    margin-top: 10px;
}
#company_bcm table th {
    text-align: center;
    background: #D9D8D8;
    padding: 12px 0;
}
#company_bcm table th.blank {
    width: 180px;
    background: #fff !important;
}
#company_bcm table th.document {
    width: 280px;
    background: #EFD2D2;
}
#company_bcm table th.bcm {
    width: 280px;
    background: #FBEECA;
}
#company_bcm table td {
    text-align: center;
    padding: 10px;
}
#company_bcm table td.document {
    background: #FEF9EA;
}
#company_bcm table td.bcm {
    background: #FFF7F7;
}
#company_bcm table td.item1 {
    background: #ccc;
}
#company_bcm table td.item2 {
    background: #E8E8E8;
}
#company_bcm table td:nth-child(2),
#company_bcm table td:nth-child(3) {
    text-align: left !important;
}
#company_bcm table tr:nth-child(even) {
    background: #E8E8E8;
}
#company_bcm table tr:nth-child(odd) {
    background: #fff;
}
#company_bcm .bcm_detail dt {
    width: 120px;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.8rem;
    text-align: center;
    vertical-align: middle;
    float: left;
    padding: 15px 0 10px 10px;
}
#company_bcm .bcm_detail dd {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.8rem;
    padding: 15px 10px 15px 150px;
}
#company_bcm .bcm_detail dd img {
    width: 178px;
    margin: 10px 10px 0 0;
}
#company_bcm .bcm_detail dt.grey,
#company_bcm .bcm_detail dd.grey {
    background: #F9F9F9;
}
#company_bcm .bcm_detail a {
    font-weight: normal;
    background: url(../img/common/icon_bigblue.png);
    background-repeat: no-repeat;
    background-position: 10px center;
    display: inline-block;
    margin: 5px 0;
    padding: 0px 10px 0px 25px;
}
/*-----------------------------------

	06_company_slogan

-----------------------------------*/
#company_slogan .lower_h4 {
    margin-bottom: 10px !important;
}
#company_slogan #slogan_new {
    text-align: center;
    padding: 20px 0 0 0;
}
#company_slogan #slogan_detail dt {
    width: 100px;
    text-align: center;
    vertical-align: middle;
    float: left;
    padding: 10px 0 10px 10px;
}
#company_slogan #slogan_detail dt.grey,
#company_slogan #slogan_detail dd.grey {
    background: #F9F9F9;
}
#company_slogan #slogan_detail dd {
    padding: 10px 0 10px 120px;
}
/*-----------------------------------

	07_company_logo-mark

-----------------------------------*/
#company_logo-mark .lower_h4 {
    margin-bottom: 10px !important;
}
#company_logo-mark .logo-mark_detail dt {
    width: 220px;
    text-align: center;
    vertical-align: middle;
    float: left;
}
#company_logo-mark .logo-mark_detail dd {
    padding-left: 250px;
}
/*-----------------------------------

	08_company_car

-----------------------------------*/
#car_list {
    margin-top: 10px;
}
#car_list li {
    float: left;
    margin: 0 10px 10px 0;
}
#car_list li:nth-child(even) {
    margin-right: 0 !important;
}
#car_list li:last-child {
    margin-bottom: 0 !important;
}
#car_list li a {
    width: 344px;
    height: 120px;
    background: #FCFCFC;
    display: block;
    padding: 8px;
    border: 1px solid #E8E4E4;
    position: relative;
}
#car_list li a:hover {
    color: #1d2088;
    text-decoration: none;
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
#car_list li a .list_img {
    width: 160px;
    float: left;
    display: block;
}
.list_text {
    width: 170px;
    float: right;
    margin-left: 10px;
}
.list_text h4 {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 2.0rem;
    font-weight: normal;
    margin-top: 5px;
}
.list_text p {
    font-size: 12px;
    font-size: 1.2rem;
    color: #333 !important;
    line-height: 1.8rem;
    margin-top: 5px;
}
.list_zoom {
    font-size: 12px;
    font-size: 1.2rem;
    position: absolute;
    bottom: 0;
    right: 10px;
    background: url(/img/company/car_zoom.png);
    background-repeat: no-repeat;
    background-position: 25px center;
    padding-left: 45px;
}
/*-----------------------------------

	09_company_kojin-jouhou

-----------------------------------*/
#company_kojin-jouhou .lower_h4 {
    margin-bottom: 10px !important;
}
#company_kojin-jouhou .lower_2 ol {
    margin: 10px 0 0 40px;
}
#company_kojin-jouhou .lower_2 ol li {
    list-style: decimal;
    margin-bottom: 10px;
}
#kojin-jouhou_name {
    font-weight: bold;
    text-align: right;
}
/*-----------------------------------

	10_company_movie

-----------------------------------*/
.movie_list {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 2px dotted #ddd;
}
.movie_list.last {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    border-bottom: 0 !important;
}
.movie_list li {
    width: 230px;
    float: left;
    margin-right: 22px;
}
.movie_list li:last-child {
    margin-right: 0 !important;
}
.movie_list dt {
    height: 20px;
    text-align: center;
    background: #ECEBEB;
    margin-bottom: 10px;
    padding: 4px 0 5px;
}
.movie_list dt.oneline {
    margin-bottom: 38px;
}
.movie_list dt.twoline {
    height: 48px !important;
}
.movie_list dd {
    width: 202px;
    height: 112px;
    background: #484848;
    margin: 0 auto;
    padding: 7px;
}
video {
    width: 600px;
    margin: 0 auto;
}
/*-----------------------------------

	11_company_bcm_bcm-all

-----------------------------------*/
#company_bcm_bcm-all.lower_h4 {
    margin-bottom: 10px !important;
}
#company_bcm_bcm-all section hr {
    border-top: 2px dotted #ddd;
    margin-left: -10px;
}
#company_bcm_bcm-all section img {
    margin: 35px 10px 5px 0;
}
#company_bcm_bcm-all section .img_top {
    margin: 10px 0 10px;
}
/*-----------------------------------

	12_company_notice

-----------------------------------*/
#company_notice a {
    color: #333;
    text-decoration: underline;
}
#company_notice a:hover {
    text-decoration: none;
}
#company_notice .list_box {
    width: 400px;
    margin: 20px auto 30px;
    padding: 20px;
    background: #1d2088;
    color: #fff;
    font-size: 16px;
    text-align: center;
    display: block;
    text-decoration: none;
}
#company_notice .list_box:hover {
    background: #4d4f9c;
    text-decoration: none;
}
#company_notice ul {
    margin-left: 30px;
}
#company_notice ul li {
    list-style: disc;
}
#company_notice .lower_h4 span {
    color: #a1b64f;
}
#company_notice .pagenation {
    font-size: 16px;
    margin-top: 50px;
}
#company_notice .page-numbers {
    text-align: center;
}
#company_notice .page-numbers>*+* {
    margin-left: 4px;
}
#company_notice .page-numbers li {
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 10px;
}
#company_notice .page-numbers a {
    width: 100%;
    height: 100%;
    display: grid;
    place-items: center;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    text-decoration: none;
}
#company_notice .page-numbers a:hover,
#company_notice .page-numbers a:focus,
#company_notice .page-numbers a.current {
    color: #fff;
    background: #1d2088;
    border-radius: 5px;
}
#company_notice .prev a span,
#company_notice .next a span {
    display: none;
}