@charset "UTF-8"; /* -------------------------------------------------- shared/css/company.css --------------------------------------------------- */ /* ------------ 企業情報 -------------- */ .imgWrapper { width: 100%; max-height: 368px; overflow: hidden; background: url(/company/about/images/img_01.jpg) no-repeat 0 0; background-size: cover; position: relative; height: 368px; } .imgWrapper2 { background: none; background-color: #f2f2f2; border-top: 1px solid #e2e6e8; } .topMsg { color: #000000; } .aboutmore3 > a { color: #000000; border: 1px solid #000000; } #company .category-intro.keieiBox .category-intro-thumb .category-intro-thumb-inner > img { min-width: auto; min-height: auto; left: -123%; } #company .category-intro.category-intro--white.keieiBox { color: #000; background-color: #FFF; height: auto; } #company .category-intro.category-intro--white.keieiBox .container { padding: 40px 36px 36px; } #company .category-intro.category-intro--white.keieiBox .container h3 { font-size: 3.6rem; margin-bottom: 50px; padding-bottom: 0px; font-weight: normal; border-bottom: 2px solid #a29d9d; } #company .category-intro.category-intro--white.keieiBox .container .category-intro-body { background-color: #FFF; padding-top: 0px; height: auto; } #company .category-intro.category-intro--white.keieiBox .container .category-intro-body .link > a { color: #000; border-color: #000; min-width: auto; padding: 8px 50px; } #company .category-intro.category-intro--white.keieiBox .container .category-intro-body .link > a:before { display: none; } #company .category-intro.category-intro--white.keieiBox .container .category-intro-body .link > a:after { content: ""; position: absolute; top: 48%; right: 0; width: 6px; height: 6px; margin: auto; border-top: 2px solid #000; border-right: 2px solid #000; -webkit-transform-origin: right top; transform-origin: right top; -webkit-transform: rotate(45deg); transform: rotate(45deg); right: 20%; } #company .category-intro.category-intro--white.keieiBox .category-intro-thumb .category-intro-thumb-inner { background-color: transparent; } #company .category-intro.category-intro--white.keieiBox .spOnly { display: none; } #company .category-intro.category-intro--topmessage { background-color: #f2f2f2; } #company .category-intro.category-intro--topmessage .category-intro-body { color: #000; background-color: #f2f2f2; border-top: 1px solid #e2e6e8; } #company .category-intro.category-intro--topmessage .category-intro-body .link > a { color: #000; border: 1px solid #000; } #company .category-intro.category-intro--topmessage .category-intro-thumb .category-intro-thumb-inner { background-color: #f2f2f2; } #company .category-intro.category-intro--topmessage .category-intro-thumb .category-intro-thumb-inner > img { width: 750px; height: 312px; } #company .category-intro.category-intro--blue.keieiBox .category-intro-thumb .category-intro-thumb-inner > img { width: 480px; height: auto; } #company .category-intro--gray { background-color: #f2f2f2; } #company .category-intro--gray .category-intro-body { background-color: #f2f2f2; color: #000; } #company .category-intro--gray .category-intro-body:after { background: -webkit-linear-gradient(right, #f2f2f2 0%, transparent 100%); background: linear-gradient(to left, #f2f2f2 0%, transparent 100%); } #company .category-intro--gray .category-intro-body .link > a { color: #000; border-color: #000; } @media screen and (max-width: 1240px) { #company .category-intro.keieiBox .category-intro-thumb .category-intro-thumb-inner > img { min-width: auto; min-height: auto; left: -90%; } } @media (max-width: 1123px) and (min-width: 768px) { #company .category-intro.picttune .category-intro-thumb .category-intro-thumb-inner.left-160 > img { left: -160%; } #company .category-intro.picttune .category-intro-thumb .category-intro-thumb-inner.left-100 > img { left: -100%; } } @media screen and (max-width: 1090px) { #company .category-intro.keieiBox .category-intro-thumb .category-intro-thumb-inner > img { min-width: auto; min-height: auto; left: -90%; } #company .category-intro.category-intro--blue.keieiBox .category-intro-thumb .category-intro-thumb-inner > img { width: 380px; left: -80%; } } @media screen and (max-width: 1024px) { /* ------------ 企業情報 -------------- */ .presidentImg { width: 455px; background: url("/shimz_corporate/company/about/images/img_44.jpg") no-repeat -150px 0; } #company .category-intro.keieiBox .category-intro-thumb .category-intro-thumb-inner > img { min-width: auto; min-height: auto; left: -70%; } #company .category-intro.category-intro--white.keieiBox .container { padding-bottom: 0px; } #company .category-intro.category-intro--white.keieiBox .category-intro-thumb .category-intro-thumb-inner > img { width: 300px; top: -90%; left: -90%; } #company .category-intro.category-intro--blue.keieiBox .category-intro-thumb .category-intro-thumb-inner > img { width: 350px; left: -80%; } } @media screen and (max-width: 991px) { #company .category-intro.category-intro--blue.keieiBox .category-intro-thumb .category-intro-thumb-inner > img { width: 380px; left: -100%; } #company .category-intro.keieiBox .category-intro-body { width: 410px; } } @media screen and (max-width: 860px) { /* ------------ 企業情報 -------------- */ #company .category-intro.keieiBox .category-intro-thumb .category-intro-thumb-inner > img { left: -20%; } #company .category-intro.category-intro--white.keieiBox .category-intro-thumb .category-intro-thumb-inner > img { width: 250px; top: -80%; left: -40%; } #company .category-intro.category-intro--blue.keieiBox .category-intro-thumb .category-intro-thumb-inner > img { width: 300px; left: -30%; } } @media screen and (max-width: 768px) { /* ------------ 企業情報 -------------- */ .presidentImg { width: 294px; background: url("/company/about/images/img_44.jpg") no-repeat -180px 0; } #company .category-intro.keieiBox .category-intro-body { width: auto; } #company .category-intro.keieiBox .category-intro-thumb .category-intro-thumb-inner > img { min-width: auto; min-height: auto; left: -10%; } #company .category-intro.category-intro--white.keieiBox .container { padding-bottom: 0px; } #company .category-intro.category-intro--white.keieiBox .category-intro-thumb .category-intro-thumb-inner > img { width: 200px; top: -80%; left: -25%; } #company .category-intro.category-intro--blue.keieiBox .category-intro-thumb .category-intro-thumb-inner > img { width: 280px; left: -20%; } } @media screen and (max-width: 767px) { /* ------------ 企業情報 -------------- */ .presidentImg { width: 100%; background: url("/shimz_corporate/company/about/images/img_44.jpg") no-repeat 0 0; } .topMsg { background-color: #f2f2f2; } #company .category-intro.category-intro--white.keieiBox .container { padding: 0px; } #company .category-intro.category-intro--white.keieiBox .container h3 { font-size: 3rem; padding-top: 8px; margin: 24px; } #company .category-intro.category-intro--white.keieiBox .container h3 span { padding: 0; } #company .category-intro.category-intro--white.keieiBox .container h3:before { left: 0px; width: 80%; } #company .category-intro.category-intro--white.keieiBox .container .category-intro-body .summary { margin-top: 48px; } #company .category-intro.category-intro--white.keieiBox .container .category-intro-body .link > a:after { right: 30%; } #company .category-intro.category-intro--white.keieiBox .category-intro.keieiBox .category-intro-thumb .category-intro-thumb-inner > img { min-width: auto; min-height: auto; left: -10%; } #company .category-intro.category-intro--white.keieiBox .pcOnly { display: none; } #company .category-intro.category-intro--white.keieiBox .spOnly { display: block; margin: auto; width: 200px; min-width: 200px; } #company .category-intro.keieiBox { height: auto; } #company .category-intro.keieiBox .category-intro-thumb { margin: 0; padding: 20px 0; } #company .category-intro.category-intro--topmessage { height: 580px; overflow: hidden; background-color: #FFF; } #company .category-intro.category-intro--topmessage .category-intro-thumb { padding-top: 0; } #company .category-intro.category-intro--topmessage .category-intro-thumb .category-intro-thumb-inner > img { width: auto; } #company .category-intro--gray { background-color: #FFF; } } @media screen and (max-width: 414px) { /* ------------ 企業情報 -------------- */ .presidentImg { background: url("/shimz_corporate/company/about/images/img_44.jpg") no-repeat -150px 0; } #company .category-intro.category-intro--white.keieiBox .container .category-intro-body .summary { margin-top: 24px; } #company .category-intro.category-intro--topmessage .category-intro-thumb { left: 50px; } }