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

@media screen and (max-width: 750px) {
	
	/*------------------------------
	  共通
	-------------------------------*/
	
	/*------------------------------
	  index
	-------------------------------*/
	#corporateContentsArea div.arrowLink { margin-top: 15px; font-size: 100%; }
	
	#corporateContentsArea #topInner { display: block; }
	#corporateContentsArea #topInner div,
	#corporateContentsArea #topInner ul li,
	#corporateContentsArea #bottomList li { width: 100%; }
	#corporateContentsArea #topInner ul li,
	#corporateContentsArea #topInner ul li:nth-child(n+3),
	#corporateContentsArea #bottomList li { margin-top: 20px; }
	
	#corporateContentsArea #topInner ul li.middleList a > img { width: 100%; }
	
	#corporateContentsArea #middleList { margin-top: 20px; }

	#corporateContentsArea #bottomList { margin-top: 40px; padding-top: 30px; }
	#corporateContentsArea #bottomList li:nth-child(n+2) { margin-left: 0; }
	
	/*------------------------------
	  top（トップメッセージ）
	-------------------------------*/
	#topContentsArea #topMessageInner { border-radius: 0; }
	#topContentsArea #topMessageInner #topMessageImg { width: 100%; overflow: hidden; border-radius: 15px; }
	#topContentsArea #topMessageInner #topMessageTxt { position: static; width: 100%; margin-top: 20px; }
	#topContentsArea #topMessageInner #topMessageTxt h3 {; font-size: 113%; }
	#topContentsArea #topMessageInner #topMessageTxt div { margin-top: 20px; width: 250px; }
	
	#topContentsArea #topMessageInner + h4.borderLeftTitle { margin-top: 30px; }
	#topContentsArea h4.borderLeftTitle { margin-top: 40px; }
	#topContentsArea p,
	#topContentsArea h4.borderLeftTitle + div { line-height: 1.7; }
	
	#topContentsArea dl.bgColor { margin-top: 15px; padding: 20px 30px; }
	#topContentsArea dl.bgColor dt { font-size: 112%; }
	#topContentsArea dl.bgColor dd ol { margin-top: 15px; }
	#topContentsArea dl.bgColor dd ol + p { margin-top: 15px; }
	
	#topContentsArea .flexInner { margin-top: 25px; }
	#topContentsArea .flexInner > div { width: 100%; }
	#topContentsArea .flexInner > p { margin-top: 20px; }
	#topContentsArea .flexInner + p { margin-top: 5px; }
	#topContentsArea .atComment { margin-top: 20px; }
	
	/*------------------------------
	  info（会社概要）
	-------------------------------*/
	#infoContentsArea table.commonTable tr td#officeLocationCell > div { display: block; }
	#infoContentsArea table.commonTable tr td#officeLocationCell > div .txtBtn { width: 80%; margin: 10px auto 0; }
	#infoContentsArea table.commonTable tr td#officeLocationCell > div .txtBtn a { width: 100%; }
	#infoContentsArea table.commonTable tr td.memberCell ul { display: block; }
	#infoContentsArea table.commonTable tr td.memberCell ul li:nth-child(n+2),
	#infoContentsArea table.commonTable tr td.memberCell ul li:nth-child(n+3) { margin-top: 7px; }
	#infoContentsArea table.commonTable tr td.memberCell ul li:nth-child(2n+1),
	#infoContentsArea table.commonTable tr td.memberCell ul li:nth-child(2n) { width: auto; margin-left: 0;	 }
	#infoContentsArea table.commonTable tr td.memberCell ul li:nth-child(2n+1) span,
	#infoContentsArea table.commonTable tr td.memberCell ul li:nth-child(2n) span { width: 13em; }
	#infoContentsArea table.commonTable tr td#operatingOfficerCell > div ul + ul { margin-left: 0; }
	#infoContentsArea table.commonTable tr td#registrationCell > div span { display: block; }
	#infoContentsArea table.commonTable tr td#registrationCell > div span.noAlign,
	#infoContentsArea table.commonTable tr td#registrationCell > div span.twoLine { margin: 0; }
	#infoContentsArea table.commonTable tr td#companiesCell dl dd + dt { margin-top: 15px; }
	#infoContentsArea table.commonTable tr td#salesCell img { width: 100%; }
	#infoContentsArea #symbolMark { padding: 30px 0 20px; }
	#infoContentsArea #symbolMark dl dt { width: 50%; margin: 0 auto; }
	#infoContentsArea #symbolMark dl dd { margin-top: 20px; }
	
	/*------------------------------
	  philosophy（経営理念）
	-------------------------------*/
	#philosophyContentsArea #sloganInner #sloganTxtBox { margin: 20px auto 0; }
	#philosophyContentsArea #sloganInner #sloganTxtBox h4 { font-size: 114%; text-align: left; }
	#philosophyContentsArea #sloganInner #sloganTxtBox div { margin: 20px 0 0 auto; width: 70%; }
	
	#philosophyContentsArea #activityInner { margin-top: 50px; }
	#philosophyContentsArea #activityInner dl { border-bottom: solid 1px #b9cbd2; padding-bottom: 20px; margin-top: 20px; }
	#philosophyContentsArea #activityInner dl dt { padding-top: 20px; }
	#philosophyContentsArea #activityInner dl dd + dt { margin-top: 25px; }
	#philosophyContentsArea #activityInner dl dd { margin-top: 5px; }
	
	/*------------------------------
	  vision（ビジョン）
	-------------------------------*/
	#visionContentsArea h3.borderTopTitle { margin-top: 32px; }
	#visionContentsArea ul#colorBgList { margin-top: 20px; display: block; }
	#visionContentsArea ul#colorBgList li { width: 100%; padding: 15px 0 18px; margin-top: 15px; font-size: 106%; }
	#visionContentsArea ul#colorBgList li img { width: 130px; }
	#visionContentsArea ul#colorBgList li:first-child { margin: 0; }
	#visionContentsArea dl#thoughtsDl { margin-top: 30px; padding: 30px 10px 35px; }
	#visionContentsArea dl#thoughtsDl dt { font-size: 171%; }
	#visionContentsArea dl#thoughtsDl dd { margin-top: 15px; }
	#visionContentsArea #aboutVision .txtGradation { margin-top: 20px; font-size: 119%; }
	#visionContentsArea #aboutVision p { margin-top: 20px; }
	#visionContentsArea #aboutVision ol { margin-top: 30px; padding: 20px; }
	#visionContentsArea #aboutVision ol li { font-size: 106%; }
	
	/*------------------------------
	  plan（中期経営計画）
	-------------------------------*/
    #planContentsArea #slideSelectInner { font-size: 70%; }
    
	#planContentsArea .slick-arrow { background:none; }
	#planContentsArea #slick-next { right: -25px; }
	#planContentsArea #slick-prev { left: -25px; }
	
	/*------------------------------
	  office（事業所一覧）
	-------------------------------*/
	#officeContentsArea .tabList li { width: 49%; }
	#officeContentsArea .tabList li a { width: 100%; font-size: 82%; }
	
	#officeContentsArea .contentsInner > div ul.officeList > li { display: block; padding: 20px 0; }
	#officeContentsArea .contentsInner > div ul.officeList > li .locationIframe { width: 100%; position: relative; height: 0; padding-bottom: 66.25%; overflow: hidden; }
	#officeContentsArea .contentsInner > div ul.officeList > li .locationIframe iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
	#officeContentsArea .contentsInner > div ul.officeList > li .locationIframe + dl { margin: 10px 0 0; }
	#officeContentsArea .contentsInner > div ul.officeList > li .locationIframe + dl dd + dt { margin-top: 10px; }
	#officeContentsArea .contentsInner > div ul.officeList > li .locationIframe + dl dd .txtBtn { width: 80%; margin: 10px auto 0; }
  #officeContentsArea .contentsInner > div ul.officeList > li .locationIframe + dl dd .txtBtn.txtBtnInline { width: auto; }
  
	/*------------------------------
	  history（奥村組の歩み）
	-------------------------------*/
	#historyWrap #titleSec.historyMv { background: url("/corporate/images/history_title_bg_sp.png") no-repeat center top / cover; }
	#historyWrap #titleSec > div { padding: 25px 7% 15px; }
	#historyWrap #titleSec.historyMv #pageTitle { font-size: 164%; }
	#historyWrap #titleSec.historyMv #pageTitle img { width: 50px; }
	#historyWrap #titleSec.historyMv #historyMvBn { right: 3%; bottom: 3%; width: 40%; padding: 0; }
	#historyWrap #titleSec.historyMv #historyMvBn #bnHidden { width: 17px; height: 17px; right: -9px; }
	
	#historyWrap .singleColumn .mainContents .breadcrumbNavi + div { margin-top: 20px; width: 100%; }
	#historyContentsArea #historyEra #historyJumpInner { display: none; }

	#historyContentsArea #historyEra { position: relative; background: url("/corporate/images/history_bg_sp.png") no-repeat center bottom / 100%; }
	#historyContentsArea #historyEra::after { content: ''; background: linear-gradient(rgba(0, 142, 216,1),rgba(0, 142, 216,1) 99%,rgba(0, 142, 216,0)); width: 4px; height: calc(100% - 255px); position: absolute; top: 115px; left: calc(7.5% + 4px); }
	
	#historyContentsArea #historyEra .era { position: relative; }
	#historyContentsArea #historyEra .era > div { width: 100%; overflow: visible; }
	#historyContentsArea #historyEra .era + .era { margin: 0; }
	
	/* レイアウト */
	#historyContentsArea #historyEra .era h3.txtGradation,
	#historyContentsArea #historyEra #challengeSec h3.txtGradation { font-size: 119%; line-height: 1.5; }
	
	#historyContentsArea #historyEra .era h3.txtGradation { margin-left: 10%; position: relative; }
	#historyContentsArea #historyEra #challengeSec h3.txtGradation { margin-left: 0; }
	
	#historyContentsArea #historyEra .centerLine { width: 85%; margin-top: 10px; overflow: visible; }
	
	#historyContentsArea #historyEra .centerLine::after,
	#historyContentsArea #historyEra #challengeSec .centerLine::after { content: none; }
	
	#historyContentsArea #historyEra .yearInner { overflow: visible; width: 100%; }
	#historyContentsArea #historyEra .yearInner::before { width: 12px; height: 12px; top: 24px; left: 0; }
	#historyContentsArea #historyEra .yearInner > div { width: 100%; padding: 5px; }
	#historyContentsArea #historyEra .yearInner::before { left: 0; }
	
	#historyContentsArea #historyEra .leftSide,
	#historyContentsArea #historyEra .rightSide { float: none; margin: 0; padding: 0; width: 100%; }
	
	#historyContentsArea #historyEra .yearInner.firstInner,
	#historyContentsArea #historyEra .yearInner.lastInner { padding: 0; }
	
	/* パーツ */
	#historyContentsArea #historyEra h4.yearNum { margin-left: 0; }
	#historyContentsArea #historyEra h4.yearNum span { font-size: 138%; }
	#historyContentsArea #historyEra h4.yearNum::before { top: 25px; width: calc(55% - 3em); }
	#historyContentsArea #historyEra h4.yearNum.leftSide::before,
	#historyContentsArea #historyEra .rightSide.yearInner h4.yearNum::before,
	#historyContentsArea #historyEra .leftSide.yearInner h4.yearNum::before { left: 0; right: auto; width: calc(50% - 3em); }
	#historyContentsArea #historyEra .rightSide.yearInner::before { left: 0; }
	#historyContentsArea #historyEra .rightSide h4.yearNum span,
	#historyContentsArea #historyEra .leftSide h4.yearNum span { margin-left: 13px; }
	
	#historyContentsArea #historyEra .leftSide.yearInner::before { left: 0; }
	
	#historyContentsArea #historyEra .fontJpn,
	#historyContentsArea #historyEra .yearImg,
	#historyContentsArea #historyEra .bgWhite { width: 90%; margin-left: 10%; }
	
	#historyContentsArea #historyEra .fontJpn { font-size: 181%; text-align: center; }
	
	#historyContentsArea #historyEra .yearImg div { margin: 0 auto; }
	#historyContentsArea #historyEra .yearImg span { margin-top: 5px; font-size: 87%; }
	#historyContentsArea #historyEra .yearImg .verticalImg { width: 80%; margin: 0 auto; text-align: center; }
	
	#historyContentsArea #historyEra .bgWhite { margin-top: 30px; padding: 20px 30px; }
	
	#historyContentsArea #historyEra h5 { font-size: 112%; }
	#historyContentsArea #historyEra h5 + p { margin-top: 5px; }
	
	/* 個別 */
	#historyContentsArea #historyEra h3.txtGradation + .yearInner { margin-top: 15px; }
	#historyContentsArea #historyEra #challengeSec::after { top: 120px; }
	#historyContentsArea #historyEra #pioneerSec { padding-top: 60px; }
	#historyContentsArea #historyEra #connectSec::after { background: linear-gradient(rgba(0, 142, 216,1),rgba(0, 142, 216,1) 90%,rgba(0, 142, 216,0)); }

	#historyContentsArea #historyEra #year1907 .leftSide,
	#historyContentsArea #historyEra #year1907 .rightSide { width: 90%; }
	
	#historyContentsArea #historyEra #year1921,
	#historyContentsArea #historyEra #year1924,
	#historyContentsArea #historyEra #year1938,
	#historyContentsArea #historyEra #year1955,
	#historyContentsArea #historyEra #year1962,
	#historyContentsArea #historyEra #year1965,
	#historyContentsArea #historyEra #year1986,
	#historyContentsArea #historyEra #year1996,
	#historyContentsArea #historyEra #year2000,
	#historyContentsArea #historyEra #year2001,
	#historyContentsArea #historyEra #year2006,
	#historyContentsArea #historyEra #year2007,
	#historyContentsArea #historyEra #year2014,
	#historyContentsArea #historyEra #year2016,
	#historyContentsArea #historyEra #year2020,
	#historyContentsArea #historyEra #year2022 { margin-top: 25px; }
	
	#historyContentsArea #historyEra #year1965 .fontJpn,
	#historyContentsArea #historyEra #year1996 .fontJpn { position: static; }
	#historyContentsArea #historyEra #year2007 .fontJpn,
	#historyContentsArea #historyEra #year2016 .fontJpn { margin-top: 30px; }
	
	#historyContentsArea #historyEra #year2016 .yearImg .verticalImg { width: 80%; margin: 0 auto; text-align: center; }
	
	#historyContentsArea #historyEra #connectSec .centerLine { padding-bottom: 80px; }
	#historyContentsArea #historyEra #lastTxt { font-size: 175%; margin: 0; background: none; padding-left: 8%; padding-bottom: 145px; width: 100%; }
	
	#historyContentsArea #historyEra #challengeSec { background: url("/corporate/images/history_challenge_bg01_sp.png") no-repeat center top / 100%; }
	#historyContentsArea #historyEra #challengeSec > div { background: none; }
	#historyContentsArea #historyEra #year1907 { padding-bottom: 46vw; position: relative; }
	#historyContentsArea #historyEra #year1907 > div { position: relative; z-index: 1; }
	#historyContentsArea #historyEra #year1907::after { content: ''; width: 117.6%; height: 96vw; position: absolute; left: -7.5vw; bottom: -10vw; background: url("/corporate/images/history_challenge_bg02_sp.png") no-repeat center bottom / 100%; }
	#historyContentsArea #historyEra #year1921 { margin-top: 0; }
	#historyContentsArea #historyEra #txtJapan { margin-top: 35px; }
		
	#historyContentsArea #historyEra #connectSec { background: url("/corporate/images/history_connect_bg01_sp.png") no-repeat center 20vw / 100%; }
	#historyContentsArea #historyEra #year2007 { position: relative; margin-top: 60px; }
	#historyContentsArea #historyEra #year2007 #fontJpn { position: absolute; top: -40px; margin: 0; }

    
    /*--------------------------------
      awards
    ---------------------------------*/
    #awardsArea .awardsList dt span { font-size: 120%; }

    #awardsArea #awardsListAnc { margin: 30px 0; }
    #awardsArea #awardsListAnc li a { padding-right: 29px; margin-bottom: 10px; margin-right: 16px; font-size: 90%; }
    #awardsArea #awardsListAnc li a::after { width: 20px; height: 20px; }
    
    #awardsArea .yList h3 span::before,
	#awardsArea .yList h3 span::after { right: 15px; width: 15px; }
    
}

@media screen and (max-width: 500px) {
    /*------------------------------
	  plan（中期経営計画）
	-------------------------------*/
    #planContentsArea #slideSelectInner { display: block; font-size: 64%; }
    #planContentsArea #slideSelectInner p { font-size: 130%; }
    #planContentsArea #slideSelectInner select { margin-top: 5px; }
    #planContentsArea #slideSelectInner #slideJump::after { top: 16px; }
}