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

/*------------------------------
  index
-------------------------------*/
#corporateContentsArea .indexList { display: flex; justify-content: space-between; flex-wrap: wrap; }
#corporateContentsArea .indexList li a { display: block; }
#corporateContentsArea .indexList li img { border-radius: 15px; overflow: hidden; }
#corporateContentsArea img { width: 100%; }
#corporateContentsArea div.arrowLink { font-size: 126%; font-weight: bold; margin-top: 40px; }
#corporateContentsArea div.arrowLink img { width: 38px; }

#corporateContentsArea #topInner div { width: 590px; }
#corporateContentsArea #topInner ul { display: flex; justify-content: space-between; flex-wrap: wrap; }
#corporateContentsArea #topInner ul li { width: 590px; }
#corporateContentsArea #topInner ul li a { display: block; }
#corporateContentsArea #topInner ul li:nth-child(n+3) { margin-top: 50px; }
#corporateContentsArea #topInner div img,
#corporateContentsArea #topInner ul li img { border-radius: 15px; overflow: hidden; }

#corporateContentsArea #middleList { margin-top: 40px; }
#corporateContentsArea #middleList li { border: solid 1px #e3e8ea; border-radius: 15px; }
#corporateContentsArea #middleList li a { padding: 20px; }
#corporateContentsArea #middleList li div.arrowLink { margin: 0; }
#corporateContentsArea #middleList li div { width: 100%; justify-content: space-between; }

#corporateContentsArea #bottomList { margin-top: 60px; padding-top: 70px; border-top: solid 1px #b9cbd2; justify-content: flex-start; }
#corporateContentsArea #bottomList li { width: 372px; }
#corporateContentsArea #bottomList li:nth-child(n+2) { margin-left: 62px; }


/*------------------------------
  top（トップメッセージ）
-------------------------------*/
#topContentsArea #topMessageInner { position: relative; overflow: hidden; border-radius: 15px; }
#topContentsArea #topMessageInner #topMessageImg { width: 100%; }
#topContentsArea #topMessageInner #topMessageTxt { position: absolute; width: 490px; top: 30px; right: 60px; }
#topContentsArea #topMessageInner #topMessageTxt h3 { color: #008cd8; font-size: 212%; line-height: 1.6; }
#topContentsArea #topMessageInner #topMessageTxt div { margin-top: 35px; width: 425px; }

#topContentsArea #topMessageInner + h4.borderLeftTitle { margin-top: 60px; }
#topContentsArea h4.borderLeftTitle { margin-top: 70px; }
#topContentsArea p,
#topContentsArea h4.borderLeftTitle + div { line-height: 1.8; }

#topContentsArea .bgColor { padding: 50px 50px 60px; margin-top: 55px; }
#topContentsArea dl.bgColor dt { color: #008ed8; font-size: 113%; font-weight: normal; }
#topContentsArea dl.bgColor dd { margin-top: 10px; line-height: 1.8; }
#topContentsArea dl.bgColor dd ol { margin-top: 25px; }
#topContentsArea dl.bgColor dd ol li { padding-left: 1em; text-indent: -1em; }
#topContentsArea dl.bgColor dd ol li:nth-child(n+2) { margin-top: 15px; }
#topContentsArea dl.bgColor dd ol + p { margin-top: 25px; }

#topContentsArea .flexInner { margin-top: 36px; flex-direction: row-reverse; }
#topContentsArea .flexInner > div { width: 460px; border-radius: 15px; overflow: hidden; }
#topContentsArea .flexInner + p { margin-top: 15px; }
#topContentsArea .atComment { margin-top: 40px; font-size: 86%; }

