/*202106製品の詳細はこちら*/ .industrySection__btn, .industrySubSection__more { text-align: center; font-weight: bold; } .industrySection__btn a, .industrySubSection__more a { color: #2F2725; display: block; background: #fff; position: relative; padding: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-width: 1px; border-style: solid; } .industrySection__btn a:before, .industrySubSection__more a:before { content: ""; display: inline-block; width: 9px; height: 17px; margin: 0 10px 0 0; background-repeat: no-repeat; background-size: contain; vertical-align: bottom; } .industrySubSection__more a { background: #FFF100; border: none; color: #2F2725; } .industrySubSection__more a::before { background-image: url(../../img/arrow_more.png); } .industrySubSection__more a .large { white-space: nowrap; font-size: 115%; } .industrySection__btn, .industrySubSection__more { width: 406px; margin: auto; line-height: 17px; } .industrySection__btn a, .industrySubSection__more a { padding: 12px; } /* IE表示用のCSS */ _:-ms-input-placeholder, :root .industrySection__btn a, .industrySubSection__more a, .topSubSection__more a{ font-family: Meiryo, sans-serif; padding:14px 12px 10px; } .industrySection__btn a:before, .industrySubSection__more a:before { position: absolute; top: 12px; left: 17px; } .industrySection__btn, .industrySubSection__more { font-size: 12px; } /*202106導入製品紹介*/ .products { padding: 0 0 30px; } .products__heading { color: #fff; font-size: 28px; font-weight: 500; text-align: center; background: #27292F; padding: 10px; font-weight: 600; } .products__item { padding: 15px 15px 50px; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; } .products__image { width: 80%; } .products__right { } .products__text { font-size: 12px; font-weight: 500; line-height: 1.5; margin: 0 0 10px; } .products__name { font-size: 20px; font-weight: 500; } .products__name small{ font-size:70%; } .products__btns { position: absolute; bottom: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; } .products__toDetail, .products__toDetail2, .products__dl { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: left; -ms-flex-pack: left; justify-content:left; padding: 10px 20px; text-align: left; white-space: nowrap; font-size: 13px; -webkit-box-sizing: border-box; box-sizing: border-box; } .products__dl.ptn2{ padding: 0px 20px; } .products__toDetail { color: #fff; background: #AAABAB; min-width: 200px; } .products__toDetail::before { content: ""; display: inline-block; width: 15px; height: 15px; background: url(../img/arrow_btn.png) no-repeat; margin: 0 10px 0 0; -ms-flex-negative: 0; flex-shrink: 0; } .products__toDetail2 { color: #000; background: #FEF102; min-width: 200px; } .products__toDetail2::before { content: ""; display: inline-block; width: 15px; height: 15px; background: url(../img/arrow_btn.png) no-repeat; margin: 0 10px 0 0; -ms-flex-negative: 0; flex-shrink: 0; } .products__dl { font-weight: 500; } .products__dl::before { content: ""; display: inline-block; width: 5px; height: 9px; background: url(../img/arrow_dl.png) no-repeat; margin: 0 12px 0 6px } .products__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 30px 0; } .products__item { width: 420px; margin: 0 10px; padding: 0; } .products__btns { position: relative; display: block; } .products__toDetail, .products__toDetail2, .products__dl { margin: 10px 0 0; min-width: unset; max-width: 230px; } .products__image{ padding-bottom: 5%; } .products__btns { position: absolute; bottom: 0; left: 0; right:0; display: block; width: 70%; margin-left: auto; margin-right: auto; } }