@charset "UTF-8"; /* CSS Document */ .fs { font-size: 70%; font-weight: normal; } /*------------------------------ MV -------------------------------*/ .mainWrap #titleSec { background: url("/environment/images/pages_title_bg.png") no-repeat center top / cover; } /*------------------------------ 共通 -------------------------------*/ #bottomColumn { background-color: #eef5f8; padding: 80px 0; border-bottom: solid 2px #fff; } #bottomColumn #aboutList { width: 1240px; margin: 0 auto; } #bottomColumn #sustainabilityFeatureList { width: 1240px; margin: 0 auto; } #aboutList { display: flex; justify-content: space-between; } #aboutList li { width: 400px; } #aboutList li dl dt { font-size: 119%; color: #0090db; display: flex; align-items: center; font-weight: normal; } #aboutList li dl dt span { margin: 0 0 0 12px; font-size: 147%; } #aboutList li dl dt img { width: 50px; border-radius: 0; } #aboutList li dl dd { margin-top: 20px; } #aboutList li dl dd > ul > li { margin-top: 20px; } #aboutList li dl dd > ul > li:first-child { margin-top: 0; } #aboutList li dl dd ul li div a { font-size: 125%; } #aboutList li dl dd ul li div a img { margin-left: 15px; } #aboutList li dl dd ul li ul li { margin-top: 10px; font-size: 110%; } #aboutList li dl dd ul li ul li a { font-size: 94%; } .childMenu ul { display: none; } .childMenu.current ul { display: block; } .childMenu.current ul li a { color: #fff; } /*------------------------------ index -------------------------------*/ /* シングルカラム共通 */ #indexWrap .singleColumn { width: 100%; min-width: 0; } #indexWrap .singleColumn .contentsOuter { width: 1280px; min-width: 1280px; } #indexWrap #environmentContents #indexArea { padding: 0; } #indexWrap #environmentContents #indexArea h3 { text-align: center; } #indexWrap #environmentContents #indexArea .titleBox { display: flex; justify-content: space-between; align-items: center; } #indexWrap #environmentContents #indexArea .titleBox h3 { text-align: left; } #indexWrap #environmentContents #indexArea .titleBox div a { display: flex; justify-content: space-between; align-items: center; font-size: 133%; } #indexWrap #environmentContents #indexArea .titleBox div a img { width: 58px; margin-left: 28px; } #indexWrap #environmentContents #indexArea #topInner > div { width: 600px; } #indexWrap #environmentContents #indexArea #topInner h3 { text-align: left; } #indexWrap #environmentContents #indexArea #topInner h3 + a { display: block; margin-top: 30px; } #indexWrap #environmentContents #indexArea #topInner h3 + a img { border-radius: 15px; } #indexWrap #environmentContents #indexArea #topInner .cateLink { margin-top: 25px; } #indexWrap #environmentContents #indexArea #topInner .cateLink { font-size: 133%; display: flex; align-items: center; } #indexWrap #environmentContents #indexArea #topInner .cateLink img { width: 58px; margin-left: 18px; } #indexWrap #environmentContents #indexArea #topCateInner { margin-top: 55px; display: flex; justify-content: space-between; padding: 65px 70px 50px; } #indexWrap #environmentContents #indexArea #topCateInner > div h3 { text-align: left; } #indexWrap #environmentContents #indexArea #topCateInner > div h4 { color: #008ed8; font-size: 133%; font-weight: normal; margin-top: 25px; } #indexWrap #environmentContents #indexArea #topCateInner > div p { margin-top: 15px; font-size: 113%; line-height: 2; } #indexWrap #environmentContents #indexArea #topCateInner > div .cateLink { margin-top: 18px; } #indexWrap #environmentContents #indexArea #topCateInner > div .cateLink a { display: flex; align-items: center; font-size: 133%; } #indexWrap #environmentContents #indexArea #topCateInner > div .cateLink a img { width: 58px; margin-left: 28px; } #indexWrap #environmentContents #indexArea #topCateInner > div .cateImg { margin-top: 40px; } #indexWrap #environmentContents #indexArea #topCateInner > div { width: 333px; } #indexWrap #environmentContents #indexArea #topCateInner div .cateLink { margin-top: 13px; } #indexWrap #environmentContents #indexArea #topCateInner #processBox .cateLink { margin-top: 2px; } #indexWrap #environmentContents #indexArea #topCateInner .infoTxt { min-height: 320px; } /* ESG/SDGsについて */ #environmentContents #indexArea #aboutInner { margin-top: 70px; } /* 取り組み */ #environmentContents #indexArea #initiativesInner { background-color: #edf5f8; margin-top: 80px; padding: 65px 0 115px; border-radius: 0 20% 20% 0; } #environmentContents #indexArea #initiativesInner h3 { text-align: left; } #environmentContents #indexArea #initiativesInner #bottomColumn { padding: 0; margin-top: 25px; border-bottom: none; } /* その他取り組み */ #environmentContents #indexArea #otherInner { margin-top: 100px; } #environmentContents #indexArea #otherInner #otherList { margin-top: 125px; display: flex; justify-content: space-between; flex-wrap: wrap; } #environmentContents #indexArea #otherInner #otherList li { width: 400px; } #environmentContents #indexArea #otherInner #otherList li:nth-child(n+4) { margin-top: 50px; } #environmentContents #indexArea #otherInner #otherList li > a { display: block; } #environmentContents #indexArea #otherInner #otherList li > a[target="_blank"] { padding: 0; background: none; } #environmentContents #indexArea #otherInner #otherList li .otherLink { margin-top: 35px; display: flex; align-content: center; } #environmentContents #indexArea #otherInner #otherList li .otherLink + .otherLink { margin-top: 10px; } #environmentContents #indexArea #otherInner #otherList li .otherLink .arrowLink[target="_blank"] { padding: 0; background: none; } #environmentContents #indexArea #otherInner #otherList li .otherLink span { font-size: 133%; } #environmentContents #indexArea #otherInner #otherList li .otherLink span img { width: 40px; margin-left: 15px; overflow: visible; border-radius: 0; } #environmentContents #indexArea #otherInner #otherList li p { margin-top: 15px; line-height: 1.7; font-size: 94%; } /*------------------------------ 奥村組のサステナビリティについて -------------------------------*/ #messageContentsArea h3 { text-align: center; font-size: 213%; margin-top: 50px; } #messageContentsArea h3 + div { text-align: center; font-size: 120%; margin-top: 40px; line-height: 1.8; } #messageContentsArea p { margin-top: 65px; line-height: 1.8; } /*------------------------------ 価値創造プロセス -------------------------------*/ #processContentsArea .borderLeftTitle { margin-top: 70px; } #processContentsArea p { line-height: 1.8; } #processContentsArea .introTxt + div { margin-top: 50px; } #processContentsArea .introTxt + div img { border-radius: 15px; } #processContentsArea #visionArrowInner { background:url(/environment/images/process_arrow.png) no-repeat center top / 100px; padding-top: 68px; margin-top: 68px; } #processContentsArea #visionArrowInner #visionArrowBox01 { background:url(/environment/images/process_outcome_bg.png) no-repeat left top / 35px; padding-left: 40px; } #processContentsArea #visionArrowInner #visionArrowBox02 { background:url(/environment/images/process_input_bg.png) no-repeat left top / 35px; padding-left: 40px; } #processContentsArea #visionArrowInner #visionArrowBox01 .visionArrow { background:url(/environment/images/process_arrow02.png) no-repeat center bottom 25px / 100px; padding-bottom: 80px; } #processContentsArea #visionArrowInner #visionArrowBox02 .visionArrow { padding-top: 12px; } #processContentsArea #visionArrowInner #visionArrowBox02 .visionArrow > .lineTitle { margin-top: 30px; border-bottom: 1px solid #008ed8; color: #008ed8; font-size: 120%; font-weight: normal; padding-bottom: 10px; } #processContentsArea #visionArrowInner #visionArrowBox01 .visionArrow h4, #processContentsArea #visionArrowInner #visionArrowBox02 .visionArrow h4 { margin-top: 0; } #processContentsArea #visionList li { margin-top: 20px; background: -webkit-linear-gradient(0deg, #1dace2, #3868b0); font-size: 173%; color: #fff; text-align: center; padding: 31px 20px; border-radius: 15px; } #processContentsArea #visionList li:first-child { margin-top: 0; } #processContentsArea h4 { font-size: 171%; display: flex; align-items: center; margin-top: 63px; } #processContentsArea h4 span { display: inline-block; text-align: center; font-size: 69%; font-weight: normal; width: 140px; padding: 2px 2px 1px; color: #fff; background-color: #008ed8; border-radius: 20px; margin-right: 15px; } #processContentsArea ul.thoughtList { margin-top: 22px; display: flex; justify-content: space-between; } #processContentsArea ul.thoughtList li { width: 235px; } #processContentsArea ul.thoughtList li { width: 225px; } #processContentsArea #visionArrowInner #visionArrowBox02 .visionArrow ul.thoughtList li { width: 315px; } #processContentsArea #visionArrowInner #visionArrowBox02 .visionArrow ul.thoughtList li { width: 300px; } #processContentsArea ul.thoughtList li span { display: block; margin-top: 15px; text-align: center; font-size: 107%; line-height: 1.8; } #processContentsArea ul.thoughtList.inList { flex-wrap: wrap; } #processContentsArea ul.thoughtList li .lineTitle, #processContentsArea ul.thoughtList.inList li h5 { border-bottom: 1px solid #008ed8; color: #008ed8; font-size: 120%; font-weight: normal; padding: 10px 0; } #processContentsArea ul.thoughtList.inList li ul { margin-top: 6px; } #processContentsArea ul.thoughtList.inList li ul li { padding: 4px 0 4px 15px; position: relative; width: 100%; } #processContentsArea ul.thoughtList.inList li ul li::before { position: absolute; content: "●"; font-size: 50%; color: #008ed8; left: 0; top: 1.5em; } #processContentsArea ul.thoughtList li .lineTitle + img { margin-top: 15px; } #processContentsArea ul.thoughtList.col3.inList > li { width: 31%; } #processContentsArea ul.thoughtList.col3.inList > li h5 { padding-top: 0; } #processContentsArea ul.thoughtList.col3.inList > li:nth-child(n+4) { margin-top: 30px; } #processContentsArea ul.thoughtList.col3.inList > li ul li { width: 100%; } #processContentsArea ul.thoughtList.col3.inList > li p { margin-top: 10px; } #processContentsArea ul.thoughtList.col3.inList > li p + ul { margin-top: 0; } /*------------------------------ ESG/SDGsについて -------------------------------*/ #aboutContentsArea .borderLeftTitle { margin-top: 75px; } #aboutContentsArea .borderTopTitle + .borderLeftTitle { margin-top: 55px; } #aboutContentsArea p { line-height: 1.8; } #aboutContentsArea ul#materialityList { margin-top: 53px; } #aboutContentsArea ul#materialityList li { margin-top: 20px; color: #fff; border-radius: 15px; text-align: center; font-size: 186%; padding: 29px; } #aboutContentsArea ul#materialityList li:first-child { margin-top: 0; background-color: #6893e8; } #aboutContentsArea ul#materialityList li:nth-child(2) { background-color: #6ece55; } #aboutContentsArea ul#materialityList li:last-child { background-color: #e476c6; } #aboutContentsArea dl#aboutDl dt { margin-top: 25px; color: #008ed8; font-size: 121%; } #aboutContentsArea dl#aboutDl dt:first-child { margin-top: 20px; } #aboutContentsArea dl#aboutDl dd { margin-top: 5px; font-size: 107%; } #aboutContentsArea #promotionInner { margin-top: 36px; display: flex; justify-content: space-between; align-items: flex-start; } #aboutContentsArea #promotionInner p { flex: 1; } #aboutContentsArea #promotionInner div { margin-left: 50px; margin-top: 0; width: 330px; } /*------------------------------ ESG/SDGsについて -------------------------------*/ .aboutArea .borderTopTitle + .borderLeftTitle { margin-top: 55px; } .aboutArea p { line-height: 1.8; } .aboutArea h4 + .circletitle, .aboutArea p + .circletitle { margin-top: 28px; } .aboutArea .circletitle + p { margin-top: 15px; } .aboutArea .atComment2, .aboutArea .atComment { font-size: 87%; margin-top: 15px; line-height: 2.2; } .aboutArea img + span { display: block; margin-top: 15px; font-size: 87%; } .aboutArea .flexInner { margin-top: 30px; } .aboutArea .flexInner > dl dd .borderImg { margin-top: 15px; } .aboutArea .flexInner + .circletitle { margin-top: 47px; } .aboutArea .circletitle + .flexInner { margin-top: 18px; } .aboutArea p + ul.flexList { margin-top: 30px; } .aboutArea ol { margin-top: 17px; } .aboutArea ol li { margin-top: 9px; padding-left: 1em; text-indent: -1em; } .aboutArea ol li:first-child { margin-top: 0; } .aboutArea .bgColor { padding: 50px; margin-top: 23px; } .aboutArea .txtBtnL span { display: block; margin: 0 20px; } .aboutArea #rowList { margin-top: 43px; display: flex; justify-content: space-between; } .aboutArea #rowList h4 { color: #018fd7; font-size: 120%; } .aboutArea #rowList h4 + div { margin-top: 25px; } .aboutArea #rowList h4 + div span { display: block; font-size: 80%; } .aboutArea #rowList h4 + div.mtS { margin-top: 0; } /* 環境への配慮と調和の取り組み */ #constructionContentsArea dl#constructionDl > dt { margin-top: 45px; } #constructionContentsArea dl#constructionDl > dt:first-child { margin-top: 30px; } #constructionContentsArea dl#constructionDl > dd #basicPrincipleDl dt { padding-left: 0; } #constructionContentsArea dl#constructionDl > dd #basicPrincipleDl dt::before { content: none; } #constructionContentsArea dl#constructionDl > dd #basicPrincipleDl dd + dt { margin-top: 38px; } #constructionContentsArea dl#constructionDl > dd #basicPrincipleDl + p { margin-top: 33px; } #constructionContentsArea dl#constructionDl > dd ul.attentionList { margin-top: 28px; font-size: 86%; } #constructionContentsArea dl#constructionDl > dd ul.attentionList li { margin-top: 10px; display: flex; } #constructionContentsArea dl#constructionDl > dd ul.attentionList li:first-child { margin-top: 10px; } #constructionContentsArea dl#constructionDl > dd ul.attentionList li sup { font-size: 0.5em; } #constructionContentsArea dl#constructionDl > dd ul.attentionList li span { width: 2em; } #constructionContentsArea dl#constructionDl > dd ul.attentionList li span + span { flex: 1; } #constructionContentsArea .txtBlueBtn { margin: 45px auto 0; width: 310px; } #constructionContentsArea .txtBlueBtn a { padding: 12px; font-size: 113%; } /* 環境中期計画 */ #eiapPlanArea sup { font-size:0.5em; vertical-align:0.5em; } #eiapPlanArea .cf { overflow: hidden; } #eiapPlanArea ul#flowList { margin-top:25px; display: flex; justify-content: space-between; } #eiapPlanArea ul#flowList li { width: 185px; text-align: center; line-height: 1.4; } #eiapPlanArea ul#flowList li a { display: flex; justify-content: center; align-items: center; padding: 5px; height: 100%; background-color: #eef5f8; } #eiapPlanArea ul#flowList li a:hover { text-decoration: none; opacity: 0.7; } #eiapPlanArea h4 { margin-top:70px; } #eiapPlanArea dl { } #eiapPlanArea > dl > dt { margin-top:30px; font-size: 133%; padding-left: 20px; position: relative; } #eiapPlanArea > dl > dt::before { content: ""; width: 10px; height: 10px; background-color: #008cd8; border-radius: 50%; position: absolute; top: 0.6em; left: 0; } #eiapPlanArea > dl > dt.articleDt { font-size: 100%; padding-left: 0; } #eiapPlanArea > dl > dt.articleDt::before { content: none; } #eiapPlanArea > dl > dt.articleDt span { display: block; } #eiapPlanArea > dl > dt.articleDt .articleTxt { font-size: 160%; color: #008ed8; } #eiapPlanArea > dl > dt.articleDt .articleTxt + span { font-size: 133%; padding-left: 20px; position: relative; margin-top: 30px; } #eiapPlanArea > dl > dt.articleDt .articleTxt + span::before { content: ""; width: 10px; height: 10px; background-color: #008cd8; border-radius: 50%; position: absolute; top: 0.6em; left: 0; } #eiapPlanArea dl dd > p { color:#1e91d0; font-weight:bold; font-size:107%; margin-top:30px; padding-left: 20px; position: relative; } #eiapPlanArea dl dd > p::before { content: ""; width: 11px; height: 2px; background-color: #0090db; position: absolute; left: 0; top: 0.9em; } #eiapPlanArea dl dd ol { margin-top:30px; } #eiapPlanArea dl dd ol li { margin-top:13px; list-style:decimal outside; margin-left:1.5em; padding-left:20px; text-indent: 0; } #eiapPlanArea dl dd ol li:first-child { margin-top: 0; } #eiapPlanArea dl dd ul.targetList { margin-top:35px; display: flex; justify-content: space-between; } #eiapPlanArea dl dd ul.targetList li { width:310px; margin-left:20px; border:solid 2px #0089cf; padding:20px; border-radius: 15px; } #eiapPlanArea dl dd ul.targetList li:first-child { margin-left:0; } #eiapPlanArea dl dd ul.targetList li dl { text-align:center; } #eiapPlanArea dl dd ul.targetList li dl dt { color:#1e91d0; border-bottom:solid 1px #0089cf; padding-bottom:5px; margin-bottom:10px; } #eiapPlanArea dl dd ul.targetList li dl dt span { font-size:143%; padding-right:5px; } #eiapPlanArea dl dd ul.targetList li dl dd span { font-weight:bold; } #eiapPlanArea dl dd div { margin-top:30px; display: flex; align-items: center; } #eiapPlanArea dl dd div p { color:#1e91d0; font-weight:bold; font-size:119%; background:url(/environment/images/environment_plan2_arrow.png) no-repeat right center; padding-right:50px; } #eiapPlanArea dl dd div ul { display: flex; align-items: center; margin-left:15px; } #eiapPlanArea dl dd div ul li { background:#cacaca; color:#ffffff; border-radius:5px; padding:1px 0 2px; width:90px; text-align:center; margin-left:10px; font-size:93%; } #eiapPlanArea dl dd div ul li:first-child { margin-left:0; } #eiapPlanArea dl dd div ul li.listOn { background:#0086cf; } #eiapPlanArea dl dd h4 { font-size:113%; padding:3px 10px 5px; background:#f1f1f1; margin-top:40px; } /* 土壌汚染対策法に基づく指定調査機関の情報 */ #infoContentsArea table { margin-top:40px; } #infoContentsArea table th { text-align:center; border-bottom:solid 1px #e5e5e5; border-left:solid 1px #e5e5e5; background:#f5f9fb; padding:23px 10px; width:225px; vertical-align: middle; } #infoContentsArea table td { border-bottom:solid 1px #e5e5e5; border-left:solid 1px #e5e5e5; padding:23px 10px 23px 30px; width:595px; vertical-align: middle; } #infoContentsArea table tr:first-child th { border-top:solid 1px #e5e5e5; } #infoContentsArea table tr:first-child th + td { border-top:solid 1px #e5e5e5; } #infoContentsArea table th:first-child { border-left:none; } #infoContentsArea table td a { color: #0098d6; } #infoContentsArea table th#researchAchievements { width:10px; padding:10px 18px; line-height:1em; } #infoContentsArea table th.investigationCell { width:175px; padding:10px 0; border-left:solid 1px #e5e5e5; } #infoContentsArea table .w125 { width:125px; padding:7px 10px; text-align:center; } #infoContentsArea table .w155 { width:155px; padding:7px 10px; text-align:center; } #infoContentsArea table .w335 { width:335px; padding:7px 10px; text-align:center; } #infoContentsArea table .borderLeft { border-left:solid 1px #e5e5e5 !important; } #infoContentsArea table th.industryCell { padding:13px 10px; width:180px; border-left:solid 1px #e5e5e5; } #infoContentsArea table td.industryCell { padding:13px 10px 13px 30px; text-align:left; } /* 品質の向上・顧客満足・社会的信頼 */ #qualityContentsArea #mainSubjectInner { margin-top: 35px; padding: 35px 50px 45px; } #qualityContentsArea #mainSubjectInner #subjectTxt { font-size: 153%; font-weight: bold; line-height: 1.4; } #qualityContentsArea #mainSubjectInner #subjectTxt span { color: #008ed8; font-size: 139%; display: block; } #qualityContentsArea #mainSubjectInner #subjectBox { margin-top: 25px; display: flex; justify-content: space-between; } #qualityContentsArea #mainSubjectInner #subjectBox > div { flex: 1; } #qualityContentsArea #mainSubjectInner #subjectBox > div ul li { display: flex; line-height: 1.8; } #qualityContentsArea #mainSubjectInner #subjectBox > div ul li:nth-child(n+2) { margin-top: 15px; } #qualityContentsArea #mainSubjectInner #subjectBox > div ul li span + span { flex: 1; } #qualityContentsArea #mainSubjectInner #subjectBox > div ul + div { font-size: 113%; margin-top: 28px; color: #008ed8; } #qualityContentsArea #mainSubjectInner #subjectBox > ul { width: 330px; margin: 0 15px; } #qualityContentsArea #mainSubjectInner #subjectBox > ul li img { border-radius: 15px; } #qualityContentsArea #mainSubjectInner #subjectBox > ul li:nth-child(n+2) { margin-top: 35px; } /* 協力会社とのかかわり */ #relationContentsArea #topicInner { margin-top: 35px; padding: 35px 50px; } #relationContentsArea #topicInner .txtBold { font-size: 153%; } #relationContentsArea #topicInner p { margin-top: 20px; } #relationContentsArea #topicInner ul.flexList li { width: 430px; } /* 安心安全な労働環境 */ #securityContentsArea .bgColor { padding: 35px 50px; } #securityContentsArea #messageInner { margin-top: 60px; } #securityContentsArea #messageInner #messageTxt { color: #00194d; font-size: 153%; font-weight: bold; } #securityContentsArea #messageInner .flexInner { margin-top: 20px; } #securityContentsArea #messageInner .flexInner > div { width: 340px; } #securityContentsArea #messageInner .flexInner > p { width: auto; flex: 1; margin-left: 30px; } #securityContentsArea #messageInner + h4.borderLeftTitle { margin-top: 60px; } /* 多様な人材の活用 */ #divercityContentsArea dl#trainingDl { margin-top: 20px; } #divercityContentsArea dl#trainingDl dt:nth-child(n+2) { margin-top: 35px; } #divercityContentsArea dl#trainingDl dd { margin-top: 15px; } #divercityContentsArea dl#trainingDl dd .borderImg { margin-top: 0; } #divercityContentsArea #shien > div { width: 645px; } #divercityContentsArea #shien > div + div { width: 312px; } #divercityContentsArea #shien > div + div .borderImg { margin-top: 0; } /* 奥村組グループの人権方針 */ #humanRightsArea .borderLeftTitle { margin-top: 40px; } #humanRightsArea .borderTopTitle + p { font-size: 133%; } /* コーポレート・ガバナンス */ #corporateArea .txtBtnL { width: auto; text-align: center; } #corporateArea .txtBtnL a { display: inline-block; border-radius: 30px; overflow: hidden; } /* 統合マネジメントシステム */ #managementContentsArea #policyInner { margin-top: 35px; } #managementContentsArea #policyInner > div { width: 330px; } #managementContentsArea #policyInner > div + div { width: 620px; } #managementContentsArea #policyInner .modalImg { margin-top: 0; } #managementContentsArea .bgBorder { padding: 35px 50px; } #managementContentsArea .bgBorder ul.atComment { font-size: 100%; margin-top: 10px; line-height: 1.8; } /*------------------------------ 3つの取り組み -------------------------------*/ .initiativesArea p { line-height: 1.9; } .initiativesArea h3 { border-radius: 15px; overflow: hidden; } .initiativesArea h3 + p { margin-top: 40px; } .initiativesArea h3 + p + .titleInner { margin-top: 45px; } .initiativesArea .titleInner { margin-top: 60px; display: flex; justify-content: space-between; align-items: center; } .initiativesArea .titleInner .romanNumerals { display: flex; align-items: flex-start; } .initiativesArea .titleInner .romanNumerals span { margin-top: 0; margin-left: 15px; font-size: 173%; } .initiativesArea .titleInner .sdgsList { display: flex; align-items: center; justify-content: flex-end; } .initiativesArea .titleInner .sdgsList li { width: 61px; } .initiativesArea .titleInner .sdgsList li:nth-child(n+2) { margin-left: 10px; } .initiativesArea .titleInner + p { margin-top: 25px; } .initiativesArea .atComment2 { font-size: 87%; margin-top: 25px; line-height: 2.2; } .initiativesArea ul.flexList { margin-top: 40px; } .initiativesArea img + span { display: block; margin-top: 15px; font-size: 87%; } .initiativesArea dl { margin-top: 40px; } .initiativesArea dl dd { margin-top: 25px; } .initiativesArea .titleInner + .flexInner, .initiativesArea .titleInner + .circletitle { margin-top: 25px; } .initiativesArea h5 + p { margin-top: 15px; } /* 特集1 */ .initiativesArea dl#comparisonDl { margin-top: 45px; } .initiativesArea dl#comparisonDl .flexInner { margin-top: 55px; } .initiativesArea dl#comparisonDl .flexInner > div { width: 660px; } .initiativesArea dl#comparisonDl .flexInner > div .atComment2 { margin-top: 20px; } .initiativesArea dl#comparisonDl .flexInner > div + div { width: 280px; } .initiativesArea #foundation { margin-top: 30px; } .initiativesArea #foundation > div { width: 445px; } .initiativesArea #foundation > div + div { width: 512px; } .initiativesArea #foundation > div + div .borderImg { margin-top: 0; } .initiativesArea #growth { margin-top: 30px; } .initiativesArea #growth > div { width: 645px; } .initiativesArea #growth > div + div { width: 312px; } .initiativesArea #growth > div + div .borderImg { margin-top: 0; } .initiativesArea #preservation { margin-top: 30px; } .initiativesArea #preservation > div { width: 645px; } .initiativesArea #preservation > div + div { width: 312px; } .initiativesArea #preservation > div + div .borderImg { margin-top: 0; } .initiativesArea #implementation { margin-top: 30px; } .initiativesArea #implementation > div { width: 645px; } .initiativesArea #implementation > div + div { width: 312px; } .initiativesArea #implementation > div + div .borderImg { margin-top: 0; } /* 特集2 */ .initiativesArea #bpo { margin-top: 30px; } .initiativesArea #bpo > div { width: 645px; } .initiativesArea #bpo > div + div { width: 312px; } .initiativesArea #bpo > div + div .borderImg { margin-top: 0; } .initiativesArea .voice { margin-top: 40px; display: flex; justify-content: space-between; } .initiativesArea .voice > div { width: 48%; background: #e7f5fd; padding: 20px; } .initiativesArea .voice h4 { color: #008ed8; font-size: 121%; border: 1px solid #008ed8; background: #fff; } .initiativesArea .voice h4 span { background: #008ed8; color: #fff; padding: 0 10px; margin-right: 5px; } .initiativesArea .voice h5 { color: #008ed8; font-size: 110%; margin-top: 20px; } .initiativesArea .voice h5 + p { margin-top: 5px; min-height: 6em; } .initiativesArea .voice > div >div { margin-top: 20px; } .initiativesArea .voice > div >div span { font-size: 121%; } /* 特集3 */ .initiativesArea #initiativesMessage { margin-top: 50px; padding: 33px 50px; } .initiativesArea #initiativesMessage div { font-size: 159%; color: #00194d; font-weight: bold; } .initiativesArea #initiativesMessage p { margin-top: 15px; } .initiativesArea #lifeWorkPlan dl { margin-top: 30px; } .initiativesArea #lifeWorkPlan dl dt { padding: 0; } .initiativesArea #lifeWorkPlan dl dt::before { content: none; } .initiativesArea #lifeWorkPlan dl dd { margin-top: 15px; } .initiativesArea #womenList { margin-top: 35px; } .initiativesArea #womenList li:nth-child(n+4) { margin-top: 35px; } .initiativesArea #womenList li span { display: block; } .initiativesArea #workLifeBalance { margin-top: 30px; } .initiativesArea #workLifeBalance > div { width: 645px; } .initiativesArea #workLifeBalance > div + div { width: 312px; } .initiativesArea #workLifeBalance > div + div .borderImg { margin-top: 0; } .initiativesArea #workLifeBalance > div .bgColor { padding: 30px; } .initiativesArea #workLifeBalance > div .bgColor ul li { padding-left: 20px; position: relative; line-height: 1.8; } .initiativesArea #workLifeBalance > div .bgColor ul li::before { content: ""; display: block; width: 11px; height: 11px; background-color: #008ed8; border-radius: 50%; position: absolute; left: 0; top: 0.5em; } .initiativesArea #workLifeBalance > div .bgColor ul li:nth-child(n+2) { margin-top: 15px; } .initiativesArea #workLifeBalance > div .bgColor ul li span { display: block; color: #008ed8; } .initiativesArea #unity.flexInner > div:nth-child(1) { width: 300px; } .initiativesArea #unity.flexInner > div:nth-child(2) { width: 650px; } .initiativesArea .voiceArea { background: #d1e6f9; padding: 30px; display: flex; margin-top: 120px; } .initiativesArea .voiceArea .voiceTxt { background: #67a8e5; border-radius: 30px; color: #fff; padding: 1px 10px; line-height: 1; margin-right: 5px; } .initiativesArea .voiceArea .txtBox { width: calc(100% - 180px); } .initiativesArea .voiceArea .imgBox { width: 170px; margin-top: 20px; } .initiativesArea span.area1 { background: #00afea; border-radius: 6px; color: #fff; padding: 1px 10px; line-height: 1; margin-right: 5px; } .initiativesArea span.area2 { background: #4f85c3; border-radius: 6px; color: #fff; padding: 1px 10px; line-height: 1; margin-right: 5px; } .initiativesArea span.area3 { background: #00adb9; border-radius: 6px; color: #fff; padding: 1px 10px; line-height: 1; margin-right: 5px; } /*------------------------------ 健康経営 -------------------------------*/ #healthContentsArea p { line-height: 1.8; } #healthContentsArea .introTxt { font-size: 166%; margin-top: 50px; } #healthContentsArea .borderLeftTitle { margin-top: 60px; } #healthContentsArea .introTxt + .borderLeftTitle { margin-top: 30px; } #healthContentsArea .borderLeftTitle + div { margin-top: 40px; } #healthContentsArea .borderLeftTitle + .circletitle { margin-top: 35px; } #healthContentsArea .circletitle + p, #healthContentsArea .circletitle + ul { margin-top: 12px; line-height: 1.8; } #healthContentsArea .bgColor { padding: 45px 52px 40px; line-height: 1.8; } #healthContentsArea ul.flexList, #healthContentsArea ul.flexList3 { margin-top: 35px; } #healthContentsArea ul.flexList3 li span { line-height: 1.8; } #healthContentsArea ul.flexList3 + p { margin-top: 35px; } #healthContentsArea #declarationInner div { width: 500px; } #healthContentsArea #declarationInner div + div { width: 340px; } #healthContentsArea #declarationInner div + div img { border-radius: 15px; } #healthContentsArea #declarationInner div p.atComment2 { font-size: 87%; margin-top: 10px; } #healthContentsArea #declarationInner div div { margin-top: 25px; width: 360px; } #healthContentsArea #targetInner table { border-bottom: solid 1px #e5e5e5; font-size: 114%; width: 100%; margin-top: 35px; } #healthContentsArea #targetInner table th { background: #0387cd; color: #ffffff; border-top: solid 1px #ffffff; border-left: solid 1px #ffffff; padding: 15px 15px 12px; width: 135px; font-weight: normal; vertical-align: middle; } #healthContentsArea #targetInner table th.firstCell { border-left: none; } #healthContentsArea #targetInner table th.wAuto { width: auto; } #healthContentsArea #targetInner table th.w135 { width: 135px; } #healthContentsArea #targetInner table td { border-top: solid 1px #e5e5e5; border-left: solid 1px #e5e5e5; padding: 15px 10px 12px; text-align: center; width: 240px; vertical-align: middle; } #healthContentsArea #targetInner table td.noLine, #healthContentsArea #targetInner table th + td { border-left: none; } #healthContentsArea #targetInner table td.cellBg01 { background: #fff3f3; } #healthContentsArea #targetInner table td.cellBg02 { background: #eff7fc; } #healthContentsArea #targetInner ul.atComment3 { font-size: 86%; line-height: 2; } #healthContentsArea #targetInner ul.atComment3 li:nth-child(n+2) { margin-top: 5px; } #healthContentsArea #numberInner { margin-top: 33px; padding: 32px 50px 45px; } #healthContentsArea #numberInner h5 { color: #00194d; font-size: 153%; } #healthContentsArea #numberInner ul { margin-top: 20px; } #healthContentsArea #numberInner ul li:nth-child(n+2) { margin-top: 5px; } /*------------------------------ 女性活躍推進への取り組み -------------------------------*/ #titleSec.jyoseikatsuyakuMv { background: url("/environment/diversity/jyoseikatsuyaku/images/jyoseikatsuyaku_title_bg.png") no-repeat center top / cover; } #jyoseikatsuyakuContentsArea p.atComment { font-size: 86%; margin-top: 10px; } #jyoseikatsuyakuContentsArea.detailContentsArea { padding-top: 40px; } /* index */ #jyoseikatsuyakuTopWrap .twoColumn { align-items: stretch; } #jyoseikatsuyakuTopWrap .twoColumn .mainContents { padding: 0; width: 900px; } #jyoseikatsuyakuTopWrap .twoColumn .mainContents .breadcrumbNavi { margin-top: 38px; margin-left: 430px; } #jyoseikatsuyakuTopWrap .mainContents #newsArea { padding: 0 0 0 20px; margin: 95px auto 0; font-size: 100%; } #jyoseikatsuyakuTopWrap .mainContents #newsArea ul li:first-child { border-top: none; } #jyoseikatsuyakuTopWrap .mainContents #newsArea ul li a { padding: 34px 0; display: flex; } #jyoseikatsuyakuTopWrap .mainContents #newsArea ul li a .newsDate { font-size: 75%; padding: 8px 0; font-weight: bold; line-height: 1; color: #e556a0; } #jyoseikatsuyakuTopWrap .mainContents #newsArea ul li a .newsTitle { margin-left: 27px; font-size: 106%; line-height: 1.8; flex: 1; } #jyoseikatsuyakuTopWrap .mainContents #newsArea #sideSpTitleArea { display: none; } #jyoseikatsuyakuTopWrap #sideTitleArea { width: 340px; background-color: #e556a0; position: relative; padding-top: 110px; border-radius: 0 0 10px 0; } #jyoseikatsuyakuTopWrap #sideTitleArea::after { content: url(/environment/diversity/jyoseikatsuyaku/images/jyoseikatsuyaku_main_bg.png); height: 110px; left: 340px; display: block; position: absolute; top: 0; } #jyoseikatsuyakuTopWrap #sideTitleArea h3 { color: #fff; font-size: 175%; padding-left: 80px; } #jyoseikatsuyakuTopWrap #sideTitleArea h3 span { display: block; font-size: 64%; line-height: 1; padding-bottom: 5px; } #jyoseikatsuyakuTopWrap #sideTitleArea .txtBtn { margin-top: 25px; margin-left: 85px; } #jyoseikatsuyakuTopWrap #sideTitleArea .txtBtn a { background-color: #fff; color: #e556a0; padding: 15px 40px; display: inline-block; border-radius: 30px; } #jyoseikatsuyakuTopWrap #sideTitleArea .txtBtn a span { background-image: url(/environment/diversity/jyoseikatsuyaku/images/jyoseikatsuyaku_bg_arrow.png); padding: 0 30px 0 0; } #jyoseikatsuyakuTopWrap .singleColumn { width: 100%; min-width: 0; margin-top: 110px; padding-bottom: 80px; } #jyoseikatsuyakuTopWrap .singleColumn .contentsOuter { width: 1280px; min-width: 1280px; } #jyoseikatsuyakuTopWrap .singleColumn #jyoseikatsuyakuContentsArea #introInner { position: relative; border-radius: 15px; overflow: hidden; } #jyoseikatsuyakuTopWrap .singleColumn #jyoseikatsuyakuContentsArea #introInner p { position: absolute; top: 75px; left: 85px; color: #fff; font-size: 106%; line-height: 2.5; } #jyoseikatsuyakuTopWrap .singleColumn #jyoseikatsuyakuContentsArea ul.flexList3 { margin-top: 90px; } #jyoseikatsuyakuTopWrap .singleColumn #jyoseikatsuyakuContentsArea ul.flexList3 li { width: 400px; } #jyoseikatsuyakuTopWrap .singleColumn #jyoseikatsuyakuContentsArea ul.flexList3 li .arrowLink { margin-top: 28px; font-size: 119%; } #jyoseikatsuyakuTopWrap .singleColumn #jyoseikatsuyakuContentsArea ul.borderList { margin-top: 50px; align-items: stretch; } #jyoseikatsuyakuTopWrap .singleColumn #jyoseikatsuyakuContentsArea ul.borderList li { } #jyoseikatsuyakuTopWrap .singleColumn #jyoseikatsuyakuContentsArea ul.borderList li a { font-size: 106%; line-height: 1.7; padding: 23px 20px 23px 28px; height: 100%; display: flex; justify-content: space-between; align-items: center; } #jyoseikatsuyakuTopWrap .singleColumn #jyoseikatsuyakuContentsArea ul.borderList li a[target="_blank"] { background: none; } #jyoseikatsuyakuTopWrap .singleColumn #jyoseikatsuyakuContentsArea ul.borderList li .listTxt { flex: 1; } #jyoseikatsuyakuTopWrap .singleColumn #jyoseikatsuyakuContentsArea ul.borderList li div.target_blank span { background-image: url("/common/images/icon_win_pink.png"); background-repeat: no-repeat; background-position: right center; padding-right: 22px; } /* 中面共通 */ .mainWrap #titleSec.jyoseikatsuyakuPagesMv { background-color: #ffecf6; background-image: url("/environment/diversity/jyoseikatsuyaku/images/pages_title_bg.png"); } .mainWrap #titleSec.jyoseikatsuyakuPagesMv > div { color: #e556a0; } #jyoseikatsuyakuPagesColumn .sideMenu::after { content: url(/environment/diversity/jyoseikatsuyaku/images/main_bg.png); } #jyoseikatsuyakuPagesColumn .sideMenu > div { background: url("/environment/diversity/jyoseikatsuyaku/images/side_bg.png") repeat left top; } #jyoseikatsuyakuPagesColumn .borderTopTitle::before { background-color: #e556a0; } #jyoseikatsuyakuPagesColumn .borderLeftTitle::before { background-color: #e556a0; } #jyoseikatsuyakuPagesColumn dl.borderDl dt { color: #e556a0; } #jyoseikatsuyakuPagesColumn dl.borderDl dt::before { background-color: #e556a0; } #jyoseikatsuyakuPagesColumn ul.newsList li .newsDate { color: #e556a0; } /* トピックス一覧 */ #jyoseikatsuyakuContentsArea ul.newsList { margin-top: 27px; } #jyoseikatsuyakuContentsArea ul.newsList li a { display: flex; align-items: flex-start; padding: 39px 0; } #jyoseikatsuyakuContentsArea ul.newsList li a .newsDate { font-size: 75%; margin-left: 25px; padding: 8px 0; font-weight: bold; margin-top: 1px; line-height: 1; } #jyoseikatsuyakuContentsArea ul.newsList li a .newsTitle { margin-left: 37px; font-size: 106%; line-height: 1.8; } /* トピックス詳細 */ #jyoseikatsuyakuContentsArea .dateTxt { text-align: right; } #jyoseikatsuyakuContentsArea .dateTxt + .borderTopTitle { margin-top: 10px; } #jyoseikatsuyakuContentsArea .borderTopTitle + .articleTxt { margin-top: 50px; } #jyoseikatsuyakuContentsArea p { line-height: 1.8; } #jyoseikatsuyakuContentsArea p a { color: #008ed8; } #jyoseikatsuyakuContentsArea p + p { margin-top: 30px; } #jyoseikatsuyakuContentsArea ul.halfList { margin-top: 30px; display: flex; justify-content: space-between; } #jyoseikatsuyakuContentsArea ul.halfList li { width: 49%; } #jyoseikatsuyakuContentsArea ul.halfList li img { width: 100%; } /* 女性活躍に向けて */ #jyoseikatsuyakuContentsArea.index1Area h4.borderLeftTitle { margin-top: 70px; } #jyoseikatsuyakuContentsArea.index1Area dl.borderDl { margin-top: 30px; } #jyoseikatsuyakuContentsArea.index1Area table#graduateTable td.jobCell { width: 130px; } #jyoseikatsuyakuContentsArea.index1Area table#graduateTable td.jobCell + td { width: 160px; } #jyoseikatsuyakuContentsArea.index1Area table#graduateTable td { width: 85px; } #jyoseikatsuyakuContentsArea.index1Area table#graduateTable td#technicalCell { background-color: #e1f4fe; } #jyoseikatsuyakuContentsArea.index1Area table#graduateTable td#clericalCell { background-color: #feead2; } #jyoseikatsuyakuContentsArea.index1Area table#graduateTable td#totalCell { background-color: #f2fed9; } #jyoseikatsuyakuContentsArea.index1Area table#planTable { margin-top: 30px; } #jyoseikatsuyakuContentsArea.index1Area table#planTable th { width: 275px; } #jyoseikatsuyakuContentsArea.index1Area table#planTable td { padding: 21px 30px; text-align: left; } #jyoseikatsuyakuContentsArea.index1Area table#transitionTable th:first-child { width: 280px; } /* 誰もが生き生きと働ける職場づくり */ #jyoseikatsuyakuContentsArea.index2Area h4.borderLeftTitle { margin-top: 60px; } #jyoseikatsuyakuContentsArea.index2Area .flexList { margin-top: 35px; } #jyoseikatsuyakuContentsArea.index2Area dl.borderDl { margin-top: 35px; } #jyoseikatsuyakuContentsArea.index2Area dl.borderDl dd { margin-top: 15px; } #jyoseikatsuyakuContentsArea.index2Area dl.borderDl dd .flexList { margin-top: 0; } #jyoseikatsuyakuContentsArea.index2Area dl.borderDl dd + dt { margin-top: 30px; } /* DATA BOOK */ #jyoseikatsuyakuContentsArea.index3Area .borderTopTitle + p { margin-top: 50px; } #jyoseikatsuyakuContentsArea.index3Area .databookTable { margin-top: 25px; } #jyoseikatsuyakuContentsArea.index3Area .databookTable th { width: 380px; text-align: left; padding: 7px 15px; } #jyoseikatsuyakuContentsArea.index3Area .databookTable td { padding: 10px; } #jyoseikatsuyakuContentsArea.index3Area .databookTable td.yearCell { width: 440px; } #jyoseikatsuyakuContentsArea.index3Area .databookTable td.sexCell { padding: 5px; width: 70px; } #jyoseikatsuyakuContentsArea.index3Area .databookTable td.maleCell { background-color: #dbf3fd; } #jyoseikatsuyakuContentsArea.index3Area .databookTable td.femaleCell { background-color: #ffeef6; } #jyoseikatsuyakuContentsArea.index3Area .databookTable + div { margin-top: 40px; } #jyoseikatsuyakuContentsArea.index3Area ul.atComment { margin-left: 10px; } #jyoseikatsuyakuContentsArea.index3Area ul.atComment li { margin-top: 5px; } #jyoseikatsuyakuContentsArea.detailContentsArea p a { color: #e652a0; } #jyoseikatsuyakuContentsArea.detailContentsArea .cf { overflow: hidden; } #jyoseikatsuyakuContentsArea.detailContentsArea .fRight {float: right; margin: 0; width: 48%; } #jyoseikatsuyakuContentsArea.detailContentsArea .fRight img { width: 100%; } #jyoseikatsuyakuContentsArea.detailContentsArea ul { margin-top:55px; } #jyoseikatsuyakuContentsArea.detailContentsArea ul.oneThirdList li { float:left; margin-left:20px; display:flex; align-items:flex-end; } #jyoseikatsuyakuContentsArea.detailContentsArea ul.oneThirdList li:first-child { margin-left:0; } #jyoseikatsuyakuContentsArea.detailContentsArea ul.halfList li { float:right; position:relative; display:flex; align-items:flex-end; } #jyoseikatsuyakuContentsArea.detailContentsArea ul.halfList li:first-child { float:left; } #jyoseikatsuyakuContentsArea.detailContentsArea p.detailBtn { margin-top:45px; } #jyoseikatsuyakuContentsArea.detailContentsArea p.detailBtn .linkBtn { width:270px; } #jyoseikatsuyakuContentsArea.detailContentsArea p.detailBtn img { vertical-align:middle; margin-left:5px; } #jyoseikatsuyakuContentsArea.detailContentsArea table { margin-top:40px; border-bottom:solid 1px #e5e5e5; } #jyoseikatsuyakuContentsArea.detailContentsArea table th { width:285px; text-align:center; padding:7px 0; border-top:solid 1px #e5e5e5; font-weight:normal; } #jyoseikatsuyakuContentsArea.detailContentsArea table td { width:610px; padding:7px 20px; border-top:solid 1px #e5e5e5; border-left:solid 1px #e5e5e5; } #jyoseikatsuyakuContentsArea.detailContentsArea .columnInner { margin-top:40px; background:#ffedf6; padding:35px 40px 40px; } #jyoseikatsuyakuContentsArea.detailContentsArea .columnInner dl dt { font-size:143%; font-weight:bold; } #jyoseikatsuyakuContentsArea.detailContentsArea .columnInner dl dd { margin-top:15px; line-height:1.8em; } #jyoseikatsuyakuContentsArea.detailContentsArea .columnInner dl dd ul { margin-top:30px; } #jyoseikatsuyakuContentsArea.detailContentsArea .columnInner dl dd ul li { float:right; width: 49%; } #jyoseikatsuyakuContentsArea.detailContentsArea .columnInner dl dd ul li img { width: 100%; height: auto; } #jyoseikatsuyakuContentsArea.detailContentsArea .columnInner dl dd ul li:first-child { float:left; } #jyoseikatsuyakuContentsArea.detailContentsArea .columnInner dl dd p.fLeftTxt { width:48%; float:left; } #jyoseikatsuyakuContentsArea.detailContentsArea .aboutInner { margin:50px 0 0 10px; } #jyoseikatsuyakuContentsArea.detailContentsArea .aboutInner > p { float:left; } #jyoseikatsuyakuContentsArea.detailContentsArea .aboutInner div { float:left; margin-left:20px; } #jyoseikatsuyakuContentsArea.detailContentsArea .aboutInner div h4 { font-size:143%; color:#ea61a7; font-weight:normal; } #jyoseikatsuyakuContentsArea.detailContentsArea .aboutInner div p { margin-top:10px; } #jyoseikatsuyakuContentsArea.detailContentsArea .lineupInner { margin-top:35px; } #jyoseikatsuyakuContentsArea.detailContentsArea .lineupInner h4 { font-size:143%; color:#ea61a7; font-weight:normal; } #jyoseikatsuyakuContentsArea.detailContentsArea .lineupInner p { margin-top:20px; } #jyoseikatsuyakuContentsArea.detailContentsArea p.detailBtn { width: auto; text-align: center; margin-top: 65px; font-size: 127%; } #jyoseikatsuyakuContentsArea.detailContentsArea p.detailBtn a { display: inline-block; border-radius: 40px; overflow: hidden; padding: 18px 0; background-image: none; background-color: #e652a0; color: #fff; } #jyoseikatsuyakuContentsArea.detailContentsArea p.detailBtn a span { background-image: url("/common/images/icon_pdf.png"); background-repeat: no-repeat; background-position: right center; background-size: 13px; display: block; margin: 0 20px; } /*------------------------------ DX戦略 -------------------------------*/ #dxContentsArea #imgSlide { width: 85%; margin: 35px auto 60px; } #dxContentsArea #imgSlide ul { width: 100%; border: 1px solid #ccc; } #dxContentsArea #imgSlide li { width: 100%; } #dxContentsArea #imgSlide li img { width:100%; } #dxContentsArea .slick-list { line-height: 1; } #dxContentsArea .slick-arrow { display: block; position: absolute; top: 0; bottom: 0; margin: auto; padding: 0; color: transparent; z-index: 1; transition: opacity 0.5s; transform: translateY(0); } #dxContentsArea .slick-arrow:hover { opacity: 0.5; } #dxContentsArea #slick-next { right: -80px; } #dxContentsArea #slick-prev { left: -80px; } #dxContentsArea #slick-prev img { transform: rotate(180deg); } #dxContentsArea .slick-disabled { display: none !important; } #dxContentsArea .slick-num { position: absolute; bottom: -40px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); } #dxContentsArea #imgSlide #mv_num { text-align: center; margin-top: 20px; } #dxContentsArea #imgSlide + p { margin-top: 70px; } #dxContentsArea #imgSlide + p a { color: #008ed8; } /*------------------------------ コーポレートレポート -------------------------------*/ #reportContentsArea a { color: #008ed8; } #reportContentsArea ul.backnumberList { display: flex; flex-wrap: wrap; } #reportContentsArea ul.backnumberList li { margin-left: 17px; } #reportContentsArea ul.backnumberList li:nth-child(n+4) { margin-top: 30px; } #reportContentsArea ul.backnumberList li:nth-child(3n+1) { margin-left: 0; } #reportContentsArea ul.backnumberList li div { border-radius: 15px; border: solid 1px #e3e8ea; background-color: #fff; width: 315px; height: 340px; display: flex; justify-content: center; align-items: center; } #reportContentsArea ul.backnumberList li div img { max-width: 170px; } #reportContentsArea ul.backnumberList li span { display: inline-block; margin-top: 15px; } #reportContentsArea ul.backnumberList li a { display: block; } #reportContentsArea ul.backnumberList li a.iconPdf { background: none; padding: 0; } #reportContentsArea ul.backnumberList li a.iconPdf span { background-image: url("/common/images/icon_pdf.png"); background-repeat: no-repeat; background-position: right center; background-size: 13px; padding: 2px 25px 2px 0; display: inline-block; } #reportContentsArea .borderTopTitle + .borderLeftTitle { margin-top: 50px; } #reportContentsArea .reportImg { border: solid 1px #e5e5e5; border-radius: 15px; overflow: hidden; width: 312px; height: 340px; display: flex; justify-content: center; align-items: center; margin-top: 40px; } #reportContentsArea .reportImg img { max-width: 170px; } #reportContentsArea #catalogTxt { margin-top: 15px; } #reportContentsArea .borderLeftTitle { margin-top: 65px; } #reportContentsArea ul.reportList { border-bottom: solid 1px #e3e8ea; padding-bottom: 10px; } #reportContentsArea ul.reportList li { margin-top: 10px; border-top: solid 1px #e3e8ea; padding-top: 10px; } #reportContentsArea ul.reportList > li:first-child { border-top: none; } #reportContentsArea ul.reportList li ul li { padding-left: 32px; } #reportContentsArea .pdfDlLink { margin-top: 15px; text-align: right; } #reportContentsArea #backnumberInner { background-color: #eef5f8; border-radius: 15px; margin-top: 65px; padding: 40px 45px 40px 50px; } #reportContentsArea #backnumberInner h5 { font-size: 163%; } #reportContentsArea #backnumberInner ul.backnumberList { margin-top: 15px; flex: 1; justify-content: space-between; } #reportContentsArea #backnumberInner ul.backnumberList li { margin-left: 0; } #reportContentsArea #backnumberInner ul.backnumberList li div { width: 260px; } #reportContentsArea #backnumberInner ul.backnumberList li div img { max-width: 170px; } #reportContentsArea #backnumberInner ul.backnumberList + .txtBtnL { margin-top: 35px; } #reportContentsArea #backnumberInner ul.backnumberList + .txtBtnL a { color: #fff; padding: 18px 27px; } #reportContentsArea #backnumberInner ul.backnumberList + .txtBtnL a span { display: block; } /*------------------------------ GRIスタンダード対照表 -------------------------------*/ #griContentsArea .scrollTable { margin-top: 70px; } #griContentsArea table { font-size: 92%; } #griContentsArea table th, #griContentsArea table td { border: solid 2px #e5e5e5; color: #333333; } #griContentsArea table th { font-size: 114%; padding: 17px 20px; font-weight: normal; text-align: center; } #griContentsArea table td { padding: 14px 20px; text-align: left; line-height: 1.7; } #griContentsArea table td span { text-decoration: underline; } #griContentsArea table td a { color: #008ed8; } #griContentsArea table th.itemCell { width: 60px; background: #f8f8f8; } #griContentsArea table th.contentCell { width: 300px; background: #f8f8f8; } #griContentsArea table th.publishedCell { width: 400px; } #griContentsArea table th.headline01 { background: #9acae3; font-size: 129%; font-weight: bold; text-align: left; border-bottom: none; } #griContentsArea table th.headline02 { background: #dff0f9; text-align: left; padding: 13px 20px; border-top: none; } #griContentsArea table th.headline03 { background: #e0e0e0; text-align: left; padding: 11px 20px; } /*------------------------------ TCFDの枠組みに基づく気候関連の情報開示 -------------------------------*/ #tcfdContentsArea p, #tcfdContentsArea ul li { line-height: 1.8; } #tcfdContentsArea ul.dotList { margin-top: 10px; } #tcfdContentsArea ul.dotList li { padding-left: 1em; text-indent: -1em; } #tcfdContentsArea ul.scopeList { margin-top: 12px; } #tcfdContentsArea ul.scopeList li { font-size: 87%; line-height: 1.8; } #tcfdContentsArea ul.scopeList + .atComment { margin-top: 5px; line-height: 1.8; } #tcfdContentsArea .atComment { font-size: 87%; margin-top: 15px; line-height: 2.2; } #tcfdContentsArea .borderTopTitle + .borderLeftTitle { margin-top: 55px; } #tcfdContentsArea .borderLeftTitle { margin-top: 65px; } #tcfdContentsArea .borderLeftTitle + div { margin-top: 35px; } #tcfdContentsArea .flexInner .borderImg { margin: 0; } #tcfdContentsArea dl.borderDl dt { line-height: 1.3; } #tcfdContentsArea dl.borderDl dd .borderImg { margin: 0; } #tcfdContentsArea dl.borderDl dd + dt { margin-top: 35px; } #tcfdContentsArea #purpose > div { width: 645px; } #tcfdContentsArea #purpose > div + div { width: 312px; } #tcfdContentsArea #purpose > div + div .borderImg { margin-top: 0; } #tcfdContentsArea #gx > div { width: 645px; } #tcfdContentsArea #gx > div + div { width: 312px; } #tcfdContentsArea #gx > div + div .borderImg { margin-top: 0; } /*------------------------------------------------------------------------------------------------ 奥村組主催セミナー(200907既存ページCSS) ------------------------------------------------------------------------------------------------*/ #seminarArea h3 { font-size:229%; } #seminarArea .cf { overflow: hidden; } #seminarArea .borderTopTitle + .borderLeftTitle { margin-top: 55px; } #seminarArea #seminarInfoInner > p { margin-top:30px; } #seminarArea #seminarInfoInner > div { margin-top:30px; } #seminarArea #seminarInfoInner div p { float:left; margin-left:5px; } #seminarArea #seminarInfoInner div p:first-child { margin:0; } #seminarArea #seminarInfoInner div div { margin-left:30px; width:400px; float:left; } #seminarArea #seminarInfoInner div div p { margin:20px 0 0; } #seminarArea > dl { margin:20px 0 0; } #seminarArea > dl > dt { font-size:143%; border-bottom:solid 2px #0387cd; padding-bottom:10px; color:#000000; margin-top:40px; } #seminarArea > dl > dd { margin-top:25px; } #seminarArea dl dd h4 span.numberTxt { float:left; width:70px; text-align:center; background:#0089d1; font-size:90%; color:#ffffff; padding:8px 0; font-weight:normal; line-height:1em; } #seminarArea dl dd h4 span.themeTxt { float:left; width:795px; margin-left:15px; font-size:143%; line-height:1.5em; } #seminarArea dl dd table { margin-top:25px; overflow: hidden; } #seminarArea dl dd table th { border-bottom:solid 1px #e5e5e5; text-align:center; background:#f5f5f5; padding:23px 10px; width:200px; } #seminarArea dl dd table td { border-bottom:solid 1px #e5e5e5; padding:20px 10px 20px 30px; width:620px; } #seminarArea dl dd table tr:first-child th { border-top:solid 1px #e5e5e5; } #seminarArea dl dd table tr:first-child th + td { border-top:solid 1px #e5e5e5; } #seminarArea dl dd table td.mainThemeCell { color:#0288cf; font-size:200%; } #seminarArea dl dd table td.KeynoteSpeechCell span { font-size:130%; display:block; padding-bottom:10px; } #seminarArea dl dd table td.panelDiscussionCell dl dt { float:left; clear:left; width:150px; margin-top:10px; } #seminarArea dl dd table td.panelDiscussionCell dl dt:first-child { margin-top:0; } #seminarArea dl dd table td.panelDiscussionCell dl dd { margin:10px 0 0 150px; } #seminarArea dl dd table td.panelDiscussionCell dl dt:first-child + dd { margin-top:0; } #seminarArea ul.seminarBtn { margin-top:40px; text-align:center; } #seminarArea ul.seminarBtn li { width:310px; display:inline-block; margin:0 8px; } #seminarArea ul.seminarBtn li .linkBtn { width:100%; box-sizing:border-box; } #seminarArea ul.seminarBtn li .linkBtn img { padding-left:5px; vertical-align:middle; } #seminarArea .seminarBtnIn { display: flex; align-items: center; } #seminarArea p.seminarBtn { display: block; font-size: 127%; width: 350px; border-radius: 30px; overflow: hidden; } #seminarArea p.seminarBtn a { display: block; color: #fff; background-color: #0790d8; padding: 18px 0; text-align: center; transition: all 1s; } #seminarArea p.seminarBtn a span { padding: 0 30px; background: url("/common/images/bg_arrow_white.png") no-repeat right center; } #seminarArea .noIcon { background: none; } #seminarArea #attentionInner { margin-top:50px; padding:40px; background:#f5f5f5; border-top:solid 1px #e5e5e5; border-bottom:solid 1px #e5e5e5; line-height:1.8em; } #seminarArea #attentionInner p#attentionImg { float:right; } /* 180808追記 */ #seminarArea dl dd table td.twolineTheme { font-size:171%; line-height:1.2em; } #seminarArea dl dd table td.panelDiscussionCell p.discussionTheme { font-size:130%; padding-bottom:20px; } #seminarArea dl dd table td .addressInner { float:left; width:330px; } #seminarArea dl dd table td .addressMapInner { float:left; width:280px; margin-left:10px; } #seminarArea dl dd table td .addressMapInner p.addressMapComment { font-size:86%; } #seminarArea dl dd table td.deadlineDay { color:#ff0000; } /* 181031追記 */ #seminarArea .atInfoTxt { text-align:center; font-weight:bold; color:#FF0000; font-size:120%; line-height:1.8em; } /*------------------------------------------------------------------------------------------------ 奥村組主催セミナー（バックナンバー）(200907既存ページCSS) ------------------------------------------------------------------------------------------------*/ #seminarBkArea .cf { overflow: hidden; } #seminarBkArea .borderTopTitle + .borderLeftTitle { margin-top: 55px; } #seminarBkArea h3 { font-size: 200%; } #seminarBkArea h4 { margin-top:50px; } #seminarBkArea h4 span.numberTxt { float:left; width:70px; text-align:center; background:#0089d1; font-size:90%; color:#ffffff; padding:8px 0; font-weight:normal; line-height:1em; } #seminarBkArea h4 span.themeTxt { float:left; width:795px; margin-left:15px; font-size:143%; line-height:1.5em; } #seminarBkArea table { margin-top:25px; } #seminarBkArea table th { border-bottom:solid 1px #e5e5e5; text-align:center; background:#f5f5f5; padding:30px 10px; width:200px; } #seminarBkArea table td { border-bottom:solid 1px #e5e5e5; padding:20px 10px 20px 30px; width:620px; } #seminarBkArea table tr:first-child th { border-top:solid 1px #e5e5e5; } #seminarBkArea table tr:first-child th + td { border-top:solid 1px #e5e5e5; } #seminarBkArea table td.mainThemeCell { color:#0288cf; font-size:200%; } #seminarBkArea table td.twolineTheme { font-size:171%; line-height:1.2em; } #seminarBkArea table td.KeynoteSpeechCell span { font-size:130%; display:block; padding-bottom:10px; } #seminarBkArea table td.panelDiscussionCell p { font-size:130%; padding-bottom:20px; } #seminarBkArea table td.panelDiscussionCell dl dt { float:left; clear:left; width:150px; margin-top:10px; } #seminarBkArea table td.panelDiscussionCell dl dt:first-child { margin-top:0; } #seminarBkArea table td.panelDiscussionCell dl dd { margin:10px 0 0 150px; } #seminarBkArea table td.panelDiscussionCell dl dt:first-child + dd { margin-top:0; } #seminarBkArea table td.panelDiscussionCell dl.ventureDiscussion dt { width:250px; } #seminarBkArea table td.panelDiscussionCell dl.ventureDiscussion dd { margin:10px 0 0 250px; } #seminarBkArea p.seminarBtn { margin:40px auto 0; width:310px; } #seminarBkArea p.seminarBtn .linkBtn { width: 216px; display: block; } #seminarBkArea p.seminarBtn .linkBtn span { padding: 0 10px 0 0; } #seminarBkArea p.seminarBtn .linkBtn img { padding-left:5px; vertical-align:middle; } #seminarBkArea #attentionInner { margin-top:50px; padding:40px; background:#f5f5f5; border-top:solid 1px #e5e5e5; border-bottom:solid 1px #e5e5e5; line-height:1.8em; } #seminarBkArea #attentionInner p#attentionImg { float:right; } #seminarBkArea p.seminarBtn a.linkBtn { display: inline-block; color: #008ed8; background-color: #eef5f8; padding: 10px 20px; border-radius: 30px; overflow: hidden; font-size: 119%; } #seminarBkArea p.seminarBtn a.linkBtn span { display: block; text-align: center; } #seminarBkArea p.seminarBtn a.linkBtn img { width: 23px; } #seminarBkArea p.seminarBtn a[target="_blank"] { background-image: none; } #seminarBkArea table a { color: #008ed8; } #seminarBkArea table a img { margin-bottom: 2px; margin-left: 5px; width: 13px; } /*------------------------------ 奥村組のイノベーション(240315) -------------------------------*/ #innovationContentsArea .borderTopTitle + .borderLeftTitle { margin-top: 55px; } #innovationContentsArea .borderLeftTitle { margin-top: 105px; } #innovationContentsArea p { line-height: 1.8; } #innovationContentsArea p.f17 { font-size: 113%; } #innovationContentsArea p.f36 { font-size: 225%; } #innovationContentsArea .commonTable { margin-top: 36px; } #innovationContentsArea div, #innovationContentsArea .enTitle { text-align: left; margin-top: 36px; } #innovationContentsArea #innovationList { display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 50px; } #innovationContentsArea #innovationList li { width: 49.3%; display: flex; } #innovationContentsArea #innovationList li:nth-child(n+3) { margin-top: 15px; } #innovationContentsArea #innovationList li .listNum { background-color: #0387cd; color: #fff; font-size: 200%; padding: 36px 10px; width: 80px; text-align: center; line-height: 1; margin-top: 0; } #innovationContentsArea #innovationList li .listNum img { margin-top: 15px; } #innovationContentsArea #innovationList li .listContents { background-color: #eef5f8; padding: 20px 30px 30px; flex: 1; margin-top: 0; } #innovationContentsArea #innovationList li .listContents h5 { color: #008ed8; font-size: 120%; } #innovationContentsArea #innovationList li .listContents h5 span { font-size: 140%; } #innovationContentsArea #innovationList li .listContents p { margin-top: 15px; font-size: 93%; } #innovationContentsArea .enTitle span { font-size: 68%; } #innovationContentsArea #innovationTxt { text-align: center; font-size: 106%; } #innovationContentsArea #howXi { display: flex; margin-left: 20px; justify-content: space-between; } #innovationContentsArea #howXi > div { width: 48%; } #innovationContentsArea #howXi h5 { color: #1c90d8; padding-bottom: 5px; border-bottom: 1px solid #1c90d8; font-size: 113%; } #innovationContentsArea ul.concept { margin-left: 20px; } #innovationContentsArea ul.concept li { background: #eef5f8; border-radius: 10px; padding: 25px; margin-top: 7px; display: flex; } #innovationContentsArea ul.concept li p:nth-child(1) { color: #1c90d8; font-weight: bold; width: 180px; font-size: 120%;} /*------------------------------ ダイバーシティ・エクイティ＆インクルージョン -------------------------------*/ /*扉ページ*/ #indexWrap #diversityBox { position: relative; margin: 0 auto; width: 100%; max-width: 1240px; } #indexWrap #diversityBox h4.enTitle { text-align: left; } #indexWrap #diversityBox div { position: relative; margin-top: 50px; } #indexWrap #diversityBox div a { font-size: 110%; position: absolute; background: #fff; padding: 5px 10px 5px 30px; border-radius: 60px; bottom: 35px; left: 50%; transform: translateX(-50%); } #indexWrap #diversityBox div img { border-radius: 20px; } #indexWrap #diversityBox div + p { margin-top: 30px; text-align: center; font-size: 110%; line-height: 2; } /* カテゴリ扉 */ #diversityIndexContentsArea ul.indexList { align-items: stretch; } #diversityIndexContentsArea ul.indexList li:nth-child(n+3) { margin-top: 40px; } #diversityIndexContentsArea ul.indexList li .indexListImg { border-radius: 15px 15px 0 0; overflow: hidden; } #diversityIndexContentsArea ul.indexList li .indexListImg img { border-radius: 0; } #diversityIndexContentsArea ul.indexList li .indexListImg img.borderImg { border-radius: 15px 15px 0 0; } #diversityIndexContentsArea ul.indexList li .indexListTxt { background-color: #fff; border: solid 1px #e3e8ea; border-top: none; border-radius: 0 0 15px 15px; padding: 25px 28px; height: calc(100% - 280px); } #diversityIndexContentsArea ul.indexList li .indexListTxt div.arrowLink { font-size: 133%; } #diversityIndexContentsArea ul.indexList li .indexListTxt p { margin-top: 15px; } #diversityIndexContentsArea ul.indexList li .indexListTxt h3 { font-size: 133%; } #diversityIndexContentsArea ul.indexList li .indexListTxt ul.lineList { margin-top: 25px; } #diversityIndexContentsArea ul.indexList li .indexListTxt ul.lineList li { padding-left: 25px; } #diversityIndexContentsArea ul.indexList li .indexListTxt ul.lineList li a { padding-left: 0; } #diversityIndexContentsArea ul.indexList li .indexListTxt ul.lineList li a::before { top: 0.9em; left: -25px; } #diversityIndexContentsArea ul.indexList li .indexListTxt ul.lineList li:nth-child(n+2) { margin-top: 15px; } /*中面共通*/ #diversityContentsArea .borderLeftTitle { margin-top: 75px; } #diversityContentsArea .borderTopTitle + .borderLeftTitle { margin-top: 55px; } #diversityContentsArea p { line-height: 1.8; } #diversityContentsArea .flexList { margin-top: 35px; } #diversityContentsArea ul.plainList { line-height: 1.8; padding-left: 1em; text-indent: -1em; } #diversityContentsArea ul.plainList a { background: none; padding-right: 0; color: #0090db; } #diversityContentsArea .circletitle + p { margin-top: 15px; }