/*------------------------------
  info（会社概要）
-------------------------------*/
#infoContentsArea table.commonTable tr td a { color: #008ed8; }
#infoContentsArea table.commonTable tr td#officeLocationCell > div { display: flex; justify-content: space-between; align-items: center; }
#infoContentsArea table.commonTable tr td#officeLocationCell > div .txtBtn { margin: 0; width: 180px; }
#infoContentsArea table.commonTable tr td#officeLocationCell > div .txtBtn a { padding: 12px; font-size: 115%; display: block; }
#infoContentsArea table.commonTable tr td#officeLocationCell > div .txtBtn a span { padding: 0 30px 0 15px; background-size: 13px; }
#infoContentsArea table.commonTable tr td.memberCell ul { display: flex; flex-wrap: wrap; }
#infoContentsArea table.commonTable tr td.memberCell ul li:nth-child(n+3) { margin-top: 5px; }
#infoContentsArea table.commonTable tr td.memberCell ul li span { display: inline-block; font-weight: bold; }
#infoContentsArea table.commonTable tr td.memberCell ul li:nth-child(2n+1) { width: 19em; }
#infoContentsArea table.commonTable tr td.memberCell ul li:nth-child(2n+1) span { width: 13em; }
#infoContentsArea table.commonTable tr td.memberCell ul li:nth-child(2n) { margin-left: 6em; width: 20.5em; }
#infoContentsArea table.commonTable tr td.memberCell ul li:nth-child(2n) span { width: 14.5em; }
#infoContentsArea table.commonTable tr td.memberCell p { margin-top: 15px; font-size: 87%; }
#infoContentsArea table.commonTable tr td#operatingOfficerCell > div ul + ul { margin-left: 7em; }
#infoContentsArea table.commonTable tr td#registrationCell > div { line-height: 1.8; }
#infoContentsArea table.commonTable tr td#registrationCell > div span { display: inline-block; width: 13.5em; }
#infoContentsArea table.commonTable tr td#registrationCell > div span.noAlign { width: auto; margin-right: 1em; }
#infoContentsArea table.commonTable tr td#registrationCell > div span.twoLine { display: block; width: auto; margin-left: 13.5em; }
#infoContentsArea table.commonTable tr td#companiesCell dl dd { margin-top: 5px; line-height: 1.8; }
#infoContentsArea table.commonTable tr td#companiesCell dl dd + dt { margin-top: 28px; }
#infoContentsArea table.commonTable tr td#salesCell img { width: 660px; }
#infoContentsArea #symbolMark { border-bottom: solid 1px #b9cbd2; padding: 47px 0 45px; text-align: center; }
#infoContentsArea #symbolMark dl dt { width: 230px; margin: 0 auto; }
#infoContentsArea #symbolMark dl dd { margin-top: 30px; line-height: 2; }

#infoContentsArea #evaluationArea { border-bottom: solid 1px #b9cbd2; padding: 47px 0 45px; }
#infoContentsArea #evaluationArea img { margin-top: 40px; }


/*------------------------------
  philosophy（経営理念）
-------------------------------*/
#philosophyContentsArea #sloganInner #sloganTxtBox { margin: 50px auto 0; }
#philosophyContentsArea #sloganInner #sloganTxtBox h4 { font-size: 240%; text-align: center; }
#philosophyContentsArea #sloganInner #sloganTxtBox div { margin: 30px auto 0; width: 360px; }

#philosophyContentsArea #activityInner { margin-top: 100px; }
#philosophyContentsArea #activityInner dl { margin-top: 50px; }
#philosophyContentsArea #activityInner dl dd { margin-top: 15px; }

/*------------------------------
  vision（ビジョン）
-------------------------------*/
#visionContentsArea p { line-height: 1.8; }
#visionContentsArea h3.borderTopTitle { margin-top: 72px; }
#visionContentsArea ul#colorBgList { display: flex; justify-content: space-between; margin-top: 60px; }
#visionContentsArea ul#colorBgList li { font-size: 133%; font-weight: bold; width: 32%; padding: 30px 0 37px; text-align: center; line-height: 1.8; border-radius: 15px; }
#visionContentsArea ul#colorBgList li span { display: block; margin-top: 10px; }
#visionContentsArea ul#colorBgList li img { width: 151px; }
#visionContentsArea ul#colorBgList li:first-child { background-color: #91ddf7; }
#visionContentsArea ul#colorBgList li:nth-child(2) { background-color: #b7e8cc; }
#visionContentsArea ul#colorBgList li:last-child { background-color: #ffffd2; }
#visionContentsArea dl#thoughtsDl { margin-top: 45px; padding: 50px 0 55px; text-align: center; }
#visionContentsArea dl#thoughtsDl dt { font-size: 213%; }
#visionContentsArea dl#thoughtsDl dd { margin-top: 23px; line-height: 1.8; }
#visionContentsArea #aboutVision .txtGradation { margin-top: 50px; font-size: 213%; text-align: center; }
#visionContentsArea #aboutVision p { margin-top: 43px; }
#visionContentsArea #aboutVision ol { margin-top: 40px; padding: 50px; }
#visionContentsArea #aboutVision ol li { display: flex; font-size: 120%; margin-top: 10px; }
#visionContentsArea #aboutVision ol li:first-child { margin: 0; }

