@charset "utf-8";
/* ================================
    CSS STYLES FOR infoCMS
   ================================ */
.undertxt img {vertical-align: middle;}

/* for global network add 2016/11/07 */
#globalJobList02 {letter-spacing:-0.5em;}
#globalJobList02 li{padding:0 0 0 24px;list-style:none;background-repeat:no-repeat;font-weight:bold;vertical-align: top;letter-spacing:normal;}
#globalJobList02 li strong{display:block;padding:0 0 2px 10px;border-bottom:1px dotted #cccccc;}
#globalJobList02 li .normal-text{color:#000000;font-weight:bold;}
#globalJobList02 li div{padding:5px 10px;}
#globalJobList02 li#jobR{background-image:url(/Portals/0/resources/recruit/global/images/icon_r.png);}
#globalJobList02 li#jobR strong{coloR:#ff0000;}
#globalJobList02 li#jobC{background-image:url(/Portals/0/resources/recruit/global/images/icon_c.png);}
#globalJobList02 li#jobC strong{coloR:#ff9900;}
#globalJobList02 li#jobB{background-image:url(/Portals/0/resources/recruit/global/images/icon_b.png);}
#globalJobList02 li#jobB strong{coloR:#92d050;}
#globalJobList02 li#jobEX{background-image:url(/Portals/0/resources/recruit/global/images/icon_ex.png);}
#globalJobList02 li#jobEX strong{coloR:#00b050;}
#globalJobList02 li#jobE{background-image:url(/Portals/0/resources/recruit/global/images/icon_e.png);}
#globalJobList02 li#jobE strong{coloR:#00b0f0;}
#globalJobList02 li#jobT{background-image:url(/Portals/0/resources/recruit/global/images/icon_t.png);}
#globalJobList02 li#jobT strong{coloR:#002060;}

/* for ir letter add 2017/01/13 */
#mfLetter h4 {margin-top: 30px;}
#mfLetter .unit {font-size: 0.9em; text-align: right;}
#mfLetter .resultsList {margin: 0 0 1em 0; padding: 0; list-style: none; border-bottom: 1px dotted #cccccc;}
#mfLetter .resultsList li {padding: 1em 0; border-top: 1px dotted #cccccc;}
#mfLetter .resultsList li .graph, #mfLetter .resultsList li .txt {display: inline-block; padding: 0 2em 0 0; font-size: 1.5em; font-weight: bold; vertical-align: middle;}
#mfLetter {margin: 0 0 0.5em 0;}
#mfLetter dt {float: left; width : 180px; padding: 10px 0 6px 10px; font-weight: bold; background: url(http://www.pasonagroup.co.jp//Portals/0/images/common/arrow_red-square.png) left center no-repeat; clear: both;}
#mfLetter dd {margin: 0; padding: 10px 0 10px 200px; border-bottom: 1px solid #cccccc;}
#mfLetter .resultsTable thead tr td {border-bottom: 1px solid #cccccc; font-size: 0.9em; text-align: center;}
#mfLetter .resultsTable tbody tr th {padding: 5px; border-bottom: 1px solid #cccccc; font-size: 0.9em;}
#mfLetter .resultsTable tbody tr td {padding: 5px; border-bottom: 1px solid #cccccc; font-size: 0.9em; text-align: right; white-space: nowrap;}
#mfLetter .resultsTable{overflow: auto; white-space: nowrap;}
#mfLetter .resultsTable::-webkit-scrollbar{height: 5px;}
#mfLetter .resultsTable::-webkit-scrollbar-track{background: #F1F1F1;}
#mfLetter .resultsTable::-webkit-scrollbar-thumb {background: #BCBCBC;}
#mfLetter .resultsTable table{width:100%;}
#mfLetter img.imgRight, #mfLetter .blockRight {float: right; display: block; width: 250px; margin: 0 0 15px 30px; word-wrap: break-word;}

@media print {
#mfLetter .resultsList {border: none;}
#mfLetter .resultsList li {display: inline-block; padding: 1em; border: none;}
#mfLetter .resultsList li .graph, #mfLetter .resultsList li .txt {display: block; padding: 0 0 1em 0; font-size: 1em;}
#mfLetter #letterReport, #mfLetter #letterNews {padding-top: 30px; background: url(http://www.pasonagroup.co.jp/Portals/0/Skins/PSN/images/rogo.png) no-repeat;}
#mfLetter #letterReport:before, #mfLetter #letterNews:before {content: "IRレター"; display: block; font-size: 30px; font-weight: bold; text-align: center; margin: auto; padding: 0 0 10px 0;}
#mfLetter #letterNews {page-break-before: always;}
}

