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

/*------------------------------
  MV
-------------------------------*/
.mainWrap #titleSec.indexMv { background-image: url("/technology/images/index_title_bg_pc.png"); }
.mainWrap #titleSec.engineeringMv { background-image: url("/technology/images/engineering_title_bg_pc.png"); }
.mainWrap #titleSec.buildingMv { background-image: url("/technology/images/building_title_bg_pc.png"); }
.mainWrap #titleSec.environmentMv { background-image: url("/technology/images/environment_title_bg_pc.png"); }
.mainWrap #titleSec.candoMv { background-image: url("/technology/images/can_do_title_bg_pc.png"); }

/*------------------------------
  共通
-------------------------------*/
.twoColumn .sideMenu ul li.current ul li a { color: #fff; }
.twoColumn .sideMenu ul li ul { display: none; }
.twoColumn .sideMenu ul li.current ul { display: block; }

/*幅*/
.w160 { width: 160px !important; }

/* カテゴリ扉 */
.cateIndexIntro { font-size: 113%; line-height: 1.9; }
.cateIndexIntro .linkInquiries { color: #008ed8; }
.cateIndexIntro + ul.indexList { margin-top: 38px; }
ul.indexList { align-items: stretch; }
ul.indexList li:nth-child(n+3) { margin-top: 40px; }
ul.indexList li .indexListImg { border-radius: 15px 15px 0 0; overflow: hidden; }
ul.indexList li .indexListImg img { border-radius: 0; }
ul.indexList li .indexListImg img.borderImg { border-radius: 15px 15px 0 0; }
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); }
ul.indexList li .indexListTxt div.arrowLink { font-size: 133%; }
ul.indexList li .indexListTxt p { margin-top: 15px; }
ul.indexList li .indexListTxt h3 { font-size: 133%; }
ul.indexList li .indexListTxt ul.lineList { margin-top: 25px; }
ul.indexList li .indexListTxt ul.lineList li { padding-left: 25px; }
ul.indexList li .indexListTxt ul.lineList li a { padding-left: 0; }
ul.indexList li .indexListTxt ul.lineList li a::before { top: 0.9em; left: -25px; }
ul.indexList li .indexListTxt ul.lineList li:nth-child(n+2) { margin-top: 15px; }

/* カテゴリ詳細 */
.catePagesContentsArea h4.borderLeftTitle { margin-top: 65px; }
.catePagesContentsArea h5.borderLeftTitle { margin-top: 80px; }
.catePagesContentsArea h3.borderTopTitle + h4.borderLeftTitle { margin-top: 55px; }
.catePagesContentsArea h4.borderLeftTitle + div.flexInner,
.catePagesContentsArea h5.borderLeftTitle + div { margin-top: 40px; }