/*------------------------------
  plan（中期経営計画）
-------------------------------*/
#planContentsArea #slideSelectInner { display: flex; align-items: center; justify-content: flex-end; margin-top: 20px; width: 92.4%; }
#planContentsArea #slideSelectInner p { margin-right: 10px; }

#planContentsArea #slideSelectInner #slideJump { display: inline-flex; align-items: center; position: relative; }
#planContentsArea #slideSelectInner #slideJump::after { position: absolute; right: 15px; width: 10px; height: 7px; background-color: #535353; clip-path: polygon(0 0, 100% 0, 50% 100%); content: ''; pointer-events: none; }
#planContentsArea #slideSelectInner #slideJump select { appearance: none; min-width: 230px; height: 2.8em; padding: .4em calc(.8em + 30px) .4em .8em; border: 1px solid #d0d0d0; border-radius: 3px; background-color: #fff; color: #333333; font-size: 1em; cursor: pointer; }

#planContentsArea #imgSlide { width: 85%; margin: 25px auto 60px; }
#planContentsArea #imgSlide ul { width: 100%; border: 1px solid #ccc; }
#planContentsArea #imgSlide li { width: 100%; }
#planContentsArea #imgSlide li img { width:100%; }

#planContentsArea .slick-list { line-height: 1; }
#planContentsArea .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); }
#planContentsArea .slick-arrow:hover { opacity: 0.5; }


#planContentsArea #slick-next { right: -80px; }

#planContentsArea #slick-prev { left: -80px; }
#planContentsArea #slick-prev img { transform: rotate(180deg); }

#planContentsArea .slick-disabled { display: none !important; }

#planContentsArea .slick-num { position: absolute; bottom: -40px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); }

#planContentsArea #imgSlide #mv_num { text-align: center; margin-top: 20px; }

#planContentsArea #imgSlide + p { margin-top: 70px; }
#planContentsArea #imgSlide + p a { color: #008ed8; }


/*------------------------------
  office（事業所一覧）
-------------------------------*/
#officeContentsArea .tabList li a { width: 165px; font-size: 92%; }
#officeContentsArea .contentsInner > div { margin-top: 30px; }
#officeContentsArea .contentsInner > div ul.officeList { border-bottom: solid 1px #b9cbd2; }
#officeContentsArea .contentsInner > div ul.officeList > li { border-top: solid 1px #b9cbd2; display: flex; align-items: flex-start; padding: 48px 3px; }
#officeContentsArea .contentsInner > div ul.officeList > li .locationIframe + dl { margin-left: 38px; }
#officeContentsArea .contentsInner > div ul.officeList > li .locationIframe + dl dt { color: #008ed8; }
#officeContentsArea .contentsInner > div ul.officeList > li .locationIframe + dl dt.officeName { font-size: 113%; }
#officeContentsArea .contentsInner > div ul.officeList > li .locationIframe + dl dd { line-height: 1.8; }
#officeContentsArea .contentsInner > div ul.officeList > li .locationIframe + dl dd + dt { margin-top: 15px; }
#officeContentsArea .contentsInner > div ul.officeList > li .locationIframe + dl dd ul.accessList li { position: relative; padding-left: 1em; }
#officeContentsArea .contentsInner > div ul.officeList > li .locationIframe + dl dd ul.accessList li::before { content: "・"; position: absolute; left: 0; top: 0; color: #008cd8; }
#officeContentsArea .contentsInner > div ul.officeList > li .locationIframe + dl dd .txtBtn { margin: 13px 0 0; width: 275px; }
#officeContentsArea .contentsInner > div ul.officeList > li .locationIframe + dl dd .txtBtn a { padding: 7px; }
#officeContentsArea .contentsInner > div ul.officeList > li .locationIframe + dl dd .txtBtn.txtBtnInline { width: auto; }
#officeContentsArea .contentsInner > div ul.officeList > li .locationIframe + dl dd .txtBtn.txtBtnInline a { padding: 7px 20px; }

