@charset "utf-8"; /* top slider =================================================================== */ #mainVisual{width:100%; /*height:670px;*/ position:relative; border-bottom:1px #ddd solid; overflow:hidden;} /*#mainVisual figure div{width:100%; height:550px; text-align:center; font-size:72px; font-weight:bold; color:#fff; line-height:550px; border-bottom:1px #ddd solid; background-size:cover; background-repeat:no-repeat; background-position:center center;}*/ #mainVisual figure figcaption{display:block; max-width:1160px; margin:0 auto; font-size:24px; padding:20px 0; background:#fff;} #mainVisual figure a{color:#000; text-decoration:none;} #mainVisual figure a:hover{opacity:.7;} #mainVisual figure figcaption i{display:block; font-size:14px;} /*#mainVisual figure img{display:block;}*/ #mainVisual figure img{width:100%; height:auto; display:block;} #mainVisual.top{width:100%;} /* modules ============================================================================================================================================================================================= */ /* module > news list =================================================================== */ section.modNews{padding:50px 0 10px; border-bottom:1px #ddd solid;} section.modNews dl{margin-bottom:40px; max-width:1160px; margin:0 auto;} section.modNews dl dt{padding-right:20px; clear:both; display:inline-block; margin-bottom:35px;} section.modNews dl dt span{width:140px; display:inline-block; vertical-align:top;} section.modNews dl dt i{width:110px; display:inline-block; font-size:11px; line-height:1.1; vertical-align:middle;} section.modNews dl dt i em{display:block; line-height:1.4; background:#8b8b8b; color:#fff; padding:2px 5px; margin-bottom:5px;} section.modNews dl dd{margin-bottom:35px; display:inline-block; vertical-align:top; width:870px;} ection.modNews a{text-decoration:none;} section.modNews a:hover{text-decoration:underline;} #pageBody section.modNews h2{text-align:left; max-width:1160px; margin:0 auto 30px auto; display:none;} #pageBody section.modNews dl + p{text-align:right; max-width:1160px; margin:0 auto 0;} section.modNews dl + p:before{content:'\f105'; font-family:rybicons; padding-right:5px;} .loadarchives p { opacity: 0;} #pageBody article.irTop section.modNews h2{display:block;} /* module > corp =================================================================== */ section.modCorp{padding:30px 0; text-align:center;} section.modCorp h1{font-size:28px; margin-bottom:15px;} section.modCorp figure{margin:0 auto; width:1160px; margin-bottom:10px;} section.modCorp figure.spCorpmdImg{display:none;} section.modCorp figure.pcCorpmdImg{display:block;} section.modCorp nav li{display:inline-block; border-left:1px #000 solid; padding:0 10px; line-height:1;} section.modCorp nav li a{color:#000; text-decoration:none;} section.modCorp nav li a:hover{color:#000; text-decoration:underline;} section.modCorp nav li:first-child{border-left:0;} /* module > biz =================================================================== */ section.modBiz{padding:30px 0 40px; text-align:center;} section.modBiz h1{font-size:28px; margin-bottom:15px;} section.modBiz nav{max-width:1024px; margin:0 auto;} section.modBiz nav ul{clear:both; display:flex; justify-content:space-between;} section.modBiz nav li{width:calc(100% / 3 -40px); padding:0 20px;} section.modBiz nav li a{color:#000; text-decoration:none; display:block;} section.modBiz nav li a:hover{color:#000; text-decoration:underline;} section.modBiz nav li img{display:block; width:100%; height:auto;} section.modBiz nav li:first-child{border-left:0;} /* module > item =================================================================== */ section.modItem{padding:30px 0 60px; text-align:center;} section.modItem h1{font-size:28px; margin-bottom:45px;} section.modItem nav{max-width:1200px; margin:0 auto;} section.modItem nav ul{clear:both;} section.modItem nav ul:after{clear:both; display:block; content:'';} section.modItem nav li{width:33.33%; padding:0 20px; line-height:1.2; float:left;} section.modItem nav li a{color:#000; text-decoration:none; display:inline-block; width:100%; height:100%; vertical-align:middle; padding:0 20px; /*border:1px #ddd solid;*/ position:relative;} section.modItem nav li img{width:100%; height:auto; margin-bottom:15px;} /*section.modItem nav li a span{position:absolute; left:0; top:50%; width:100%;}*/ section.modItem nav li a:hover{text-decoration:none;} /* module > csr =================================================================== */ section.modCsr{padding:30px 0 50px; text-align:center;} section.modCsr h1{font-size:28px; margin-bottom:15px;} section.modCsr figure{height:290px; margin-bottom:25px;} section.modCsr figure a{display:block; height:290px; background:url(/common/images/modCsrImg.jpg) no-repeat center center; background-size:cover; text-indent:100%; overflow:hidden; white-space:nowrap;} section.modCsr figure a:hover{opacity:.7;} section.modCsr nav li{display:inline-block; border-left:1px #000 solid; padding:0 10px; line-height:1;} section.modCsr nav li a{color:#000; text-decoration:none;} section.modCsr nav li a:hover{color:#000; text-decoration:underline;} section.modCsr nav li:first-child{border-left:0;} /* module > appendix =================================================================== */ section.modAppendix{padding:30px 0 10px; text-align:center;} section.modAppendix h1{font-size:28px; margin-bottom:45px;} section.modAppendix nav{max-width:1200px; margin:0 auto;} section.modAppendix nav ul{clear:both;} section.modAppendix nav ul:after{clear:both; display:block; content:'';} section.modAppendix nav li{width:33.33%; padding:0 20px; line-height:1.2; height:100px; float:left; margin-bottom:40px;} section.modAppendix nav li a{color:#000; text-decoration:none; display:inline-block; width:100%; height:100%; vertical-align:middle; font-size:18px; padding:0 20px; border:1px #ddd solid; position:relative;} section.modAppendix nav li a span{position:absolute; left:0; top:50%; width:100%;} section.modAppendix nav li a:hover{text-decoration:none; background:#f2f2f2;} section.modAppendix nav li.half{width:50%;} /* module > subMenu =================================================================== */ #pageBody .subMenu{margin-top:32px;} #pageBody .subMenu:after{content:""; clear:both; display:block;} #pageBody .subMenu ul li{float:left; width:50%; height:360px;} #pageBody .subMenu ul li:nth-child(1){padding-right:10px;} #pageBody .subMenu ul li:nth-child(2){padding-left:10px;} #pageBody .subMenu ul li a{color:#fff; text-decoration:none; display:block; width:100%; height:360px;} #pageBody .subMenu ul li a:hover{opacity:.7;} #pageBody .subMenu ul li:nth-child(1) a{background:url(/corp/images/indexBt01.jpg) right center no-repeat; background-size:cover; text-align:center; font-size:48px; font-family:YuMincho,'Yu Mincho', "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; padding-top:120px; font-weight:normal;} #pageBody .subMenu ul li:nth-child(1) a i{display:block; font-size:18px;} #pageBody .subMenu ul li:nth-child(2) a{background:url(/corp/images/indexBt02.jpg) left center no-repeat; background-size:cover; text-align:center; font-size:30px; padding-top:120px; font-weight:bold;} /* module > subMenuE =================================================================== */ #pageBody .subMenuE{margin-top:32px;} #pageBody .subMenuE:after{content:""; clear:both; display:block;} #pageBody .subMenuE ul li{float:left; width:50%; height:360px;} #pageBody .subMenuE ul li:nth-child(1){padding-right:10px;} #pageBody .subMenuE ul li:nth-child(2){padding-left:10px;} #pageBody .subMenuE ul li a{color:#fff; text-decoration:none; display:block; width:100%; height:360px;} #pageBody .subMenuE ul li a:hover{opacity:.7;} #pageBody .subMenuE ul li:nth-child(1) a{background:url(/en/corp/images/indexBt01.jpg) right center no-repeat; background-size:cover; text-align:center; font-size:48px; font-family:YuMincho,'Yu Mincho', "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; padding-top:120px; font-weight:normal;} #pageBody .subMenuE ul li:nth-child(1) a i{display:block; font-size:18px;} #pageBody .subMenuE ul li:nth-child(2) a{background:url(/en/corp/images/indexBt02.jpg) left center no-repeat; background-size:cover; text-align:center; font-size:30px; padding-top:120px; font-weight:bold;} /* module > .mdCorpmenu =================================================================== */ section.mdCorpmenu{background:url(/corp/images/indexBg.jpg) center top no-repeat; background-size:cover; text-align:center; padding:95px 0; color:#fff; height:341px;} section.mdCorpmenu nav{max-width:1200px; margin:0 auto;} section.mdCorpmenu h1,#pageBody .mdCorpmenu p, section.mdCorpmenu ul li{line-height:1.0;} section.mdCorpmenu p{font-size:14px; margin-bottom:16px;} section.mdCorpmenu h1{font-size:28px; margin-bottom:50px;} section.mdCorpmenu ul{font-size:16px;} section.mdCorpmenu ul li:before{content:"|"; position:absolute; right:0px; top:0px; height:19px;} section.mdCorpmenu ul li{display:inline-block; padding:0 15px 0 2px; position:relative;} section.mdCorpmenu ul li:last-child:before{content:"";} section.mdCorpmenu a{color:#fff; text-decoration:none;} section.mdCorpmenu a:hover{color:#fff; text-decoration:underline;} /* module > .mdIrlink =================================================================== */ section.mdIrlink{padding:30px 0 60px; text-align:center;} section.mdIrlink h1{font-size:28px; margin-bottom:45px;} section.mdIrlink nav{max-width:1200px; margin:0 auto;} section.mdIrlink nav ul{clear:both;} section.mdIrlink nav ul:after{clear:both; display:block; content:'';} section.mdIrlink nav li{width:33.33%; padding:0 20px; line-height:1.2; height:100px; float:left;} section.mdIrlink nav li a{color:#000; text-decoration:none; display:inline-block; width:100%; height:100%; vertical-align:middle; font-size:18px; padding:0 20px; border:1px #ddd solid; position:relative;} section.mdIrlink nav li a span{position:absolute; left:0; top:50%; width:100%; margin-top:-10.5px;} section.mdIrlink nav li a:hover{text-decoration:none; background:#f2f2f2;} /* module > .mdCorpmenu =================================================================== */ section.mbDischarge{max-width:1107px; margin:50px auto 70px;} section.mbDischarge h2{font-size:16px; margin-bottom:0px;} section.mbDischarge ul{font-size:16px; margin-left:1.5em;} section.mbDischarge ul li{list-style:disc; padding-left:0.2em;} /* contact ============================================================================================================================================================================================= */ /* form =================================================================== */ .formTable{margin-bottom:30px; width:100%;} .formTable th, .formTable td{padding:20px; border:1px #ddd solid;} .formTable th{background:#f2f2f2; font-weight:bold; width:270px;} .formTable th em{color:#f00;} .formTable span.note{display:block; font-size:14px; padding:2px 0;} .formTable input[type=text], .formTable textarea{width:100%;} .formTable input[type=text].short{width:140px;} .noticeBlock{border:1px #f00 solid; padding:20px;} #pageBody .noticeBlock p:last-child{margin-bottom:0 !important;} .btnSpace{text-align:center; padding:40px 0;} .btnSpace p{margin-bottom:30px;} .btnSpace button{padding:10px 50px; margin:0 10px;} .errors{text-align:center;} .errors p{font-size:18px;} .errors ul{margin:0 auto 30px} .errors ul li{margin-bottom:1em; color:#f00; list-style:none;} .errors ul li:before{content:'● ';} /* News ============================================================================================================================================================================================= */ /* newsIndex・newsDetail =================================================================== */ #pageBody.news > header div.txtTitle p{padding-top:55px;} #pageBody.news section{padding:50px 0 10px; border-bottom:1px #ddd solid; max-width:1160px; margin:0 auto; position:relative;} #pageBody.news section dl{margin:40px 0 55px 0;} #pageBody.news section dl dt{display:inline-block;clear:both; padding-right:20px; margin-bottom:35px;} #pageBody.newsDetail header .newsTitle span, #pageBody.news section dl dt span{width:140px; display:inline-block; vertical-align:top;} #pageBody.newsDetail header .newsTitle i, #pageBody.news section dl dt i{width:110px; display:inline-block; color:#fff; font-size:11px; padding:2px 5px; line-height:1.1; vertical-align:middle;} #pageBody.news section dl dt i em{display:block; line-height:1.6; background:#8b8b8b; color:#fff; padding:2px 5px; margin-bottom:5px;} #pageBody.news section dl dd{margin-bottom:35px; display:inline-block; vertical-align:top; width:870px;} #pageBody.news section a{text-decoration:none;} #pageBody.news section a:hover{text-decoration:underline;} #pageBody.news section dl + p{text-align:center; margin-bottom:96px;} #pageBody.news section dl + p:before{content:'\f107'; font-family:rybicons; padding-right:5px;} #pageBody.news section select{width:276px; height:39px; border:1px solid #dddddd; border-radius:2px; background:#f3f1f1; font-size:15px;} #pageBody.newsDetail section{max-width:960px; margin:0 auto; padding:47px 0 86px 0;} #pageBody.newsDetail section figure{margin:0 -100px; padding:50px 0; max-width:1160px;} #pageBody.newsDetail section figure img{width:100%; height:auto;} #pageBody.newsDetail header .newsTitle{max-width:1160px; margin:0 auto; padding:30px 0;} #pageBody.newsDetail header .newsTitle h1{padding:5px 0 0 0; font-size:24px;} #pageBody.newsDetail header .newsTitle p{margin-bottom:0px;} #pageBody.newsDetail header .newsTitle span{margin-left:20px; margin-bottom:3px; width:auto;} #pageBody.newsDetail header .newsTitle i{font-size:12px; width:auto;} #pageBody.newsDetail header .newsTitle i em{display:inline; line-height:1.3; background:#8b8b8b; color:#fff; padding:2px 5px; margin:0 10px 5px 0px;} #pageBody.newsDetail header .newsTitle i em:last-child{margin-right:0px;} #pageBody.news article.irNews section{border-bottom:none;} #pageBody.news section .pwtLinks{position:absolute; top:50px; right:0px;} #pageBody section.modNews dl.powerCate dt i em,#pageBody section.modNews dl.buldeCate dt i em, #pageBody section.modNews dl.diecastCate dt i em,#pageBody section.modNews dl.printingCate dt i em, #pageBody article section.modNews dl.corpCate dt i em, #pageBody.recruit article section.modNews dl dt i em, #pageBody.csr article section.modNews dl dt i em, #pageBody.ir article.irTop section.modNews dl dt i em{display:none;} #pageBody section.modNews dl.printingCate dt i, #pageBody section.modNews dl.buldeCate dt i, #pageBody section.modNews dl.powerCate dt i, #pageBody section.modNews dl.diecastCate dt i, #pageBody article section.modNews dl.corpCate dt i, #pageBody.recruit article section.modNews dl dt i, #pageBody.csr article section.modNews dl dt i, #pageBody.ir article.irTop section.modNews dl dt i{display:inline-block; line-height:1.3; height:1.8em; background:#8b8b8b; color:#fff; padding:2px 5px; margin:0 10px 5px 0px; position:relative; width:110px;} #pageBody.ir article.irTop section.modNews dl dt i:before{content:"IR（投資家情報）"; position:absolute; left:3px; top:2px;} #pageBody.ir article.irTop section.modNews dl.newsRe dt i:before{content:"ニュースリリース"; position:absolute; left:3px; top:2px;} #pageBody.csr article section.modNews dl dt i:before{content:"CSR"; position:absolute; left:3px; top:2px;} #pageBody.recruit article section.modNews dl dt i:before{content:"採用情報"; position:absolute; left:3px; top:2px;} #pageBody article section.modNews dl.corpCate dt i:before{content:"会社案内"; position:absolute; left:3px; top:2px;} #pageBody section.modNews dl.diecastCate dt i:before{content:"ダイカスト"; position:absolute; left:3px; top:2px;} #pageBody section.modNews dl.powerCate dt i:before{content:"パワーツール"; position:absolute; left:3px; top:2px;} #pageBody section.modNews dl.buldeCate dt i:before{content:"建築用品"; position:absolute; left:3px; top:2px;} #pageBody section.modNews dl.printingCate dt i:before{content:"印刷機器"; position:absolute; left:3px; top:2px;} /* 20240619修正 */ /* html[lang=en] #pageBody section.modNews dl.powerCate dt i em, html[lang=en] #pageBody section.modNews dl.buldeCate dt i em, html[lang=en] #pageBody section.modNews dl.diecastCate dt i em, html[lang=en] #pageBody section.modNews dl.printingCate dt i em, html[lang=en] #pageBody article section.modNews dl.corpCate dt i em, html[lang=en] #pageBody.recruit article section.modNews dl dt i em, html[lang=en] #pageBody.csr article section.modNews dl dt i em, html[lang=en] #pageBody.ir article.irTop section.modNews dl dt i em{display:inline-block; line-height:1.3; height:auto; background:#8b8b8b; color:#fff; padding:2px 5px; margin:0 10px 5px 0px; position:relative; width:110px;} html[lang=en] #pageBody section.modNews dl.printingCate dt i, html[lang=en] #pageBody section.modNews dl.buldeCate dt i, html[lang=en] #pageBody section.modNews dl.powerCate dt i, html[lang=en] #pageBody section.modNews dl.diecastCate dt i, html[lang=en] #pageBody section.modNews dl.buldeCate dt i, html[lang=en] #pageBody article section.modNews dl.corpCate dt i, html[lang=en] #pageBody.recruit article section.modNews dl dt i, html[lang=en] #pageBody.csr article section.modNews dl dt i, html[lang=en] #pageBody.ir article.irTop section.modNews dl dt i{display:inline-block; background:none transparent; padding:0; margin:0;} html[lang=en] #pageBody.ir article.irTop section.modNews dl dt i:before, html[lang=en] #pageBody.ir article.irTop section.modNews dl.newsRe dt i:before, html[lang=en] #pageBody.csr article section.modNews dl dt i:before, html[lang=en] #pageBody.recruit article section.modNews dl dt i:before, html[lang=en] #pageBody article section.modNews dl.corpCate dt i:before, html[lang=en] #pageBody section.modNews dl.diecastCate dt i:before, html[lang=en] #pageBody section.modNews dl.powerCate dt i:before, html[lang=en] #pageBody section.modNews dl.buldeCate dt i:before, html[lang=en] #pageBody section.modNews dl.printingCate dt i:before{content:none; display:none;} */ html[lang=en] #pageBody.ir article.irTop section.modNews dl dt i:before{content:"IR"; position:absolute; left:3px; top:2px;} html[lang=en] #pageBody.ir article.irTop section.modNews dl.newsRe dt i:before{content:"News Relaese"; position:absolute; left:3px; top:2px;} html[lang=en] #pageBody.csr article section.modNews dl dt i:before{content:"CSR"; position:absolute; left:3px; top:2px;} html[lang=en] #pageBody.recruit article section.modNews dl dt i:before{content:"Recruit"; position:absolute; left:3px; top:2px;} html[lang=en] #pageBody article section.modNews dl.corpCate dt i:before{content:"About Us"; position:absolute; left:3px; top:2px;} html[lang=en] #pageBody section.modNews dl.diecastCate dt i:before{content:"Die Casting"; position:absolute; left:3px; top:2px;} html[lang=en] #pageBody section.modNews dl.powerCate dt i:before{content:"Power Tools"; position:absolute; left:3px; top:2px;} html[lang=en] #pageBody section.modNews dl.buldeCate dt i:before{content:"Builders' Hardware"; position:absolute; left:3px; top:2px;} html[lang=en] #pageBody section.modNews dl.printingCate dt i:before{content:"Printing Equipment"; position:absolute; left:3px; top:2px;} /* 20240619修正ここまで */ /* company ============================================================================================================================================================================================= */ /* corpIndex =================================================================== */ /* #pageBody > header div.txtTitle{max-width:1160px; margin:0 auto;} #pageBody > header div.txtTitle:after{content:''; clear:both; display:block;} #pageBody > header div.txtTitle h1{min-width:350px; float:left;} #pageBody > header div.txtTitle p{max-width:774px; float:left; padding:35px 0; margin-bottom:0px;} */ #pageBody > header div.txtTitle{max-width:1160px; margin:0 auto; padding:20px 0; min-height:120px; display:flex; justify-content:space-between; align-content:center; align-items:center;} #pageBody > header div.txtTitle h1{min-width:350px; margin:0; padding:0; white-space:nowrap; line-height:1.4;} #pageBody > header div.txtTitle h1 small{display:block; padding-top:4px; font-size:18px;} #pageBody > header div.txtTitle p{padding:0; margin-bottom:0px;} .ptBanner{max-width:1024px; margin:50px auto; border:1px #ccc solid;} .ptBanner a{height:98px; display:flex; flex-direction:row-reverse; color:#000; text-decoration:none; align-items:center;} .ptBanner span{flex:1; text-align:center; display:block;} .ptBanner span img{display:block; margin:0 auto;} #pageBody .ptBanner p{flex:1; margin-bottom:0;} .ptBanner a:hover p{opacity:.7;} #mainVisual.corpIndex{background:#eee; min-height:360px; border-bottom:0px;} #mainVisual.corpIndex figure{width:66%; float:left; line-height:1.0; display:block;} #mainVisual.corpIndex figure img{width:100%; height:auto;} #mainVisual.corpIndex .message{width:34%; float:right; padding:20px;} #pageBody > #mainVisual.corpIndex .message{} #pageBody > #mainVisual.corpIndex .message h2{font-size:24px; margin-bottom:20px;} #pageBody > #mainVisual.corpIndex .message p{font-size:16px; margin-bottom:18px;} #pageBody > #mainVisual.corpIndex .message p a{width:100%; line-height:71px; font-size:16px; border:1px #999999 solid; text-align:center; display:block; color:#000; text-decoration:none;} #pageBody > #mainVisual.corpIndex .message p+p{margin-bottom:0px;} /*#pageBody > #mainVisual.corpIndex{background:url(/corp/images/corpMvBg.png) repeat-y center top #eee; height:375px; border-bottom:none;} #pageBody > #mainVisual.corpIndex .inner{max-width:1160px; margin:0 auto;} #pageBody > #mainVisual.corpIndex .inner:after{content:""; clear:both; display:block;} #pageBody > #mainVisual.corpIndex figure{float:left;} #pageBody > #mainVisual.corpIndex figure img{display:block; margin-left:-100px;} #pageBody > #mainVisual.corpIndex .message{max-width:1160px; margin:0 auto; padding:30px 0 0 795px;}*/ @media screen and (min-width:768px) and (max-width:1200px){ #mainVisual.corpIndex{min-height:300px;} #pageBody > #mainVisual.corpIndex .message{} #pageBody > #mainVisual.corpIndex .message h2{margin-bottom:15px;} #pageBody > #mainVisual.corpIndex .message p a{line-height:60px;} } /* corpMain =================================================================== */ #pageBody.corp > #mainVisual{} #pageBody.corp > #mainVisual figure div{height:538px; line-height:538px;} #pageBody.corp article.regular{padding:85px 0;} #pageBody.corp article.regular h1{font-size:24px; margin-bottom:76px;} #pageBody.corp article.regular p{margin-bottom:1em;} #pageBody.corp article.regular dl.sign dt{margin-bottom:16px;} #pageBody.corp .philosophy{text-align:center; width:1160px; margin:0 auto; padding-bottom:145px;} #pageBody.corp .philosophy:after{content:""; clear:both; display:block;} #pageBody.corp .philosophy div{width:33.33%; float:left;} #pageBody.corp .philosophy h2{font-size:20px; margin-bottom:60px; font-weight:bold;} #pageBody.corp .philosophy h3{font-size:24px; font-weight:bold;} #pageBody.corp .philosophy p{font-size:16px; margin-top:20px;} #pageBody.corp .philosophy p strong{font-size:19px; font-weight:bold; margin-top:33px;} /* outline =================================================================== */ #pageBody.corp section.outline{background:#fff; padding-bottom:60px; max-width:1160px; margin:0 auto;} #pageBody.corp section.outline table th{width:20%;} #pageBody.corp section.movie{background:#f2f2f2; padding:70px 0;} #pageBody.corp section.movie div{width:860px; margin:0 auto;} #pageBody.corp section.movie div h2{font-size:24px; text-align:center; margin-bottom:40px;} #pageBody.corp section.movie div ul{font-size:12px; margin:30px 0 0 1.5em;} #pageBody.corp section.tradeName{padding:80px 0 220px; width:960px; margin:0 auto;} #pageBody.corp section.tradeName h2{text-align:center; margin-bottom:40px;} #pageBody.corp section.tradeName p{line-height:2; margin-bottom:1.5em;} #pageBody.corp section.tradeName figure{text-align:center; padding-top:80px;} /* business domain =================================================================== */ #pageBody.corp article.businessDomain{max-width:1160px; margin:0 auto; padding:30px 0;} #pageBody.corp .businessDomain > header{padding:0 100px 40px; margin-bottom:0; border-bottom:1px #ddd solid;} #pageBody.corp .businessDomain section{margin-bottom:210px;} #pageBody.corp .businessDomain .business{border-bottom:1px #ddd solid; clear:both;} #pageBody.corp .businessDomain .business:after{content:''; display:block; clear:both;} #pageBody.corp .businessDomain .business figure{float:left; width:50%;} #pageBody.corp .businessDomain .business figure img{display:block; width:100%; height:auto;} #pageBody.corp .businessDomain .business div{width:50%; min-height:270px; float:right; padding:20px 0 0 30px; position:relative;} #pageBody.corp .businessDomain .business .details{text-align:right; position:absolute; bottom:20px; right:20px;} #pageBody.corp .businessDomain .business .details:before{content:'＋';} #pageBody.corp .businessDomain .business .details a{text-decoration:none;} #pageBody.corp .businessDomain .business .details a:hover{text-decoration:underline;} /* officers =================================================================== */ #pageBody.corp article.officers{max-width:1160px; margin:0 auto; padding:30px 0;} #pageBody.corp article.officers section{margin-bottom:70px;} #pageBody.corp article.officers section h2{margin:0 0 10px;} #pageBody.corp article.officers table{margin-bottom:50px;} #pageBody.corp article.officers table.regular th{width:230px;} #pageBody.corp article.officers table.regular td i{width:540px; float:right;} #pageBody.corp article.officers table.regular td i br{display:block;} /* bases / group companies =================================================================== */ #pageBody.corp article.bases{max-width:1160px; margin:0 auto; padding:30px 0;} #pageBody.corp article.bases section{margin-bottom:90px;} #pageBody.corp article.bases section h2{margin:0 0 20px; font-size:16px;} #pageBody.corp article.bases.group section h2{margin:0 0 15px; font-size:24px; display:inline-block; position:relative; clear:both;} #pageBody.corp article.bases.group section h2 small{display:block; font-size:12px;} #pageBody.corp article.bases.group section h2 a{color:#000; position:relative;} #pageBody.corp article.bases.group section h2 a:after{content:'\e904'; font-family:rybicons; font-size:12px; color:#999; position:absolute; right:-15px; top:0;} #pageBody.corp article.bases section h3{margin:0 0 10px; font-size:16px; clear:both;} #pageBody.corp article.bases section div.photoBases{height:435px; margin-bottom:40px;} #pageBody.corp article.bases section div.photoBases:after{content:""; clear:both; display:block;} #pageBody.corp article.bases section div.photoBases table.regular{float:left; width:50%; height:100%; margin-bottom:0px;} #pageBody.corp article.bases section div.photoBases figure{float:right; width:50%; } #pageBody.corp article.bases table.regular{margin-bottom:40px; height:100%; } #pageBody.corp article.bases table.regular th{width:170px;} #pageBody.corp article.bases table.regular th a{font-weight:normal; font-size:14px; color:#000;} #pageBody.corp article.bases table.regular td{vertical-align:top; padding:15px 30px; /* 元は20px 30px 202306*/} #pageBody.corp article.bases table.regular td span{padding:20px 0 0 0; display:inline-block;} #pageBody.corp article.bases table.regular td span a:before{content:'＋';} #pageBody.corp article.bases table.regular td i{display:inline-block; margin:5px 0;} #pageBody.corp article.bases table.regular td i a{display:block; text-align:center; padding:5px 15px; color:#000; text-decoration:none; background:#eee; border:1px #eee solid;} #pageBody.corp article.bases table.regular td i a:hover{background:#fff;} #pageBody.corp article.bases .contactPoint{margin-bottom:40px; border:1px #ddd solid; padding:25px 30px 25px; clear:both;} #pageBody.corp article.bases .contactPoint h4{font-weight:bold; float:left;} #pageBody.corp article.bases .contactPoint dl{padding-left:260px;} #pageBody.corp article.bases .contactPoint dl dd{margin-bottom:25px;} #pageBody > header .rtnBase{position:absolute; left:50%; top:50%; width:200px; margin:-16px 0 0 380px; text-align:right;} #pageBody > header .rtnBase a{color:#000;} #pageBody > header .rtnBase:before{content:'＋';} /* 202306 add */ #pageBody.corp .mc{display:flex; justify-content:flex-start; align-items:flex-start; flex-wrap:wrap;} #pageBody.corp .mc .col img{max-width:100%; height:auto;} #pageBody.corp .mc.duo .col{width:calc(50% - 15px); margin:0 30px 50px 0;} #pageBody.corp .mc.duo figure.col{margin-top:30px; margin-bottom:30px;} #pageBody.corp .mc.duo .col:nth-child(2n){margin-right:0;} #pageBody.corp .mc.duo .col:nth-last-child(2), #pageBody.corp .mc.duo .col:last-child{margin-bottom:0;} #pageBody.corp .mc.trio .col{width:calc((100% - 60px) / 3); margin:0 30px 50px 0;} #pageBody.corp .mc.trio figure.col{margin-top:30px; margin-bottom:30px;} #pageBody.corp .mc.trio .col:nth-child(3n){margin-right:0;} #pageBody.corp .mc.trio .col:nth-last-child(2), #pageBody.corp .mc.trio .col:nth-last-child(3), #pageBody.corp .mc.trio .col:last-child{margin-bottom:0;} #pageBody.corp article.bases.works section h2{margin:0 0 15px; font-size:20px; font-weight:bold;} /* 202306 */ /* history =================================================================== */ #pageBody.corp article.history{max-width:1160px; margin:0 auto; padding:30px 0;} #pageBody.corp article.history section{margin-bottom:70px;} #pageBody.corp article.history section h2{margin:0 0 10px;} #pageBody.corp article.history table.regular th{width:230px;} /* ads =================================================================== */ #pageBody.corp article.ads{max-width:1160px; margin:0 auto; padding:0 0 30px 0;} #pageBody article .pageAnchor{border-bottom:1px #ddd solid; text-align:center; padding:15px 0; margin-bottom:70px;} #pageBody article .pageAnchor li{display:inline-block; padding:0 15px;} #pageBody.ir article.irTable .pageAnchor li a, #pageBody.corp article.ads li a{} #pageBody.corp article.ads section{margin-bottom:140px; text-align:center;} #pageBody.corp article.ads section h2{margin:0 0 70px;} #pageBody.corp article.ads section.msg h2{margin-bottom:90px;} #pageBody.corp article.ads section.msg figure{margin-bottom:100px;} #pageBody.corp article.ads section.character h2{margin-bottom:40px;} #pageBody.corp article.ads section.msg p, #pageBody.corp article.ads section.character p{text-align:left; padding: 0 100px;} #pageBody.corp article.ads section.character figure{margin-bottom:60px;} #pageBody.corp article.ads section.corporateAd{margin-bottom:80px;} #pageBody.corp article.ads section.corporateAd h2{margin-bottom:60px;} #pageBody.corp article.ads section.corporateAd p{margin-bottom:40px;} #pageBody.corp article.ads section.corporateAd figure{text-align:center; margin-bottom:50px;} #pageBody.corp article.ads section.corporateAd figure figcaption{font-weight:bold;} #pageBody.corp article.ads section.corporateAd figcaption small{font-weight:normal; display:block;} #pageBody.corp article.ads section.corporateAd figure img{display:block; width:100%; height:auto; margin-bottom:25px;} #pageBody.corp article.ads section.corporateAd figure.movieContainer{margin:50px auto; width:100%; text-align:center;} #pageBody.corp article.ads section.corporateAd figure.movieContainer.w720{width:720px;} #pageBody.corp article.ads section.corporateAd .ytMovie{width:720px; margin:0 auto; padding:56.25% 0 0; height:0; position:relative;} #pageBody.corp article.ads section.corporateAd .ytMovie iframe{width:100%; height:100%; position:absolute; left:0; top:0;} @media screen and (max-width:768px){ #pageBody.corp article.ads section.corporateAd figure.movieContainer{margin:30px auto;} #pageBody.corp article.ads section.corporateAd figure.movieContainer.w720{width:100%;} #pageBody.corp article.ads section.corporateAd .ytMovie{width:100%;} } #pageBody.corp article.ads section.newsPaper h2{margin-bottom:60px;} #pageBody.corp article.ads section.newsPaper p{margin-bottom:40px;} #pageBody.corp article.ads section.newsPaper div{clear:both; padding:0 120px;} #pageBody.corp article.ads section.newsPaper div:after{content:''; clear:both; display:block;} #pageBody.corp article.ads section.newsPaper div figure{text-align:center;} #pageBody.corp article.ads section.newsPaper div figure figcaption{font-weight:bold;} #pageBody.corp article.ads section.newsPaper div figure figcaption small{font-weight:normal; display:block;} #pageBody.corp article.ads section.newsPaper div figure:first-child{width:234px; float:left;} #pageBody.corp article.ads section.newsPaper div figure:last-child{width:660px; height:294px; float:right;} #pageBody.corp article.ads section.newsPaper div figure img{display:block; width:100%; height:auto;} #pageBody.corp article.ads section.newsPaper div figure:first-child img{margin-bottom:25px;} #pageBody.corp article.ads section.newsPaper div figure:last-child img{margin-bottom:15px;} #pageBody.corp article.ads section.sportsFacilities{margin-bottom:80px;} #pageBody.corp article.ads section.sportsFacilities h2{margin-bottom:60px;} #pageBody.corp article.ads section.sportsFacilities p{margin-bottom:40px;} #pageBody.corp article.ads section.sportsFacilities figure{text-align:center; margin-bottom:50px;} #pageBody.corp article.ads section.sportsFacilities figure figcaption{font-weight:bold;} #pageBody.corp article.ads section.sportsFacilities figcaption small{font-weight:normal; display:block;} #pageBody.corp article.ads section.sportsFacilities figure img{display:block; width:100%; height:auto; margin-bottom:25px;} #pageBody.corp article.ads section.traffic{margin-bottom:20px;} #pageBody.corp article.ads section.traffic h2{margin-bottom:60px;} #pageBody.corp article.ads section.traffic p{margin-bottom:50px;} #pageBody.corp article.ads section.traffic div{clear:both;} #pageBody.corp article.ads section.traffic div:after{content:''; clear:both; display:block;} #pageBody.corp article.ads section.traffic figure{text-align:center; margin-bottom:10px; width:50%; padding-right:10px; float:left; min-height:355px;} #pageBody.corp article.ads section.traffic figure:nth-child(even){float:right; padding-left:10px;} #pageBody.corp article.ads section.traffic figure figcaption{font-weight:bold;} #pageBody.corp article.ads section.traffic figcaption small{font-weight:normal; display:block;} #pageBody.corp article.ads section.traffic figure img{display:block; width:100%; height:auto; margin-bottom:15px;} #pageBody.corp article.ads section.trafficImg figure{margin-bottom:30px;} #pageBody.corp article.ads section.trafficImg figure figcaption{line-height:2.2;} #pageBody.corp article.ads section.radioProgram{margin-bottom:20px;} #pageBody.corp article.ads section.radioProgram h2{margin-bottom:60px;} #pageBody.corp article.ads section.radioProgram figure{width:217px; float:left;} #pageBody.corp article.ads section.radioProgram figure img{display:block; width:100%; height:auto;} #pageBody.corp article.ads section.radioProgram div{width:915px; float:right; text-align:left;} #pageBody.corp article.ads section.radioProgram div h3{font-size:24px; font-weight:bold; margin-bottom:10px;} #pageBody.corp article.ads section.radioProgram div h4{font-weight:bold; margin-bottom:25px;} #pageBody.corp article.ads section.radioProgram div p{position:relative;} #pageBody.corp article.ads section.radioProgram div p a{text-decoration:underline; display:block; position:relative; float:left;} #pageBody.corp article.ads section.radioProgram div p a:after{content:'\e904'; font-family:rybicons; position:absolute; right:-25px; top:2px; font-size:12px; } #pageBody.corp article.ads section.radioProgram div p a:hover{text-decoration:none;} /* projects ============================================================================================================================================================================================= */ #pageBody.projects article section.profileBox a{} #pageBody.projects article section.profileBox a:hover{} #pageBody.projects section.proList{max-width:1161px; margin:0 auto;} #pageBody.projects section.proList ul{} #pageBody.projects section.proList ul li{display:inline-block; text-align:center; margin-right:14px;} #pageBody.projects section.proList ul li:last-child{margin-right:0px;} #pageBody.projects section.proList ul li a{color:#000; text-decoration:none;} #pageBody.projects section.proList ul li a:hover{color:#000; text-decoration:underline;} #pageBody.projects article section.profileBox{max-width:960px; margin:0 auto; padding-top:40px} #pageBody.projects article section.profileBox h2{text-align:center; margin-bottom:47px;} #pageBody.projects article section.proHalf{padding-top:40px; max-width:960px; margin:0 auto;} #pageBody.projects article .imgHalf{padding-top:30px;} #pageBody.projects article .imgHalf:after, #pageBody.projects article section.proHalf:after{content:""; clear:both; display:block;} #pageBody.projects article section.proHalf figure, #pageBody.projects article section.proHalf div{width:50%;} #pageBody.projects article section.proHalf figure{float:left;} #pageBody.projects article section.proHalf figure img{width:100%; height:auto; padding-right:10px;} #pageBody.projects article section.proHalf div{float:right; padding-left:10px;} #pageBody.projects article section.proHalf figure.wide{margin-top:40px; width:100%; clear:both;} #pageBody.projects .band.links{margin-top:80px !important;} #pageBody.projects article ul.imgLine:after{content:""; clear:both; display:block;} #pageBody.projects article ul.imgLine{max-width:none; margin:0 -5px; list-style:none; padding-top:20px;} #pageBody.projects article ul.imgLine li{float:left; width:25%; padding:0 5px; margin-bottom:10px;} #pageBody.projects article ul.imgLine li img{width:100%; height:auto; display:block;} #pageBody.projects article section.proHalf .imgHalf{padding-top:20px;} /* projIndex =================================================================== */ /*#mainVisual.projIndex{height:375px;} #mainVisual.projIndex figure div{height:375px;}*/ #pageBody.projects article.projTop .subMenu{margin-bottom:126px;} /* profile_diecasting =================================================================== */ /*#pageBody.projects #mainVisual{height:375px;}*/ #pageBody.projects section div.inner{max-width:960px; margin:0 auto; line-height:1.5;} #pageBody.projects section div.inner h2{text-align:center;} #pageBody.projects section div.inner p{line-height:1.8;} #pageBody.projects section.profileCar{background:url(/projects/images/projectsBg.png) bottom center repeat-x; padding:76px 0 485px 0px; margin-bottom:75px;} #pageBody.projects section.profileHalf{max-width:1161px; margin:0 auto;} #pageBody.projects section.profileHalf h2{text-align:center; margin-bottom:47px;} #pageBody.projects section.profileHalf figure, #pageBody.projects section.profileHalf .half{width:50%;} #pageBody.projects section.profileHalf .rt{float:right; padding-left:10px;} #pageBody.projects section.profileHalf .lt{float:left; padding-right:10px;} #pageBody.projects section.textBlock{max-width:960px; margin:0 auto; padding:52px 0 64px 0;} #pageBody.projects section.textBlock h2{text-align:center; padding-top:30px;} #pageBody.projects .diecastingImg{margin-top:32px;} #pageBody.projects .diecastingImg ul:after{content:""; clear:both; display:block;} #pageBody.projects .diecastingImg ul li{float:left; width:50%; height:360px;} #pageBody.projects .diecastingImg ul li img{display:none;} #pageBody.projects .diecastingImg ul li:nth-child(1){background:url(/projects/images/diecastingImg02.jpg) left center no-repeat; background-size:cover;} #pageBody.projects .diecastingImg ul li:nth-child(2){background:url(/projects/images/diecastingImg03.jpg) left center no-repeat; background-size:cover;} #pageBody.projects .band{padding:100px 0 100px 0px;} #pageBody.projects .band h1{font-size:28px; margin-bottom:37px;} #pageBody.projects .band ul{margin:0 auto 1.5em;} #pageBody.projects section.modBiz{padding:30px 0 123px;} #pageBody.projects section.modBiz h1{display:none;} #pageBody.projects article.profile section ul.txtList{margin-left:20px; } #pageBody.projects .diecastImgW img{display:none;} #pageBody.projects .diecastImgW{background:url(/projects/images/diecastingImg04.jpg) center top no-repeat; background-size:cover; width:100%; height:375px;} /* CSR ============================================================================================================================================================================================= */ /*#pageBody.csr > #mainVisual{height:543px;} #pageBody.csr > #mainVisual figure div{height:543px; line-height:543px;}*/ /* csrIndex =================================================================== */ #pageBody.csr > #mainVisual.csrIndex{border-bottom:none; border-top:1px #ddd solid; height:auto;} #pageBody.csr > #mainVisual.csrIndex figure{height:auto; margin:0 auto; overflow:hidden; position:relative;} #pageBody.csr > #mainVisual.csrIndex figure div{float:left; width:1600px; position:absolute; left:50%; top:0; margin-left:-800px;} #pageBody.csr > #mainVisual.csrIndex figure div img{display:block; float:left;} #pageBody.csr > #mainVisual.csrIndex div{border-top:1px #ddd solid; } #pageBody > #mainVisual.csrIndex ul:after, #pageBody > #mainVisual.csrIndex:after{content:""; clear:both; display:block;} #pageBody > #mainVisual.csrIndex ul{text-align:center; padding:20px 0; margin:0 auto; border-top:1px #ddd solid;} #pageBody > #mainVisual.csrIndex ul:after{content:""; clear:both; display:block;} #pageBody > #mainVisual.csrIndex ul li{float:left; list-style:none; text-align:center; width:50%;} #pageBody > #mainVisual.csrIndex ul li a{text-decoration:none; color:#222;} #pageBody.csr section.csrTopmenu{max-width:1160px; margin:0 auto; padding-top:32px;} #pageBody.csr section.csrTopmenu ul:after{content:""; clear:both; display:block;} #pageBody.csr section.csrTopmenu ul{margin:0 0 44px 0;} #pageBody.csr section.csrTopmenu ul li{float:left; text-align:center; margin-right:15px; padding-bottom:25px; list-style:none;} #pageBody.csr section.csrTopmenu ul li:nth-child(4){margin-right:0px;} #pageBody.csr section.csrTopmenu ul li a{text-decoration:none;} #pageBody.csr section.csrTopmenu ul li a:hover{text-decoration:underline;} /* csrMg =================================================================== */ #pageBody.csr article.csrMg section h3 a, #pageBody.csr article.csrMg section.governanceBg a{color:#000;} #pageBody.csr article.csrMg section.governanceBg a:hover, #pageBody.csr article.csrMg section h3 a:hover{color:#000; text-decoration:none;} #pageBody.csr article.csrMg section.mgCopy{max-width:960px; margin:0 auto; padding:80px 0 84px 0px;} #pageBody.csr article.csrMg section.mgCopy h2{text-align:center;} #pageBody.csr article.csrMg section.mgCopy figure{padding-top:34px;} #pageBody.csr article.csrMg section.multi{max-width:960px; margin:0 auto; padding:0px 0 84px 0px;} #pageBody.csr article.csrMg section.multi h2{text-align:center;} #pageBody.csr article.csrMg section.multi figure{padding-top:34px;} #pageBody.csr article.csrMg section div.mgBox{clear:both; max-width:1161px; margin:0 auto; padding:0 30px 45px 30px;} #pageBody.csr article.csrMg section div.mgBox:after{content:""; clear:both; display:block;} #pageBody.csr article.csrMg section div.mgBox figure{float:left; width:25.5%; padding-right:19px;} #pageBody.csr article.csrMg section div.mgBox figure img{width:100%; height:auto;} #pageBody.csr article.csrMg section div.mgBox div{width:74%; float:right;} #pageBody.csr article.csrMg section div.mgBox div h3{margin-bottom:24px; line-height:1.5; font-weight:bold;} #pageBody.csr article.csrMg section div.mgBox div h3 span{display:block; font-weight:normal;} #pageBody.csr article.csrMg section div.mgBox ul{padding-top:18px;} #pageBody.csr article.csrMg section div.mgBox ul li:before{content:"|"; position:absolute; right:0px; top:0px; height:19px;} #pageBody.csr article.csrMg section div.mgBox ul li{display:inline-block; padding:0 15px; position:relative;} #pageBody.csr article.csrMg section div.mgBox ul li:first-child{padding-left:0px;} #pageBody.csr article.csrMg section div.mgBox ul li:last-child:before{content:"";} #pageBody.csr article.csrMg section div.mgBox ul.irLinks{} #pageBody.csr article.csrMg section div.mgBox ul.irLinks li{padding:0 30px 0 0px; } #pageBody.csr article.csrMg section div.mgBox ul.irLinks li:before{content:">>"; position:absolute; right:0px; top:0px; height:19px;} #pageBody.csr article.csrMg section div.mgBox ul.irLinks li:last-child:before{content:"";} #pageBody.csr article.csrMg section.governanceBg{background:url(/csr/images/managementBg.jpg) left center no-repeat; background-size:cover; height:338px; text-align:center; margin:45px 0 120px 0; padding:85px 0 73px 0;} #pageBody.csr article.csrMg section.governanceBg h1{margin-bottom:35px;} /* csrEnv =================================================================== */ #pageBody.csr article.csrEnv section.envTxt{max-width:960px; margin:0 auto; padding:85px 0 0 0;} #pageBody.csr article.csrEnv section.envTxt h2{text-align:center; margin-bottom:75px;} #pageBody.csr article.csrEnv section.envTxt ol, #pageBody.csr article.csrEnv section.envTxt ul{margin-left:1em; padding-top:10px; margin-bottom:20px;} #pageBody.csr article.csrEnv .band{padding:0px;} #pageBody.csr article.csrEnv .band dl{padding:88px 0 85px 0;} #pageBody.csr article.csrEnv .band p, #pageBody.csr article.csrEnv .band dt{font-size:28px;} #pageBody.csr article.csrEnv .band p{padding:110px 0 107px; margin-bottom:0px;} #pageBody.csr article.csrEnv .band a{text-decoration:underline;} #pageBody.csr article.csrEnv .band a:hover{text-decoration:none;} #pageBody.csr article.csrEnv section.envAct{max-width:1160px; margin:0 auto;} #pageBody.csr article.csrEnv .inner{max-width:960px; margin:0 auto;} #pageBody.csr article.csrEnv .inner h2{padding:84px 0 70px; margin-bottom:0px; text-align:center;} #pageBody.csr article.csrEnv section.envAct ul{margin:35px 0 42px 0;} #pageBody.csr article.csrEnv section.envAct ul:after{content:""; clear:both; display:block;} #pageBody.csr article.csrEnv section.envAct ul li{float:left; width:25%; padding-right:20px; list-style:none;} #pageBody.csr article.csrEnv section.envAct ul li:last-child{margin-right:0px;} #pageBody.csr article.csrEnv section.envTxt.envMaint{padding-bottom:105px;} #pageBody.csr article.csrNotes section{max-width:1160px; margin:0 auto; padding-bottom:40px;} #pageBody.csr article.csrNotes section .halfImg{} #pageBody.csr article.csrNotes section .halfImg:after{content:""; clear:both; display:block;} #pageBody.csr article.csrNotes section .halfImg figure{width:50%;} #pageBody.csr article.csrNotes section .halfImg figure img{width:100%; height:auto;} #pageBody.csr article.csrNotes section .halfImg figure.rt{float:right; padding-left:10px;} #pageBody.csr article.csrNotes section .halfImg figure.lt{float:left; padding-right:10px;} /* csrData =================================================================== */ #pageBody.csr article.csrData{margin-bottom:155px;} #pageBody.csr article.csrData section.dataHalf{max-width:1160px; margin:0 auto; padding-top:78px;} #pageBody.csr article.csrData section.dataHalf:after{content:""; clear:both; display:block;} #pageBody.csr article.csrData section.dataHalf h2{text-align:center; margin-bottom:40px;} #pageBody.csr article.csrData section.dataHalf sub{bottom:0.5px;} #pageBody.csr article.csrData section.dataHalf .halfLt, #pageBody.csr article.csrData section.dataHalf .dataHalf figure{width:50%;} #pageBody.csr article.csrData section.dataHalf .halfLt{float:left; padding-right:10px;} #pageBody.csr article.csrData section.dataHalf figure{float:right; padding-left:10px;} #pageBody.csr article.csrData section.dataHalf .notice{border:1px solid #ddd; padding:15px; margin-top:18px;} #pageBody.csr article.csrData section.dataHalf .notice p{margin-bottom:0px;} #pageBody.csr article.csrData section.dataHalf .notice ul{margin:0 0px 0 1.3em;} #pageBody.csr article.csrData section.dataHalf div.dataFig{clear:both; padding-top:20px;} #pageBody.csr article.csrData section.dataHalf div.dataFig:after{content:""; clear:both; display:block;} #pageBody.csr article.csrData section.dataHalf div.dataFig figure{width:50%;} #pageBody.csr article.csrData section.dataHalf div.dataFig figure:nth-child(odd){float:left !important;} #pageBody.csr article.csrData section.dataHalf div.dataFig figure:nth-child(even){float:right !important;} #pageBody.csr article.csrData section.dataHalf div.dataFigOne{clear: both; padding-top:20px;} #pageBody.csr article.csrData section.dataHalf div.dataFigOne figure{float:none; text-align:center;} #pageBody.csr article.csrData section.dataChart{max-width:1160px; margin:0 auto; padding-top:64px;} #pageBody.csr article.csrData section.dataChart figure{text-align:center; margin-top:76px;} #pageBody.csr article.csrData section.dataChart h2{text-align:center; margin:70px 0 35px;} #pageBody.csr article.csrData section.dataChart h3{margin:60px 0 0px; font-size:20px; font-weight:bold;} #pageBody.csr article.csrData section.dataChart .tableCaption{padding:10px 0 0; margin-bottom:25px;} #pageBody.csr article.csrData section.dataChart .tableCaption_above{padding:0px 0 0; margin-bottom:5px;} /* csrSocial =================================================================== */ #pageBody.csr article.csrSocial{margin-bottom:194px;} #pageBody.csr article.csrSocial section{max-width:960px; margin:0 auto; padding-top:80px;} #pageBody.csr article.csrSocial section h2{margin-bottom:60px; text-align:center;} #pageBody.csr article.csrSocial section h3{font-weight:bold; margin-bottom:20px;} #pageBody.csr article.csrSocial section.socialFig{max-width:1160px; margin:0 auto;} #pageBody.csr article.csrSocial section.socialFig div{margin-bottom:36px;} #pageBody.csr article.csrSocial section.socialFig div:last-child{margin-bottom:0px;} #pageBody.csr article.csrSocial section.socialFig div:after{content:""; clear:both; display:block;} #pageBody.csr article.csrSocial section.socialFig div .half, #pageBody.csr article.csrSocial section.socialFig div figure{width:50%;} #pageBody.csr article.csrSocial section.socialFig div figure{float:left; padding-right:10px;} #pageBody.csr article.csrSocial section.socialFig div figure img{width:100%; height:auto;} #pageBody.csr article.csrSocial section.socialFig div .half{float:right; padding-left:10px;} #pageBody.csr article.csrSocial section.band{width:100%; max-width:none; margin-top:106px; padding:80px 0 86px;} #pageBody.csr article.csrSocial section.band ul{text-align:center; font-size:28px;} #pageBody.csr article.csrSocial section.band ul li{display:block;} #pageBody.csr article.csrSocial section.band ul li:before{content:"";} #pageBody.csr article.csrSocial section a{text-decoration:underline;} #pageBody.csr article.csrSocial section a:hover{text-decoration:none;} /* csrPlace =================================================================== */ #pageBody.csr article.csrPlace section.halfFig{max-width:1161px; margin:0 auto; padding-top:64px;} #pageBody.csr article.csrPlace section.halfFig:first-child{padding-top:83px;} #pageBody.csr article.csrPlace section.halfFig:last-child{margin-bottom:164px;} #pageBody.csr article.csrPlace section.halfFig h2{text-align:center; margin-bottom:26px;} #pageBody.csr article.csrPlace section.halfFig p.copy{margin-bottom:65px; text-align:center;} #pageBody.csr article.csrPlace section.halfFig div.inr:after, #pageBody.csr article.csrPlace section.halfFig:after{content:""; clear:both; display:block;} #pageBody.csr article.csrPlace section.halfFig div.workTxt{width:50%; float:left; padding-right:10px;} #pageBody.csr article.csrPlace section.halfFig div.workTxt h3{margin-bottom:25px; clear:both;} #pageBody.csr article.csrPlace section.halfFig div.workTxt p{line-height:1.4; margin-bottom:24px;} #pageBody.csr article.csrPlace section.halfFig div.workTxt ol{margin:0 0 22px 1.5em;} #pageBody.csr article.csrPlace section.halfFig div.workTxt ul{list-style:none; margin-bottom:22px;} #pageBody.csr article.csrPlace section.halfFig div.workTxt ol li, #pageBody.csr article.csrPlace section.halfFig div.workTxt ul li{margin-bottom:0px; line-height:1.5;} #pageBody.csr article.csrPlace section.halfFig div.figRt{width:50%; float:right; padding-left:10px;} #pageBody.csr article.csrPlace section.halfFig div.workTxt ul.listDisc{list-style:disc; margin-left:1.5em;} #pageBody.csr article.csrPlace section.halfFig div.workTxt ul.listDisc li{position:relative;} /*#pageBody.csr article.csrPlace section.halfFig div.workTxt ul.listDisc li:before{content:"●"; position:absolute; left:0px; top:0px;}*/ #pageBody.csr article.csrPlace section.halfFig div.figRt figure{margin-bottom:40px; text-align:center;} #pageBody.csr article.csrPlace section.halfFig div.figRt figure figcaption{margin-top:5px;} /* csr workplace =================================================================== */ #pageBody.csr article.csrPlace{margin-bottom:40px;} #pageBody.csr section nav.workplaceNav{width:1160px; margin:0 auto;} #pageBody.csr section nav.workplaceNav ul{display:flex; justify-content:space-between; flex-wrap:wrap; margin-left:0;} #pageBody.csr section nav.workplaceNav ul li{width:calc(33.333% - 20px); margin-bottom:40px;} #pageBody.csr section nav.workplaceNav ul li a{display:block; padding:30px; text-align:center; color:#222; text-decoration:none; border:1px #ddd solid;} #pageBody.csr section nav.workplaceNav ul li a:hover{background:#eee;} /*csrGov =================================================================== */ #pageBody.csr article.csrGov section a{text-decoration:underline;} #pageBody.csr article.csrGov section a:hover{text-decoration:none;} #pageBody.csr article.csrGov section{max-width:960px; margin:0 auto; margin-bottom:81px;} #pageBody.csr article.csrGov section:first-child{margin-top:80px;} #pageBody.csr article.csrGov section h2{text-align:center; margin-bottom:70px;} #pageBody.csr article.csrGov section figure{padding:43px 0 35px; text-align:center;} #pageBody.csr article.csrGov section.band{width:100%; max-width:none; margin-bottom:32px; padding:0px;} #pageBody.csr article.csrGov section.band:first-child{margin-top:100px;} #pageBody.csr article.csrGov section.band:last-child{margin-bottom:168px;} #pageBody.csr article.csrGov section.band dl{padding:70px 0 93px;} #pageBody.csr article.csrGov section.band dl dt{font-size:28px;} /*csrRep =================================================================== */ #pageBody.csr article.csrRep section a{text-decoration:underline;} #pageBody.csr article.csrRep section a:hover{ctext-decoration:none;} #pageBody.csr article.csrRep section{max-width:1160px; margin:0 auto; padding:40px 0 134px 0;} #pageBody.csr article.csrRep section:after{content:""; clear:both; display:block;} #pageBody.csr article.csrRep section dl{width:25%; text-align:center; float:left; margin-bottom:35px;} #pageBody.csr article.csrRep section dl dd{line-height:1.5;} /*csrComp ===================================================================*/ #pageBody.csr article.csrComp section a{text-decoration:underline;} #pageBody.csr article.csrComp section a:hover{ text-decoration:none;} #pageBody.csr article.csrComp section{max-width:960px; margin:0 auto; margin-top:-100px; padding-top:100px;} #pageBody.csr article.csrComp section figure{text-align:center; margin-top:76px;} #pageBody.csr article.csrComp section h2{text-align:center; margin:70px 0;} #pageBody.csr article.csrComp section dt{font-weight:bold;} #pageBody.csr article.csrComp section dd{margin-bottom:30px;} #pageBody.csr article.csrComp section ul{list-style:none; margin-left:1.5em;} #pageBody.csr article.csrComp section ul li{text-indent:-1.0em; margin-bottom:5px;} #pageBody.csr article.csrComp section.band.greyBg{width:100%; max-width:none; text-align:center; font-size:28px; padding:90px 0; margin:80px 0 173px;} #pageBody.csr article.csrComp section.band.greyBg p{margin-bottom:0px;} #pageBody.csr article.csrComp section.band.greyBg small{font-size:16px; display:block;} /*csrTCFD(202306) ===================================================================*/ #pageBody.csr article.csrTCFD section{max-width:1161px; margin:0 auto; padding-top:64px;} #pageBody.csr article.csrTCFD section figure{text-align:center; margin-top:76px;} #pageBody.csr article.csrTCFD section h2{text-align:center; margin:70px 0 35px;} #pageBody.csr article.csrTCFD section h3{margin:50px 0 15px; font-size:20px; font-weight:bold;} #pageBody.csr article.csrTCFD section h4{margin:40px 0 15px; font-size:18px; font-weight:bold;} #pageBody.csr article.csrTCFD section .tableCaption{padding:10px 0 0; margin-bottom:25px;} /* IR ============================================================================================================================================================================================= */ /*#pageBody.ir #mainVisual{height:538px;}*/ #pageBody.ir article.irSec section.irInner{max-width:1160px; margin:0 auto; margin-bottom:60px;} #pageBody.ir article.irSec section.irInner .txtInner{padding:0 100px;} #pageBody.ir article.irSec section.irInner .txtInner h2{text-align:center; margin-bottom:50px;} #pageBody.ir article.irSec section.irInner .txtInner h2.aLt{text-align:left;} #pageBody.ir article.irSec section.irInner ul.listTxt{margin-bottom:20px;} #pageBody.ir article.irSec section.irInner ul.listTxt li{margin-left:1em;} #pageBody.ir article.irSec section.irInner figure.imgBox{float:left; padding-right:20px;} #pageBody table.regular.irTable{margin-bottom:50px;} #pageBody table.regular.irTable.fix{table-layout:fixed;} #pageBody table.regular.irTable thead th, #pageBody table.regular.irTable thead td{text-align:center; vertical-align:middle;} #pageBody table.regular.irTable tbody td{text-align:right;} #pageBody table.regular.irTable tbody td i{font-style:italic;} #pageBody table.regular.irTable th.subTitle{background:#fff;} #pageBody table.regular.irTable.compact th, #pageBody table.regular.irTable.compact td{font-size:14px;} #pageBody.ir .stockArea{max-width:750px; margin:0 auto;} #pageBody.ir .stockArea iframe{width:100%;} /*#pageBody.ir .stockArea iframe{width:100%; height:100%;}*/ /* remove 202207 @media screen and (min-width:768px) and (max-width:870px){ #pageBody.ir .stockArea iframe{height:2100px !important;} } @media screen and (min-width:870px) and (max-width:1000px){ #pageBody.ir .stockArea iframe{height:1800px !important;} } @media screen and (min-width:1000px) and (max-width:1150px){ #pageBody.ir .stockArea iframe{height:1450px !important;} } @media screen and (min-width:1150px){ #pageBody.ir .stockArea iframe{height:1200px !important;} } */ /*irIndex =================================================================== */ /*#pageBody > #mainVisual.irIndex{background:url(/ir/images/indexBg.png) repeat-y center top #eee; height:384px; border-bottom:none;} #pageBody > #mainVisual.irIndex .inner{max-width:1160px; margin:0 auto;} #pageBody > #mainVisual.irIndex .inner:after{content:""; clear:both; display:block;} #pageBody > #mainVisual.irIndex figure{float:left;} #pageBody > #mainVisual.irIndex figure img{display:block; margin-left:-20px;}*/ #mainVisual.irIndex{background:#eee; min-height:350px;} #mainVisual.irIndex figure{width:66%; float:left;} #mainVisual.irIndex figure img{width:100%; height:auto;} #mainVisual.irIndex .message{width:34%; float:right; padding:20px;} #pageBody > #mainVisual.irIndex .message{max-width:1160px; margin:0 auto; padding:20px;} #pageBody > #mainVisual.irIndex .message h2{font-size:24px; margin-bottom:20px;} #pageBody > #mainVisual.irIndex .message p{font-size:16px; margin-bottom:18px;} #pageBody > #mainVisual.irIndex .message p a{width:100%; line-height:71px; font-size:16px; border:1px #999999 solid; text-align:center; display:block; color:#000; text-decoration:none;} #pageBody.ir .topStock iframe{display:block; min-height:155px;} #pageBody.ir .topStock .spImg{display:none;} #pageBody.ir div.irInfo{border-top:1px #ddd solid;} #pageBody.ir div.irInfo .inner{max-width:1160px; margin:0 auto;} #pageBody.ir div.irInfo a{text-decoration:underline;} #pageBody.ir div.irInfo a:hover{text-decoration:none;} #pageBody.ir div.irInfo:after{content:""; display:block; clear:both;} #pageBody.ir div.irInfo .half{width:50%; padding:20px 0;} #pageBody.ir div.irInfo .half.lt{padding-right:30px; float:left; border-right:1px #ddd solid;} #pageBody.ir div.irInfo .half.rt{padding-left:30px; float:right;} #pageBody.ir div.stockInfo{padding:0px 20px 20px 24px;} #pageBody.ir div.stockInfo ul{margin:26px 0 34px; padding-left:140px; list-style:none;} #pageBody.ir div.stockInfo ul li span{margin-right:99px;} #pageBody.ir div.stockInfo ul li strong{font-size:24px;} #pageBody.ir div.stockInfo p{text-align:center; margin-bottom:20px;} #pageBody.ir div.stockInfo p.aRt{text-align:right;} #pageBody.ir div.irInfo ul.dlList{list-style:none; margin:26px 0 60px;} #pageBody.ir div.irInfo ul.dlList li a{color:#000; text-decoration:none;} #pageBody.ir div.irInfo ul.dlList li a:hover{color:#000; text-decoration:underline;} #pageBody.ir div.irInfo ul.dlList li{padding-left:50px; font-size:24px; margin-bottom:26px; position:relative;} #pageBody.ir div.irInfo ul.dlList li small{font-size:12px;} #pageBody.ir div.irInfo ul.dlList li:before{content:"\e905"; font-family:rybicons; position:absolute; left:0px; top:0px; font-size:24px; color:#757575;} #pageBody.ir article.irTop .mdCorpmenu a{color:#fff;} #pageBody.ir article.irTop .mdCorpmenu a:hover{color:#fff; text-decoration:none;} #pageBody.ir article.irTop .mdIrlink{padding:47px 0 40px 0;} /*irMes =================================================================== */ #pageBody.ir article.irMes{} #pageBody.ir article.irMes section.greeting{max-width:960px; margin:0 auto; padding:76px 0 170px;} #pageBody.ir article.irMes section.greeting .sign{padding-top:80px;} #pageBody.ir article.irMes section.greeting h2{margin-bottom:65px;} #pageBody.ir article.irMes section.band.whiteBg{padding-bottom:106px;} #pageBody.ir article.irMes section.mdCorpmenu a{color:#fff !important;} #pageBody.ir article.irMes section.mdCorpmenu a:hover{color:#fff !important;} /*irStrategy =================================================================== */ #pageBody.ir article.irStrategy section.manInner{max-width:960px; margin:0 auto;} #pageBody.ir article.irStrategy section.manInner h2{text-align:center; margin:60px 0;} #pageBody.ir article.irStrategy section.manInner h3{font-weight:bold; margin-bottom:30px;} #pageBody.ir article.irStrategy section.manInner .stFig{margin-bottom:70px;} #pageBody.ir article.irStrategy section.manInner .logo{margin:40px 0 68px;} #pageBody.ir article.irStrategy section.figBg{background:#ddd; text-align:center; height:339px; margin:40px 0 80px 0;} #pageBody.ir article.irStrategy section.figBg figure{display:block; line-height:1.0;} #pageBody.ir article.irStrategy section.printBg div{background-size:cover; height:339px; margin-bottom:97px;} #pageBody.ir article.irStrategy section.mdIrlink{padding:0px 0 100px 0;} /*irPolicy =================================================================== */ #pageBody.ir article.irPolicy section{max-width:960px; margin:0 auto;} #pageBody.ir article.irPolicy section h2{text-align:center; padding-top:83px; margin-bottom:70px;} #pageBody.ir article.irPolicy section ul{list-style:none; margin-left:1.5em;} #pageBody.ir article.irPolicy section ul li{text-indent:-1.7em;} #pageBody.ir article.irPolicy section figure{padding:92px 0 135px 0;} #pageBody.ir article.irPolicy section.mdIrlink{padding:30px 0 106px;} /*performance_and_outlook・highlight =================================================================== */ #pageBody.ir article.irTable .pageAnchor{margin-bottom:0px;} #pageBody.ir article.irTable{} #pageBody.ir article.irTable section span.textRed{color:#ff0000 !important;} #pageBody.ir article.irTable h1{margin-top:35px;} #pageBody.ir article.irTable section.highlight{max-width:1161px; margin:0 auto;} #pageBody.ir article.irTable section.highlight div.inner{max-width:960px; margin:0 auto;} #pageBody.ir article.irTable section.highlight div.inner p{margin-bottom:33px;} #pageBody.ir article.irTable section.highlight p.tableCaption{margin-bottom:50px; margin-top:-40px;} #pageBody.ir article.irTable section.highlight h2{text-align:center; margin-bottom:40px;} #pageBody.ir article.irTable section.highlight h3{font-weight:bold; font-size:16px; padding:35px 0 19px;} /* #pageBody.ir article.irTable section table thead td{text-align:center; padding:15px 20px; font-weight:bold;} #pageBody.ir article.irTable section table tbody td{text-align:right; padding:20px 30px;} */ #pageBody.ir article.irTable section table td span{color:#FF0000;} #pageBody.ir article.irTable section.band.greyBg.outlock{padding:83px 0 114px 0; margin:83px 0 85px;} #pageBody.ir article.irTable section.band.greyBg.outlock ul li{width:25%; padding:0px; line-height:1.5;} #pageBody.ir article.irTable section.band.greyBg.outlock ul li:before{content:"";} #pageBody.ir article.irTable section.band.greyBg.outlock h1{margin:0px 0 32px;} #pageBody.ir article.irTable section.band.greyBg.outlock a{text-decoration:underline;} #pageBody.ir article.irTable section.band.greyBg.outlock a:hover{text-decoration:none;} #pageBody.ir article.irTable section.mdIrlink{padding-bottom:106px;} #pageBody.ir article.irTable .highlightLinks{padding-top:7px;} #pageBody.ir article.irTable .highlightLinks ul{max-width:960px; margin:0 auto; font-size:13px; text-align:center;} #pageBody.ir article.irTable .highlightLinks ul:after{content:""; display:block; clear:both;} #pageBody.ir article.irTable .highlightLinks ul li{display:inline-block; margin-right:12px;} #pageBody.ir article.irTable.hig section.highlight h2{padding:100px 0 76px 0; margin-bottom:0px;} /*#pageBody.ir article a{color:#000;} #pageBody.ir article a:hover{color:#000; text-decoration:none;}*/ /* band =================================================================== */ #pageBody section.band{padding:105px 0 121px 0px; text-align:center;} #pageBody section.band h2{margin-bottom:45px; font-size:28px; line-height:1.0;} #pageBody section.band ul{font-size:16px; max-width:1160px; margin:0 auto; text-align:center;} #pageBody section.band ul li:before{content:"|"; position:absolute; right:0px; top:0px; height:19px;} #pageBody section.band ul li{display:inline-block; padding:0 15px 0 7px; position:relative;} #pageBody section.band ul li:last-child:before{content:"";} #pageBody section.band.greyBg{background:#ddd;} #pageBody section.band.greyBg2{background:#ccc;} #pageBody section.band.whiteBg{background:#fff;} #pageBody section.band a{color:#000; text-decoration:none;} #pageBody section.band a:hover{color:#000; text-decoration:underline;} /* library =================================================================== */ #pageBody.ir.libr > header h1{padding:50px 0 40px !important;} #pageBody.ir article.irLib section.libIndex{border-bottom:1px #ddd solid; border-top:1px #ddd solid;} #pageBody.ir article.irLib section.libIndex div{max-width:1160px; margin:0 auto; padding:19px 0 42px;} #pageBody.ir article.irLib section.libIndex h2{font-size:16px;} #pageBody.ir article.irLib section.libIndex ul{list-style:none;} #pageBody.ir article.irLib section.libIndex ul li{font-size:24px; margin-bottom:20px;} #pageBody.ir article.irLib section.libIndex ul li:last-child{margin-bottom:0px;} #pageBody.ir article.irLib section.libIndex ul li span{font-size:12px;} #pageBody.ir article.irLib section.libIndex a{text-decoration:none;} #pageBody.ir article.irLib section.libIndex a:hover{text-decoration:underline;} /* #pageBody.ir article.irLib section.libIndex ul.dlList{list-style:none; margin:26px 0 60px;} #pageBody.ir article.irLib section.libIndex ul.dlList li a{text-decoration:none;} #pageBody.ir article.irLib section.libIndex ul.dlList li a:hover{text-decoration:underline;} #pageBody.ir article.irLib section.libIndex ul.dlList li{padding-left:45px; font-size:24px; margin-bottom:26px; position:relative;} #pageBody.ir article.irLib section.libIndex ul.dlList li small{font-size:12px;} #pageBody.ir article.irLib section.libIndex ul.dlList li:before{content:"\e905"; font-family:rybicons; position:absolute; left:0px; top:0px; font-size:24px; color:#757575;} */ #pageBody ul.dlList{list-style:none; margin:26px 0 60px;} #pageBody ul.dlList li a{text-decoration:none; font-size:24px;} #pageBody ul.dlList li a:hover{text-decoration:underline;} #pageBody ul.dlList li{padding-left:45px; font-size:12px; margin-bottom:26px; position:relative;} #pageBody ul.dlList li span, #pageBody ul.dlList li small{font-size:12px;} #pageBody ul.dlList li:before{content:"\e905"; font-family:rybicons; position:absolute; left:0px; top:0px; font-size:24px; color:#757575;} #pageBody.ir article.irLib section.linkLibrary{max-width:1160px; margin:0 auto; padding:50px 0 200px;} #pageBody.ir article.irLib section.linkLibrary h3{font-weight:bold;} #pageBody.ir article.irLib section.linkLibrary .linkTxt{list-style:none; padding-bottom:55px;} #pageBody.ir article.irLib section.linkLibrary .linkTxt li{font-size:24px; margin-top:20px;} #pageBody.ir article.irLib section.linkLibrary .linkTxt li small{font-size:12px;} #pageBody.ir article.irLib section.linkLibrary .linkTxt li span{font-size:16px; position:relative;} #pageBody.ir article.irLib section.linkLibrary .linkTxt li span:before{content:'＋';} #pageBody.ir article.irLib section.linkLibrary .linkTxt li span.bLink:after{content:'\e904'; font-family:rybicons; position:absolute; right:-15px; top:1px; font-size:12px; color:#999; } #pageBody.ir article.irLib section.linkLibrary{max-width:1160px; margin:0 auto;} #pageBody.ir article.irLib section.linkLibrary .libList{list-style:none; margin:28px 0 55px;} #pageBody.ir article.irLib section.linkLibrary .libList li{font-size:24px;} #pageBody.ir article.irLib section.linkLibrary .libList li a{text-decoration:underline;} #pageBody.ir article.irLib section.linkLibrary .libList li a:hover{color:#0033ff; text-decoration:none;} /*202207*/ #pageBody.ir article.irLib section.linkLibrary .libList li.withCover{display:flex; justify-content:flex-start; align-items:center; margin-bottom:30px;} #pageBody.ir article.irLib section.linkLibrary .libList li.withCover a{display:flex; justify-content:flex-start; align-items:center;} #pageBody.ir article.irLib section.linkLibrary .libList li a .cover{width:240px; margin-right:30px;} #pageBody.ir article.irLib section.linkLibrary .libList li a .cover img{width:100%; height:auto; display:block;} /*202207*/ #pageBody.ir article.irLib section.linkLibrary dl{list-style:none; margin:28px 0 55px;} #pageBody.ir article.irLib section.linkLibrary dl dt{position:relative; padding-left:20px;} #pageBody.ir article.irLib section.linkLibrary dl dt:before{content:"\f138"; font-family:rybicons; position:absolute; top:0px; left:0px; font-size:16px;} #pageBody.ir article.irLib section.linkLibrary dl dd{font-size:24px; padding-left:20px; margin-bottom:20px;} #pageBody.ir article.irLib section.linkLibrary dl dd:last-child{margin-bottom:0px;} #pageBody.ir article.irLib section.linkLibrary dl a{color:#0033ff; text-decoration:underline;} #pageBody.ir article.irLib section.linkLibrary dl a:visited{color:#90f; text-decoration:underline;} #pageBody.ir article.irLib section.linkLibrary dl a:hover{color:#0033ff; text-decoration:none;} #pageBody.ir article.irLib.libTop .mdIrlink{padding:65px 0 100px;} #pageBody.ir article.irLib .mdIrlink{padding:90px 0 105px;} #pageBody.recruit header nav.recsubNav, #pageBody.ir header nav.irsubNav, #pageBody.csr header nav.csrsubNav, #pageBody header nav.subNav{max-width:1160px; margin:0 auto; position:relative; min-height:30px;} #pageBody.recruit header nav.recsubNav.fixed, #pageBody.ir header nav.irsubNav.fixed, #pageBody.csr header nav.csrsubNav.fixed, #pageBody header nav.subNav.fixed{position:fixed; left:0; width:100%; z-index:11; max-width:none; background:rgba(255,255,255,.9); border-bottom:1px #ccc solid;} #pageBody.recruit header nav.recsubNav.fixed ul, #pageBody.ir header nav.irsubNav.fixed ul, #pageBody.csr header nav.csrsubNav.fixed ul, #pageBody header nav.subNav.fixed ul{margin:0 auto; width:1200px; padding:0 20px; position:static;} #pageBody.recruit header nav.recsubNav ul, #pageBody.ir header nav.irsubNav ul, #pageBody.csr header nav.csrsubNav ul, #pageBody header nav.subNav ul{position:absolute; top:0px; left:0px;} #pageBody.recruit header nav.recsubNav ul li, #pageBody.ir header nav.irsubNav ul li, #pageBody.csr header nav.csrsubNav ul li, #pageBody header nav.subNav ul li{display:inline-block; font-size:13px; margin-right:12px;} #pageBody.recruit header nav.recsubNav ul li:nth-child(1), #pageBody.ir header nav.irsubNav ul li:nth-child(1), #pageBody.csr header nav.csrsubNav ul li:nth-child(1), #pageBody header nav.subNav ul li:nth-child(1){margin-right:62px;} #pageBody.recruit header nav.recsubNav ul li:nth-child(1) a, #pageBody.ir header nav.irsubNav ul li:nth-child(1) a, #pageBody.csr header nav.csrsubNav ul li:nth-child(1) a, #pageBody header nav.subNav ul li:nth-child(1) a{text-decoration:underline;} #pageBody.recruit header nav.recsubNav ul li:nth-child(1) a:hover, #pageBody.ir header nav.irsubNav ul li:nth-child(1) a:hover, #pageBody.csr header nav.csrsubNav ul li:nth-child(1) a:hover, #pageBody header nav.subNav ul li:nth-child(1) a:hover{text-decoration:none;} #pageBody.recruit header nav.recsubNav ul li a, #pageBody.ir header nav.irsubNav ul a, #pageBody.csr header nav.csrsubNav ul a, #pageBody header nav.subNav ul a{color:#000; text-decoration:none;} #pageBody.ir header nav.irsubNav ul a.active, #pageBody.csr header nav.csrsubNav ul a.active, #pageBody.recruit header nav.recsubNav ul li a.active, #pageBody header nav.subNav ul li a.active{ color:#000;} #pageBody.recruit header nav.recsubNav ul li a:hover, #pageBody.ir header nav.irsubNav ul a:hover, #pageBody.csr header nav.csrsubNav ul a:hover, #pageBody header nav.subNav ul a:hover{color:#000; text-decoration:underline;} #pageBody.recruit header nav.recsubNav ul li a.entry{background:#e61016; color:#fff; padding:2px 12px; transition:all .3s ease;} #pageBody.recruit header nav.recsubNav ul li a.entry:hover{background:#000; text-decoration:none;} #pageBody.recruit header nav.recsubNav ul li a.on, #pageBody.recruit header nav.recsubNav ul li a.active{font-weight:bold;} #pageBody.ir header nav.irsubNav ul li a.on, #pageBody.ir header nav.irsubNav ul li a.active{font-weight:bold;} #pageBody.csr header nav.csrsubNav ul li a.on, #pageBody.csr header nav.csrsubNav ul li a.active{font-weight:bold;} #pageBody header nav.subNav ul li a.on, #pageBody header nav.subNav ul li a.active{font-weight:bold;} #pageBody.ir article.irLib section.linkLibrary dl.extReports{margin:26px 0 55px;} #pageBody.ir article.irLib section.linkLibrary dl.extReports dt{position:relative; padding-left:0; float:left; width:200px; font-size:18px; clear:both; padding-top:10px;} #pageBody.ir article.irLib section.linkLibrary dl.extReports dt:before{content:'';} #pageBody.ir article.irLib section.linkLibrary dl.extReports dd{font-size:24px; padding:0 0 15px 200px; margin-bottom:0;} #pageBody.ir article.irLib section.linkLibrary dl.extReports dd:last-child{margin-bottom:0;} #pageBody.ir article.irLib section.annualReports .coverImage{float:left; margin:5px 30px 30px 0;} #pageBody.ir article.irLib section.annualReports .coverImage img{display:block; border:1px #ccc solid;} #pageBody.ir article.irLib section.annualReports p{font-size:24px;} #pageBody.ir article.irLib section.annualReports p + .coverImage{clear:both;} #pageBody.ir article.irLib section.annualReports h3{clear:both;} /* recruit ============================================================================================================================================================================================= */ #pageBody.recruit article a.linkfor{position:relative; padding-left:1.2em;} #pageBody.recruit article a.linkfor:before{position:absolute; content:"＋"; top:50%; left:0px; margin-top:-13px;} #pageBody.recruit #mainVisual{height:auto;} #pageBody.recruit #mainVisual div figure{height:auto;} #pageBody.recruit section.recBox{max-width:1160px; margin:0 auto; padding-top:32px;} #pageBody.recruit section.recBox:last-child{padding-bottom:100px;} #pageBody.recruit section.recBox ul+p{margin:20px 0 30px 0;} #pageBody.recruit section.recruitMenu{background:url("/recruit/images/mvIndex.jpg") center no-repeat; background-size:cover; text-align:center; padding:95px 0; color:#fff; height:340px; margin-bottom:100px;} #pageBody.recruit .recTxt + section.recruitMenu{margin-top:50px;} #pageBody.recruit section.recruitMenu h2{font-size:28px; margin-bottom:50px;} #pageBody.recruit section.recruitMenu ul{font-size:16px; display:flex; justify-content:center;} #pageBody.recruit section.recruitMenu ul li{padding:0 15px; position:relative;} #pageBody.recruit section.recruitMenu ul li::before{content:"|"; position:absolute; right:0; top:0; height:19px;} #pageBody.recruit section.recruitMenu ul li:last-child::before{content:none;} #pageBody.recruit section.recruitMenu a{color:#fff; text-decoration:none;} #pageBody.recruit section.recruitMenu a:hover{text-decoration:underline;} #pageBody.recruit section.recTxt, #pageBody.recruit section.recIndex{max-width:1160px; margin:0 auto; padding-top:32px;} #pageBody.recruit section.recIndex .halfBox ul{list-style:none;} #pageBody.recruit section.recIndex .halfBox ul:after{content:""; clear:both; display:block;} #pageBody.recruit section.recIndex .halfBox ul li{float:left; width:50%; height:200px; text-align:center;} #pageBody.recruit section.recIndex .halfBox ul li:nth-child(1){padding-right:10px;} #pageBody.recruit section.recIndex .halfBox ul li:nth-child(2){padding-left:10px;} #pageBody.recruit section.recIndex .halfBox ul li a{color:#000; text-decoration:none; display:inline-block; width:100%; height:100%; vertical-align:middle; font-size:18px; padding:0 20px; border:1px #ddd solid; position:relative; } #pageBody.recruit section.recIndex .halfBox ul li a span{position:absolute; left:0; top:50%; width:100%; margin-top:-30px; font-size:24px;} #pageBody.recruit section.recIndex .halfBox ul li a span small{font-size:16px; display:block;} #pageBody.recruit section.recIndex .halfBox ul li a:hover{text-decoration:none; background:#f2f2f2;} #pageBody.recruit section.recTxt:last-child{margin-bottom:100px;} #pageBody.recruit section.recTxt table{margin-bottom:30px;} #pageBody.recruit section.recTxt ol,#pageBody.recruit section.recBox ul, #pageBody.recruit section.recTxt ul{margin:0 0 0px 1.5em;} #pageBody.recruit section.recTxt td ul li{list-style:1em;} #pageBody.recruit section.recTxt ul{margin-bottom:10px;} #pageBody.recruit section.recTxt ul.lDis{list-style:none; margin-left:0px;} #pageBody.recruit section.recTxt dl.listDL{margin-bottom:20px;} #pageBody.recruit section.recTxt dl.listDL dt{font-weight:bold;} #pageBody.recruit section.recTxt .seminarList{} #pageBody.recruit section.recTxt .seminarList dt{float:left; width:10%; text-align:center;} #pageBody > header div.txtTitle p.seminarHead{padding-top:60px;} #pageBody.recruit section.recTxt .syokuba:after{content:""; display:block; clear:both;} #pageBody.recruit section.recTxt .syokuba{margin-bottom:20px;} #pageBody.recruit section.recTxt .syokuba h3{margin-bottom:15px; font-weight:bold;} #pageBody.recruit section.recTxt .syokuba figure{float:left; width:20%;} #pageBody.recruit section.recTxt .syokuba figure img{width:100%; height:auto;} #pageBody.recruit section.recTxt .syokuba div{float:right; width:80%; padding-left:20px;} #pageBody.recruit section.recTxt .syokuba dl dt{font-weight:bold;} #pageBody.recruit section.recTxt .syokuba dl dd, #pageBody.recruit section.recTxt .syokuba dl dt{position:relative; padding-left:20px; } #pageBody.recruit section.recTxt .syokuba dl dt:before{content:"Q"; position:absolute; top:0px; left:0px;} #pageBody.recruit section.recTxt .syokuba dl dd + dt{margin-top:20px;} #pageBody.recruit section.recTxt .syokuba dl dd:before{content:"A"; position:absolute; top:0px; left:0px;} #pageBody.recruit section.recTxt .syokuba dl dd ul, #pageBody.recruit section.recTxt .syokuba dl dd ol{margin:10px 0px 10px 1.5em;} #pageBody.recruit section.recTxt .thirdImg figure{width:33.33%; padding-right:20px; float:left;} #pageBody.recruit section.recTxt .thirdImg figure:nth-child(3n){} #pageBody.recruit section.recTxt .thirdImg figure img{width:100%; height:auto;} #pageBody.recruit section.recTxt .thirdImg figure figcaption b{display:block;} #pageBody.recruit section.recTxt.voiceRec{margin-bottom:30px;} #pageBody.recruit section.recTxt .voiceRecCa{margin-bottom:50px; clear:both;} #pageBody.recruit section.recTxt .voiceRecCa:after{content:""; clear:both; display:block;} #pageBody.recruit section.recTxt .voiceRecCa figure, #pageBody.recruit section.recTxt.voiceRec figure{float:left; width:20%;} #pageBody.recruit section.recTxt .voiceRecCa dl, #pageBody.recruit section.recTxt.voiceRec div{width:80%; padding-left:30px; float:right;} #pageBody.recruit section.recTxt.voiceRec div h3{margin-top:20px;} #pageBody.recruit section.recTxt.voiceRec div h3:first-child{margin-top:0px;} #pageBody.recruit section.recTxt .voiceRecCa figure img, #pageBody.recruit section.recTxt.voiceRec figure img{width:100%; height:auto;} #pageBody.recruit section.recTxt .voiceRecCa dl dt{font-weight:bold; margin-top:20px;} #pageBody.recruit section.recTxt .voiceRecCa dl dt:first-child{margin-top:0px;} #pageBody.recruit section.recTxt .voiceRecCa.kenkyu figure{width:15%;} #pageBody.recruit section.recTxt .voiceRecCa.kenkyu dl{width:85%;} #pageBody.recruit section.recTxt .intList{margin-bottom:35px;} @media screen and (max-width: 1240px) and (min-width: 1000px){ #pageBody.recruit.fre > header h1{padding:50px 0 40px 40px !important;} } @media screen and (min-width: 764px) and (max-width:980px){ #pageBody.ir article.irTop section.modNews dl dt i, section.modNews dl dt i,#pageBody.news section dl dt i em{width:130px !important;} section.modNews dl dd{width:860px;} #pageBody.news section dl dd{width:850px; padding-left:20px;} } #pageBody.recruit.wsIndex section{} #pageBody.recruit section h2{text-align:center; font-size:28px; margin-bottom:40px;} #pageBody.recruit section.recTxt h2{text-align:left;} #pageBody.recruit section a{text-decoration:none;} #pageBody.recruit section a:hover{text-decoration:underline;} #pageBody.recruit .wsIndex section p{text-align:center; font-size:18px;} #pageBody.recruit .rcPeople{padding:90px 0 40px; text-align:center;} #pageBody.recruit section.rcPeople a{color:#000;} #pageBody.recruit section.rcPeople .wideslider ul{opacity:0;} #pageBody.recruit section.rcPeople ul li img{display:block; margin-bottom:10px;} #pageBody.recruit section.rcPeople ul li p{font-size:18px; line-height:1.5; margin-bottom:.5em; text-align:left;} #pageBody.recruit section.rcPeople ul li p + p{font-size:14px;} #pageBody.recruit section.rcYouth{background:#ecd9b6; padding:60px 0 30px;} #pageBody.recruit section.rcYouth p{text-align:center;} #pageBody.recruit section.rcYouth a{color:#000;} #pageBody.recruit section.rcYouth nav{width:1124px; margin:0 auto;} #pageBody.recruit section.rcYouth nav ul{display:flex; justify-content:flex-start; flex-wrap:wrap;} #pageBody.recruit section.rcYouth nav ul li{width:260px; margin-bottom:40px; margin-right:28px;} #pageBody.recruit section.rcYouth nav ul li:nth-child(4n){margin-right:0;} #pageBody.recruit section.rcYouth nav ul li p{text-align:left; font-weight:bold; font-size:18px; margin-bottom:.5em;} #pageBody.recruit section.rcYouth nav ul li p + p{font-weight:normal; font-size:14px;} .rcBenefit, .rcSystems{background-position:center; background-repeat:no-repeat; background-size:cover; text-align:center; padding:95px 0; color:#fff; height:340px;} .rcBenefit{background-image:url("/recruit/workstyles/images/bg01.jpg");} .rcSystems{background-image:url("/recruit/workstyles/images/bg02.jpg");} #pageBody.recruit section.rcBenefit a, #pageBody.recruit section.rcSystems a{color:#fff;} #pageBody.recruit section.peopleNav{max-width:1160px; margin:0 auto 60px;} #pageBody.recruit .peopleNav ul{display:flex; justify-content:flex-start; flex-wrap:wrap;} #pageBody.recruit .peopleNav ul li{width:260px; margin-bottom:60px; margin-right:40px;} #pageBody.recruit .peopleNav ul li:nth-child(4n){margin-right:0;} #pageBody.recruit .peopleNav ul li a{color: #000; text-decoration:none;} #pageBody.recruit .peopleNav ul li img{display:block; margin-bottom:10px;} #pageBody.recruit .peopleNav ul li p{font-size:18px; line-height:1.5; margin-bottom:.5em; text-align:left;} #pageBody.recruit .peopleNav ul li p + p{font-size:14px;} #pageBody.recruit .recruitHeading{font-size:24px; text-align:center; margin-bottom:60px;} #pageBody.recruit .peopleSlider{margin-bottom:30px; background:#000; position:relative;} #pageBody.recruit .peopleSlider.youthSlider{margin-bottom:0;} #pageBody.recruit .peopleSlider .slick-list.draggable{padding:0 !important;} #pageBody.recruit .peopleSlider div.inner{position:absolute; left:0; top:60px; width:100%; margin:0 auto; padding:0; z-index:1000} #pageBody.recruit .peopleSlider img{width:100%; height:auto; opacity:.7; display:block; position:relative; z-index:0;} #pageBody.recruit .peopleSlider a{display:block; position:relative;} #pageBody.recruit .peopleSlider h2, #pageBody.recruit .peopleSlider p{color:#fff; width:1160px; margin:0 auto;} #pageBody.recruit .peopleSlider h2{font-size:36px;} #pageBody.recruit .peopleSlider p{font-size:18px;} #pageBody.recruit .bgBlock{background:#ddd; margin-bottom:60px;} #pageBody.recruit .bgBlock + .bgBlock{margin-top:-60px;} #pageBody.recruit .bgBlock.msg {background:#c32319; color:#fff;} #pageBody.recruit article.rcEntry{margin-bottom:60px;} #pageBody.recruit article.rcEntry section.regular{width:960px; margin:0 auto 60px; text-align:left;} #pageBody.recruit article.rcEntry .bgBlock section.regular{margin:0 auto; padding:60px 0;} #pageBody.recruit article.rcEntry header{clear:both; width:100%; margin:0 auto 60px; padding-top:30px;} #pageBody.recruit article.rcEntry header img{width:100%; height:auto; display:block;} #pageBody.recruit article.rcEntry header h1{max-width:1160px; text-align:left; font-size:36px; margin:0 auto 10px;} #pageBody.recruit article.rcEntry header p{max-width:1160px; margin:0 auto 20px;} #pageBody.recruit article.rcEntry dl.qst dt{font-weight:bold;} #pageBody.recruit article.youthEntry{position:relative; margin-bottom:0px;} #pageBody.recruit article.youthEntry > header{background:#fff; position:relative; z-index:1;} #pageBody.recruit article.youthEntry .bgBlock{background:#ecd9b6; padding-bottom:120px;} #pageBody.recruit article.youthEntry section{width:920px; margin:0 auto 60px; padding:40px 80px; background:#fff;} #pageBody.recruit article.youthEntry section.headSection{background:#fff; width:920px; padding:40px 80px; position:relative; z-index:2; margin-top:-160px;} #pageBody.recruit article.youthEntry section.headSection h2{font-weight:bold; font-size:20px; margin-bottom:20px; text-align:left;} #pageBody.recruit article.youthEntry section.headSection h3{background:#d596b0; color:#fff; width:auto; padding:5px 12px; font-weight:bold; margin-bottom:20px; display:inline-block;} #pageBody.recruit article.youthEntry section.aDay dt{font-weight:bold; margin-bottom:5px;} #pageBody.recruit article.youthEntry section.aDay dd{margin-bottom:50px;} #pageBody.recruit article.youthEntry section img{display:block; margin:20px 0 0;} #pageBody.recruit article.youthEntry section.status{background:#fff; padding:40px 0; width:920px;} #pageBody.recruit article.youthEntry section.status img{display:block; margin:0 auto;} #pageBody.recruit article.youthEntry section:last-child{position:relative;} #pageBody.recruit article.youthEntry section.event{margin-top:-180px;} #pageBody.recruit article.youthEntry .youthBtn{text-align:center; background:#fff; padding:0 0 120px;} #pageBody.recruit article.youthEntry .youthBtn a{background:#be260d; color:#fff; padding:10px 15px; text-decoration:none; font-size:18px; font-weight:bold;} #pageBody.recruit article.youthEntry .youthBtn a:hover{opacity:.7;} #pageBody.recruit section.rcRegular{width:760px; margin:0 auto 60px;} #pageBody.recruit section.graduatesFirst{padding:50px 0; border-bottom:1px #ddd solid;} #pageBody.recruit section.graduatesFirst p{text-align:center; border-bottom:1px #ddd solid; padding-bottom:50px; margin-bottom:50px;} #pageBody.recruit section nav.graduatesNav{width:1160px; margin:0 auto;} #pageBody.recruit section nav.graduatesNav ul{display:flex; justify-content:space-between; flex-wrap:wrap; margin-left:0;} #pageBody.recruit section nav.graduatesNav ul li{width:calc(33.333% - 20px); margin-bottom:40px;} #pageBody.recruit section nav.graduatesNav ul li a{display:block; padding:30px; text-align:center; color:#222; text-decoration:none; border:1px #ddd solid;} #pageBody.recruit section nav.graduatesNav ul li a:hover{background:#eee;} #pageBody.recruit section .rcBanners{display:flex; justify-content:flex-start; margin-bottom:50px;} #pageBody.recruit section .rcBanners a{margin-right:30px; width:calc(33.333% - 20px);} #pageBody.recruit section .rcBanners a img{width:200px; height:auto; margin:0 auto; display:block;} #pageBody.recruit section.rcHayawakari{background:#ddd; padding:80px;} #pageBody.recruit section.rcHayawakari ul{text-align:center;} #pageBody.recruit section.rcHayawakari ul li{display:inline; list-style:none; padding:0 24px; border-right:1px #222 solid; color:#222;} #pageBody.recruit section.rcHayawakari ul li:last-child{border-right:none;} #pageBody.recruit section.rcHayawakari ul li a{color:#222; text-decoration:none;} #pageBody.recruit section.rcHayawakari ul li a:hover{text-decoration:underline;} #pageBody.recruit section h3.regular{color:#be260d; font-size:24px; margin:40px 0 10px ;} #pageBody.recruit section h2 + h3.regular{margin-top:-20px;} #pageBody.recruit section h4.regular{color:#be260d; font-size:20px; font-weight:bold; margin:20px 0 10px;} #pageBody.recruit section .mc{display:flex; width:100%; justify-content:space-between; margin-bottom:40px;} #pageBody.recruit section .mc.trio figure{width:calc(33.333% - 20px);} #pageBody.recruit section .mc.trio figure img{width:100%; height:auto;} #pageBody ul.trio{display:flex; flex-wrap:wrap; justify-content:flex-start;} #pageBody ul.trio li{width:33.333%;} #pageBody.recruit section .mc.duo figure{width:calc(50% - 20px);} #pageBody.recruit section .mc.duo figure img{width:100%; height:auto;} #pageBody.recruit article.youthEntry section.freeArea{background:#fff; width:920px; padding:40px 80px;} #pageBody.recruit article.youthEntry section.freeArea h3{font-size:20px; font-weight:bold; margin:50px 0 15px; line-height:1.4; border-bottom:1px #ccc solid; padding-bottom:10px;} #pageBody.recruit article.youthEntry section.freeArea h4{font-size:18px; font-weight:bold; margin:40px 0 10px; line-height:1.4; border-left:6px #ecd9b6 solid; padding-left:10px;} #pageBody.recruit article.youthEntry section.freeArea h5{font-weight:bold; margin:30px 0 5px;} #pageBody.recruit article.youthEntry section.freeArea ul, #pageBody.recruit article.youthEntry section.freeArea ol{margin:0 0 40px 1.5em;} #pageBody.recruit article.youthEntry section.freeArea li{margin-bottom:.5em;} #pageBody.recruit article.youthEntry section.freeArea dl{margin:0 0 40px;} #pageBody.recruit article.youthEntry section.freeArea dl dt{border-top:1px #eee solid; font-weight:bold; padding:10px 0 0; margin-bottom:10px;} #pageBody.recruit article.youthEntry section.freeArea dl dd{margin-bottom:15px;} #pageBody.recruit article.youthEntry section .caption{font-size:14px; display:block;} #pageBody.recruit article.youthEntry section .aCt img{margin:0 auto;} #pageBody.recruit article.youthEntry section .aRt img{display:inline; margin:0 auto;} #pageBody.recruit article.youthEntry section .imgLt, #pageBody.recruit article.youthEntry section .imgRt{margin-bottom:40px; clear:both;} #pageBody.recruit article.youthEntry section .imgLt::after, #pageBody.recruit article.youthEntry section .imgRt::after{display:block; content:''; clear:both;} #pageBody.recruit article.youthEntry section .imgBlock img{margin-top:5px;} #pageBody.recruit article.youthEntry section .imgLt .imgBlock{float:left; margin:0 30px 30px 0;} #pageBody.recruit article.youthEntry section .imgRt .imgBlock{float:right; margin:0 0 30px 30px;} #pageBody.recruit article.youthEntry section figure{} #pageBody.recruit article.youthEntry section figure figcaption{font-size:14px;} #pageBody.recruit article.youthEntry section figure.ct{text-align:center;} #pageBody.recruit article.youthEntry section figure.rt{text-align:right;} #pageBody.recruit article.youthEntry section figure img{display:inline;} #pageBody.recruit article.youthEntry section table{width:100%; margin-bottom:40px;} #pageBody.recruit article.youthEntry section table th, #pageBody.recruit article.youthEntry section table td{padding:15px; border:1px #ccc solid;} #pageBody.recruit article.youthEntry section table th{background:#eee; font-weight:bold;} #pageBody.recruit article.youthEntry section table thead th{text-align:center;} #pageBody.recruit article.youthEntry section table.fixed{table-layout:fixed;} #pageBody.recruit article.youthEntry section .mc{flex-wrap:wrap; justify-content:flex-start;} #pageBody.recruit article.youthEntry section .mc .col p:last-child, #pageBody.recruit article.youthEntry section .mc .col ul:last-child, #pageBody.recruit article.youthEntry section .mc .col ol:last-child, #pageBody.recruit article.youthEntry section .mc .col dl:last-child, #pageBody.recruit article.youthEntry section .mc .col table:last-child{margin-bottom:0;} #pageBody.recruit article.youthEntry section .mc .col h2:first-child, #pageBody.recruit article.youthEntry section .mc .col h3:first-child, #pageBody.recruit article.youthEntry section .mc .col h4:first-child, #pageBody.recruit article.youthEntry section .mc .col h5:first-child{margin-top:0;} #pageBody.recruit article.youthEntry section .mc .col img{max-width:100%; height:auto; margin-top:5px;} #pageBody.recruit article.youthEntry section .mc.duo .col{width:calc(50% - 15px); margin:0 30px 30px 0;} #pageBody.recruit article.youthEntry section .mc.duo .col:nth-child(2n){margin-right:0;} #pageBody.recruit article.youthEntry section .mc.trio .col{width:calc((100% - 60px) / 3); margin:0 30px 30px 0;} #pageBody.recruit article.youthEntry section .mc.trio .col:nth-child(3n){margin-right:0;} /* info ==============================#pageBody.recruit section.rcHayawakari=============================================================================================================================================================== */ #pageBody.info > header div.txtTitle p{padding-top:55px;} #pageBody.info article.infoIdea section, #pageBody.info article.infoIndex section{max-width:1160px; margin:0 auto; padding-top:17px;} #pageBody.info article.infoIndex section a img{-webkit-transition:none; -moz-transition:none; -o-transition:none; -ms-transition:none; transition:none;} #pageBody.info article.infoIdea section a:hover, #pageBody.info article.infoIndex section a:hover{text-decoration:none;} #pageBody.info article.infoIndex section .txtLink{height:120px; font-size:16px; position:relative; border:1px #ddd solid; text-align:center;} #pageBody.info article.infoIndex section .txtLink span{line-height:120px;} #pageBody.info article.infoIndex section .halfBox{clear:both;} #pageBody.info article.infoIndex section .halfBox:after{content:""; display:block; clear:both;} #pageBody.info article.infoIndex section .halfBox .halfLt, #pageBody.info article.infoIndex section .halfBox .halfRt{width:50%;} #pageBody.info article.infoIndex section .halfBox .halfLt{float:left; padding-right:10px;} #pageBody.info article.infoIndex section .halfBox .halfRt{float:right; padding-left:10px;} #pageBody.info article.infoIndex section .halfBox .half{border:1px #ddd solid; padding:30px 20px; margin-bottom:20px;} #pageBody.info article.infoIndex section .halfBox .half h2{font-size:24px; text-align:center; margin-bottom:35px;} #pageBody.info article.infoIndex section .halfBox .half h2 a{text-decoration:none;} #pageBody.info article.infoIndex section .halfBox .half h2 a:hover{text-decoration:none;} #pageBody.info article.infoIndex section .halfBox .half.dieca h2{margin-bottom:60px;} #pageBody.info article.infoIndex section .halfBox .half h2 small{font-size:16px; display:block;} #pageBody.info article.infoIndex section ul{list-style:none; margin-top:34px;} #pageBody.info article.infoIndex section ul.inqList{} #pageBody.info article.infoIndex section ul.inqList li{margin-bottom:15px; position:relative; padding-left:1em; line-height:1.5;} #pageBody.info article.infoIndex section ul.inqList li:before{content:"■"; position:absolute; left:0px; top:0px;} #pageBody.info article.infoIndex section ul.inqList li ul{margin-top:0px;} #pageBody.info article.infoIndex section ul.inqList li ul li{margin-bottom:5px; padding-left:0em;} #pageBody.info article.infoIndex section ul.inqList li ul li:before{content:"";} #pageBody.info article.infoIndex section ul.inqList+ul{margin-top:20px;} #pageBody.info article.infoIndex section p.inqTxt{margin-top:15px;} #pageBody.info article.infoIndex section .halfBox .half ul li{margin-bottom:5px;} #pageBody.info article.infoIndex section .halfBox .half ul li:last-child{margin-bottom:0px;} #pageBody.info article.infoIndex section .halfBox .half.print p{margin-bottom:0px;} #pageBody.info article.infoIndex section .halfBox + ul.inqList{padding-bottom:45px;} #pageBody.info article.infoIndex section .infoAct{padding:20px; border:1px #ddd solid; margin-bottom:55px;} #pageBody.info article.infoIndex section .infoAct dt{font-weight:bold;} #pageBody.info article.infoIdea section{padding:0px 0px 40px 0px;} #pageBody.info article.infoIdea section:last-child{padding-bottom:60px;} #pageBody.info article.infoIdea section ul{margin:0 0 1em 1em;} #pageBody.info article.infoIdea section p u{color:#ff0000; font-weight:bold;} /* contact ============================================================================================================================================================================================= */ #pageBody.inq header, #pageBody.inq article.privacy{max-width:960px; margin:0 auto;} #pageBody.inq article.privacy a{color:#0033ff; /*color:#000;*/ text-decoration:underline;} #pageBody.inq article.privacy a:hover{color:#e60012; /*color:#000;*/ text-decoration:none;} #pageBody.inq article.privacy .copyTxt{max-width:1160px; margin:12px auto 55px auto;} #pageBody.inq article.privacy .copyTxt p{margin-bottom:0px; text-align:center; height:120px; border:1px #ddd solid; padding-top:44px;} #pageBody.inq article.privacy section{max-width:960px; margin:0 auto;} #pageBody.inq article.privacy section ul{list-style:none;} #pageBody.inq article.privacy section h2{text-align:center;} #pageBody.inq article.privacy section ul.listDisc{margin-left:1em;} #pageBody.inq article.privacy section ul.listDisc li{list-style:disc;} #pageBody.inq article.privacy section h3,#pageBody.inq article.privacy section p, #pageBody.inq article.privacy section ul{margin-bottom:30px;} #pageBody.inq article.privacy section ul.consent{text-align:center; margin:68px 0 170px; } #pageBody.inq article.privacy section ul.consent li{display:inline-block; margin-right:15px; font-size:15px} #pageBody.inq article.privacy section ul.consent li:nth-child(1){text-align:right;} #pageBody.inq article.privacy section ul.consent li input[type="button"]{border-radius:4px; border:1px solid #ddd; background:#f3f1f1; width:164px; cursor:pointer; height:40px;} /* Others ============================================================================================================================================================================================= */ #pageBody.oth article section{max-width:1160px; margin:0px auto 50px auto;} #pageBody.oth article section div{} #pageBody.oth article section ul{margin-left:1em;} #pageBody.oth article section ul.num{list-style:none; margin:0 0 1em 1.5em;} #pageBody.oth article section ul.num li{text-indent:-1.5em;} #pageBody.oth article section h3{font-weight:bold; margin-top:20px;} #pageBody.oth article section dl{} #pageBody.oth article section dl dt{font-weight:bold;} #pageBody.oth article section dl dd{margin-bottom:15px;} /* Hayawakari ============================================================================================================================================================================================= */ #pageBody.hayawakari > header div.txtTitle p{padding-top:45px;} #pageBody.hayawakari .hyIndex:after{content:""; clear:both; display:block;} #pageBody.hayawakari .hyIndex{border-bottom:none; border-top:1px #ddd solid; height:auto;} #pageBody.hayawakari .hyIndex .half{width:50%;} #pageBody.hayawakari .hyIndex figure{margin:0 auto; overflow:hidden; position:relative; line-height:1.0; font-size:0px; text-align:center; height:auto; border-bottom:1px #ddd solid;} #pageBody.hayawakari .hyIndex figure img{width:100%; height:auto;} #pageBody.hayawakari .hyIndex .fLt{float:left;} #pageBody.hayawakari .hyIndex .fRt{float:right;} #pageBody.hayawakari .hyIndex p{text-align:center; padding:24px 0 35px 0; margin-bottom:0px;} #pageBody.hayawakari .hyIndex p a{text-decoration:none;} #pageBody.hayawakari .hyIndex p a:visited{text-decoration:none;} #pageBody.hayawakari article.hyTop section:last-child{padding-bottom:104px;} #pageBody.hayawakari .hySecond section{max-width:1160px; margin:0px auto;} #pageBody.hayawakari .hySecond .hyTxtMv{background:url(/hayawakari/images/hayawakari01Mv.jpg) left top no-repeat; max-width:1160px; margin:0 auto; height:538px; color:#fff; text-align:center; padding-top:85px;} #pageBody.hayawakari .hySecond .hyTxtMv h1{font-size:24px;} #pageBody.hayawakari .hySecond .hyTxtMv p{font-size:36px;} #pageBody.hayawakari .hySecond .hySt{padding:0 0 80px 0;} #pageBody.hayawakari .hySecond .hySt h2{padding-top:75px;} #pageBody.hayawakari .hySecond .hySt .hytxtBox{padding-bottom:90px;} #pageBody.hayawakari .hySecond .hyCh{padding:0px 0 50px 0;} #pageBody.hayawakari .hySecond .hyCh h2{text-align:center; margin-bottom:60px;} #pageBody.hayawakari .hySecond .hyCh p+figure{padding-top:60px;} #pageBody.hayawakari .hySecond .hyCh div+figure{padding-top:50px;} #pageBody.hayawakari .hySecond .hyCg .hytxtBox{padding-bottom:75px;} #pageBody.hayawakari .hySecond .hyCp{padding-top:20px;} #pageBody.hayawakari .hySecond .hytxtBox{padding:35px 96px 0px 96px;} #pageBody.hayawakari .hySecond .hytxtBox h2{text-align:center;} #pageBody.hayawakari .hySecond ul.listImg{list-style:none;} #pageBody.hayawakari .hySecond ul.listImg:after{content:""; clear:both; display:block;} #pageBody.hayawakari .hySecond ul.listImg li{float:left; height:auto; line-height:1.0; font-size:0px;} #pageBody.hayawakari .hySecond section.hypd{padding-bottom:115px;} #pageBody.hayawakari .hySecond section.hyDa{padding-bottom:96px;} #pageBody.hayawakari .hySecond section.hyDa .carDa{position:relative;} #pageBody.hayawakari .hySecond section.hyDa .carDa img:last-child{position:absolute; top:0px; left:0px;} #pageBody.hayawakari .hySecond section.hyDa .carDa a img:last-child{opacity:0;} #pageBody.hayawakari .hySecond section.hyDa .carDa a:hover img:last-child{transition:all 1.5s ease; opacity:0.9;} #pageBody.hayawakari .hySecond section.hyDa .carDa a:hover{} #pageBody.hayawakari .hySecond .hyVideo{margin-top:35px;} #pageBody.hayawakari section.band{width:100%; padding:60px 0 100px 0; max-width:none; margin:0px 0 90px 0;} #pageBody.hayawakari .hySecond section.hyKa figure{margin-top:30px;} #pageBody.hayawakari .hySecond section.hyKa .hyKaimg{} #pageBody.hayawakari .hySecond section.hyKa .hyKaimg div.clrFx+div.aCt{margin-top:77px;} #pageBody.hayawakari .hySecond section.hyKa .hyKaimg p+p{margin:35px 0 58px 0;} #pageBody.hayawakari .hySecond section.hyEc{margin-bottom:0px;} #pageBody.hayawakari .hySecond section.hyEc .hytxtBox{padding:80px 96px 80px 96px;} #pageBody.hayawakari .hySecond section.hyFt .hytxtBox{padding:77px 96px 100px 96px;} #pageBody.hayawakari .hySecond .fLt{float:left;} #pageBody.hayawakari .hySecond .fRt{float:right;} #pageBody.hayawakari .hySecond figure figcaption{text-align:center;} #pageBody.hayawakari .hySecond .half{width:50%;} #pageBody.hayawakari .hySecond .copyCorp p{margin:80px 0;} #pageBody.hayawakari .hySecond .copyCorp p+figure{margin-bottom:120px;} #pageBody.hayawakari .hySecond .inv{opacity:0; transition:all 1.5s ease; position:relative; top:50px;} #pageBody.hayawakari .hySecond .inv+ul.listImg{margin-top:30px;} #pageBody.hayawakari .hySecond .onBox{opacity:1.0; top:0px;} @media print{ #pageBody.hayawakari .hySecond .inv{opacity:1.0;} #pageBody.hayawakari .hySecond .hyCh .half figure{width:500px; margin-right:20px;} #pageBody.hayawakari .hySecond .hyCh .half figure img{width:100%; height:auto;} } @media screen and (max-width:768px){ img{max-width:100%; height:auto;} article section{padding:15px;} /* top slider =================================================================== */ #mainVisual{/*height:220px;*/} #mainVisual figure div{height:160px; line-height:160px;} #mainVisual figure figcaption{max-width:none; font-size:16px; padding:15px 15px; line-height:1.2; position:relative;} #mainVisual figure figcaption i{display:block; font-size:12px;} #mainVisual figure figcaption:after{content:'\f105'; font-family:rybicons; position:absolute; right:15px; top:50%; font-size:16px; color:#999; margin-top:-10px;} /* modules ============================================================================================================================================================================================= */ /* module > news list =================================================================== */ #pageBody section.modNews h2{margin:0 auto 10px auto; } section.modNews{padding:15px; border:0;} section.modNews dl{margin-bottom:15px; max-width:none; padding:0;} section.modNews dl dt{float:none; padding-right:0; margin-bottom:3px; font-size:12px;} section.modNews dl dt span{width:auto; padding-right:10px;} section.modNews dl dt i{width:auto; font-size:12px; padding:2px 4px 1px 0px;} section.modNews dl dt i em{display:inline-block; line-height:1.4; padding-right:10px; margin-right:5px;} section.modNews dl dd{margin-bottom:12px; padding-bottom:12px; padding-left:0; border-bottom:1px #ddd solid; line-height:1.4; width:100%;} #pageBody section.modNews dl + p a{text-decoration:underline;} #pageBody section.modNews h2.topTit{display:none;} #pageBody article.irTop section.modNews h2.topTit{display:block;} #pageBody article section.modNews dl.corpCate dt i, #pageBody.recruit article section.modNews dl dt i, #pageBody.csr article section.modNews dl dt i, #pageBody.ir article.irTop section.modNews dl dt i{line-height:1.5em; font-size:12px;} /* module > corp =================================================================== */ section.modCorp{padding:0 15px 15px; text-align:left; position:relative; border-bottom:1px #ddd solid; } section.modCorp h1{font-size:18px; margin-bottom:35px; border-bottom:1px #ddd solid; position:relative; padding-bottom:10px;} section.modCorp figure.spCorpmdImg{height:auto; margin:0 -15px; position:relative; width:auto; display:block;} section.modCorp figure.pcCorpmdImg{display:none;} section.modCorp nav ul{clear:both;} section.modCorp nav ul:after{clear:both; display:block; content:'';} section.modCorp nav li{display:block; border-left:none; padding:0; line-height:1.5; margin-bottom:10px; width:50%; float:left;} section.modCorp nav li a:before{content:'\f105'; font-family:rybicons; padding-right:10px;} /*section.modCorp figure img{display:none;} section.modCorp figure {background:url(/common/images/modCpImg.jpg) no-repeat top center; background-size:cover; height:160px; width:auto; display:block; margin:0 -15px; position:relative; top:-70px; overflow:hidden;}*/ /* module > biz =================================================================== */ section.modBiz{padding:15px; text-align:left; border-bottom:1px #ddd solid;} section.modBiz h1{font-size:18px; margin-bottom:10px; margin-bottom:0;} section.modBiz nav{max-width:none; padding:0 5px; margin:0 -15px;} section.modBiz nav li{width:50%; padding:0 5px; text-align:center;} /* module > item =================================================================== */ section.modItem{padding:15px; text-align:left;} section.modItem h1{font-size:18px; margin-bottom:15px;} section.modItem nav{max-width:none; margin:0 -5px 15px;} section.modItem nav ul{flex-wrap:wrap; justify-content:flex-start;} section.modItem nav li{width:50%; padding:0 5px; text-align:center; margin-bottom:20px; height:auto;} section.modItem nav li a{display:block; font-size:12px; padding:0 0 10px; border:0; position:relative;} section.modItem nav li a span{position:static; left:auto; top:auto; width:auto;} section.modItem nav li a:hover{text-decoration:none;} section.modItem nav li a:before{display:block; content:''; margin-bottom:5px;} section.modItem nav li a br{display:none;} /* module > csr =================================================================== */ section.modCsr{padding:15px; text-align:left; border-bottom:1px #ddd solid; margin-bottom:30px;} section.modCsr h1{font-size:18px; margin-bottom:35px; border-bottom:1px #ddd solid; position:relative; top:200px; padding-bottom:10px;} section.modCsr figure{height:160px; margin-bottom:25px; width:auto; display:block; margin:0 -15px; position:relative; top:-50px;} section.modCsr figure a{display:block; height:160px; background:url(/common/images/modCsrImgSp.jpg) no-repeat center top; background-size:cover; text-indent:100%; overflow:hidden; white-space:nowrap;} section.modCsr nav{margin-top:20px;} section.modCsr nav ul:after{clear:both; display:block; content:'';} section.modCsr nav li{display:block; border-left:none; padding:0; line-height:1.5; margin-bottom:10px; float:none; width:100%;} section.modCsr nav li a:before{content:'\f105'; font-family:rybicons; padding-right:10px;} /* module > appendix/mdIrlink =================================================================== */ section.mdIrlink,section.modAppendix{padding:15px 10px 5px;} section.mdIrlink nav, section.modAppendix nav{max-width:none;} section.mdIrlink nav li, section.modAppendix nav li{width:100%; padding:0; height:auto; float:none; margin-bottom:15px;} section.mdIrlink nav li a, section.modAppendix nav li a{display:block; font-size:14px; padding:15px; text-decoration:none !important;} section.mdIrlink nav li a span, section.modAppendix nav li a span{position:absolute; left:0; top:50%; width:100%;} section.mdIrlink nav li a:hover, section.modAppendix nav li a:hover{text-decoration:none; background:#f2f2f2;} section.mdIrlink nav li a br, section.modAppendix nav li a br{display:none;} section.mdIrlink nav li.half, section.modAppendix nav li.half{width:50%; display:none;} /* module > subMenu =================================================================== */ #pageBody .subMenu{margin-top:10px;} #pageBody .subMenu ul li{float:none; width:100%; height:150px;} #pageBody .subMenu ul li:nth-child(1){padding-right:0;} #pageBody .subMenu ul li:nth-child(2){padding-left:0;} #pageBody .subMenu ul li a{height:100%;} #pageBody .subMenu ul li:nth-child(1) a{background:url(/corp/images/indexBt01.jpg) center center no-repeat; background-size:cover; font-size:20px; padding-top:40px;} #pageBody .subMenu ul li:nth-child(1) a i{display:block; font-size:14px;} #pageBody .subMenu ul li:nth-child(2) a{background:url(/corp/images/indexBt02.jpg) center center no-repeat; background-size:cover; font-size:20px; padding-top:40px;} /* module > .mdCorpmenu =================================================================== */ section.mbDischarge{width:100%; padding:15px;} section.mbDischarge ul li{font-size:12px; margin-bottom:.5em;} /* module > .mdCorpmenu =================================================================== */ section.mdCorpmenu{background:url(/corp/images/indexBg.jpg) center top no-repeat; background-size:cover; text-align:center; padding:20px 0 0px; color:#fff; height:160px;} section.mdCorpmenu nav{max-width:1200px; margin:0 auto;} section.mdCorpmenu h1, #pageBody .mdCorpmenu p, section.mdCorpmenu ul li{line-height:1.0;} #pageBody section.mdCorpmenu p{font-size:12px; margin-bottom:5px;} section.mdCorpmenu h1{font-size:20px; margin-bottom:15px; line-height:1.2} section.mdCorpmenu ul{font-size:14px;} section.mdCorpmenu ul li{padding:0 12px 0 5px; line-height:1; margin-bottom:15px;} /* band =================================================================== */ section.band{padding:20px 15px 10px; text-align:center;} section.band h1, section.band h2{margin-bottom:20px; font-size:16px; line-height:1.0;} section.band ul{font-size:12px;} section.band ul li{padding:0 12px 0 5px; line-height:1; margin-bottom:15px;} section.band ul li:before{content:"|"; position:absolute; right:0px; top:0px; height:19px;} section.band ul li:last-child:before{content:"";} section.band.greyBg{background:#ddd;} section.band.whiteBg{background:#fff;} section.band a{color:#000; text-decoration:none;} section.band a:hover{color:#000; text-decoration:underline;} /*建築用品の時に小さくした 202309*/ #pageBody.projects .band ul{margin-bottom:10px; font-size:14px;} #pageBody.projects .band ul li{font-size:14px; margin-bottom:8px; padding: 0 8px 0 4px;} #pageBody section.band ul li:before{height:14px;} /*建築用品の時に小さくした 202309 */ /* contact ============================================================================================================================================================================================= */ /* form =================================================================== */ .formTable{margin-bottom:20px;} .formTable th, .formTable td{padding:5px; display:block; border-bottom-width:0;} .formTable tr:last-child td{border-bottom-width:1px;} .formTable th{width:100%; border-bottom:0;} .formTable span.note{font-size:12px;} .formTable input[type=text].short{width:70px;} .btnSpace{padding:30px 0;} .btnSpace button{padding:5px 30px; margin:0 5px;} .errors ul{margin:0 auto 10px} .errors p{font-size:10px;} /* info ============================================================================================================================================================================================= */ #pageBody.info article.infoIdea section{padding:15px;} /* News ============================================================================================================================================================================================= */ /* newsIndex・newsDetail =================================================================== */ #pageBody.news > header div.txtTitle p{padding-top:0px;} #pageBody.news section{padding:15px 15px;} #pageBody.news section dl{margin:20px 0 25px 0;} #pageBody.news section dl dt{float:none; clear:both; padding-right:0px; margin-bottom:0px;} #pageBody.newsDetail header .newsTitle span, #pageBody.news section dl dt span{width:auto; display:inline-block; vertical-align:middle; margin-right:5px; margin-left:5px;} #pageBody.newsDetail header .newsTitle i, #pageBody.news section dl dt i{width:auto; font-size:12px;} #pageBody.newsDetail header .newsTitle i em, #pageBody.news section dl dt i em{display:inline-block; background:#8b8b8b; color:#fff; padding:2px 5px; margin:0 10px 5px 0px; line-height:1.0;} #pageBody.newsDetail header .newsTitle i{padding-left:0px;} #pageBody.news section dl dd{margin-bottom:10px; padding-left:0px; width:100%;} #pageBody.news section dl + p{text-align:center; margin-bottom:25px;} #pageBody.news section dl + p:before{content:'\f107'; font-family:rybicons; padding-right:5px;} #pageBody.news section select{width:100%;} #pageBody.newsDetail section{padding:15px;} #pageBody.newsDetail section figure{margin:0px; padding:20px 0; } #pageBody.newsDetail header .newsTitle{padding:15px;} /*#pageBody.newsDetail header .newsTitle h1{font-size:17px;}*/ #pageBody.newsDetail header .newsTitle i{font-size:12px;} #pageBody.news section .pwtLinks{margin-top:15px; position:static; top:0px; right:auto;} html[lang=en] #pageBody section.modNews dl.powerCate dt i em, html[lang=en] #pageBody section.modNews dl.buldeCate dt i em, html[lang=en] #pageBody section.modNews dl.diecastCate dt i em, html[lang=en] #pageBody section.modNews dl.printingCate dt i em, html[lang=en] #pageBody article section.modNews dl.corpCate dt i em, html[lang=en] #pageBody.recruit article section.modNews dl dt i em, html[lang=en] #pageBody.csr article section.modNews dl dt i em, html[lang=en] #pageBody.ir article.irTop section.modNews dl dt i em{width:auto; white-space:nowrap;} /* company ============================================================================================================================================================================================= */ /* corpIndex =================================================================== */ #pageBody > header div.txtTitle{max-width:none; display:block; min-height:0;} #pageBody > header div.txtTitle h1{min-width:320px !important; width:100%; float:none; padding: 0 15px 10px;} #pageBody > header div.txtTitle h1 small{font-size:12px;} #pageBody > header div.txtTitle p{max-width:none; float:none; padding:0 15px 15px;} #pageBody > #mainVisual.corpIndex{background:none; height:auto; min-height:auto;} #pageBody > #mainVisual.corpIndex .inner{max-width:none;} #pageBody > #mainVisual.corpIndex figure{float:none; width:100%;} #pageBody > #mainVisual.corpIndex figure img{margin-left:0; width:100%; height:auto;} #pageBody > #mainVisual.corpIndex .message{max-width:none; padding:15px; background:#eee; width:100%; float:none;} #pageBody > #mainVisual.corpIndex .message h2{font-size:18px; margin-bottom:10px;} #pageBody > #mainVisual.corpIndex .message p{font-size:14px; margin-bottom:20px;} #pageBody > #mainVisual.corpIndex .message p a{line-height:38px; font-size:14px;} .ptBanner{max-width:none; margin:30px 15px;} .ptBanner a{height:auto; display:block; text-align:center;} .ptBanner span{padding:15px;} #pageBody .ptBanner p{padding:15px 15px 0;} /* corpMain =================================================================== */ #pageBody.corp > #mainVisual{height:auto;} #pageBody.corp > #mainVisual figure div{height:160px; line-height:1;} #pageBody.corp article.regular{padding:20px 0;} #pageBody.corp article.regular h1{font-size:20px; margin-bottom:20px; text-align:left; line-height:1.4;} #pageBody.corp article.regular p{margin-bottom:1em;} #pageBody.corp article.regular dl.sign dt{margin-bottom:5px;} #pageBody.corp article.regular dl.sign dd img{width:100px; height:auto;} /* philosophy =================================================================== */ #pageBody.corp .philosophy{width:100%; padding:0 15px 20px;} #pageBody.corp .philosophy div{width:auto; float:none; clear:both; padding:0; margin-bottom:15px;} #pageBody.corp .philosophy h2{font-size:18px; margin-bottom:10px; text-align:center;} #pageBody.corp .philosophy h3{font-size:16px; text-align:center; border-top:1px #ddd solid; padding-top:10px;} #pageBody.corp .philosophy p{font-size:12px; margin-top:2px; text-align:left;} #pageBody.corp .philosophy p br{display:none;} #pageBody.corp .philosophy p strong{font-size:14px; margin-top:10px;} #pageBody.corp .philosophy p strong br{display:none;} /* outline =================================================================== */ #pageBody.corp section.outline{padding:20px 15px; max-width:none;} #pageBody.corp section.outline table th{width:auto;} #pageBody.corp section.movie{padding:20px 15px;} #pageBody.corp section.movie div{width:100%; padding:0;} #pageBody.corp section.movie div h2{font-size:16px; margin-bottom:20px;} #pageBody.corp section.movie div .movie{width:100%; position:relative; padding-top:56.25%;} #pageBody.corp section.movie div .movie iframe{position:absolute; top:0; right:0; width:100% !important; height:100% !important;} #pageBody.corp section.movie div ul{font-size:12px; margin:10px 0 0 1.5em;} #pageBody.corp section.tradeName{padding:20px 15px 40px; width:100%;} #pageBody.corp section.tradeName h2{margin-bottom:20px; font-size:16px;} #pageBody.corp section.tradeName figure{padding-top:10px;} #pageBody.corp section.tradeName figure img{width:200px; height:auto;} /* business domain =================================================================== */ #pageBody.corp article.businessDomain{max-width:none; margin:0 auto; padding:20px 0;} #pageBody.corp .businessDomain > header{padding:0 15px 20px;} #pageBody.corp .businessDomain section{margin:0 auto; padding:15px;} #pageBody.corp .businessDomain .business{margin-bottom:15px;} #pageBody.corp .businessDomain .business figure{float:none; width:100%;} #pageBody.corp .businessDomain .business div{width:100%; min-height:0; float:none; padding:10px 0;} #pageBody.corp .businessDomain .business div h2{font-size:16px; text-align:center;} #pageBody.corp .businessDomain .business .details{position:static; bottom:auto; right:auto;} /* officers =================================================================== */ #pageBody.corp article.officers{max-width:none;} #pageBody.corp article.officers section{margin-bottom:0;} #pageBody.corp article.officers section h2{margin:0 0 5px; font-size:16px;} #pageBody.corp article.officers table{margin-bottom:40px;} #pageBody.corp article.officers table.regular th{width:auto; white-space:nowrap;} #pageBody.corp article.officers table.regular td i{float:none; display:block; width:100%;} #pageBody.corp article.officers table.regular td i br{display:none;} /* bases / group companies =================================================================== */ #pageBody.corp article.bases{max-width:none; margin:0 auto;} #pageBody.corp article.bases section{margin-bottom:30px;} #pageBody.corp article.bases section h2{margin:0 0 5px; font-size:16px;} #pageBody.corp article.bases section h3{margin:0; padding:5px 0; font-size:16px; border-top:1px #ddd solid;} #pageBody.corp article.bases.group section h2{margin:0 0 10px; font-size:16px;} #pageBody.corp article.bases.group section h2 small{font-size:12px;} #pageBody.corp article.bases.group section h2 a:after{font-size:10px; position:static; right:auto; top:auto; padding-left:10px;} #pageBody.corp article.bases section div.photoBases{height:auto; margin-bottom:13px;} #pageBody.corp article.bases section div.photoBases table.regular, #pageBody.corp article.bases section div.photoBases figure{float:none; width:100%;} #pageBody.corp article.bases section div.photoBases figure img{width:100%; height:auto; display:block;} #pageBody.corp article.bases table.regular{height:100%; margin-bottom:13px;} #pageBody.corp article.bases table.regular th, #pageBody.corp article.bases table.regular td{padding:5px 10px; display:block; border:0;} #pageBody.corp article.bases table.regular th{width:100%;} #pageBody.corp article.bases table.regular td span{padding:5px 0 10px 0;} #pageBody.corp article.bases table.regular td i{display:block; margin:5px 0;} #pageBody.corp article.bases table.regular td i a{padding:5px 15px;} #pageBody.corp article.bases .contactPoint{margin-bottom:20px; padding:15px 15px 5px;} #pageBody.corp article.bases .contactPoint h4{float:none;} #pageBody.corp article.bases .contactPoint dl{padding-left:0;} #pageBody.corp article.bases .contactPoint dl dt{font-size:12px; font-weight:bold;} #pageBody.corp article.bases .contactPoint dl dd{margin-bottom:10px; font-size:12px;} #pageBody > header .rtnBase{display:block; position:relative; float:none; width:100%; left:auto; top:-10px; margin:0; padding:0;} #pageBody > header .rtnBase a{color:#000; padding:15px;} #pageBody > header .rtnBase:before{content:'';} #pageBody > header .rtnBase a:before{content:'＜';} div.mapBase{height:200px;} div.mapBase iframe{width:100% !important; height:200px !important;} #pageBody.corp .mc{display:block;} #pageBody.corp .mc.duo .col{width:auto; margin:0 0 20px 0;} #pageBody.corp .mc.duo figure.col{margin-top:30px; margin-bottom:30px;} #pageBody.corp .mc.duo .col:nth-child(2n){margin-right:0;} #pageBody.corp .mc.duo .col:nth-last-child(2), #pageBody.corp .mc.duo .col:last-child{margin-bottom:0;} #pageBody.corp .mc.trio .col{width:auto; margin:0 0 20px 0;} #pageBody.corp .mc.trio figure.col{margin-top:30px; margin-bottom:30px;} #pageBody.corp .mc.trio .col:nth-child(3n){margin-right:0;} #pageBody.corp .mc.trio .col:nth-last-child(2), #pageBody.corp .mc.trio .col:nth-last-child(3), #pageBody.corp .mc.trio .col:last-child{margin-bottom:0;} /* history =================================================================== */ #pageBody.corp article.history{max-width:none;} #pageBody.corp article.history section{margin-bottom:0;} #pageBody.corp article.history table.regular th{width:auto; white-space:nowrap;} /* ads =================================================================== */ #pageBody.corp article.ads{max-width:none; padding:0 0 20px 0;} #pageBody article nav.pageAnchor{padding:0; border:0;} #pageBody article nav.pageAnchor ul{text-align:left; padding:0; margin-bottom:0; border-bottom:0;} #pageBody article nav.pageAnchor ul li{display:block; border-bottom:1px #ddd solid; padding:0; text-align:left;} #pageBody article nav.pageAnchor ul li a{padding:8px 15px; display:block; text-decoration:none; position:relative;} #pageBody article nav.pageAnchor ul li a:after{content:'\f13a'; font-family:rybicons; font-size:16px; color:#999; position:absolute; right:15px; top:50%; margin-top:-12px;} #pageBody.corp article.ads section{padding:20px 15px; margin:0; border-bottom:1px #ddd solid;} #pageBody.corp article.ads section h2, #pageBody.corp article.ads section.msg h2{margin:0 0 20px; font-size:16px;} #pageBody.corp article.ads section.msg figure{margin-bottom:20px;} #pageBody.corp article.ads section.character h2{margin-bottom:20px;} #pageBody.corp article.ads section.msg p, #pageBody.corp article.ads section.character p{padding:0;} #pageBody.corp article.ads section.character figure{margin-bottom:20px;} #pageBody.corp article.ads section.newsPaper h2{margin-bottom:20px;} #pageBody.corp article.ads section.newsPaper p{margin-bottom:20px;} #pageBody.corp article.ads section.newsPaper div{width:auto; padding:0px;} #pageBody.corp article.ads section.newsPaper div figure{margin-bottom:20px;} #pageBody.corp article.ads section.newsPaper div figure:first-child{width:100%; margin-left:0; float:none; padding:0 25%;} #pageBody.corp article.ads section.newsPaper div figure:last-child{width:100%; height:auto; float:none;} #pageBody.corp article.ads section.newsPaper div figure img{display:block; width:100%; height:auto;} #pageBody.corp article.ads section.newsPaper div figure:first-child img{margin-bottom:10px;} #pageBody.corp article.ads section.newsPaper div figure:last-child img{margin-bottom:10px;} #pageBody.corp article.ads section.sportsFacilities{margin-bottom:0;} #pageBody.corp article.ads section.sportsFacilities h2{margin-bottom:20px;} #pageBody.corp article.ads section.sportsFacilities p{margin-bottom:20px;} #pageBody.corp article.ads section.sportsFacilities figure{text-align:center; margin-bottom:20px;} #pageBody.corp article.ads section.sportsFacilities figure img{margin-bottom:10px;} #pageBody.corp article.ads section.traffic{margin-bottom:0;} #pageBody.corp article.ads section.traffic h2{margin-bottom:20px;} #pageBody.corp article.ads section.traffic p{margin-bottom:20px;} #pageBody.corp article.ads section.traffic figure{margin-bottom:20px; width:100%; padding-right:0; float:none; min-height:0;} #pageBody.corp article.ads section.traffic figure:nth-child(even){float:none; padding-left:0;} #pageBody.corp article.ads section.traffic figure img{margin-bottom:10px;} #pageBody.corp article.ads section.radioProgram{margin-bottom:0;} #pageBody.corp article.ads section.radioProgram h2{margin-bottom:20px;} #pageBody.corp article.ads section.radioProgram figure{width:100%; float:none; margin-bottom:20px; padding:0 50px;} #pageBody.corp article.ads section.radioProgram div{width:auto; float:none;} #pageBody.corp article.ads section.radioProgram div h3{font-size:14px; margin-bottom:5px;} #pageBody.corp article.ads section.radioProgram div h4{font-size:12px; margin-bottom:15px;} /* projects ============================================================================================================================================================================================= */ #pageBody.projects section.proList{max-width:none;} #pageBody.projects section div.inner h2{text-align:left;} #pageBody.projects section.proList ul:after{content:""; clear:both; display:block;} #pageBody.projects section.proList ul li{width:50%; margin-right:0px; padding:0px 5px; float:left;} #pageBody.projects article.projTop .subMenu{margin-bottom:20px;} #pageBody.projects article section.profileBox{padding:15px; margin-bottom:0;} #pageBody.projects article section.profileBox h2{margin-bottom:20px; text-align:left;} #pageBody.projects article section.profileBox.links figure.aCt{text-align:left;} #pageBody.projects .band.links{margin-top:30px !important;} #pageBody.projects article section.proHalf{padding:20px 15px;} #pageBody.projects article section.proHalf h2{margin-bottom:20px;} #pageBody.projects article section.proHalf figure.wide{margin-top:20px;} #pageBody.projects article section.proHalf:after{content:""; clear:both; display:block;} #pageBody.projects article section.proHalf figure, #pageBody.projects article section.proHalf div{width:100%;} #pageBody.projects article section.proHalf figure img{padding-right:0px;} #pageBody.projects article section.proHalf figure, #pageBody.projects article section.proHalf div{float:none; padding-left:0px;} #pageBody.projects article ul.imgLine{padding:0 0 10px;} #pageBody.projects article ul.imgLine li{float:left; width:50%;} #pageBody.projects article .imgHalf{padding-top:0px;} /* profileCar =================================================================== */ article.profile section{border-bottom:1px #ddd solid; margin-bottom:0;} #mainVisual.projIndex,#mainVisual.projIndex figure div{height:160px;} #pageBody.projects .diecastingImg{padding:0; margin:0;} #pageBody.projects .diecastingImg ul li{float:none; clear:both; width:100%; height:auto; margin:0; padding:0; display:block;} #pageBody.projects .diecastingImg ul li:nth-child(1), #pageBody.projects .diecastingImg ul li:nth-child(2){background:none;} #pageBody.projects .diecastingImg ul li img{display:block;} #pageBody.projects #mainVisual{height:auto;} #pageBody.projects section.profileCar{padding:15px; margin-bottom:0; background:none;} #pageBody.projects section div.inner{padding:0;} #pageBody.projects section.profileHalf{padding:15px;} #pageBody.projects section.profileHalf h2{margin-bottom:20px; text-align:left;} #pageBody.projects section.profileHalf .lt, #pageBody.projects section.profileHalf .rt{float:none; padding:0; width:100%;} #pageBody.projects section.textBlock{padding:20px 15px;} #pageBody.projects section.textBlock h2{padding-top:0px; text-align:left;} #pageBody.projects section.modBiz{padding:15px; margin-bottom:30px;} #pageBody.projects section.profileHalf figure{width:100%;} #pageBody.projects .band{padding:20px 15px;} #pageBody.projects .band h1{font-size:18px; margin-bottom:20px;} #pageBody.projects .diecastImgW img{display:block;} #pageBody.projects .diecastImgW{background:none; width:100%; height:auto;} /* csr ============================================================================================================================================================================================= */ #pageBody.csr > #mainVisual{height:auto;} #pageBody.csr > #mainVisual figure div{height:auto; line-height:auto;} /* csrIndex =================================================================== */ #pageBody.csr > #mainVisual.csrIndex{height:auto; border:none; border-top:0;} #pageBody.csr > #mainVisual.csrIndex figure{height:auto; max-width:none; min-width:0; border:0;} #pageBody.csr > #mainVisual.csrIndex figure div{float:none; width:100%; position:static; left:auto; top:auto; margin-left:0; height:auto;} #pageBody.csr > #mainVisual.csrIndex figure div img{display:block; float:none;} #pageBody > #mainVisual.csrIndex ul{text-align:left; padding:0; max-width:none; min-width:0;} #pageBody > #mainVisual.csrIndex ul li{display:block; list-style:none; text-align:left; padding:0; border-bottom:1px #ddd solid; float:none; width:auto;} #pageBody > #mainVisual.csrIndex ul li a{text-decoration:none; color:#222; padding:10px 15px; display:block; position:relative; width:100%;} #pageBody > #mainVisual.csrIndex ul li a:after{content:'\f105'; font-family:rybicons; font-size:16px; color:#999; position:absolute; right:15px; top:50%; margin-top:-12px;} #pageBody.csr section.csrTopmenu{padding-top:15px; margin-bottom:0;} #pageBody.csr section.csrTopmenu ul:after{content:""; clear:both; display:block;} #pageBody.csr section.csrTopmenu ul{padding:10px; margin:0;} #pageBody.csr section.csrTopmenu ul li{width:50%; margin:0 0 10px; padding:0 5px 15px 5px; font-size:12px;} #pageBody.csr section.csrTopmenu ul li:nth-child(4){margin-right:0px;} /* csrMg =================================================================== */ #pageBody.csr article.csrMg section.mgCopy{padding:15px;} #pageBody.csr article.csrMg section.mgCopy h2{text-align:center;} #pageBody.csr article.csrMg section.mgCopy figure{padding-top:15px;} #pageBody.csr article.csrMg section.multi{padding:15px;} #pageBody.csr article.csrMg section.multi h2{text-align:center;} #pageBody.csr article.csrMg section.multi figure{padding-top:15px;} #pageBody.csr article.csrMg section{} #pageBody.csr article.csrMg section div.mgBox{clear:both; padding:0 0 15px; } #pageBody.csr article.csrMg section div.mgBox:after{content:""; clear:both; display:block;} #pageBody.csr article.csrMg section div.mgBox figure{float:none; width:100%; padding:0 0px 20px 0;} #pageBody.csr article.csrMg section div.mgBox figure img{width:100%; height:auto;} #pageBody.csr article.csrMg section div.mgBox div{width:100%; float:none;} #pageBody.csr article.csrMg section div.mgBox div h3{margin-bottom:15px; line-height:1.5; font-weight:bold;} #pageBody.csr article.csrMg section div.mgBox div h3 span{display:block; font-weight:normal;} #pageBody.csr article.csrMg section div.mgBox ul{padding-top:0;} #pageBody.csr article.csrMg section div.mgBox ul li{display:block; padding:0;} #pageBody.csr article.csrMg section div.mgBox ul li a{padding:5px 0; display:inline-block;} #pageBody.csr article.csrMg section div.mgBox ul li:before{content:''; display:none;} #pageBody.csr article.csrMg section.governanceBg{background-size:cover; height:auto; text-align:center; margin:20px 0 30px; padding:25px 15px; color:#fff; text-shadow:1px 1px 1px #000;} #pageBody.csr article.csrMg section.governanceBg h1{margin-bottom:20px;} #pageBody.csr article.csrMg section.governanceBg a{color:#fff;} /* csrEnv =================================================================== */ #pageBody.csr article.csrEnv section.envAct, #pageBody.csr article.csrEnv section.envTxt{margin:0px; padding:15px;} #pageBody.csr article.csrEnv section.envTxt h2{margin-bottom:20px;} #pageBody.csr article.csrEnv section.envTxt.envMaint{padding-bottom:30px;} #pageBody.csr article.csrEnv .inner h2{padding:20px;} #pageBody.csr article.csrEnv section.envAct ul{margin:18px 0 21px 0;} #pageBody.csr article.csrEnv section.envAct ul li{width:50%; padding-right:5px;} #pageBody.csr article.csrEnv section.envTxt ol{margin-bottom:30px;} #pageBody.csr article.csrEnv .band p, #pageBody.csr article.csrEnv .band dl{padding:20px 15px;} #pageBody.csr article.csrEnv .band p, #pageBody.csr article.csrEnv .band dl dt{font-size:16px;} #pageBody.csr article.csrEnv .band dl dd{font-size:12px;} /* csrData =================================================================== */ #pageBody.csr article.csrData{margin-bottom:20px;} #pageBody.csr article.csrData section.dataHalf{padding:15px;} #pageBody.csr article.csrData section.dataHalf:after{content:""; clear:both; display:block;} #pageBody.csr article.csrData section.dataHalf h2{text-align:center; margin-bottom:20px;} #pageBody.csr article.csrData section.dataHalf sub{bottom:0.5px;} #pageBody.csr article.csrData section.dataHalf .halfLt{padding-right:0px;} #pageBody.csr article.csrData section.dataHalf figure{padding-left:0px;} #pageBody.csr article.csrData section.dataHalf .halfLt, #pageBody.csr article.csrData section.dataHalf .dataHalf figure{width:100%;} #pageBody.csr article.csrData section.dataHalf .halfLt, #pageBody.csr article.csrData section.dataHalf figure{float:none; margin-top:15px} #pageBody.csr article.csrData section.dataHalf div.dataFig{clear:both; padding-top:0px;} #pageBody.csr article.csrData section.dataHalf div.dataFig:after{content:""; clear:both; display:block;} #pageBody.csr article.csrData section.dataHalf div.dataFig figure{width:100%;} #pageBody.csr article.csrData section.dataHalf div.dataFig figure:nth-child(odd), #pageBody.csr article.csrData section.dataHalf div.dataFig figure:nth-child(even){float:none !important;} #pageBody.csr article.csrData section.dataChart{max-width:none; margin:0 auto; padding-top:20px;} #pageBody.csr article.csrData section.dataChart figure{margin-top:30px;} #pageBody.csr article.csrData section.dataChart h2{text-align:center; margin:50px 0 20px;} #pageBody.csr article.csrData section.dataChart h3{margin:30px 0 0px; font-size:16px; font-weight:bold;} #pageBody.csr article.csrData section.dataChart .tableCaption{padding:10px 0 0; margin-bottom:20px;} #pageBody.csr article.csrData section.dataChart .tableCaption_above{padding:0px 0 0; margin-bottom:5px;} /* csrSocial =================================================================== */ #pageBody.csr article.csrSocial{margin-bottom:30px;} #pageBody.csr article.csrSocial section{padding-top:15px; padding:15px;} #pageBody.csr article.csrSocial section h2{margin-bottom:20px;} #pageBody.csr article.csrSocial section h2 br{display:none;} #pageBody.csr article.csrSocial section h3{margin-bottom:5px;} #pageBody.csr article.csrSocial section.socialFig div{margin-bottom:18px;} #pageBody.csr article.csrSocial section.socialFig div .half, #pageBody.csr article.csrSocial section.socialFig div figure{width:100%;} #pageBody.csr article.csrSocial section.socialFig div figure{float:none; padding-right:0px;} #pageBody.csr article.csrSocial section.socialFig div .half{float:none; padding-left:0px; margin-top:10px;} #pageBody.csr article.csrSocial section.band{margin-top:0px; padding:25px 15px;} #pageBody.csr article.csrSocial section.band ul{font-size:14px;} #pageBody.csr article.csrSocial section.band ul li{line-height:1.5; margin-bottom:.5em;} /* csrPlace =================================================================== */ #pageBody.csr article.csrPlace section.halfFig{padding:35px 15px 0;} #pageBody.csr article.csrPlace section.halfFig:first-child{padding-top:30px;} #pageBody.csr article.csrPlace section.halfFig:last-child{margin-bottom:30px;} #pageBody.csr article.csrPlace section.halfFig h2{margin-bottom:5px;} #pageBody.csr article.csrPlace section.halfFig h3{font-weight:bold;} #pageBody.csr article.csrPlace section.halfFig p.copy{margin-bottom:20px;} #pageBody.csr article.csrPlace section.halfFig div.workTxt{width:100%; float:none; padding-right:0px;} #pageBody.csr article.csrPlace section.halfFig div.workTxt h3{margin-bottom:16px;} #pageBody.csr article.csrPlace section.halfFig div.workTxt p{margin-bottom:16px;} #pageBody.csr article.csrPlace section.halfFig div.figRt{width:100%; float:none; padding-left:0px;} #pageBody.csr article.csrPlace section.halfFig div.figRt figure{margin-bottom:20px;} #pageBody.csr article.csrPlace section.halfFig div.figRt figure:last-child{margin-bottom:0px;} #pageBody.csr article.csrPlace section.halfFig div.inr{clear:both; padding-top:20px;} #pageBody.csr article.csrPlace section.halfFig p.copy.inr{margin-bottom:0px;} /* csr workplace =================================================================== */ #pageBody.csr section nav.workplaceNav{width: auto;} #pageBody.csr section nav.workplaceNav ul{} #pageBody.csr section nav.workplaceNav ul li{width:calc(50% - 5px); margin-bottom:10px;} #pageBody.csr section nav.workplaceNav ul li a{padding:15px 0;} /*csrGov =================================================================== */ #pageBody.csr article.csrGov section{margin-bottom:0px; padding:15px;} #pageBody.csr article.csrGov section:first-child{margin-top:20px;} #pageBody.csr article.csrGov section h2{margin-bottom:25px;} #pageBody.csr article.csrGov section figure{padding:25px 0 10px;} #pageBody.csr article.csrGov section.band{margin-bottom:20px;} #pageBody.csr article.csrGov section.band:first-child{margin-top:20px;} #pageBody.csr article.csrGov section.band:last-child{margin-bottom:40px;} #pageBody.csr article.csrGov section.band dl{padding:25px 15px;} #pageBody.csr article.csrGov section.band dl dt{font-size:16px;} #pageBody.csr article.csrGov section.band dl dd{font-size:12px;} /*csrComp =================================================================== */ #pageBody.csr article.csrComp section{padding:15px; margin-top:-50px; padding-top:50px;} #pageBody.csr article.csrComp section figure{text-align:center; margin-top:20px;} #pageBody.csr article.csrComp section h2{text-align:center; margin:10px 0px 25px} #pageBody.csr article.csrComp section dd{margin-bottom:15px;} #pageBody.csr article.csrComp section.band.greyBg{font-size:14px; padding:20px 0; margin:20px 0;} #pageBody.csr article.csrComp section.band.greyBg p{margin-bottom:0px;} #pageBody.csr article.csrComp section.band.greyBg small{font-size:12px; display:block;} /*csrRep =================================================================== */ #pageBody.csr article.csrRep section{padding:15px;} #pageBody.csr article.csrRep section dl{width:50%; margin-bottom:20px;} #pageBody.csr article.csrRep section dl:nth-child(even){padding-left:8px;} #pageBody.csr article.csrRep section dl:nth-child(odd){padding-right:8px;} #pageBody.csr article.csrRep section dl dd{font-size:12px;} #pageBody.csr article.csrNotes section{padding:15px 5px 40px 5px;} #pageBody.csr article.csrNotes section .halfImg figure{width:100%;} #pageBody.csr article.csrNotes section .halfImg figure.rt, #pageBody.csr article.csrNotes section .halfImg figure.lt{float:none; text-align:center;} #pageBody.csr article.csrNotes section .halfImg figure.rt{padding-left:0px;} #pageBody.csr article.csrNotes section .halfImg figure.lt{padding-right:0px;} /*csrTCFD(202306) ===================================================================*/ #pageBody.csr article.csrTCFD section{max-width:none; margin:0 auto; padding-top:20px;} #pageBody.csr article.csrTCFD section figure{margin-top:30px;} #pageBody.csr article.csrTCFD section h2{text-align:center; margin:50px 0 20px;} #pageBody.csr article.csrTCFD section h3{margin:30px 0 10px; font-size:16px;} #pageBody.csr article.csrTCFD section h4{margin:25px 0 10px; font-size:14px;} #pageBody.csr article.csrTCFD section .tableCaption{padding:10px 0 0; margin-bottom:20px;} /* IR ============================================================================================================================================================================================= */ #pageBody.ir > #mainVisual{height:auto;} #pageBody.ir > #mainVisual figure div{height:auto; line-height:auto;} #pageBody.ir article.irSec section.irInner{margin-bottom:25px; padding:15px;} #pageBody.ir article.irSec section.irInner figure.imgBox{float:none; padding-right:0px; margin-bottom:10px;} #pageBody.ir article.irSec section.irInner figure.imgBox img{width:100%; height:auto; display:block;} #pageBody.ir article.irSec section.irInner ul{margin-left:1.5em;} #pageBody.ir article.irSec section.irInner .txtInner{padding:0 0px;} #pageBody.ir article.irSec section.irInner .txtInner h2{margin-bottom:20px;} #pageBody.projects .band.links{margin-top:0px;} #pageBody.ir .topStock iframe{display:none;} #pageBody.ir .topStock .spImg{display:block;} /*irIndex =================================================================== */ #pageBody > #mainVisual.irIndex{background:none; height:auto; min-height:auto;} #pageBody > #mainVisual.irIndex figure{float:none; width:100%;} #pageBody > #mainVisual.irIndex figure img{margin-left:0; width:100%; height:auto;} #pageBody > #mainVisual.irIndex .message{max-width:none; padding:15px; width:100%;} #pageBody > #mainVisual.irIndex .message h2{font-size:16px; margin-bottom:10px;} #pageBody > #mainVisual.irIndex .message p{margin-bottom:20px; font-size:14px;} #pageBody > #mainVisual.irIndex .message p a{line-height:30px; padding:10px; font-size:12px;} #pageBody.ir div.irInfo{padding:15px; border-top:0 none;} #pageBody.ir div.irInfo a{color:#000; text-decoration:underline;} #pageBody.ir div.irInfo a:hover{color:#000; text-decoration:none;} #pageBody.ir div.irInfo:after{content:""; display:block; clear:both;} #pageBody.ir div.irInfo .half{width:100%;} #pageBody.ir div.irInfo .half.lt, #pageBody.ir div.irInfo .half.rt{padding:0px; float:none; border:none;} #pageBody.ir div.stockInfo{padding:0px;} #pageBody.ir div.stockInfo h2{padding-left:0px;} #pageBody.ir div.stockInfo ul{margin:18px 0 17px; padding-left:0px; list-style:none;} #pageBody.ir div.stockInfo ul li span{margin-right:99px;} #pageBody.ir div.stockInfo ul li strong{font-size:14px;} #pageBody.ir div.stockInfo p{text-align:left; margin-bottom:1em;} #pageBody.ir div.stockInfo p.aRt{text-align:left;} #pageBody.ir div.irInfo ul.dlList{list-style:none; margin:10px 0;} #pageBody.ir div.irInfo ul.dlList li{padding-left:25px; font-size:17px; margin-bottom:10px; position:relative;} #pageBody.ir div.irInfo ul.dlList li small{font-size:8px;} #pageBody.ir div.irInfo ul.dlList li:before{content:"\e905"; font-family:rybicons; position:absolute; left:0px; top:0px; font-size:17px; color:#757575;} #pageBody.ir div.irInfo p.aRt{text-align:left; margin-bottom:30px;} #pageBody.ir article.irTop .mdIrlink{padding:28px 0 20px 0;} /*irMes =================================================================== */ #pageBody.ir article.irMes section.greeting{padding:20px 15px;} #pageBody.ir article.irMes section.greeting h1{font-size:18px; margin-bottom:20px;} #pageBody.ir article.irMes section.greeting .sign{padding-top:0px;} #pageBody.ir article.irMes section.greeting .sign dt{margin-bottom:5px;} #pageBody.ir article.irMes section.greeting .sign dd img{width:50px; height:auto;} #pageBody.ir article.irMes section.band h2{margin-bottom:10px;} #pageBody.ir article.irMes section.band.whiteBg{padding-bottom:20px;} /*irStrategy・irPolicy =================================================================== */ #pageBody.ir article.irPolicy section, #pageBody.ir article.irStrategy section.manInner{padding:15px;} #pageBody.ir article.irStrategy section.manInner h2{margin:20px 0;} #pageBody.ir article.irStrategy section.manInner h3{font-weight:bold; margin-bottom:15px;} #pageBody.ir article.irStrategy section.manInner .stFig{margin-bottom:0px;} #pageBody.ir article.irStrategy section.manInner .logo{margin:30px 0px;} #pageBody.ir article.irStrategy section.figBg{height:auto; margin:0px;} #pageBody.ir article.irStrategy section.printBg div{height:160px; margin-bottom:40px;} #pageBody.ir article.irStrategy section.mdIrlink{padding:0px 0 20px 0;} #pageBody.ir article.irPolicy section h2{padding-top:20px; margin-bottom:20px;} #pageBody.ir article.irPolicy section figure{padding:20px 0 0px;} /*irTable =================================================================== */ #pageBody.ir article.irTable h1{margin-bottom:0px;} #pageBody.ir article.irTable section.highlight{padding:15px;} #pageBody.ir article.irTable section.highlight h2{text-align:center; margin-bottom:15px;} #pageBody.ir article.irTable section.highlight h3{font-weight:bold; font-size:14px; padding:15px 0;} #pageBody.ir article.irTable section.highlight div.inner p{margin-bottom:15px;} #pageBody.ir article.irTable section table{margin-bottom:0px;} #pageBody.ir article.irTable section table thead td{padding:5px 10px; font-weight:bold;} #pageBody.ir article.irTable section table tbody td{padding:5px 10px;} #pageBody.ir article.irTable section table td span{color:#FF0000;} #pageBody.ir article.irTable section.band.greyBg.outlock{padding:20px 0; margin:20px 0;} #pageBody.ir article.irTable section.band.greyBg.outlock ul{width:100%;} #pageBody.ir article.irTable section.band.greyBg.outlock ul li{width:100%; float:none; line-height:1.5; margin-bottom:10px;} #pageBody.ir article.irTable section.band.greyBg.outlock ul li:before{content:"";} #pageBody.ir article.irTable section.band.greyBg.outlock h1{margin:0px 0 15px;} #pageBody.ir article.irTable section.band.greyBg.outlock a{text-decoration:underline;} #pageBody.ir article.irTable section.band.greyBg.outlock a:hover{text-decoration:none;} #pageBody.ir article.irTable section.mbDischarge{padding:15px;} #pageBody.ir article.irTable section.mdIrlink{padding-bottom:20px;} #pageBody.ir article.irTable .highlightLinks{padding-top:7px;} #pageBody.ir article.irTable .highlightLinks ul{font-size:8px; text-align:center;} #pageBody.ir article.irTable .highlightLinks ul:after{content:""; display:block; clear:both;} #pageBody.ir article.irTable .highlightLinks ul li{display:block; margin-right:0px;} #pageBody.ir article.irTable.hig section.highlight h2{padding:0px 0px 20px;} #pageBody.ir article.irLib section.libIndex div{padding:0;} #pageBody.ir article.irLib section.libIndex h2{font-size:16px;} #pageBody.ir article.irLib section.libIndex ul{list-style:none;} #pageBody.ir article.irLib section.libIndex ul li{font-size:12px; margin-bottom:20px;} #pageBody.ir article.irLib section.libIndex ul li:last-child{margin-bottom:0px;} #pageBody.ir article.irLib section.libIndex ul li span{font-size:7px;} #pageBody.ir article.irLib section.libIndex ul.dlList{list-style:none; margin:13px 0;} #pageBody.ir article.irLib section.libIndex ul.dlList li{padding-left:20px; font-size:14px; margin-bottom:10px;} #pageBody.ir article.irLib section.libIndex ul.dlList li small{font-size:12px;} #pageBody.ir article.irLib section.libIndex ul.dlList li:before{content:"\e905"; font-family:rybicons; font-size:12px;} #pageBody.ir article.irLib section.linkLibrary{padding:15px;} #pageBody.ir article.irLib section.linkLibrary .linkTxt{padding-bottom:20px;} #pageBody.ir article.irLib section.linkLibrary .linkTxt li{font-size:14px; margin-top:10px;} #pageBody.ir article.irLib section.linkLibrary .linkTxt li small{font-size:12px;} #pageBody.ir article.irLib section.linkLibrary .linkTxt li span{position:relative;} #pageBody.ir article.irLib section.linkLibrary .linkTxt li span.bLink:after{position:absolute; right:-15px; top:1px; font-size:12px; color:#999; } #pageBody.ir article.irLib.libTop .mdIrlink{padding:35px 0 50px;} #pageBody.ir article.irLib .mdIrlink{padding:45px 0 50px;} #pageBody.ir article.irLib .mdIrlink nav{padding:0 5px;} #pageBody.ir article.irLib section.linkLibrary .libList{margin:0px 0 25px;} #pageBody.ir article.irLib section.linkLibrary .libList li{font-size:12px;} /*202207*/ #pageBody.ir article.irLib section.linkLibrary .libList li.withCover{display:block; margin:5px 0 20px; clear:both;} #pageBody.ir article.irLib section.linkLibrary .libList li.withCover::after{content:''; display:block; clear:both;} #pageBody.ir article.irLib section.linkLibrary .libList li.withCover a{display:block;} #pageBody.ir article.irLib section.linkLibrary .libList li.withCover a .cover{width:120px; margin-right:20px; float:left;} #pageBody.ir article.irLib section.linkLibrary .libList li.withCover span{} /*202207*/ #pageBody.ir article.irLib section.linkLibrary dl{margin:0px 0 15px;} #pageBody.ir article.irLib section.linkLibrary dl dt{position:relative; padding-left:1em;} #pageBody.ir article.irLib section.linkLibrary dl dt:before{content:"\f138"; font-family:rybicons; position:absolute; top:0px; left:0px; font-size:8px;} #pageBody.ir article.irLib section.linkLibrary dl dd{font-size:12px; padding-left:1em; margin-bottom:5px;} #pageBody.recruit header nav.recsubNav, #pageBody.ir header nav.irsubNav, #pageBody.csr header nav.csrsubNav{border-bottom:1px #ddd solid;} #pageBody.recruit header nav.recsubNav:only-child{border-bottom:0;} #pageBody.recruit header nav.recsubNav ul, #pageBody.ir header nav.irsubNav ul, #pageBody.csr header nav.csrsubNav ul{position:static; top:0px; left:0px; padding:20px 10px 10px 10px;} #pageBody.recruit header nav.recsubNav ul li, #pageBody.ir header nav.irsubNav ul li, #pageBody.csr header nav.csrsubNav ul li{font-size:10px; margin-right:12px; margin-bottom:10px;} #pageBody.recruit header nav.recsubNav ul li:nth-child(1), #pageBody.ir header nav.irsubNav ul li:nth-child(1), #pageBody.csr header nav.csrsubNav ul li:nth-child(1){margin-right:12px;} #pageBody.ir article.irTable .tableCaption{font-size:12px; margin-top:-10px;} #pageBody.ir.libr > header h1{padding:15px !important;} #pageBody.ir article.irLib section.libIndex{border-top:0;} #pageBody.ir article.irTable section.highlight p.tableCaption{margin-bottom:25px; margin-top:-20px;} #pageBody.ir article.irLib section.linkLibrary dl.extReports{margin:10px 0 20px;} #pageBody.ir article.irLib section.linkLibrary dl.extReports dt{float:none; width:auto; font-size:12px; padding-top:0;} #pageBody.ir article.irLib section.linkLibrary dl.extReports dd{font-size:12px; padding:0 0 10px 0;} #pageBody.ir article.irLib section.linkLibrary dl.extReports dd span{display:block;} #pageBody.ir article.irLib section.annualReports .coverImage{margin:2px 15px 20px 0; width:100px;} #pageBody.ir article.irLib section.annualReports p{font-size:12px;} /* recruit =========================================================================================================================================================================================== */ /*recIndex =================================================================== */ #pageBody.ir.fre > header h1{padding:15px !important;} #pageBody.recruit #mainVisual, #pageBody.recruit #mainVisual div figure{height:auto;} #pageBody.recruit section.recIndex{} #pageBody.recruit section.recIndex .halfBox ul li{float:none; width:100%; height:50px;} #pageBody.recruit section.recIndex .halfBox ul li:nth-child(1){padding-right:0px; margin-bottom:20px;} #pageBody.recruit section.recIndex .halfBox ul li:nth-child(2){padding-left:0px;} #pageBody.recruit section.recIndex .halfBox ul li a span{position:absolute; left:0; top:50%; width:100%; font-size:12px; margin-top:-10px;} #pageBody.recruit section.recIndex .halfBox ul li a span small{font-size:8px; display:inline-block; padding-left:1em;} #pageBody.recruit section.recIndex .halfBox ul li a:hover{text-decoration:none; background:#f2f2f2;} #pageBody.recruit section.recTxt{padding:15px; padding-bottom:0px;} #pageBody.recruit section.recTxt:last-child{margin-bottom:50px;} #pageBody.recruit section.recTxt table{margin-bottom:20px;} #pageBody > header div.txtTitle p.seminarHead{padding-top:0px;} #pageBody.recruit section.recTxt .syokuba figure{float:none; width:100%;} #pageBody.recruit section.recTxt .syokuba div{float:none; width:100%; padding-left:0px;} #pageBody.recruit section.recTxt .thirdImg figure{width:100%; padding-right:0px;} #pageBody.recruit section.recTxt .voiceRecCa figure, #pageBody.recruit section.recTxt .voiceRecCa.kenkyu figure, #pageBody.recruit section.recTxt.voiceRec figure{float:none; width:100%; padding:0 80px 20px 80px;} #pageBody.recruit section.recTxt .voiceRecCa dl, #pageBody.recruit section.recTxt .voiceRecCa.kenkyu dl, #pageBody.recruit section.recTxt.voiceRec div{width:100%; padding-left:0px; float:none;} #pageBody.recruit section.recTxt.voiceRec div h3{margin-top:20px;} #pageBody.recruit section.recTxt .syokuba figure{margin-bottom:20px;} #pageBody.recruit section.recTxt .voiceRecCa, #pageBody.recruit section.recTxt .intList{margin-bottom:35px;} #pageBody.recruit section.recTxt h2{padding-top:20px;} #pageBody.recruit section.recBox{padding-top:20px;} #pageBody.recruit section.recBox:last-child{padding-bottom:50px;} #pageBody.recruit section.recBox ul+p{margin:20px 0 30px 0;} /* Enhance 2019 01 ======================================================= */ #pageBody.recruit > header div.txtTitle{padding-bottom:10px;} #pageBody.recruit section.recruitMenu{padding:20px 15px;height:auto; margin-bottom:20px;} #pageBody.recruit section.recruitMenu h2{font-size:20px; margin-bottom:20px;} #pageBody.recruit section.recruitMenu ul{font-size:16px; display:block; justify-content:center; border-top:1px rgba(255,255,255,.4) solid;} #pageBody.recruit section.recruitMenu ul li{padding:0; border-bottom:1px rgba(255,255,255,.4) solid;} #pageBody.recruit section.recruitMenu ul li::before{content:none; display:none;} #pageBody.recruit section.recruitMenu a{padding:10px; display:block; position:relative;} #pageBody.recruit.wsIndex #mainVisual{overflow-x:hidden; position:relative;} #pageBody.recruit.wsIndex #mainVisual figure{position:relative;} #pageBody.recruit.wsIndex #mainVisual figure img{width:300vw; max-width:none; height:auto; display:block; position:relative; left:-100vw;} #pageBody.recruit section h2{font-size:18px; margin-bottom:15px;} #pageBody.recruit .rcPeople{padding:20px 0 20px;} #pageBody.recruit section.rcPeople ul li p{font-size:12px;} #pageBody.recruit section.rcPeople ul li p + p{font-size:10px;} #pageBody.recruit section.rcYouth{padding:20px 15px;} #pageBody.recruit section.rcYouth nav{width:auto;} #pageBody.recruit section.rcYouth nav ul li{width:calc(50% - 8px); margin-bottom:30px; margin-right:15px;} #pageBody.recruit section.rcYouth nav ul li:nth-child(4n), #pageBody.recruit section.rcYouth nav ul li:nth-child(2n){margin-right:0;} #pageBody.recruit section.rcYouth nav ul li p{font-size:14px;} #pageBody.recruit section.rcYouth nav ul li p + p{font-size:12px;} #pageBody.recruit section.rcYouth nav ul li img{width:100%; height: auto;} .rcBenefit, .rcSystems{padding:60px 0; height:200px; border-bottom:1px #fff solid;} #pageBody.recruit section.peopleNav{max-width:none; margin:0 auto 20px; padding:0 15px;} #pageBody.recruit .peopleNav ul{} #pageBody.recruit .peopleNav ul li{width:calc(50% - 8px); margin-bottom:40px; margin-right:15px;} #pageBody.recruit .peopleNav ul li:nth-child(4n), #pageBody.recruit .peopleNav ul li:nth-child(2n){margin-right:0;} #pageBody.recruit .peopleNav ul li p{font-size:14px;} #pageBody.recruit .peopleNav ul li p + p{font-size:12px;} #pageBody.recruit .recruitHeading{font-size:24px; text-align:center; margin-bottom:60px;} #pageBody.recruit .peopleSlider{margin-bottom:30px; background:#fff;} #pageBody.recruit .peopleSlider img{opacity:1;} #pageBody.recruit .peopleSlider.youthSlider{margin-bottom:0;} #pageBody.recruit .peopleSlider div.inner{top:auto; bottom:0; width:100%; padding:10px 15px; background:rgba(0,0,0,.5);} #pageBody.recruit .peopleSlider div.inner h2, #pageBody.recruit .peopleSlider div.inner p{width:auto; left:0; margin-left:0; z-index:1;} #pageBody.recruit .peopleSlider div h2{font-size:18px;} #pageBody.recruit .peopleSlider div p{font-size:14px;} #pageBody.recruit .bgBlock{margin-bottom:30px;} #pageBody.recruit .bgBlock + .bgBlock{margin-top:-30px;} #pageBody.recruit article.youthEntry .bgBlock{padding-bottom:20px;} #pageBody.recruit article.rcEntry{margin-bottom:30px;} #pageBody.recruit article.rcEntry section.regular{width:auto; margin:0 auto 20px;} #pageBody.recruit article.rcEntry .bgBlock section.regular{margin:0 auto; padding:20px 15px;} #pageBody.recruit article.rcEntry header{margin:0 auto 10px; padding-top:10px;} #pageBody.recruit article.rcEntry header img{width:100%; height:auto; display:block;} #pageBody.recruit article.rcEntry header h1{max-width:none; font-size:18px; margin:0 auto 10px; padding:0 15px;} #pageBody.recruit article.rcEntry header p{max-width:none; margin:0 auto 20px; padding:0 15px;} #pageBody.recruit article.youthEntry{margin-bottom:0px;} #pageBody.recruit article.youthEntry section{width:auto; margin:0 auto 20px; padding:15px;} #pageBody.recruit article.youthEntry section.headSection{width:auto; padding:15px 15px; margin-top:-15px;} #pageBody.recruit article.youthEntry section.headSection h2{font-size:16px; margin-bottom:15px;} #pageBody.recruit article.youthEntry section.headSection h3{width:auto; padding:5px 12px; text-align:center; margin-bottom:20px; display:block;} #pageBody.recruit article.youthEntry section.aDay dd{margin-bottom:30px;} #pageBody.recruit article.youthEntry section img{margin:15px 0 0;} #pageBody.recruit article.youthEntry section.status{padding:20px 15px;; width:auto;} #pageBody.recruit article.youthEntry section.event{margin-top:0;} #pageBody.recruit article.youthEntry .youthBtn{padding:30px 0; clear: both; margin-top:0;} #pageBody.recruit.graduates #mainVisual{margin-top:-10px;} #pageBody.recruit section.rcRegular{width:auto; margin:0 auto 30px; padding:30px 15px 0;} #pageBody.recruit section.graduatesFirst{padding:30px 0 0; border-top:1px #ddd solid;} #pageBody.recruit section.graduatesFirst p{padding:0 15px 30px; margin-bottom:20px;} #pageBody.recruit section nav.graduatesNav{width:auto; margin:0 auto; padding:0 15px;} #pageBody.recruit section.recTxt nav.graduatesNav{padding:0;} #pageBody.recruit section.recTxt nav.graduatesNav ul{margin:0;} #pageBody.recruit section nav.graduatesNav ul{} #pageBody.recruit section nav.graduatesNav ul li{width:calc(50% - 5px); margin-bottom:10px;} #pageBody.recruit section nav.graduatesNav ul li a{padding:15px 0;} #pageBody.recruit section .rcBanners{justify-content:space-between; margin-bottom:30px;} #pageBody.recruit section .rcBanners a{margin-right:0; width:calc(50% - 5px);} #pageBody.recruit section .rcBanners a img{width:100%;} #pageBody.recruit section.rcHayawakari{padding:30px 15px;} #pageBody.recruit section.rcHayawakari ul{text-align:center; display:flex; justify-content:space-between; flex-wrap:wrap;} #pageBody.recruit section.rcHayawakari ul li{padding:0; border:0; width:calc(50% - 8px); margin-bottom:8px;} #pageBody.recruit section.rcHayawakari ul li a{display:block; border:1px #222 solid; padding:5px;} #pageBody.recruit section.rcHayawakari ul li a:hover{text-decoration:underline;} #pageBody.recruit section.fw{max-width:none; margin:0 auto 30px; padding:0 15px;} #pageBody.recruit article.youthEntry section.freeArea{width:auto; padding:30px 15px; margin-bottom:0;} #pageBody.recruit article.youthEntry section.freeArea img{max-width:100%;} #pageBody.recruit article.youthEntry section.freeArea h3{font-size:18px; margin:30px 0 10px; padding-bottom:8px;} #pageBody.recruit article.youthEntry section.freeArea h4{font-size:16px; margin:25px 0 10px; border-left:4px #ecd9b6 solid; padding-left:8px;} #pageBody.recruit article.youthEntry section.freeArea h5{margin:20px 0 5px;} #pageBody.recruit article.youthEntry section.freeArea ul, #pageBody.recruit article.youthEntry section.freeArea ol{margin:0 0 30px 1.5em;} #pageBody.recruit article.youthEntry section.freeArea li{line-height:1.4;} #pageBody.recruit article.youthEntry section.freeArea dl{margin:0 0 30px;} #pageBody.recruit article.youthEntry section.freeArea dl dt{padding:5px 0 0; margin-bottom:5px;} #pageBody.recruit article.youthEntry section.freeArea dl dd{margin-bottom:10px;} #pageBody.recruit article.youthEntry section .caption{font-size:12px; text-align:center;} #pageBody.recruit article.youthEntry section .aCt img{margin:0 auto;} #pageBody.recruit article.youthEntry section .aRt img{display:inline; margin:0 auto;} #pageBody.recruit article.youthEntry section .imgLt, #pageBody.recruit article.youthEntry section .imgRt{margin-bottom:30px;} #pageBody.recruit article.youthEntry section .imgBlock img{margin:0 auto; display:block;} #pageBody.recruit article.youthEntry section .imgLt .imgBlock{float:none; margin:0 0 15px 0;} #pageBody.recruit article.youthEntry section .imgRt .imgBlock{float:none; margin:0 0 15px 0;} #pageBody.recruit article.youthEntry section .imgRt .imgBlock .caption{text-align:center;} #pageBody.recruit article.youthEntry section figure figcaption{font-size:12px;} #pageBody.recruit article.youthEntry section table{margin-bottom:30px;} #pageBody.recruit article.youthEntry section table th, #pageBody.recruit article.youthEntry section table td{padding:8px; line-height:1.4;} #pageBody.recruit article.youthEntry section .mc{display:block;} #pageBody.recruit article.youthEntry section .mc .col img{max-width:100%; height:auto; margin:0 auto;} #pageBody.recruit article.youthEntry section .mc.duo .col{width:auto; margin:0 0 20px 0;} #pageBody.recruit article.youthEntry section .mc.trio .col{width:auto; margin:0 0 20px 0;} /* info ============================================================================================================================================================================================= */ #pageBody.info article.infoIndex section{padding:15px; } #pageBody.info article.infoIndex section a{color:#0033ff; text-decoration:underline;} #pageBody.info article.infoIndex section a:hover{text-decoration:none;} #pageBody.info article.infoIndex section .txtLink{height:auto; font-size:14px; padding:20px;} #pageBody.info article.infoIndex section .txtLink span{line-height:1.6;} #pageBody.info article.infoIndex section .halfBox .halfLt, #pageBody.info article.infoIndex section .halfBox .halfRt{width:100%;} #pageBody.info article.infoIndex section .halfBox .halfLt{float:none; padding-right:0px;} #pageBody.info article.infoIndex section .halfBox .halfRt{float:none; padding-left:0px;} #pageBody.info article.infoIndex section .halfBox .half{padding:15px; margin-bottom:15px;} #pageBody.info article.infoIndex section .halfBox .half.dieca h2, #pageBody.info article.infoIndex section .halfBox .half h2{font-size:18px; margin-bottom:10px;} #pageBody.info article.infoIndex section .halfBox .half h2 small{font-size:12px; display:block;} #pageBody.info article.infoIndex section ul{list-style:none; margin-top:15px;} #pageBody.info article.infoIndex section ul.inqList li{margin-bottom:15px;} #pageBody.info article.infoIndex section .infoAct{padding:15px; border:1px #ddd solid; margin-bottom:30px;} /* info ============================================================================================================================================================================================= */ #pageBody.info > header div.txtTitle p{padding-top:0;} #pageBody.inq article.privacy .copyTxt{margin:15px auto; padding:0 15px;} #pageBody.inq article.privacy .copyTxt p{height:auto;padding:20px;} #pageBody.inq article.privacy section{padding:15px;} #pageBody.inq article.privacy section table td br{display:none;} #pageBody.inq article.privacy section h3,#pageBody.inq article.privacy section p, #pageBody.inq article.privacy section ul{margin-bottom:15px;} #pageBody.inq article.privacy section ul.consent{margin:34px 0 30px;} #pageBody.inq article.privacy section ul.consent li{margin-right:0px; font-size:12px; display:block;} #pageBody.inq article.privacy section ul.consent li:nth-child(1){text-align:center; margin-bottom:0px;} #pageBody.inq article.privacy section ul.consent li input[type="button"]{border-radius:4px; border:1px solid #ddd; background:#f3f1f1; width:100%; height:60px; margin-bottom:10px;} /* Others ============================================================================================================================================================================================= */ #pageBody.oth article section{margin-bottom:0px; padding:15px;} /* Others ============================================================================================================================================================================================= */ #pageBody.hayawakari > header div.txtTitle p{padding:0 15px 15px; max-width:none; float:none;} article.hyTop section{padding:0px;} #pageBody.hayawakari .hyIndex{border-top:none;} #pageBody.hayawakari .hyIndex figure img{display:block; float:none;} #pageBody.hayawakari .hyIndex .half{width:100%;} #pageBody.hayawakari .hyIndex figure{margin:0 auto; overflow:hidden; position:relative; line-height:1.0; font-size:0px; text-align:center; height:auto; border-bottom:1px #ddd solid; /*border-top:1px #ddd solid;*/} #pageBody.hayawakari .hyIndex figure img{width:100%; height:auto;} #pageBody.hayawakari .hyIndex .fLt, #pageBody.hayawakari .hyIndex .fRt{float:none;} #pageBody.hayawakari .hyIndex p{display:block; text-align:left; padding:0; border-bottom:1px #ddd solid; float:none; width:auto; margin-bottom:40px;} #pageBody.hayawakari .hyIndex p a{text-decoration:none; color:#222; padding:10px 15px; display:block; position:relative; width:100%;} #pageBody.hayawakari .hyIndex p a:after{content:'\f105'; font-family:rybicons; font-size:16px; color:#999; position:absolute; right:15px; top:50%; margin-top:-12px;} #pageBody.hayawakari .hySecond .hytxtBox{padding:15px 0px; margin-bottom:0px;} #pageBody.hayawakari .hySecond section{margin-bottom:0px;} #pageBody.hayawakari .hySecond .hyTxtMv{height:200px; padding-top:30px; background-size:cover;} #pageBody.hayawakari .hySecond .hyTxtMv h1{font-size:22px;} #pageBody.hayawakari .hySecond .hyTxtMv p{font-size:18px;} #pageBody.hayawakari .hySecond section.hyDa, #pageBody.hayawakari .hySecond section.hypd{padding-top:30px; padding-bottom:15px;} #pageBody.hayawakari .hySecond section.hyDa{padding-bottom:10px;} #pageBody.hayawakari .hySecond .half{width:100%;} #pageBody.hayawakari .hySecond .fLt, #pageBody.hayawakari .hySecond .fRt{float:none;} #pageBody.hayawakari .hySecond .hySt{padding:0 15px 20px 15px;} #pageBody.hayawakari .hySecond .hySt figure:first-child{margin-bottom:20px;} #pageBody.hayawakari .hySecond .hySt h2{padding-top:0px;} #pageBody.hayawakari .hySecond .hySt .hytxtBox{padding:15px 0 20px 0px;} #pageBody.hayawakari .hySecond .hyCh{padding:0px 20px 0px 20px;} #pageBody.hayawakari .hySecond .hyCh h2{margin-bottom:15px;} #pageBody.hayawakari .hySecond .hyCh .fLt{margin-bottom:15px;} #pageBody.hayawakari .hySecond .hyCh p+figure{padding-top:20px;} #pageBody.hayawakari .hySecond .hyCh .half+div{padding:5px 0px 10px 0px;} #pageBody.hayawakari .hySecond .hyCh div+figure{padding-top:0px;} #pageBody.hayawakari .hySecond section.hyKa .hyKaimg div.clrFx+div.aCt{margin-top:25px;} #pageBody.hayawakari .hySecond .hyCp{padding-top:0px;} #pageBody.hayawakari .hySecond section.hyKa .hyKaimg p+p{margin:15px 0 25px 0;} #pageBody.hayawakari .hySecond section.hyKa figure{margin-top:15px;} #pageBody.hayawakari .hySecond .copyCorp p{margin:25px 0 45px 0;} #pageBody.hayawakari .hySecond .copyCorp p+figure{margin-bottom:40px;} #pageBody.hayawakari .hySecond section.hyEc .hytxtBox{padding:0px 0px 30px 0px;} #pageBody.hayawakari .hySecond .hyCg .hytxtBox{padding-bottom:35px;} /*pageBody.hayawakari .hySecond .hyCg .hytxtBox{padding:0 0 15px 0;}*/ #pageBody.hayawakari .hySecond section.hyFt .hytxtBox{padding:15px 0 50px 0;} #pageBody.hayawakari section.band{padding:20px 15px; margin-bottom:35px;} #pageBody.hayawakari .hySecond section.hyKa, #pageBody.hayawakari .hySecond section.hyEc, #pageBody.hayawakari .hySecond section.hyCg, #pageBody.hayawakari .hySecond section.hyFt{padding:0px 15px;} #pageBody.hayawakari .hySecond .hyVideo{position:relative; width:100%; padding-top:56.25%; margin-top:0px;} #pageBody.hayawakari .hySecond .hyVideo iframe{position: absolute; top:0; right:0; width: 100% !important; height: 100% !important;} }