/* for Top banners 2018/01/16 */
.contBtnIndex2 {
display: -webkit-flex;
display: flex;
margin: 0 0 45px;
}
.contBtnIndex2 .colmun1of2:nth-child(odd) {margin-right: 16px;}
.contBtnIndex2 ul {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
justify-content: space-between;
margin: 0;
padding: 0;
list-style: none;
}
.contBtnIndex2 ul li {width: 100%; margin: 0; padding: 0;}
.contBtnIndex2 ul li:nth-child(-n+2) {margin-bottom: 40px;}
.contBtnIndex2 ul li:nth-child(n+5) {margin-top: 20px;}
.contBtnIndex2 ul li.half { width: calc(50% - 2px);}
.contBtnIndex2 a:hover img {filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;}

/* for hr tab 2018/01/29 */
.governmentWrap h2, .governmentWrap h3 {border-left-color: #b2ffa6}
div#dnn_ctr476_ViewTabs_pnlTabs ul.ulList_vertical{margin:0 auto;padding:0;width:920px;}
div#dnn_ctr476_ViewTabs_pnlTabs ul.ulList_vertical li[aria-controls*="TabModule476_1747"] a{background:url(/Portals/0/images/total-solution/hr/tab_government.png) left top no-repeat;}
.En div#dnn_ctr1344_ViewTabs_pnlTabs ul.ulList_vertical{margin:0 auto;padding:0;width:920px;}
.En div#dnn_ctr1344_ViewTabs_pnlTabs ul.ulList_vertical li[aria-controls*="TabModule1344_1748"] a{background:url(/Portals/0/images/english/total-solution/hr/tab_government.png) left top no-repeat;}
div#dnn_ctr476_ViewTabs_pnlTabs ul.ulList_vertical li a:hover,
div#dnn_ctr476_ViewTabs_pnlTabs ul.ulList_vertical li.ui-tabs-active a,
.En div#dnn_ctr1344_ViewTabs_pnlTabs ul.ulList_vertical li a:hover,
.En div#dnn_ctr1344_ViewTabs_pnlTabs ul.ulList_vertical li.ui-tabs-active a {background-position:left bottom;}

/* add 2018/02/14 */
.textMin {font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;}
.textIndnt2em {margin-left:2em;text-indent:-2em;}
.borderColumn {margin:0 0 1em 1em;padding:0 0 0 1em;border-left:2px solid #b60005;}
h2.noStyle,h3.noStyle{margin:.5em 0;padding:0;border:none;}
h2.noStyle:after,h3.noStyle:after{padding:0;display:none;}
p + h3.noStyle {margin-top:3em;}
.challengeBox2 {display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;}
.challengeBox2 .innerBox {width:calc(1 / 3 * 100% - 10px);padding:10px;border:1px solid #ddd;box-sizing: border-box;}

#row4 table.aboutdividendTable tbody tr td:not(:first-of-type) {border-left:1px solid #ccc;}

/* for global network add 2018/10/25 */
#globalnetwork .jp {display: inline-block !important;}
#globalnetwork .en {display: none !important;}
.En #globalnetwork .jp {display: none !important;}
.En #globalnetwork .en {display: inline-block !important;}
#globalnetwork a {color: inherit; text-decoration: underline;}
#globalnetwork a:hover {color: #b60005; text-decoration: none;}
#globalnetwork img {max-width: 100%; height: auto; -webkit-backface-visibility: hidden;}
#globalnetwork h3 {
margin: 0 0 1em;
padding:0 0 .5em 0;
font-size: 1em;
line-height: 1.4;
border: none;
border-bottom:1px dotted #cccccc;
}
#globalnetwork h3:after {display: none;}
#globalnetwork h3 .sub {
display: inline-block;
color: #333;
font-size: .9em;
font-weight: normal;
}
#global-map {position: relative; overflow: hidden;}
#global-map:before {
  content:'';
  display:block;
  width:100%;
  height:0;
  padding-bottom:29.166%;
}
#global-map img {position:absolute; width:100%; height: auto; left: 0; top: 0;}
#global-map #map-flag a {position: absolute; display: block; width: 32px; height: 22px;}
#global-map #map-flag a span {display: none;}
#global-map #map-flag a.us {left: 700px; top: 120px;}
#global-map #map-flag a.ca {left: 740px; top: 52px;}
#global-map #map-flag a.cn {left: 353px; top: 66px;}
#global-map #map-flag a.kr {left: 445px; top: 86px;}
#global-map #map-flag a.tw {left: 476px; top: 140px;}
#global-map #map-flag a.hk {left: 376px; top: 108px;}
#global-map #map-flag a.in {left: 276px; top: 135px;}
#global-map #map-flag a.id {left: 394px; top: 231px;}
#global-map #map-flag a.my {left: 332px; top: 208px;}
#global-map #map-flag a.sg {left: 455px; top: 193px;}
#global-map #map-flag a.th {left: 333px; top: 150px;}
#global-map #map-flag a.vn {left: 451px; top: 166px;}
#global-map #map-flag a.de {left: 180px; top: 40px;}
#skin2Columns #global-map:before {padding-bottom:42.554%;}
#skin2Columns #global-map img {width: auto; max-width: initial; height: 100%; left:50%; transform: translateX(-50%);}
#skin2Columns #global-map #map-flag a.us {left: 550px;}
#skin2Columns #global-map #map-flag a.ca {left: 590px;}
#skin2Columns #global-map #map-flag a.cn {left: 203px;}
#skin2Columns #global-map #map-flag a.kr {left: 295px;}
#skin2Columns #global-map #map-flag a.tw {left: 326px;}
#skin2Columns #global-map #map-flag a.hk {left: 226px;}
#skin2Columns #global-map #map-flag a.in {left: 126px;}
#skin2Columns #global-map #map-flag a.id {left: 244px;}
#skin2Columns #global-map #map-flag a.my {left: 182px;}
#skin2Columns #global-map #map-flag a.sg {left: 305px;}
#skin2Columns #global-map #map-flag a.th {left: 183px;}
#skin2Columns #global-map #map-flag a.vn {left: 301px;}
#skin2Columns #global-map #map-flag a.de {left: 30px;}
#skin2Columns #globalnetwork #global-job {font-size: 0.9em;}
#global-job {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 30px;
}
#global-job > div {
position: relative;
width: calc(50% - 10px);
margin: 0 20px 30px 0;
}
#global-job > div:before {
position: absolute;
left: 0;
top: 0;
width: 24px;
height: 24px;
color: #fff;
font-family: "Arial Black", Gadget, "sans-serif";
font-size: 14px;
line-height: 24px;
text-align: center;
}
#global-job > div:nth-of-type(even) {margin-right: 0;}
#global-job > .jobR:before {content: "R"; background: #ff0000;}
#global-job > .jobEX:before {width: 36px; content: "EX"; background: #00b050; transform: scaleX(0.667); transform-origin: top left;}
#global-job > .jobC:before {content: "C"; background: #ff9900;}
#global-job > .jobB:before {content: "B"; background: #92d050;}
#global-job > .jobT:before {content: "T"; background: #002060;}
#global-job > .jobE:before {content: "E"; background: #00b0f0;}
#global-job h3 {margin-left: 24px; padding-left: 10px;}
#global-job > .jobR h3 {color:#ff0000;}
#global-job > .jobEX h3 {color:#00b050;}
#global-job > .jobC h3 {color:#ff9900;}
#global-job > .jobB h3 {color:#92d050;}
#global-job > .jobT h3 {color:#002060;}
#global-job > .jobE h3 {color:#00b0f0;}
#global-job ul {margin:0 0 0 24px; padding:0 0 0 5px;}
#global-job ul li {margin:0 0 0.25em 10px; padding:0; list-style-type:disc;}
#global-company ul + h3 {margin-top: 30px;}
#global-company ul {margin:0; padding:0;}
#global-company ul li {margin:0 0 0.25em; padding:0; list-style-type:none;}
#global-company .mark {
display: inline-block;
width: 24px;
height: 24px;
color: #fff;
font-family: "Arial Black", Gadget, "sans-serif";
font-size: 14px;
letter-spacing: normal;
line-height: 24px;
text-align: center;
}
#global-company .mark:first-of-type {margin-left: 20px;}
#global-company .jobR {background: #ff0000;}
#global-company .jobEX {width: 36px; margin-right: -12px; background: #00b050; transform: scaleX(0.667); transform-origin: top left;}
#global-company .jobC {background: #ff9900;}
#global-company .jobB {background: #92d050;}
#global-company .jobT {background: #002060;}
#global-company .jobE {background: #00b0f0;}