/*------------------------------
  history（奥村組の歩み）
-------------------------------*/
#historyWrap { background-color: #edf9ff; }
#historyWrap #titleSec.historyMv { background: url("/corporate/images/history_title_bg_pc.png") no-repeat center top / cover; position: relative; }
#historyWrap #titleSec.historyMv #historyMvBn { position: absolute; left: auto; right: 30px; bottom: 28px; width: 320px; }
#historyWrap #titleSec.historyMv #historyMvBn a[target="_blank"] { background: none; padding: 0; }
#historyWrap #titleSec.historyMv #historyMvBn #bnHidden { position: absolute; top: -15px; right: -12px; cursor: pointer; }
#historyWrap .singleColumn { width: 100%; }
#historyWrap .singleColumn .mainContents { padding: 0; position: relative; }
#historyWrap .singleColumn .mainContents .breadcrumbNavi + div { margin-top: 35px; padding: 0; }

#historyContentsArea #historyEra #historyJumpInner { right: 0; z-index: 10; background-color: #fff; padding: 40px 23px 48px 37px; border-radius: 15px 0 0 15px; box-shadow: 0 0 5px 5px rgba(0,0,0,0.1); }

#historyContentsArea #historyEra #historyJumpInner.top_abs { position: absolute; top: 270px; }
#historyContentsArea #historyEra #historyJumpInner.top_fixed { position: fixed; top: 130px; }
#historyContentsArea #historyEra #historyJumpInner.bottom_abs { position: absolute; bottom: 628px; }
#historyContentsArea #historyEra #historyJumpInner.bottom_fixed { position: fixed; top: 130px; }
#historyContentsArea #historyEra #historyJumpInner #historyJumpList { border-left: solid 1px #b8d8e3; padding-left: 19px; }
#historyContentsArea #historyEra #historyJumpInner #historyJumpList li { margin-top: 12px; font-size: 113%; position: relative; }
#historyContentsArea #historyEra #historyJumpInner #historyJumpList li:first-child { margin-top: 0; position: relative; top: -12px; }
#historyContentsArea #historyEra #historyJumpInner #historyJumpList li:nth-child(2) { margin-top: 0; }
#historyContentsArea #historyEra #historyJumpInner #historyJumpList li:last-child { margin-top: 2px; position: relative; top: 12px; }
#historyContentsArea #historyEra #historyJumpInner #historyJumpList li::before { content: ""; width: 9px; height: 9px; border-radius: 50%; background-color: #b8d8e3; position: absolute; left: -24px; top: 50%; transform: translateY(-50%); }
#historyContentsArea #historyEra #historyJumpInner #historyJumpList li a { color: #0a273f; }
#historyContentsArea #historyEra #historyJumpInner #historyJumpList li.current a { color: #008ed8; }
#historyContentsArea #historyEra #historyJumpInner #historyJumpList li.current::before { background-color: #008ed8; }

#historyContentsArea #historyEra .era + .era { padding-top: 50px; }
#historyContentsArea #historyEra .era > div { overflow: hidden; position: relative; }
#historyContentsArea #historyEra .era h3.txtGradation { text-align: center; font-size: 219%; line-height: 1.6; }
#historyContentsArea #historyEra .era h3.txtGradation span span { font-size: 171%; }

@media screen and (max-height: 700px) {
	#historyContentsArea #historyEra #historyJumpInner.top_fixed { top: 110px; }
	#historyContentsArea #historyEra #historyJumpInner { padding-top: 20px; padding-bottom: 20px; }
	#historyContentsArea #historyEra #historyJumpInner #historyJumpList li { margin-top: 5px; }
	#historyContentsArea #historyEra #historyJumpInner #historyJumpList li:nth-child(2) { margin-top: -8px; }
	#historyContentsArea #historyEra #historyJumpInner #historyJumpList li:last-child { margin-top: -8px; }
}


