@charset "UTF-8"; /* CSS Document */ @media screen and (max-width: 750px) { /*------------------------------ 共通 -------------------------------*/ .mainWrap #environmentTitleSec { height: auto; padding: 30px 5%; } .mainWrap #environmentTitleSec > div { position: static; transform: translateY(0); } .mainWrap #environmentTitleSec #titleCate { font-size: 200%; } #bottomColumn { padding: 40px 0; } #bottomColumn #aboutList { width: 85%; } #bottomColumn #sustainabilityFeatureList { width: 85%; } #aboutList { margin-top: 30px; display: block; } #aboutList li { width: 100%; margin-top: 20px; } #aboutList li:first-child { margin-top: 0; } #aboutList li dl { margin-top: 45px; } #aboutList li dl dt img { width: 36px; } #aboutList li dl dt span { margin: 0 0 0 8px; font-size: 121%; } #aboutList li dl dd ul.lineList { margin-top: 10px; font-size: 90%; } #aboutList li dl dd ul.lineList li a { display: block; } #aboutList li dl dd ul.lineList li a::before { top: 0.8em; } #bottomColumn #aboutList li:first-child dl { margin-top: 0; } /*------------------------------ index -------------------------------*/ #indexWrap #environmentContents #indexArea { width: 100%; } #indexWrap #environmentContents #indexArea #topInner { width: 85%; margin: 0 auto; } #indexWrap #environmentContents #indexArea #topInner > div { width: 100%; } #indexWrap #environmentContents #indexArea #topInner > div + div { margin-top: 25px; } #indexWrap #environmentContents #indexArea #topInner h3 + a { margin-top: 15px; } #indexWrap #environmentContents #indexArea #topInner .cateLink { margin-top: 25px; } #indexWrap #environmentContents #indexArea #topInner .cateLink { font-size: 112%; } #indexWrap #environmentContents #indexArea #topInner .cateLink img { width: 48px; } #environmentContents #indexArea #otherInner #otherList li .otherLink span, #aboutList li dl dd ul li div a, #indexWrap #environmentContents #indexArea .titleBox div a, #indexWrap #environmentContents #indexArea #topCateInner > div .cateLink a { font-size: 112%; } #environmentContents #indexArea #otherInner #otherList li .otherLink .arrowLink img, #aboutList li dl dd img, #aboutList li dl dd ul li div a img, #indexWrap #environmentContents #indexArea .titleBox div a img, #indexWrap #environmentContents #indexArea #topCateInner > div .cateLink a img { width: 48px; margin-left: 28px; } #indexWrap #environmentContents #indexArea #topCateInner > div .cateLink { margin-top: 20px; } #indexWrap #environmentContents #indexArea #topAboutInner { width: 85%; margin: 0 auto; } #indexWrap #environmentContents #indexArea #topAboutInner .titleBox { display: block; } #indexWrap #environmentContents #indexArea #topAboutInner .titleBox h3 + div, #indexWrap #environmentContents #indexArea #topAboutInner .titleBox + div { margin-top: 25px; } #indexWrap #environmentContents #indexArea #topCateInner { padding: 25px 20px; display: block; width: 85%; margin: 40px auto 0; } #indexWrap #environmentContents #indexArea #topCateInner > #processBox { width: 100%; } #indexWrap #environmentContents #indexArea #topCateInner > div .cateLink { margin-top: 10px; } #indexWrap #environmentContents #indexArea #topCateInner > div .cateImg { margin-top: 20px; } #indexWrap #environmentContents #indexArea #topCateInner > div h4 { display: none; } #indexWrap #environmentContents #indexArea #topCateInner > div p { font-size: 100%; line-height: 1.7; } #indexWrap #environmentContents #indexArea #topCateInner > div { width: 100%; } #indexWrap #environmentContents #indexArea #topCateInner > div + div { margin-top: 20px; } #indexWrap #environmentContents #indexArea #topCateInner > div .cateLink, #indexWrap #environmentContents #indexArea #topCateInner #processBox .cateLink { margin-top: 10px; } #indexWrap #environmentContents #indexArea #topCateInner .infoTxt { min-height: auto; } #indexArea .singleColumn #environmentContents #aboutInner .contentsOuter { min-width: 0; width: 85%; } #indexWrap .singleColumn #environmentContents #indexArea .contentsOuter { width: 85%; min-width: 0; } #indexWrap .singleColumn #environmentContents #indexArea > .contentsOuter { width: 100%; } /* ESG/SDGsについて */ #environmentContents #indexArea #aboutInner { margin-top: 30px; } #environmentContents #indexArea #aboutInner #materialityBox { display: block; } #environmentContents #indexArea #aboutInner #materialityBox #materialityImg { width: 100%; } #environmentContents #indexArea #aboutInner #materialityBox #materialityImg + div { margin: 0; } #environmentContents #indexArea #aboutInner #materialityBox #materialityImg + div h3 { margin-top: 20px; } #environmentContents #indexArea #aboutInner #materialityBox #materialityImg + div dl { margin-top: 15px; } #environmentContents #indexArea #aboutInner #materialityBox #materialityImg + div dl dt { margin: 0; } #environmentContents #indexArea #aboutInner #aboutList { margin-top: 30px; } #environmentContents #indexArea #initiativesInner { margin-top: 30px; padding: 30px 0; border-radius: 0; } #environmentContents #indexArea #initiativesInner #bottomColumn #sustainabilityFeatureList { width: 100%; } #environmentContents #indexArea #otherInner { margin-top: 0; } #environmentContents #indexArea #otherInner #otherList { margin-top: 80px; display: block; } #environmentContents #indexArea #otherInner #otherList li { width: 100%; margin-top: 30px; } #environmentContents #indexArea #otherInner #otherList li:first-child { margin-top: 0; } #environmentContents #indexArea #otherInner #otherList li .otherLink { margin-top: 15px; } #environmentContents #indexArea #otherInner #otherList li p { margin-top: 15px; } /*------------------------------ 奥村組のサステナビリティについて -------------------------------*/ #messageContentsArea h3 { font-size: 112%; margin-top: 30px; text-align: left; } #messageContentsArea h3 + div { font-size: 100%; margin-top: 20px; text-align: left; } #messageContentsArea p { margin-top: 35px; } /*------------------------------ 価値創造プロセス -------------------------------*/ #processContentsArea .borderLeftTitle { margin-top: 40px; } #processContentsArea .introTxt + div { margin-top: 30px; } #processContentsArea #visionArrowInner { margin-top: 38px; } #processContentsArea #visionArrowInner #visionArrowBox01, #processContentsArea #visionArrowInner #visionArrowBox02 { background-size: 25px; padding-left: 30px; } #processContentsArea #visionArrowInner #visionArrowBox01 .visionArrow h4, #processContentsArea #visionArrowInner #visionArrowBox02 .visionArrow h4 { align-items: flex-start; } #processContentsArea #visionArrowInner #visionArrowBox01 .visionArrow h4 span, #processContentsArea #visionArrowInner #visionArrowBox02 .visionArrow h4 span { margin-top: 5px; } #processContentsArea #visionArrowInner #visionArrowBox01 ul.thoughtList li:nth-child(2) { margin-top: 0; } #processContentsArea #visionArrowInner #visionArrowBox02 .visionArrow { padding-top: 0; } #processContentsArea #visionArrowInner #visionArrowBox02 .visionArrow ul.thoughtList li { width: 100%; } #processContentsArea #visionList li { font-size: 100%; padding: 20px; margin-top: 15px; } #processContentsArea h4 { margin-top: 30px; font-size: 129%; } #processContentsArea h4 span { display: block; margin-bottom: 3px; width: 100px; } #processContentsArea ul.thoughtList { margin-top: 15px; flex-wrap: wrap; } #processContentsArea ul.thoughtList li { width: 48%; } #processContentsArea ul.thoughtList li:nth-child(n+2) { margin-top: 10px; } #processContentsArea ul.thoughtList li span { margin-top: 5px; font-size: 87%; } #processContentsArea ul.thoughtList.inList { flex-wrap: wrap; } #processContentsArea ul.thoughtList.inList li h5 { padding: 5px 0; font-size: 110%; } #processContentsArea ul.thoughtList.inList li ul li { padding: 2px 0 2px 10px; font-size: 87%; } #processContentsArea ul.thoughtList.inList li ul li::before { font-size: 40%; } #processContentsArea ul.thoughtList.inList ul li:nth-child(n+3) { margin-top: 0; } #processContentsArea ul.thoughtList.col3.inList > li { width: 48%; } #processContentsArea ul.thoughtList.col3.inList > li:nth-child(n+2) { margin-top: 30px; } /*------------------------------ ESG/SDGsについて -------------------------------*/ #aboutContentsArea .borderLeftTitle { margin-top: 40px; } #aboutContentsArea .borderTopTitle + .borderLeftTitle { margin-top: 30px; } #aboutContentsArea p { line-height: 1.8; } #aboutContentsArea ul#materialityList { margin-top: 25px; } #aboutContentsArea ul#materialityList li { padding: 10px; font-size: 110%; margin-top: 10px; } #aboutContentsArea dl#aboutDl dt { margin-top: 15px; font-size: 112%; } #aboutContentsArea dl#aboutDl dd { font-size: 100%; } #aboutContentsArea #promotionInner { display: block; margin-top: 25px; } #aboutContentsArea #promotionInner div { margin: 20px 0 0; width: 100%; } /*------------------------------ ESG/SDGsについて -------------------------------*/ .aboutArea .borderTopTitle + .borderLeftTitle { margin-top: 30px; } .aboutArea h4 + .circletitle, .aboutArea p + .circletitle { margin-top: 18px; } .aboutArea .circletitle + p { margin-top: 10px; } .aboutArea ol { margin-top: 15px; } .aboutArea .bgColor { margin-top: 15px; padding: 20px 30px; } .aboutArea .txtBtnL { display: block; margin: 0 auto; } .aboutArea img + span { margin-top: 5px; } .aboutArea #rowList { display: block; margin-top: 20px; } .aboutArea #rowList li { margin-top: 15px; } .aboutArea #rowList li:first-child { margin-top: 0; } /* 環境への配慮と調和の取り組み */ #constructionContentsArea dl#constructionDl > dt:first-child { margin-top: 20px; } #constructionContentsArea dl#constructionDl > dd #basicPrincipleDl dd + dt { margin-top: 25px; } #constructionContentsArea dl#constructionDl > dd #basicPrincipleDl + p { margin-top: 25px; } #constructionContentsArea dl#constructionDl > dt { margin-top: 30px; } #constructionContentsArea dl#constructionDl > dd ul.attentionList { margin-top: 8px; } #constructionContentsArea .txtBlueBtn { display: block; max-width: 100%; } /* 環境中期計画 */ #eiapPlanArea ul#flowList { margin-top:30px; flex-wrap: wrap; } #eiapPlanArea ul#flowList li { width:49%; } #eiapPlanArea ul#flowList li:nth-child(n+3) { margin-top:10px; } #eiapPlanArea ul#flowList li a { padding: 15px 5px; } #eiapPlanArea h4 { margin-top: 30px; } #eiapPlanArea dl { } #eiapPlanArea > dl > dt { font-size:112%; margin-top:20px; } #eiapPlanArea > dl > dt.articleDt .articleTxt { font-size: 120%; color: #008ed8; } #eiapPlanArea > dl > dt.articleDt .articleTxt + span { font-size: 112%; margin-top: 10px; } #eiapPlanArea dl dd > p { font-size:107%; margin-top:15px; } #eiapPlanArea dl dd ol { margin-top:10px; } #eiapPlanArea dl dd ol li { margin-top:5px; } #eiapPlanArea dl dd ul.targetList { margin-top:0; flex-wrap: wrap; } #eiapPlanArea dl dd ul.targetList li { width:100%; margin:10px 0 0; padding:10px; } #eiapPlanArea dl dd ul.targetList li dl dt span { font-size:110%; } #eiapPlanArea dl dd div { margin-top:15px; display: block; } #eiapPlanArea dl dd div p { font-size:110%; background:none; padding-right:0; } #eiapPlanArea dl dd div ul { margin-left:0; flex-wrap: wrap; } #eiapPlanArea dl dd div ul li { width:32%; margin:3px 0 0 1%; box-sizing:border-box; } #eiapPlanArea dl dd div ul li:nth-child(3n+1) { margin-left:0; } #eiapPlanArea dl dd h4 { font-size:110%; margin-top:25px; } /* コンプライアンス */ #complianceContentsArea .circletitle { margin-top: 30px !important; } /* 土壌汚染対策法に基づく指定調査機関の情報 */ #infoContentsArea table { width:730px; table-layout:fixed; word-break:break-all; } #infoContentsArea table th { padding:15px 2%; width:30%; box-sizing:border-box; } #infoContentsArea table td { padding:10px 2%; width:70%; box-sizing:border-box; } #infoContentsArea table th#researchAchievements { width:1em; padding:10px; } #infoContentsArea table th.investigationCell { width:auto; padding:10px; border-left:solid 1px #e5e5e5; } #infoContentsArea table .w125 { width:auto; padding:7px 10px; text-align:center; } #infoContentsArea table .w155 { width:auto; padding:7px 10px; text-align:center; } #infoContentsArea table .w335 { width:auto; padding:7px 10px; text-align:center; } #infoContentsArea table th.industryCell { padding:13px 10px; width:auto; border-left:solid 1px #e5e5e5; } #infoContentsArea table td.industryCell { padding:13px 10px 13px 30px; text-align:left; } /* 協力会社とのかかわり */ #relationContentsArea #topicInner { padding: 20px 30px; } #relationContentsArea #topicInner p { margin-top: 10px; } #relationContentsArea #topicInner ul.flexList li { width: 100%; } /* 品質の向上・顧客満足・社会的信頼 */ #qualityContentsArea #mainSubjectInner { padding: 20px; } #qualityContentsArea #mainSubjectInner #subjectTxt { font-size: 112%; } #qualityContentsArea #mainSubjectInner #subjectTxt span { font-size: 118%; } #qualityContentsArea #mainSubjectInner #subjectBox { display: block; } #qualityContentsArea #mainSubjectInner #subjectBox > div ul + div { margin-top: 28px; } #qualityContentsArea #mainSubjectInner #subjectBox > ul { width: 100%; margin: 25px 0 0; } #qualityContentsArea #mainSubjectInner #subjectBox > ul li:nth-child(n+2) { margin-top: 25px; } /* 安心安全な労働環境 */ #securityContentsArea .bgColor { padding: 20px 30px; } #securityContentsArea #messageInner { margin-top: 30px; } #securityContentsArea #messageInner #messageTxt { font-size: 120%; } #securityContentsArea #messageInner .flexInner { margin-top: 10px; } #securityContentsArea #messageInner .flexInner > div { width: 100%; } #securityContentsArea #messageInner .flexInner > p { margin: 20px 0 0; } #securityContentsArea #messageInner + h4.borderLeftTitle { margin-top: 40px; } /* 統合マネジメントシステム */ #managementContentsArea #policyInner > div, #managementContentsArea #policyInner > div + div { width: 100%; } #managementContentsArea #policyInner > div.modalImg + div.modalImg { margin-top: 20px; } #managementContentsArea .bgBorder { padding: 20px; } /* 多様な人材の活用 */ #divercityContentsArea dl#trainingDl dd { margin-top: 7px; } #divercityContentsArea #shien > div { width: 100%; } #divercityContentsArea #shien > div + div { width: 60%; margin: 0 auto; } #divercityContentsArea #shien > div + div .borderImg { margin-top: 20px; } /*------------------------------ 3つの取り組み -------------------------------*/ .initiativesArea p, .initiativesArea h3 + p {; line-height: 1.7; } .initiativesArea h3 + p { margin-top: 20px } .initiativesArea h3 + p + .titleInner { margin-top: 25px; } .initiativesArea .titleInner { margin-top: 30px; } .initiativesArea .titleInner .romanNumerals img { width: 30px; } .initiativesArea .titleInner .romanNumerals span { margin-left: 10px; font-size: 143%; } .initiativesArea .titleInner .sdgsList { margin-top: 0; align-self: flex-start; } .initiativesArea .titleInner .sdgsList li { width: 40px; } .initiativesArea .flexInner p + div, .initiativesArea .flexInner div + div { margin-top: 20px; } /* 特集1 */ .initiativesArea dl#comparisonDl .flexInner { margin-top: 25px; } .initiativesArea dl#comparisonDl .flexInner > div, .initiativesArea dl#comparisonDl .flexInner > div + div { width: 100%; } .initiativesArea dl#comparisonDl .flexInner > div + div img { width: 100%; } .initiativesArea dl#comparisonDl .flexInner > div + div { margin-top: 20px; } .initiativesArea #foundation > div, .initiativesArea #foundation > div + div { width: 100%; } .initiativesArea #growth > div, .initiativesArea #growth > div + div { width: 100%; } .initiativesArea #preservation > div, .initiativesArea #preservation > div + div { width: 100%; } .initiativesArea #implementation > div, .initiativesArea #implementation > div + div { width: 100%; } /* 特集2 */ .initiativesArea #bpo > div, .initiativesArea #bpo > div + div { width: 100%; } .initiativesArea .voice { display: block; } .initiativesArea .voice > div { width: 100%; margin-top: 20px; } .initiativesArea .voice h5 + p { min-height: auto; } /* 特集3 */ .initiativesArea #initiativesMessage { margin-top: 30px; padding: 20px 25px; } .initiativesArea #initiativesMessage div { font-size: 125%; } .initiativesArea #workLifeBalance > div, .initiativesArea #workLifeBalance > div + div { width: 100%; } .initiativesArea #workLifeBalance > div .bgColor { padding: 20px 25px; } .initiativesArea #workLifeBalance > div .bgColor + p { margin-top: 20px; } .initiativesArea #workLifeBalance > div + div { text-align: center; } .initiativesArea #unity.flexInner > div:nth-child(1) { width: 100%; } .initiativesArea #unity.flexInner > div:nth-child(2) { width: 100%; } .initiativesArea .voiceArea { display: block; margin-top: 0; } .initiativesArea .voiceArea .txtBox { width: 100%; } .initiativesArea .voiceArea .imgBox { width: 60%; max-width: 200px; margin: 20px auto 0; } /*------------------------------ 健康経営 -------------------------------*/ #healthContentsArea .mt30, #healthContentsArea ul.flexList, #healthContentsArea ul.flexList3 { margin-top: 15px !important; } #healthContentsArea .introTxt { font-size: 114%; line-height: 1.8; margin-top: 20px; } #healthContentsArea .bgColor { padding: 20px 25px; } #healthContentsArea .borderLeftTitle + div { margin-top: 25px; } #healthContentsArea #declarationInner div, #healthContentsArea #declarationInner div + div { width: 100%; } #healthContentsArea #declarationInner div + div { margin-top: 20px; } #healthContentsArea #declarationInner div div { max-width: 100%; } #healthContentsArea #targetInner { margin-top: 15px; overflow:auto; padding-bottom: 15px; } #healthContentsArea #targetInner .scrollTable::-webkit-scrollbar{ height:5px; } #healthContentsArea #targetInner .scrollTable::-webkit-scrollbar-track{ background: #f1f1f1; } #healthContentsArea #targetInner .scrollTable::-webkit-scrollbar-thumb { background: #bcbcbc; } #healthContentsArea #targetInner table { font-size: 92%; width: 750px; margin-top: 0; } #healthContentsArea #targetInner table th { padding: 4px 10px; line-height: 1.3; width: 16%; } #healthContentsArea #targetInner table th.firstCell { width: 14%; } #healthContentsArea #targetInner table td { padding: 4px 10px; text-align: center; width: 18%; } #healthContentsArea #numberInner { margin-top: 20px; padding: 20px 25px; } #healthContentsArea #numberInner h5 { font-size: 114%; } /*------------------------------ 女性活躍推進への取り組み -------------------------------*/ #titleSec.jyoseikatsuyakuMv > div { padding: 75px 7% 15px; } #titleSec.jyoseikatsuyakuMv #titleCate { font-size: 150%; } #titleSec.jyoseikatsuyakuMv #pageTitle { font-size: 164%; } #titleSec.jyoseikatsuyakuMv #pageTitle img { width: 30px; } #titleSec.jyoseikatsuyakuMv #pageTitle span { margin-left: 10px; } /* index */ #jyoseikatsuyakuTopWrap .twoColumn { display: flex; flex-direction: column; } #jyoseikatsuyakuTopWrap .twoColumn .mainContents { width: 100%; } #jyoseikatsuyakuTopWrap .twoColumn .mainContents .breadcrumbNavi { width: 85%; margin: 10px auto 0; } #jyoseikatsuyakuTopWrap .twoColumn .mainContents .breadcrumbNavi ul { width: 100%; } #jyoseikatsuyakuTopWrap .mainContents #newsArea { margin: 30px auto 0; padding: 0; width: 100%; } #jyoseikatsuyakuTopWrap .mainContents #newsArea ul { padding: 10px 8% 0 15%; position: relative; border-bottom: none; } #jyoseikatsuyakuTopWrap .mainContents #newsArea ul li:last-child { border-bottom: solid 1px #e3e8ea; } #jyoseikatsuyakuTopWrap .mainContents #newsArea ul li a { padding: 10px 0; display: block; } #jyoseikatsuyakuTopWrap .mainContents #newsArea ul li a .newsTitle { margin: 0; } #jyoseikatsuyakuTopWrap .mainContents #newsArea ul li a .newsDate { display: block; } #jyoseikatsuyakuTopWrap .mainContents #newsArea ul::before { content: ""; background-color: #e556a0; position: absolute; width: 7.5%; left: 0; top: 0; height: 100%; border-radius: 0 0 15px 0; } #jyoseikatsuyakuTopWrap #sideTitleArea { background: none; width: 100%; padding-top: 0; } #jyoseikatsuyakuTopWrap #sideTitleArea::after, #jyoseikatsuyakuTopWrap #sideTitleArea h3 { display: none; } #jyoseikatsuyakuTopWrap #sideTitleArea .txtBtn { margin: 30px auto 0; text-align: center; width: 100%; } #jyoseikatsuyakuTopWrap #sideTitleArea .txtBtn a { background-color: #f6ecf1; color: #e556a0; padding: 8px 40px; } #jyoseikatsuyakuTopWrap .mainContents #newsArea #sideSpTitleArea { display: block; background-color: #e556a0; color: #fff; padding: 18px 0; position: relative; } #jyoseikatsuyakuTopWrap .mainContents #newsArea #sideSpTitleArea h3 { width: 85%; margin: 0 auto; font-size: 143%; } #jyoseikatsuyakuTopWrap .mainContents #newsArea #sideSpTitleArea h3 span { display: block; font-size: 64%; } #jyoseikatsuyakuTopWrap .mainContents #newsArea #sideSpTitleArea::after { content: url(/environment/diversity/jyoseikatsuyaku/images/jyoseikatsuyaku_main_bg_sp.png); position: absolute; bottom: 0; left: 7.5%; transform: translateY(100%); } #jyoseikatsuyakuTopWrap .singleColumn { width: 100%; margin-top: 50px; padding-bottom: 40px; } #jyoseikatsuyakuTopWrap .singleColumn .contentsOuter { width: 85%; min-width: 0; margin: 0 auto; } #jyoseikatsuyakuTopWrap .singleColumn #jyoseikatsuyakuContentsArea #introInner p { position: static; background-color: #e556a0; padding: 30px 20px; line-height: 1.8; } #jyoseikatsuyakuTopWrap .singleColumn #jyoseikatsuyakuContentsArea ul.flexList3 { margin-top: 40px; } #jyoseikatsuyakuTopWrap .singleColumn #jyoseikatsuyakuContentsArea ul.flexList3 li { width: 100%; } #jyoseikatsuyakuTopWrap .singleColumn #jyoseikatsuyakuContentsArea ul.flexList3 li .arrowLink { margin-top: 15px; } #jyoseikatsuyakuTopWrap .singleColumn #jyoseikatsuyakuContentsArea ul.flexList3 li .arrowLink img { width: 30px; margin-left: 8px; } #jyoseikatsuyakuTopWrap .singleColumn #jyoseikatsuyakuContentsArea ul.flexList3 li:nth-child(n+2), #jyoseikatsuyakuTopWrap .singleColumn #jyoseikatsuyakuContentsArea ul.flexList3 li:nth-child(n+4) { margin-top: 25px; } #jyoseikatsuyakuTopWrap .singleColumn #jyoseikatsuyakuContentsArea ul.borderList { margin-top: 30px; } #jyoseikatsuyakuTopWrap .singleColumn #jyoseikatsuyakuContentsArea ul.borderList li a { font-size: 100%; padding: 13px 15px 15px; } #jyoseikatsuyakuTopWrap .singleColumn #jyoseikatsuyakuContentsArea ul.borderList li a .listArrow { width: 30px; } /* 共通 */ #jyoseikatsuyakuContentsArea ul.newsList li a { padding: 15px 0; flex-wrap: wrap; } #jyoseikatsuyakuContentsArea ul.newsList li a .newsDate { margin-left: 15px; padding: 6px 0; } #jyoseikatsuyakuContentsArea ul.newsList li a .newsTitle { flex: auto; width: 100%; margin: 8px 0 0; line-height: 1.6; } /* トピックス詳細 */ #jyoseikatsuyakuContentsArea .borderTopTitle + .articleTxt { margin-top: 30px; } #jyoseikatsuyakuContentsArea p + p { margin-top: 20px; } #jyoseikatsuyakuContentsArea img { width: 100%; height: 100% !important; } #jyoseikatsuyakuContentsArea ul.halfList { margin-top: 20px; display: block; } #jyoseikatsuyakuContentsArea ul.halfList li { width: 100%; } #jyoseikatsuyakuContentsArea ul.halfList li:nth-child(n+2) { margin-top: 15px; } #jyoseikatsuyakuContentsArea.detailContentsArea { padding-top: 0; } /* 女性活躍に向けて */ #jyoseikatsuyakuContentsArea.index1Area h4.borderLeftTitle { margin-top: 40px; } #jyoseikatsuyakuContentsArea.index1Area dl.borderDl { margin-top: 20px; } #jyoseikatsuyakuContentsArea.index1Area table#graduateTable { width: 750px; } #jyoseikatsuyakuContentsArea.index1Area table#planTable { margin-top: 20px; } #jyoseikatsuyakuContentsArea.index1Area table#planTable th { width: 120px; } #jyoseikatsuyakuContentsArea.index1Area table#planTable td { padding: 15px 20px; } #jyoseikatsuyakuContentsArea.index1Area table#transitionTable { font-size: 85%; } #jyoseikatsuyakuContentsArea.index1Area table#transitionTable th { width: 50px; } #jyoseikatsuyakuContentsArea.index1Area table#transitionTable th:first-child { width: auto; } /* 誰もが生き生きと働ける職場づくり */ #jyoseikatsuyakuContentsArea.index2Area h4.borderLeftTitle { margin-top: 40px; } #jyoseikatsuyakuContentsArea.index2Area .flexList { margin-top: 25px; } #jyoseikatsuyakuContentsArea.index2Area dl.borderDl { margin-top: 25px; } #jyoseikatsuyakuContentsArea.index2Area dl.borderDl dd + dt { margin-top: 30px; } #jyoseikatsuyakuContentsArea.index3Area .borderTopTitle + p { margin-top: 20px; } #jyoseikatsuyakuContentsArea.index3Area table { width: 730px; } /*------------------------------------------------------------------------------------------------ トピックス ------------------------------------------------------------------------------------------------*/ #jyoseikatsuyakuContentsArea.detailContentsArea .fRight { width: 100%; } #jyoseikatsuyakuContentsArea.detailContentsArea ul { margin-top:10px; } #jyoseikatsuyakuContentsArea.detailContentsArea ul.oneThirdList li { width:100%; margin:10px 0 0; float:none; } #jyoseikatsuyakuContentsArea.detailContentsArea ul.oneThirdList li:nth-child(2n+1) { margin:10px 0 0; } #jyoseikatsuyakuContentsArea.detailContentsArea ul.halfList li { width:100%; margin:10px 0 0; float:none; } #jyoseikatsuyakuContentsArea.detailContentsArea ul.halfList li:first-child { float:none; } #jyoseikatsuyakuContentsArea.detailContentsArea p.detailBtn { margin-top:20px; } #jyoseikatsuyakuContentsArea.detailContentsArea p.detailBtn .linkBtn { max-width:270px; padding: 10px 0; } #jyoseikatsuyakuContentsArea.detailContentsArea p.detailBtn img { width:auto; } #jyoseikatsuyakuContentsArea.detailContentsArea table { margin-top:20px; } #jyoseikatsuyakuContentsArea.detailContentsArea table th { width:40%; } #jyoseikatsuyakuContentsArea.detailContentsArea table td { width:60%; box-sizing:border-box; padding:7px 10px; } #jyoseikatsuyakuContentsArea.detailContentsArea .columnInner { margin-top:20px; padding:20px; } #jyoseikatsuyakuContentsArea.detailContentsArea .columnInner dl dt { font-size:133%; } #jyoseikatsuyakuContentsArea.detailContentsArea .columnInner dl dd { } #jyoseikatsuyakuContentsArea.detailContentsArea .columnInner dl dd ul { margin-top:15px; } #jyoseikatsuyakuContentsArea.detailContentsArea .columnInner dl dd ul li { width:100%; float:none; margin-top:10px; } #jyoseikatsuyakuContentsArea.detailContentsArea .columnInner dl dd ul li:first-child { float:none; margin-top:0; } #jyoseikatsuyakuContentsArea.detailContentsArea .columnInner dl dd p.fLeftTxt { width:100%; float:none; } #jyoseikatsuyakuContentsArea.detailContentsArea .columnInner dl dd p.fRight { margin-top:10px; } #jyoseikatsuyakuContentsArea.detailContentsArea .aboutInner { margin:30px 0 0; } #jyoseikatsuyakuContentsArea.detailContentsArea .aboutInner > p { float:left; } #jyoseikatsuyakuContentsArea.detailContentsArea .aboutInner div { float:left; width:-webkit-calc(100% - 60px); width:calc(100% - 60px); margin-left:0; padding-left:10px; box-sizing:border-box; } #jyoseikatsuyakuContentsArea.detailContentsArea .aboutInner div h4 { font-size:133%; } #jyoseikatsuyakuContentsArea.detailContentsArea .aboutInner div p { margin-top:5px; } #jyoseikatsuyakuContentsArea.detailContentsArea .lineupInner { margin-top:20px; } #jyoseikatsuyakuContentsArea.detailContentsArea .lineupInner h4 { font-size:133%; } #jyoseikatsuyakuContentsArea.detailContentsArea .lineupInner p { margin-top:10px; } /*------------------------------ DX戦略 -------------------------------*/ #dxContentsArea .slick-arrow { background:none; } #dxContentsArea #slick-next { right: -25px; } #dxContentsArea #slick-prev { left: -25px; } /*------------------------------ コーポレートレポート -------------------------------*/ #reportContentsArea ul.backnumberList { justify-content: space-between; } #reportContentsArea ul.backnumberList li { width: 48%; margin-left: 0; } #reportContentsArea ul.backnumberList li:nth-child(n+3), #reportContentsArea ul.backnumberList li:nth-child(n+4) { margin-top: 20px; } #reportContentsArea ul.backnumberList li div { width: 100%; height: auto; padding: 15px 10px; } #reportContentsArea ul.backnumberList li div img { max-width: 100%; } #reportContentsArea ul.backnumberList li div { margin-bottom: 5px; } #reportContentsArea ul.backnumberList li a.iconPdf span { margin-top: 0; display: inline; } #reportContentsArea .reportImg { width: 90%; height: auto; padding: 25px 0; margin: 30px auto 0; } #reportContentsArea #backnumberInner { margin-top: 30px; padding: 20px; } #reportContentsArea #backnumberInner ul.backnumberList { display: block; } #reportContentsArea #backnumberInner ul.backnumberList li { width: 100%; } #reportContentsArea #backnumberInner ul.backnumberList li:nth-child(n+2) { margin-top: 10px; } #reportContentsArea #backnumberInner ul.backnumberList li div { width: 100%; } #reportContentsArea #backnumberInner ul.backnumberList + .txtBtnL { margin: 20px auto 0; display: block; } #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: 40px; } #griContentsArea table { width: 880px; } /*------------------------------ TCFDの枠組みに基づく気候関連の情報開示 -------------------------------*/ #tcfdContentsArea .borderLeftTitle { margin-top: 30px; } #tcfdContentsArea .borderTopTitle + .borderLeftTitle { margin-top: 25px; } #tcfdContentsArea .borderLeftTitle + div { margin-top: 25px; } #tcfdContentsArea #purpose > div { width: 100%; } #tcfdContentsArea #purpose > div + div { width: 100%; } #tcfdContentsArea #purpose > div + div .borderImg { margin-top: 15px; } #tcfdContentsArea #gx > div { width: 100%; } #tcfdContentsArea #gx > div + div { width: 100%; } #tcfdContentsArea #gx > div + div .borderImg { margin-top: 15px; } /*------------------------------------------------------------------------------------------------ 奥村組主催セミナー(200907既存ページCSS) ------------------------------------------------------------------------------------------------*/ #seminarArea h3 { font-size: 131%; } #seminarArea #seminarInfoInner > p { margin-top:20px; } #seminarArea #seminarInfoInner > div { margin-top:20px; } #seminarArea #seminarInfoInner div p { float:none; margin:10px 0 0; } #seminarArea #seminarInfoInner div p:first-child { margin:0; } #seminarArea #seminarInfoInner div div { margin:15px 0 0; width:100%; float:none; } #seminarArea #seminarInfoInner div div p { margin:10px 0 0; } #seminarArea > dl { margin:20px 0 0; } #seminarArea > dl > dt { font-size:117%; padding-bottom:8px; margin-top:20px; } #seminarArea > dl > dd { margin-top:15px; } #seminarArea dl dd h4 span.numberTxt { width:70px; font-size:80%; padding:5px 0; } #seminarArea dl dd h4 span.themeTxt { width:-webkit-calc(100% - 80px); width:calc(100% - 80px); margin-left:10px; font-size:117%; line-height:1.5em; } #seminarArea dl dd table { margin-top:15px; } #seminarArea dl dd table th { padding:15px 10px; width:30%; box-sizing:border-box; } #seminarArea dl dd table td { padding:15px 10px 15px 15px; width:70%; box-sizing:border-box; } #seminarArea dl dd table td.mainThemeCell { font-size:117%; font-weight:bold; } #seminarArea dl dd table td.KeynoteSpeechCell span { font-size:108%; font-weight:bold; } #seminarArea dl dd table td.panelDiscussionCell dl dt { float:none; width:auto; margin-top:10px; } #seminarArea dl dd table td.panelDiscussionCell dl dd { margin:10px 0 0; } #seminarArea ul.seminarBtn { margin-top:20px; } #seminarArea ul.seminarBtn li { width:70%; margin:10px auto 0; } #seminarArea ul.seminarBtn li:first-child { margin-top:0; } #seminarArea ul.seminarBtn li .linkBtn img { width:auto; } #seminarArea .seminarBtnIn { display: block; } #seminarArea .seminarBtnIn p + p { margin-top: 10px; margin-left: 1em; text-indent: -2em; } #seminarArea p.seminarBtn { width: 85%; margin: 30px auto 0; display: block; font-size: 114%; } #seminarArea p.seminarBtn a { padding: 10px 0; } #seminarArea p.seminarBtn a span { padding: 0 25px; background-size: 10px; } #seminarArea #attentionInner { margin-top:20px; padding:20px 4%; box-sizing:border-box; } #seminarArea #attentionInner p#attentionImg { float:right; padding:0 0 5px 10px; } /* 180808追記 */ #seminarArea dl dd table td .addressInner { float:none; width:auto; } #seminarArea dl dd table td .addressMapInner { float:none; width:auto; margin:10px 0 0; } /*------------------------------------------------------------------------------------------------ 奥村組主催セミナー（バックナンバー）(200907既存ページCSS) ------------------------------------------------------------------------------------------------*/ #seminarBkArea h3 { font-size: 134%; } #seminarBkArea h4 { margin-top:50px; } #seminarBkArea h4 span.numberTxt { width:70px; font-size:80%; padding:5px 0; } #seminarBkArea h4 span.themeTxt { width:-webkit-calc(100% - 80px); width:calc(100% - 80px); margin-left:10px; font-size:117%; line-height:1.5em; } #seminarBkArea table { margin-top:15px; } #seminarBkArea table th { padding:15px 10px; width:30%; box-sizing:border-box; } #seminarBkArea table td { padding:15px 10px 10px 15px; width:70%; box-sizing:border-box; } #seminarBkArea table td.mainThemeCell { font-size:117%; font-weight:bold; } #seminarBkArea table td.KeynoteSpeechCell span { font-size:108%; font-weight:bold; } #seminarBkArea table td.panelDiscussionCell dl dt, #seminarBkArea table td.panelDiscussionCell dl.ventureDiscussion dt { float:none; width:auto; margin-top:10px; } #seminarBkArea table td.panelDiscussionCell dl dd, #seminarBkArea table td.panelDiscussionCell dl.ventureDiscussion dd { margin:10px 0 0; } #seminarBkArea p.seminarBtn { margin-top:20px; width:70%; } #seminarBkArea p.seminarBtn .linkBtn { width: 60%; } #seminarBkArea p.seminarBtn .linkBtn img { width:auto; } #seminarBkArea p.seminarBtn a.linkBtn { width: 100%; } #seminarBkArea #attentionInner { margin-top:20px; padding:20px 4%; box-sizing:border-box; } #seminarBkArea #attentionInner p#attentionImg { float:right; padding:0 0 5px 10px; } /*------------------------------ 奥村組のイノベーション(240315) -------------------------------*/ #innovationContentsArea p.f36 { font-size: 131%; } #innovationContentsArea .borderTopTitle + .borderLeftTitle { margin-top: 30px; } #innovationContentsArea .borderLeftTitle { margin-top: 40px; } #innovationContentsArea div, #innovationContentsArea .enTitle { margin-top: 25px; } #innovationContentsArea #innovationList { display: block; margin-top: 25px; } #innovationContentsArea #innovationList li .listNum { font-size: 160%; padding: 20px 10px; width: 60px; } #innovationContentsArea #innovationList li .listContents { padding: 15px 20px 20px; } #innovationContentsArea #innovationList li .listContents h5 span { font-size: 120%; } #innovationContentsArea #innovationList li { width: 100%; } #innovationContentsArea #innovationList li:nth-child(n+2), #innovationContentsArea #innovationList li:nth-child(n+3) { margin-top: 10px; } #innovationContentsArea #innovationTxt { font-size: 106%; text-align: left; } #innovationContentsArea #howXi { display: block; margin-left: 0; } #innovationContentsArea #howXi > div { width: 100%; } #innovationContentsArea ul.concept li { padding: 15px; display: block; } #innovationContentsArea ul.concept li p:nth-child(1) { width: 100%; font-size: 108%; } /*------------------------------ ダイバーシティ・エクイティ＆インクルージョン -------------------------------*/ /*扉ページ*/ #indexWrap #diversityBox { width: 85%; margin-top: 30px; } #indexWrap #diversityBox h4.enTitle { text-align: left; } #indexWrap #diversityBox div { position: relative; margin-top: 20px; } #indexWrap #diversityBox div a { padding: 5px 10px 5px 20px; bottom: 15px; border-radius: 30px; width: 90%; } #indexWrap #diversityBox div img { border-radius: 15px; } #indexWrap #diversityBox div + p { margin-top: 10px; text-align: left; font-size: 100%; } /* カテゴリ扉 */ #diversityIndexContentsArea ul.indexList li .indexListTxt { padding: 20px 23px; height: auto; } #diversityIndexContentsArea ul.indexList li .indexListTxt h3 { font-size: 112%; } #diversityIndexContentsArea ul.indexList li .indexListTxt div.arrowLink { font-size: 112%; } #diversityIndexContentsArea ul.indexList li .indexListTxt div.arrowLink img { width: 48px; margin-left: 28px; } #diversityIndexContentsArea ul.indexList li .indexListTxt p { margin-top: 10px; } #diversityIndexContentsArea ul.flexList li:nth-child(2) { margin-top: 40px; } /*中面共通*/ .spDisplayNone { display: none !important; } #diversityContentsArea .borderLeftTitle { margin-top: 35px; } #diversityContentsArea .borderTopTitle + .borderLeftTitle { margin-top: 30px; } #diversityContentsArea p { line-height: 1.8; } #diversityContentsArea .flexList { margin-top: 35px; } #diversityContentsArea ul.plainList { line-height: 1.8; } #diversityContentsArea ul.plainList a { background: none; padding-right: 0; color: #0090db; } }