.catePagesContentsArea h6.squareIcon { display: block; position: relative; padding-left: 18px; font-size: 120%; margin: 20px 0; }
.catePagesContentsArea h6.squareIcon::before { content: ""; display: block; position: absolute; left: 0; top: 0.5em; width: 15px; height: 15px; background-color: #008ed8; }

.catePagesContentsArea .flexInner > p,
.catePagesContentsArea .flexInner > .imgInner { width: 420px; }
.catePagesContentsArea .flexInner > p img,
.catePagesContentsArea .flexInner > .imgInner img { border-radius: 15px; border: solid 1px #e5e5e5; }
.catePagesContentsArea .flexInner > .noBorderImg img,
.catePagesContentsArea .flexInner > .imgInner .noBorderImg img { border: none; }
.catePagesContentsArea .flexInner > .noRadiusImg img,
.catePagesContentsArea .flexInner > .imgInner .noRadiusImg img { border-radius: 0; }

.catePagesContentsArea .flexInner > .imgInner.flexInner > p { width: 200px; }

.catePagesContentsArea .flexInner .txtInner { width: 520px; line-height: 1.8; }
.catePagesContentsArea .flexInner .txtInner .txtBtn { margin-top: 30px; margin-left: 0; display: block; width: 175px; font-size: 113%; }
.catePagesContentsArea .flexInner .txtInner .txtBtn a { padding: 10px 20px; }
.catePagesContentsArea .flexInner .txtInner .txtBtn a[target="_blank"] { padding: 10px 20px; background-image: none; }
.catePagesContentsArea .flexInner .txtInner .txtBtn a span {display: block; padding: 0 20px 0 0; background-size: 15px; }

.catePagesContentsArea .flexInner .txtInner .txtBtn a.iconWin { background-image: url("/common/images/bg_arrow_blue.png"); background-size: 15px; background-position: right 20px center; }
.catePagesContentsArea .flexInner .txtInner .txtBtn a.iconWin span { background: url("/common/images/icon_win.png") no-repeat right 28px center; padding: 0 36px 0 0; }

.catePagesContentsArea .flexSInner .flexSImg { width: 313px; }
.catePagesContentsArea .flexSInner .flexSImg img { width: 100%; }
.catePagesContentsArea .flexSInner .txtInner { width: 637px; }


.catePagesContentsArea h3.borderTopTitle + h4.bgTitle { margin-top: 40px; }
.catePagesContentsArea h4.bgTitle { margin-top: 55px; font-size: 200%; padding: 5px 15px; }
.catePagesContentsArea div h5.borderLeftTitle:first-child { margin-top: 45px; }
.catePagesContentsArea h5.borderLeftTitle + div { line-height: 1.8; }
.catePagesContentsArea h5.borderLeftTitle + div p + ul.flexList3 { margin-top: 35px; }
.catePagesContentsArea h5.borderLeftTitle + div ul.flexList3 li img { width: 100%; border-radius: 15px; border: solid 1px #e5e5e5; }
.catePagesContentsArea h5.borderLeftTitle + div ul.flexList3 li.noBorderImg img { border: none; }
.catePagesContentsArea h5.borderLeftTitle + div ul.flexList3 li.noRadiusImg img { border-radius: 0; }
.catePagesContentsArea h5.borderLeftTitle + div p.attentionTxt { margin-top: 20px; }

.catePagesContentsArea h5.borderLeftTitle + div ul.squareIcon { display: flex; margin-top: 20px; }
.catePagesContentsArea h5.borderLeftTitle + div ul.squareIcon li:nth-child(n+2) { margin-left: 55px; }

.catePagesContentsArea .borderDl dt { margin-top: 30px; }
.catePagesContentsArea .borderDl dd { margin-top: 20px; }
.catePagesContentsArea .borderDl dd + dt { margin-top: 45px; }


/*------------------------------
  index
-------------------------------*/
#technologyIndex { width: 100%; }
#technologyIndex #technologyIndexContentsArea { padding: 0; }
#technologyIndex #technologyIndexContentsArea .enTitle { text-align: left; }

/* 奥村組の技術 */
#technologyIndexContentsArea #technologyInner .enTitle { font-size: 240%; text-align: center; }
#technologyIndexContentsArea #technologyInner .enTitle span { margin: 0; }
#technologyIndexContentsArea #technologyInner .indexCont { margin-top: 50px; }
#technologyIndexContentsArea #technologyInner .indexCont::after { top: 80px; }
#technologyIndexContentsArea #technologyInner .indexCont .contentsOuter { padding: 135px 20px 40px; }
#technologyIndexContentsArea #technologyInner .indexCont + .indexCont { margin-top: 100px; }
#technologyIndexContentsArea #technologyInner .indexCont .indexContTxt { padding: 67px 15px 58px 81px; min-height: 410px; }
#technologyIndexContentsArea #technologyInner .indexCont .indexContTxt .titleBox { margin-top: 0; display: inline-block; }
#technologyIndexContentsArea #technologyInner .indexCont .indexContTxt .titleBox a { display: flex; align-items: center; }
#technologyIndexContentsArea #technologyInner .indexCont .indexContTxt .titleBox div { margin-top: 0; width: 64px; }
#technologyIndexContentsArea #technologyInner .indexCont .indexContTxt .titleBox .enTitle { font-size: 213%; font-weight: normal; margin-left: 20px; text-align: left; }
#technologyIndexContentsArea #technologyInner .indexCont .indexContTxt .titleBox .enTitle span { margin: 0; font-size: 47%; }
#technologyIndexContentsArea #technologyInner .indexCont .indexContTxt .titleBox .titleBoxArrow { align-self: flex-end; margin-left: 13px; margin-bottom: 3px; width: 38px; }
#technologyIndexContentsArea #technologyInner .indexCont .indexContTxt .circleList { display: flex; flex-wrap: wrap; margin-top: 35px; }
#technologyIndexContentsArea #technologyInner .indexCont .indexContTxt .circleList li { width: 257px; }
#technologyIndexContentsArea #technologyInner .indexCont .indexContTxt .circleList li:nth-child(n+3) { margin-top: 30px; }

/* 奥村組技術研究所 */
#technologyIndexContentsArea #researchInstituteInner { padding: 120px 0 20px; }
#technologyIndexContentsArea #researchInstituteInner h3 + div { position: relative; margin: 40px auto 0; border-radius: 15px; overflow: hidden; }
#technologyIndexContentsArea #researchInstituteInner h3 + div .txtBtn { position: absolute; left: 0; right: 0; bottom: 38px; width: 310px; font-size: 113%; color: #000; }
#technologyIndexContentsArea #researchInstituteInner h3 + div .txtBtn a { padding: 13px 20px; color: #000; }
#technologyIndexContentsArea #researchInstituteInner h3 + div .txtBtn a:hover { opacity: 0.7; }
#technologyIndexContentsArea #researchInstituteInner h3 + div .txtBtn a span { display: block; }
#technologyIndexContentsArea #researchInstituteInner p { margin-top: 35px; font-size: 113%; text-align: center; }

/* 奥村組の技術でできること */
#technologyIndexContentsArea #canBeInner { background: #fff  url("/technology/images/index_canbe_bg.png") no-repeat right top / 506px; padding: 70px 0 20px; }
#technologyIndexContentsArea #canBeInner p { font-size: 113%; line-height: 2.2; margin-top: 30px; }
#technologyIndexContentsArea #canBeInner ul.flexList3 { margin-top: 55px; justify-content: flex-start; }
#technologyIndexContentsArea #canBeInner ul.flexList3 li { width: 400px; margin-left: 20px; }
#technologyIndexContentsArea #canBeInner ul.flexList3 li:nth-child(3n+1) { margin-left: 0; }
#technologyIndexContentsArea #canBeInner ul.flexList3 li:nth-child(n+4) { margin-top: 40px; }
#technologyIndexContentsArea #canBeInner ul.flexList3 li div.arrowLink { margin-top: 30px; font-size: 113%; }

/* 外部リンクリスト */
#technologyIndexContentsArea #winInner { margin-top: 80px; padding-top: 70px; border-top: solid 1px #e3e8ea; }
#technologyIndexContentsArea #winInner ul.flexList { justify-content: center; margin: 0 20px; }
#technologyIndexContentsArea #winInner ul.flexList li { margin: 0 20px; }
#technologyIndexContentsArea #winInner ul.flexList li a[target="_blank"] { background: none; padding: 0; }
#technologyIndexContentsArea #winInner ul.flexList li a img { border: solid 1px #e5e5e5; }
#technologyIndexContentsArea #winInner ul.flexList li a span { font-size: 113%; display: inline-block; }
#technologyIndexContentsArea #winInner ul.flexList li a[target="_blank"] span { background-image: url("/common/images/icon_win.png"); background-repeat: no-repeat; background-position: right center; padding-right: 22px; }

#environmentingPagesContentsArea #saisigenkaConcrete #saisigenkaConcreteTable { margin-top: 20px; }
#environmentingPagesContentsArea #saisigenkaConcreteArea .imgCaption { margin: 20px auto 0; width: 750px; }
#environmentingPagesContentsArea #saisigenkaConcreteArea .imgCaption img { width: 100%; }

/*------------------------------
  奥村組技術研究所
-------------------------------*/
.mainWrap #titleSec.triMv { background-image: url("/technology/images/tri_title_bg_pc.png"); }

#triIndexContentsArea #introTxt { font-size: 240%; line-height: 1.6; font-weight: bold; text-align: center; }
#triIndexContentsArea .bgColor { margin-top: 60px; margin-bottom: 273px; padding: 78px 128px 218px; position: relative; }
#triIndexContentsArea .bgColor ul.circleList { font-size: 113%; }
#triIndexContentsArea .bgColor ul.circleList li:nth-child(n+2) { margin-top: 28px; }

#triIndexContentsArea .bgColor ul#triIndexList { position: absolute; left: 128px; right: 128px; bottom: -273px; }
#triIndexContentsArea .bgColor ul#triIndexList li .indexListTxt { padding: 25px 28px 40px; }

/*------------------------------
  施設紹介
-------------------------------*/
#triInstitutionContentsArea #institutionJumpInner { position: relative; }
#triInstitutionContentsArea #institutionJumpInner img { width: 100%; }
#triInstitutionContentsArea #institutionJumpInner > div { border-radius: 15px; overflow: hidden; }
#triInstitutionContentsArea #institutionJumpInner ul li { position: absolute; }
#triInstitutionContentsArea #institutionJumpInner ul li#institutionLink01 { left: 256px; top: 82px; width: 87px; }
#triInstitutionContentsArea #institutionJumpInner ul li#institutionLink02 { left: 599px; top: 73px; width: 127px; }
#triInstitutionContentsArea #institutionJumpInner ul li#institutionLink03 { left: 441px; top: 348px; width: 127px; }
#triInstitutionContentsArea #institutionJumpInner ul li#institutionLink04 { left: 196px; top: 289px; width: 167px; }
#triInstitutionContentsArea #institutionJumpInner ul li#institutionLink05 { left: 668px; top: 348px; width: 127px; }
#triInstitutionContentsArea #institutionJumpInner ul li#institutionNoLink01 { left: 543px; top: 28px; width: 87px; }
#triInstitutionContentsArea #institutionJumpInner ul li#institutionNoLink02 { left: 675px; top: 28px; width: 147px; }
#triInstitutionContentsArea #institutionJumpInner ul li#institutionNoLink03 { left: 1021px; top: 295px; width: 167px; }

#triInstitutionContentsArea #institutionJumpLink { display: flex; flex-wrap: wrap; margin: 70px auto 0; width: 980px; }
#triInstitutionContentsArea #institutionJumpLink li { width: 320px; margin-left: 8px; border-radius: 15px; border: solid 1px #e3e8ea; font-size: 127%; }
#triInstitutionContentsArea #institutionJumpLink li:nth-child(3n+1) { margin-left: 0; }
#triInstitutionContentsArea #institutionJumpLink li:nth-child(n+4) { margin-top: 9px; }
#triInstitutionContentsArea #institutionJumpLink li a { display: block; padding: 20px 25px; position: relative; }
#triInstitutionContentsArea #institutionJumpLink li a::after { content: ""; display: block; width: 12px; height: 12px; border-right: solid 2px #018dd6; border-bottom: solid 2px #018dd6; transform: rotate(45deg) translateY(-50%); position: absolute; right: 35px; top: calc(50% - 4px); }

#triInstitutionContentsArea .institutionInner { margin-top: 75px; }
#triInstitutionContentsArea .institutionInner .enTitle { text-align: left; }
#triInstitutionContentsArea .institutionInner .enTitle span { font-size: 68%; }
#triInstitutionContentsArea .institutionInner .enTitle + p { font-size: 113%; line-height: 2; margin-top: 30px; }
#triInstitutionContentsArea .institutionInner .institutionImg { margin-top: 50px; }
#triInstitutionContentsArea .institutionInner h4.borderLeftTitle { margin-top: 80px; }
#triInstitutionContentsArea .institutionInner .flexInner h4.borderLeftTitle,
#triInstitutionContentsArea .institutionInner .flexInner .modalImg { margin-top: 0; }
#triInstitutionContentsArea .institutionInner h4.borderLeftTitle + .flexInner { margin-top: 30px; }
#triInstitutionContentsArea .institutionInner .borderLeftTitle + p { margin-top: 25px; }
#triInstitutionContentsArea .institutionInner p { line-height: 2.2; }
#triInstitutionContentsArea .institutionInner .flexInner > div,
#triInstitutionContentsArea .institutionInner .flexInner > p,
#triInstitutionContentsArea .institutionInner .flexInner > dl { width: 600px; }
#triInstitutionContentsArea .institutionInner .flexInner div.circletitle { margin-top: 0; }
#triInstitutionContentsArea .institutionInner .flexInner div.circletitle + div { margin-top: 30px; }
#triInstitutionContentsArea .institutionInner .flexInner { margin-top: 60px; }
#triInstitutionContentsArea .institutionInner p + .flexInner { margin-top: 25px; font-size: 100%; color: #008ed8; font-weight: bold; }
#triInstitutionContentsArea .institutionInner p.atComment { font-size: 86%; margin-top: 18px; line-height: 2; }
#triInstitutionContentsArea .institutionInner .institutionImg span,
#triInstitutionContentsArea .institutionInner .radiusImg span { display: block; margin-top: 15px; text-align: right; }

#triInstitutionContentsArea .institutionInner .flexInner .flexList li { width: 290px; }
#triInstitutionContentsArea .institutionInner .flexInner .flexList li span { margin-top: 8px; }

#triInstitutionContentsArea .institutionInner .flexList3 { margin-top: 50px; }
#triInstitutionContentsArea .institutionInner .flexList3 li { width: 400px; }
#triInstitutionContentsArea .institutionInner .flexList3 li h4.borderLeftTitle { margin-top: 0; }
#triInstitutionContentsArea .institutionInner .flexList3 li h4.borderLeftTitle + div { margin-top: 35px; }
#triInstitutionContentsArea .institutionInner .flexList3 li p { margin-top: 35px; }

#triInstitutionContentsArea .txtBtn { margin: 50px auto 0; width: 180px; font-size: 114%; }
#triInstitutionContentsArea .txtBtn a { padding: 13px 25px; }
#triInstitutionContentsArea .txtBtn a span { display: block; padding: 0 20px 0 0; background-size: 13px; }

#triInstitutionContentsArea #seismicInner #shakingTable { margin-top: 50px; flex-direction: row-reverse; }
#triInstitutionContentsArea #seismicInner #shakingTable .radiusImg { margin-top: 65px; }
#triInstitutionContentsArea #seismicInner #shakingTable h4.borderLeftTitle { margin-top: 0; }
#triInstitutionContentsArea #seismicInner #shakingTable p + h4.borderLeftTitle { margin-top: 50px; }

#triInstitutionContentsArea #seismicInner #reactionFloor { overflow: hidden; margin-top: 50px; }
#triInstitutionContentsArea #seismicInner #reactionFloor h4.borderLeftTitle { float: left; margin-top: 0; }
#triInstitutionContentsArea #seismicInner #reactionFloor .radiusImg { float: right; width: 290px; }
#triInstitutionContentsArea #seismicInner #reactionFloor p { margin-top: 25px; float: left; }

#triInstitutionContentsArea #materialInner .rowReverse { flex-direction: row-reverse; }


/*------------------------------
  技術研究年報
-------------------------------*/
#triReportContentsArea #backNumInner ul { display: flex; flex-wrap: wrap; }
#triReportContentsArea #backNumInner ul li { width: 13%; margin: 0.63%; }
#triReportContentsArea #backNumInner ul li a { padding: 10px 0 10px 20px; display: block; border: 1px solid #0098d6; position: relative; border-radius: 15px; color: #0098d6; }
#triReportContentsArea #backNumInner ul li a::after { content: ""; display: block; width: 8px; height: 8px; border-right: solid 1px #018dd6; border-bottom: solid 1px #018dd6; transform: rotate(-45deg) translateY(-50%); position: absolute; right: 10px; top: calc(50% - 2px); }
#triReportContentsArea #backNumInner + .borderTopTitle { margin-top: 50px; }

#triReportContentsArea #allInner { margin-top: 40px; padding: 60px; display: flex; }
#triReportContentsArea #allInner > div { width: 198px; }
#triReportContentsArea #allInner > ul.lineList { margin-top: 5px; margin-left: 40px; }
#triReportContentsArea #allInner > ul.lineList li a::before { top: 1em; }
#triReportContentsArea h4 { margin-top: 48px; }

#triReportContentsArea table.commonTable { margin-top: 30px; }
#triReportContentsArea table.commonTable th,
#triReportContentsArea table.commonTable td { vertical-align: middle; line-height: 1.8; }

#triReportContentsArea table.commonTable th { width: 450px; padding: 26px 25px; font-weight: normal; }
#triReportContentsArea table.commonTable td { text-align: center; padding: 26px 0; width: 160px; background-color: #f5f9fb; }
#triReportContentsArea table.commonTable th + td + td { width: 210px; background-color: #fff; }
#triReportContentsArea table.commonTable td .iconPos { width: 13px; padding-bottom: 2px; margin-left: 10px; }
#triReportContentsArea table.commonTable td a[target="_blank"] { padding-right: 0; background: none; }
#triReportContentsArea .txtBtn { margin: 35px auto 0; width: 220px; font-size: 114%; }
#triReportContentsArea .txtBtn a { padding: 13px 25px; }
#triReportContentsArea .txtBtn a span { display: block; padding: 0 30px 0 0; background-size: 13px; }


/*------------------------------
  奥村組の技術でできること
-------------------------------*/
#candoIndexContentsArea #jumpLinkInner { margin-top: 35px; padding: 60px; }
#candoIndexContentsArea #jumpLinkInner ul#jumpLinkList { display: flex; justify-content: space-between; flex-wrap: wrap; }
#candoIndexContentsArea #jumpLinkInner ul#jumpLinkList > li { width: 420px; }
#candoIndexContentsArea #jumpLinkInner ul#jumpLinkList > li:nth-child(n+3) { margin-top: 35px; }
#candoIndexContentsArea #jumpLinkInner ul#jumpLinkList > li div a { display: block; border-radius: 8px; border: solid 1px #e3e8ea; background-color: #fff; position: relative; padding: 20px 25px; font-size: 120%; }
#candoIndexContentsArea #jumpLinkInner ul#jumpLinkList > li div a::after { content: ""; display: block; width: 12px; height: 12px; border-right: solid 2px #018dd6; border-bottom: solid 2px #018dd6; transform: rotate(45deg) translateY(-50%); position: absolute; right: 35px; top: calc(50% - 2px); }
#candoIndexContentsArea #jumpLinkInner ul#jumpLinkList > li ul.lineList li { margin-top: 20px; }
#candoIndexContentsArea #jumpLinkInner ul#jumpLinkList > li ul.lineList li a::before { top: 0.8em; }

#candoIndexContentsArea h4.borderLeftTitle { margin-top: 60px; }
#candoIndexContentsArea h5.circletitle { margin-top: 35px; }
#candoIndexContentsArea h5.circletitle + p { margin-top: 18px; }
#candoIndexContentsArea dl.bgBorder { margin-top: 30px; padding: 28px 44px; }
#candoIndexContentsArea dl.bgBorder dt { font-size: 106%; color: #008ed8; }
#candoIndexContentsArea dl.bgBorder dd ul.circleList { font-size: 86%; margin-top: 20px; }
#candoIndexContentsArea dl.bgBorder dd ul.circleList li::before { width: 6px; height: 6px; top: 0.6em; }
#candoIndexContentsArea dl.bgBorder dd ul.circleList li:nth-child(n+2) { margin-top: 15px; }

/*------------------------------
  建築技術
-------------------------------*/
#buildingPagesContentsArea p { line-height: 1.8; margin-top: 25px; }
#buildingPagesContentsArea p.buildingImg { text-align: center; }
#buildingPagesContentsArea p.buildingImg span { display: block; margin-top: 10px; }
#buildingPagesContentsArea .txtBtnL { margin: 85px auto 0; display: block; }

/*------------------------------
  建築環境技術
-------------------------------*/
#jyukankyouPagesContentsArea h4.borderLeftTitle { line-height: 1.7; }
#jyukankyouPagesContentsArea p { line-height: 1.8; }
#jyukankyouPagesContentsArea .txtBtn { margin-top: 20px; font-size: 113%; width: auto; display: inline-block; }
#jyukankyouPagesContentsArea .circleIcon { position: relative; padding-left: 18px; font-size: 100%; margin: 40px 0 20px; color: #008ed8; }
#jyukankyouPagesContentsArea .circleIcon::before { content: ""; display: block; position: absolute; left: 0; top: 0.5em; width: 10px; height: 10px; border-radius: 50%; background-color: #008ed8; }
#jyukankyouPagesContentsArea ul.iconList { display: flex; justify-content: center; margin-top: 40px; }
#jyukankyouPagesContentsArea ul.iconList li { margin: 0 15px; }
#jyukankyouPagesContentsArea ul.iconList li .circleIcon { margin-top: 0; }

#jyukankyouPagesContentsArea .flexInner .txtInner { width: 420px; }
#jyukankyouPagesContentsArea .flexInner .txtInner + div { width: 505px; }
#jyukankyouPagesContentsArea .flexInner .txtInner + div .circleIcon { margin-top: 0; }

#jyukankyouPagesContentsArea .borderDl dd ul.circleList { margin-top: 20px; }
#jyukankyouPagesContentsArea .borderDl dd ul.circleList li:nth-child(n+2) { margin-top: 5px; }
#jyukankyouPagesContentsArea .borderDl dd ul.circleList li::before { width: 6px; height: 6px; top: 0.7em; }
#jyukankyouPagesContentsArea .borderDl dd ul.circleList + p { margin-top: 20px; }

#jyukankyouPagesContentsArea .borderDl dd#planDd ol.numOneHalfList li:nth-child(n+2) { margin-top: 15px; }
#jyukankyouPagesContentsArea .borderDl dd#planDd ol.numOneHalfList + p { margin-top: 30px; font-size: 86%; }

#jyukankyouPagesContentsArea .borderDl dd#plannerDd .txtInner { width: 580px; }
#jyukankyouPagesContentsArea .borderDl dd#tableDd table.grayTable { width: 580px; }
#jyukankyouPagesContentsArea .borderDl dd#tableDd table.grayTable th { padding: 12px 7px; }
#jyukankyouPagesContentsArea .borderDl dd#tableDd table.grayTable td { padding: 15px 7px; }
#jyukankyouPagesContentsArea .borderDl dd#tableDd table.grayTable th:first-child { width: 165px; }
#jyukankyouPagesContentsArea .borderDl dd#tableDd table.grayTable th:last-child { width: 155px; }
#jyukankyouPagesContentsArea .borderDl dd#tableDd .zebBtn { margin-top: 30px; }
#jyukankyouPagesContentsArea .borderDl dd#plannerDd .imgInner { width: 370px; }

#jyukankyouPagesContentsArea .borderDl dd .zebBtn { width: 540px; }
#jyukankyouPagesContentsArea .borderDl dd .zebBtn a { padding: 10px 30px 10px 10px; }
#jyukankyouPagesContentsArea .borderDl dd .zebBtn a[target="_blank"] { background-image: none; }
#jyukankyouPagesContentsArea .borderDl dd .zebBtn a span { display: block; text-align: left; }

#jyukankyouPagesContentsArea .txtBtn a { padding: 10px 20px; }
#jyukankyouPagesContentsArea .txtBtn + p { margin-top: 30px; }

#jyukankyouPagesContentsArea .imgCenter { width: 440px; margin: 0 auto; }

/* 室内環境技術 */
#jyukankyouPagesContentsArea #soundInsulation { width: 518px; margin-top: 40px; }
#jyukankyouPagesContentsArea #systemEquipment { width: 652px; }
#jyukankyouPagesContentsArea #mobileMicrophone { width: 100%; text-align: center; }
#jyukankyouPagesContentsArea #mobileMicrophone .circleIcon { display: inline-block; }
#jyukankyouPagesContentsArea #mobileMicrophone img { width: 440px; }

#jyukankyouPagesContentsArea #overviewList { margin-top: 25px; }
#jyukankyouPagesContentsArea #overviewList li { margin-top: 30px; }

/* 建物周辺環境技術 */
#jyukankyouPagesContentsArea #ratingSystem { display: flex; justify-content: space-between; margin-top: 40px; }
#jyukankyouPagesContentsArea #ratingSystem #analysisModel { flex: 1; }
#jyukankyouPagesContentsArea #ratingSystem #analysisModel ul { display: flex; justify-content: space-between; }
#jyukankyouPagesContentsArea #ratingSystem #analysisModel ul li { width: 312px; }
#jyukankyouPagesContentsArea #ratingSystem #analysisModel + div { width: 312px; margin-left: 22px; }
#jyukankyouPagesContentsArea .atComment { font-size: 87%; margin-top: 30px; }

#jyukankyouPagesContentsArea ul#activeMuffling { margin-top: 40px; }
#jyukankyouPagesContentsArea ul#activeMuffling li:first-child { width: 440px; }
#jyukankyouPagesContentsArea ul#activeMuffling li:last-child { width: 495px; }
#jyukankyouPagesContentsArea ul#activeMuffling li img { border-radius: 0; }