/* レイアウト */
#historyContentsArea #historyEra h3.txtGradation + .yearInner { margin-top: 35px; }
#historyContentsArea #historyEra h3.txtGradation + .yearInner::after { top: 25px; }
#historyContentsArea #historyEra .centerLine { position: relative; width: 1020px; margin: 30px auto 0; overflow: hidden; }
#historyContentsArea #historyEra .centerLine::after { content: ""; width: 4px; height: 100%; position: absolute; top: 25px; left: calc(50% - 2px); background: linear-gradient(rgba(0, 142, 216,0),rgba(0, 142, 216,0.5) 2%,rgba(0, 142, 216,1),rgba(0, 142, 216,1),rgba(0, 142, 216,1) 95%,rgba(0, 142, 216,0)); }
#historyContentsArea #historyEra #challengeSec .centerLine::after { background: linear-gradient(rgba(0, 142, 216,1),rgba(0, 142, 216,1) 90%,rgba(0, 142, 216,0)); }

#historyContentsArea #historyEra .yearInner { position: relative; overflow: hidden; }
#historyContentsArea #historyEra .yearInner::before { content: ""; width: 23px; height: 23px; position: absolute; top: 25px; left: calc(50% - 12px); background-color: #008ed8; border-radius: 50%; }
#historyContentsArea #historyEra .leftSide.yearInner,
#historyContentsArea #historyEra .rightSide.yearInner { overflow: visible; }
#historyContentsArea #historyEra .leftSide.yearInner::before { left: auto; right: -12px; overflow: visible; }
#historyContentsArea #historyEra .leftSide.yearInner h4.yearNum::before { right: -80px; }
#historyContentsArea #historyEra .rightSide.yearInner::before { left: -12px; overflow: visible; }
#historyContentsArea #historyEra .rightSide.yearInner h4.yearNum::before { left: -55px; }

#historyContentsArea #historyEra .yearInner.firstInner { padding-top: 95px; margin-top: 10px; }
#historyContentsArea #historyEra h3.txtGradation + .yearInner.firstInner { margin-top: 10px; }
#historyContentsArea #historyEra .yearInner.firstInner::before { content: none; }
#historyContentsArea #historyEra .yearInner.firstInner::after { background: linear-gradient(rgba(0, 142, 216,0),rgba(0, 142, 216,0.5) 40%,rgba(0, 142, 216,1)); top: 0; }
#historyContentsArea #historyEra .yearInner.lastInner { padding-bottom: 150px; }

#historyContentsArea #historyEra .leftSide { float: left; padding-right: 75px; margin-left: 10px; }
#historyContentsArea #historyEra .rightSide { float: right; padding-left: 65px; margin-right: 10px; }
#historyContentsArea #historyEra .cfBoth { clear: both; }

#historyContentsArea #historyEra .leftSide,
#historyContentsArea #historyEra .rightSide { width: 500px; }


/* パーツ */
#historyContentsArea #historyEra h4.yearNum { text-align: center; position: relative; }
#historyContentsArea #historyEra h4.yearNum span { color: #008ed8; font-size: 166%; }
#historyContentsArea #historyEra h4.yearNum::before { content: ""; width: 195px; height: 1px; background-color: #008ed8; position: absolute; top: 36px; }
#historyContentsArea #historyEra h4.yearNum span span { padding-right: 5px; }
#historyContentsArea #historyEra .leftSide h4.yearNum span { margin-left: 20px; }

#historyContentsArea #historyEra .fontJpn { font-family: 'Noto Serif JP', serif; font-size: 306%; }
#historyContentsArea #historyEra .fontJpn span { color: #008ed8; }
#historyContentsArea #historyEra .fontJpn span.txtS { color: #001c51; font-size: 74%; font-weight: bold; }

#historyContentsArea #historyEra .bgWhite { background-color: #fff; border-radius: 15px; box-shadow: 0 0 5px 2px rgba(0,0,0,0.1); padding: 35px 45px; margin-top: 30px; margin-bottom: 5px; width: 430px; line-height: 1.85; }
#historyContentsArea #historyEra .yearInner .fontJpn + .bgWhite { margin-top: 32px; }

