@import url(reset.css);   
@import url(base.css);  
@import url(layout.css);  

/*common*/
.contentBottomBtn{overflow:hidden;clear:both;position:absolute;bottom:0;right:10px;}
.contentBottomBtn ul{float:right;}
.contentBottomBtn ul li{float:left;}

.tbl01{width:100%;}
.tbl01 tr td{padding:12px 5px;border-bottom:1px solid #dadada;border-left:1px solid #dadada;text-align:center;letter-spacing:-1px;}
.tbl01 tr td:first-child{border-left:0;text-align:left;}
.tbl01 tr td a{font-weight:bold;color:#000;}

.tbl02{width:100%;}
.tbl02 tr th{font-weight:bold;color:#000;border-bottom:1px solid #dadada;text-align:center;padding:0;}
.tbl02 tr td{padding:12px 0px;border-bottom:1px solid #dadada;border-left:1px solid #dadada;text-align:center;}
.tbl02 tr td a{color:#000;}
.tbl02 tr td.addr{text-align:left;padding-left:10px;color:#000;font-weight:bold;}
.tbl02 tr td.addr p{color:#3a3a3a;font-weight:normal;}

.tbl03{width:100%;border-top:1px solid #a1a1a1;}
.tbl03 tr th{font-weight:bold;color:#000;border-bottom:1px solid #dadada;text-align:center;padding:0;}
.tbl03 tr td{padding:12px 0px;border-bottom:1px solid #dadada;border-left:1px solid #dadada;text-align:center;}
.tbl03 tr td a{color:#000;}


dl.type01 dt{font-weight:bold;font-size:16px;color:#000;letter-spacing:-1px;}
dl.type01 dd{padding-top:5px;}

dl.type02 dt{font-weight:bold;font-size:16px;color:#000;letter-spacing:-1px;padding-bottom:5px;}
dl.type02 dd{padding-left:10px;background:url(../../images/sub/bg_h.gif) no-repeat 0 8px;}

dl.type03 dt{font-weight:bold;font-size:16px;color:#000;letter-spacing:-1px;padding-bottom:5px;}
dl.type03 dd{overflow:hidden;padding-top:5px;}
dl.type03 dd:first-child{padding-top:0px;}
dl.type03 dd span.year{float:left;width:10%;}
dl.type03 dd span.month{float:left;width:10%;}
dl.type03 dd span.memo{float:left;width:80%;}

dl.type04 dt{font-weight:bold;font-size:16px;color:#60b145;}
dl.type04 dd{padding-top:5px;}

.photo00{width:100%;overflow:hidden;margin:20px 0;}
.photo00 li{width:32%;margin-left:2%;float:left;}
.photo00 li:first-child{margin-left:0;}
.photo00 li .pImg{background:#a1a1a1;width:100%;padding-top:100%;position:relative;}
.photo00 li .pImg a{position:absolute;top:0;left:0;width:100%;height:100%;}
.photo00 li .pImg a img{width:100%;height:100%;}

.photo01{width:100%;overflow:hidden;margin:20px 0;}
.photo01 li{width:32%;margin-left:2%;float:left;}
.photo01 li:first-child{margin-left:0;}
.photo01 li .pImg{background:#a1a1a1;width:100%;padding-top:60%;position:relative;}
.photo01 li .pImg a{position:absolute;top:0;left:0;width:100%;height:100%;}
.photo01 li .pImg a img{width:100%;height:100%;}
.photo01 li dl{margin-top:10px;}
.photo01 li dl dt{font-weight:bold;}
.photo01 li dl dt a{color:#000;}
.photo01 li dl dd{font-size:11px;}

.photo02{width:100%;overflow:hidden;margin:10px 0;}
.photo02 li{width:32%;margin-left:2%;float:left;}
.photo02 li:first-child{margin-left:0;}
.photo02 li .pImg{background:#a1a1a1;width:100%;padding-top:130%;position:relative;}
.photo02 li .pImg .imgpanel{position:absolute;top:0;left:0;width:100%;height:100%;}
.photo02 li .pImg .imgpanel img{width:100%;height:100%;}
.photo02 li .pImg a{display:inline-block;position:absolute;left:0;bottom:0;font-size:12px;padding:2px;}
.photo02 li a{color:#000;font-weight:bold;display:block;padding:5px 0 15px 0;font-size:13px; letter-spacing:-1px;}


.paging{clear:both;margin:20px 0;text-align:center;}
.paging a{display:inline-block;width:20px;height:20px;vertical-align:bottom;font-size:15px;}
.paging a:hover,.paging a.on{color:#4dac36;}

.paging a img{padding-top:3px;display:inline-block;}

/* ul type */
ul.type01{overflow:hidden;}
ul.type01 li{float:left;background:url(../../images/sub/bg_line.gif) no-repeat 0 50%;padding:0 7px 5px 8px;}
ul.type01 li:first-child{background:0;padding-left:0;}

/* product */
.productPanel{overflow:hidden;}
.productHeader{overflow:hidden;padding:10px;overflow:hidden;}
.productImg{position:relative;}
.productImg .itemTitle{background:rgba(000,000,000,0.5);color:#fff;padding:9px 0 0 0;height:40px;text-align:center;position:absolute;bottom:0;left:0;width:100%;z-index:1000;box-sizing: border-box;}
.slidesjs-previous{position:absolute;bottom:0;left:0;width:40px;height:0;padding-top:40px;overflow:hidden;background:url(../../images/sub/btn_left.gif) no-repeat;background-size:40px;z-index:1001;}
.slidesjs-next{position:absolute;bottom:0;right:0;width:40px;height:0;padding-top:40px;overflow:hidden;background:url(../../images/sub/btn_right.gif) no-repeat;background-size:40px;z-index:1001;}
.productBody{clear:both;padding:10px;}
.productBody .productInfo{color:#000;}
.productBody .cs{margin:20px 0 0 0;position:relative;}
.productBody .cs a{position:absolute;top:0;right:0;}
.title01{clear:both;margin-top:30px;font-size:18px;color:#3ab145;font-weight:bold;padding-bottom:4px;border-bottom:1px solid #a1a1a1;margin-bottom:12px;}
.subCont{clear:both;overflow:hidden;}
.subCont b{font-size:14px;color:#000;}

/* customer */
.contentHeader{clear:both;margin:5px 10px 0 10px;font-size:22px;color:#3d9a9d;font-weight:bold;padding-bottom:13px;border-bottom:1px solid #a1a1a1;position:relative;}
.contentBody{margin:0 10px 10px 10px;overflow:hidden;clear:both;}

.noticeTitle{padding:20px 0;font-size:14px;font-weight:bold;color:#000;border-bottom:1px solid #dadada;}
.noticeTitle p{font-size:12px;padding-top:5px;}
.noticeBody{padding:20px 0;}
.noticeBody img{max-width:100%;}
.noticeBody .noticeCont{padding-top:20px;padding-bottom:40px;border-bottom:1px solid #dadada;}

.noticeSns{padding:10px 0;border-bottom:1px solid #dadada;}
.noticeSns p{font-size:12px;}

.calTxt{text-align:center;font-size:14px;font-weight:bold;color:#000; padding:10px 0 0 0;}

/* promote */
.dodamPanel{overflow:hidden;background:url(../../images/sub/bg_book_bar.gif) no-repeat 0 100%;background-size:100% 15px;padding-bottom:15px;}
.dodamContent{background:url(../../images/sub/bg_book.png) no-repeat 100% 0;overflow:hidden;background-size:56% 100%;}
.dodamPanel .dodamImg{width:45%;float:left;}
.dodamPanel .dodamImg img{width:100%;}
.dodamPanel .dodamInfo{width:55%;float:left;position:relative;}
.dodamPanel .dodamInfo .bar{background:url(../../images/sub/bg_ba.gif) no-repeat;background-size:100% 100%;width:40px;height:40px;position:absolute;top:0;right:0;text-align:center;font-size:11px;color:#fff;padding-top:13px;}
.dodamPanel .dodamInfo .dodamInfoTitle{padding:18% 0 0 25px;}
.dodamPanel .dodamInfo .dodamInfoTitle dl dt{font-size:25px;line-height:110%;letter-spacing:-1px;}
.dodamPanel .dodamInfo .dodamInfoTitle dl dd{padding-top:10px;font-size:12px;letter-spacing:-1px;}
.dodamPanel .dodamInfo .dodamInfoTitle a{display:inline-block;margin-top:15px;padding:8px;}

.contentBody p.ci {padding:15px 0;font-size:18px;color:#000;letter-spacing:-1px;display:inline-block;}
.contentBody p.catalogue {padding:15px 0;font-size:16px;color:#000;letter-spacing:-1px;display:inline-block;font-weight:bold;}

/* recruit */
/*.recruitInfo{background:url(../../images/sub/bg_intro.png) no-repeat 100% 100%;background-size:50%;border-bottom:1px solid #a1a1a1;padding-bottom:20px;}
.recruitInfo b{display:block;font-weight:normal;font-size:22px;letter-spacing:-1px;color:#000;}
.recruitInfo p{padding:0;width:50%;text-align:left;}*/
.recruitInfo{}
.recruitInfo b{display:block;font-weight:normal;font-size:22px;letter-spacing:-1px;color:#000;border-top:1px solid #d8d8d8;padding-top:20px;}
.recruitInfo p{padding:0;width:100%;text-align:left;}

.pay{overflow:hidden;margin-top:10px;}
.pay li{float:left;width:33.3%;text-align:center;}
.pay li img{width:60%;}
.pay li p{font-size:11px;letter-spacing:-1px;padding-top:5px;}
.bline{border-bottom:1px solid #a1a1a1;padding-bottom:20px;}

.process{overflow:hidden;margin-top:10px;}
.process li{float:left;width:33.3%;background:url(../../images/sub/bg_arrow2.png) no-repeat 50% 0;background-size:15%;padding-left:20px;box-sizing: border-box;}
.process li img{width:80px;}
.process li:first-child{background:none;padding-left:0}

/* intro */
/*.intro{background:url(../../images/sub/bg_int.jpg) no-repeat 100% 0;background-size:70%;}*/
.intro{}
.intro .contentBody{margin-bottom:0 !important;}
.intro .contentBody p.tit{padding:20px 0;font-size:20px;color:#000;letter-spacing:-1px;display:inline-block;border-bottom:1px solid #a1a1a1;} 
.intro .contentBody b{font-size:18px;font-weight:bold;color:#000;}

/*.headerBtn{position:absolute;top:0;right:0;overflow:hidden;}*/
.headerBtn{overflow:hidden;}
.headerBtn li{float:left;margin-left:1px;}

#map{width:100%;height:300px;}

/* search */
#sh{}
#sh .search{margin:15px 20px 15px 20px;border:1px solid #a1a1a1;height:30px;box-sizing: border-box;padding:0px 0;}
#sh .search .searchTxt{border:0;padding:5px;float:left;width:85%;box-sizing: border-box;margin:4px 0 0 0;height:20px;}
#sh .search .searchBtn{float:left;box-sizing: border-box;width:15%;text-align:center;padding-top:4px;}
#sh .search .searchBtn img{height:20px;}
.searchHeader{clear:both;margin:5px 10px 0 10px;font-size:16px;color:#000;padding-bottom:12px;border-bottom:1px solid #a1a1a1;position:relative;}




.contentBody.esg h3 {color:#000;font-size:20px;padding:40px 0 20px;margin:0;border:0;}
.contentBody.esg h5 {color:#000;font-size:16px;width:100%;text-align:left;padding-top:40px;padding-bottom:10px;}
.contentBody.esg .table-img-box {border:1px solid #eee;overflow-x:auto;}
.contentBody.esg .table-img-box img {min-width:640px;width:100%;}
.contentBody.esg .table-img-box.full img {min-width:100%;width:100%;}
.contentBody.esg .table-img-box.first {margin-top:40px;}
.contentBody.esg .noneline {border:none;}
.contentBody.esg .caution {margin-top:10px;}
.contentBody.esg .caution p {color:#666;font-size:13px;}
.contentBody.esg .summary {}
.contentBody.esg .summary p {font-size:14px;line-height:1.4;}
.contentBody.esg .download-wrap {padding:10px 5px;border-top:2px solid #000;border-bottom:1px solid #ddd;}
.contentBody.esg .download-wrap a {display:inline-flex;align-items:center;gap:0 10px;color:#666;font-size:14px;font-weight:500;line-height:30px;}
.contentBody.esg .download-wrap a::after {content:"";width:21px;height:16px;background:url('../../../img/directorate/icon-download.jpg') no-repeat center center/cover;margin-bottom:5px;}

.contentBody.esg .ethic{padding:25px 15px 35px;border-top:2px solid #000;border-bottom:1px solid #ddd;}
.contentBody.esg .ethic strong{color:#000;font-size:15px;}
.contentBody.esg .ethic p{color:#666;font-size:14px;line-height:22px;}


.contentBody.esg {margin-bottom:98px;}
.contentBody.esg .list-type {padding:60px 0 40px;margin-bottom:40px;border-bottom: 1px solid #dddddd;}
.contentBody.esg .list-type h3 {padding:0 0 35px;color:#000;border-bottom:2px solid #222;}
.contentBody.esg .list-type p.desc {margin-top:40px;padding:0 20px;font-size:16px;line-height:30px;color:#000;}

.contentBody.esg .list-type ol {padding:0 20px;margin-top:20px;}
.contentBody.esg .list-type ol li {font-size:16px;line-height:32px;color:#666;letter-spacing:-0.05em;}
.contentBody.esg .list-type ol li em {margin-right:5px;}


.contentBody.esg .faq-type {padding-bottom:40px;}
.contentBody.esg .faq-type h3 {margin:0;padding-top:60px;padding-bottom:35px;color:#000;border-bottom:2px solid #222;}
.contentBody.esg .faq-type ul li .question {position:relative;padding:30px 15px;font-size:18px;color:#000;border-bottom:1px solid #eee;cursor:pointer;}
.contentBody.esg .faq-type ul li .question:after {content:"";position:absolute;top:50%;right:30px;transform:translate3d(0,-50%,0);width:25px;height:25px;}
.contentBody.esg .faq-type ul li.active .question:after {background-position:center bottom;}
.contentBody.esg .faq-type ul li .answer {padding:25px 15px 35px;border-bottom:1px solid #dddddd}
.contentBody.esg .faq-type ul li .answer .desc {margin-bottom:10px;font-size:16px;color:#000;letter-spacing:-0.05em;}
.contentBody.esg .faq-type ul li .answer dl {font-size:16px;color:#000;margin-bottom:10px;}
.contentBody.esg .faq-type ul li .answer dl dt em {margin-right:11px;}
.contentBody.esg .faq-type ul li .answer dl dd {color:#666;display:flex;align-items:baseline;letter-spacing:-0.03em;}
.contentBody.esg .faq-type ul li .answer dl dd em {margin-right:8px;}


.table-wrap h2 {color:#000;font-size:16px;width:100%;text-align:left;padding-bottom:10px;}
.table-wrap .scroll-wrap {overflow-x:auto;}
.table-wrap table {min-width:640px;width:100%;border-collapse:collapse;table-layout:fixed;border-spacing:0;}
.table-wrap table caption {position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;}
.table-wrap table thead {border-top:2px solid #000;border-bottom:1px solid #ddd;}
.table-wrap table thead th.align-left {text-align:left;}
.table-wrap table thead th,
.table-wrap table tfoot th {height:30px;color:#000;font-size:14px;font-weight:500;text-align:center;padding:10px 5px;border-bottom:1px solid #ddd;}
.table-wrap table thead.multi th,
.table-wrap table tfoot.multi th {height:20px;}
.table-wrap table tbody th,
.table-wrap table tbody td {color:#666;font-size:13px;text-align:center;padding:10px 5px;border-bottom:1px solid #ddd;border-right:1px solid #ddd;}
.table-wrap table tbody th.last,
.table-wrap table tbody td.last {border-right:none;}
.table-wrap table thead th.line-left,
.table-wrap table tbody th.line-left,
.table-wrap table tbody td.line-left {border-left:1px solid #ddd;}
.table-wrap table tbody th.line-right,
.table-wrap table thead th.line-right,
.table-wrap table tbody td.line-right {border-right:1px solid #ddd;}
.table-wrap table tbody th.point,
.table-wrap table tbody td.point {color:#000;}
.table-wrap table tbody th.align-left,
.table-wrap table tbody td.align-left {text-align:left;}
.table-wrap table tbody th span,
.table-wrap table tbody td span {display:block;font-size:13px;text-align:center;}
.table-wrap table tbody th.align-left span,
.table-wrap table tbody td.align-left span {text-align:left;}
.table-wrap + .table-wrap {margin-top:80px;}

.table-wrap.stB table tbody th,
.table-wrap.stB table tbody td {border-right:none;}

.director-table-wrap {width:100%;}
.director-table-wrap dl {display:grid;grid-template-columns:1fr;border-bottom:1px solid #ddd;}
.director-table-wrap dl dt {border-top:2px solid #000;}
.director-table-wrap dl dt,
.director-table-wrap dl dd h1 {color:#000;font-size:20px;font-weight:500;padding:30px 10px 0;}
.director-table-wrap dl dd .summary {display:grid;grid-template-columns:25% 25% 1fr;padding:10px 10px 30px;}
.director-table-wrap dl dd .summary strong {color:#000;font-size:13px;font-weight:500;}
.director-table-wrap dl dd .summary .text {margin-top:10px;}
.director-table-wrap dl dd .summary .text p {color:#666;font-size:13px;font-weight:500;}
.director-table-wrap dl dd ul + h1 {border-top:1px solid #ddd;}

.photo-list {display:grid;grid-template-columns:1fr;gap:30px 0;}
.photo-list figure {border:1px solid #dbdbdb;margin:0;padding:0;}
.photo-list figure img {max-width:100%;width:100%;}
.photo-list p {padding:10px 10px 0;color:#000;font-size:14px;text-align:center;}

a.bbsTypeE{display:inline-block;line-height:20px !important;text-align:center;background:#1c62aa;color:#fff;padding:17px;border-radius:50px;font-size:13px;margin-top:30px;}
a.bbsTypeE:hover{background:#3ab145;}