#historyContentsArea #historyEra .yearImg { display: flex; margin-top: 30px; }
#historyContentsArea #historyEra .yearImg span { display: block; margin-top: 5px; line-height: 1.7; }
#historyContentsArea #historyEra .yearImg .verticalImg { margin-left: 45px; }

#historyContentsArea #historyEra h4.yearNum.leftSide { padding-right: 40px; }
#historyContentsArea #historyEra h4.yearNum.leftSide::before { right: 0; }

#historyContentsArea #historyEra h4.yearNum.rightSide { padding-left: 60px; }
#historyContentsArea #historyEra h4.yearNum.rightSide::before { left: 0; }

#historyContentsArea #historyEra h5 { color: #008ed8; font-size: 133%; line-height: 1.8; }
#historyContentsArea #historyEra h5 + p { margin-top: 15px; }


/* 個別 */
#historyContentsArea #historyEra #challengeSec h3.txtGradation { font-size: 280%; line-height: 1.4; }
#historyContentsArea #historyEra #connectSec .centerLine { padding-bottom: 230px; }

#historyContentsArea #historyEra #lastTxt { margin-top: 40px; color: #008ed8; text-align: center; font-size: 452%; padding-bottom: 240px; background: url("/corporate/images/history_bg_pc.png") no-repeat center top / 100%; line-height: 1; }

#historyContentsArea #historyEra #year1921 { margin-top: 60px; }
#historyContentsArea #historyEra #year1924 { margin-top: 200px; }
#historyContentsArea #historyEra #year1938 { margin-top: 50px; }
#historyContentsArea #historyEra #year1955 { margin-top: 60px; }

#historyContentsArea #historyEra #year1962 { margin-top: 70px; }
#historyContentsArea #historyEra #year1965 { margin-top: 10px; }
#historyContentsArea #historyEra #year1986 { margin-top: 70px; }
#historyContentsArea #historyEra #year1996 { margin-top: 275px; }
#historyContentsArea #historyEra #year1996 .fontJpn { position: absolute; top: -150px; left: 40px; right: 0; text-align: center; }
#historyContentsArea #historyEra #year2000 { margin-top: 70px; }
#historyContentsArea #historyEra #year2001 { margin-top: 360px; }
#historyContentsArea #historyEra #year2006 { margin-top: 45px; }

#historyContentsArea #historyEra #year2007 { margin-top: 65px; }
#historyContentsArea #historyEra #year2007 .fontJpn { margin-top: 30px; text-align: center; }
#historyContentsArea #historyEra #year2014 { margin-top: 230px; }
#historyContentsArea #historyEra #year2016 { margin-top: 65px; }
#historyContentsArea #historyEra #year2016 .fontJpn { margin-top: 50px; }
#historyContentsArea #historyEra #year2016 .yearImg .verticalImg { margin-left: 0; }

#historyContentsArea #historyEra #year2020 { margin-top: 255px; }
#historyContentsArea #historyEra #year2022 { margin-top: 70px; }

#historyContentsArea #historyEra #txtJapan { margin-top: 65px; }


#historyContentsArea #historyEra #challengeSec { background: url("/corporate/images/history_challenge_bg01_pc.png") no-repeat center 10px; }
#historyContentsArea #historyEra #connectSec { background: url("/corporate/images/history_connect_bg_pc.png") no-repeat center 15px; }


/*--------------------------------
  inview
---------------------------------*/
#historyContentsArea #historyEra h3.txtGradation,
#historyContentsArea #historyEra h4.yearNum,
#historyContentsArea #historyEra .fontJpn,
#historyContentsArea #historyEra .yearImg,
#historyContentsArea #historyEra .bgWhite,
#historyContentsArea #historyEra #lastTxt span { opacity: 0; }
#historyContentsArea #historyEra #lastTxt.fontJpn { opacity: 1; }

#historyContentsArea #historyEra .animationStart { animation: fadeIn .8s both; }
#historyContentsArea #historyEra .yearImg.animationStart,
#historyContentsArea #historyEra .bgWhite.animationStart { animation: fadeUp .8s both; }

#historyContentsArea #historyEra .bgWhite,
#historyContentsArea #historyEra .yearImg .yearImgIn { position: relative; transition: all .3s; }
#historyContentsArea #historyEra .bgWhite::before,
#historyContentsArea #historyEra .yearImg .yearImgIn::before { position: absolute; display: block; content: ""; width: 100%; height: 100%; right: 0; top: 0; transition: all .5s; background: #008ed8; }
#historyContentsArea #historyEra .bgWhite::before { border-radius: 15px; }
#historyContentsArea #historyEra .yearImg.animationStart .yearImgIn::before,
#historyContentsArea #historyEra .bgWhite.animationStart::before { width: 0; }

#historyContentsArea #historyEra h4.animationStart { animation-delay: .3s; }

#historyContentsArea #historyEra h4 + .fontJpn.animationStart,
#historyContentsArea #historyEra h4 + .yearImg.animationStart,
#historyContentsArea #historyEra h4 + .bgWhite.animationStart { animation-delay: .6s; }

#historyContentsArea #historyEra div + .fontJpn.animationStart,
#historyContentsArea #historyEra div + .yearImg.animationStart,
#historyContentsArea #historyEra div + .bgWhite.animationStart { animation-delay: .9s; }

#historyContentsArea #historyEra h4 + .yearImg.animationStart .yearImgIn::before,
#historyContentsArea #historyEra h4 + .bgWhite.animationStart::before { transition-delay: .9s; }

#historyContentsArea #historyEra div + div + .fontJpn.animationStart,
#historyContentsArea #historyEra div + div + .yearImg.animationStart,
#historyContentsArea #historyEra div + div + .bgWhite.animationStart { animation-delay: 1.2s; }

#historyContentsArea #historyEra div + .yearImg.animationStart .yearImgIn::before,
#historyContentsArea #historyEra div + .bgWhite.animationStart::before { transition-delay: 1.2s; }

#historyContentsArea #historyEra div + div + .yearImg.animationStart .yearImgIn::before,
#historyContentsArea #historyEra div + div + .bgWhite.animationStart::before { transition-delay: 1.5s; }


/* keyframes */
@keyframes fadeIn {
	0% { opacity:0; }
	100% { opacity:1; }
}

@keyframes fadeUp {
	0% { opacity:0; transform: translateY(70px); }
	100% { opacity:1; transform: translateY(0); }
}



/*--------------------------------
  awards
---------------------------------*/
#awardsArea .awardsList { margin-top: 30px; }
#awardsArea .awardsList dt { background: #edf5f8; padding: 20px; line-height: 1.7; }
#awardsArea .awardsList dt span { font-size: 130%; color: #138edb; }
#awardsArea .awardsList dd { padding: 20px 20px 40px; }

#awardsArea #awardsListAnc { display: flex; flex-wrap: wrap; width: 100%; margin-bottom: 40px; }
#awardsArea #awardsListAnc li a { margin-bottom: 30px; position: relative; display: inline-block; padding-right: 39px; margin-right: 20px; }
#awardsArea #awardsListAnc li a::after { content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); display: block; width: 30px; height: 30px; background:  url("/common/images/icon_arrow_blue_bottom.png") no-repeat center center / cover; }

/*開閉*/
#awardsArea .yList + .yList { margin-top: 40px; }
#awardsArea .yList h3 span { position: relative; cursor: pointer; transition: opacity .4s; display: block; }
#awardsArea .yList h3 span::before,
#awardsArea .yList h3 span::after { content: ""; position: absolute; right: 35px; top: 50%; width: 33px; height: 1px; background-color: #0c283f; }
#awardsArea .yList h3 span::after { transform: rotate(90deg); }
#awardsArea .yList h3 span:hover { opacity: 0.7; }
#awardsArea .yList h3 span.open { border-radius: 15px 15px 0 0; border-bottom: none; }
#awardsArea .yList h3 span.open:hover { opacity: 1; }
#awardsArea .yList h3 span.open::after { display: none; }
#awardsArea .awardsList { display: none; position: relative; z-index: 10; }