@charset "utf-8"; /*----------------------------------------------------- style-servise.css 会社情報 ------------------------------------------------------*/ section p { line-height: 1.8; margin-bottom: 3rem; } section{ margin-bottom: 100px; } /* servise/ 事業内容ハブページ*/ section#secServiceHub a { text-decoration: none; } section#secServiceHub a:hover div.hubBox { background: #FFF; border: 2px solid #0084CE; transition: .2s; } section#secServiceHub a div.hubBox { min-height: 176px; margin: 0 0 50px; padding: 13px 40px 13px 13px; display: flex; background: #E9F6FF; border: 2px solid #E9F6FF; position: relative; } a div.hubBox::after { content: url("../images/arrow07.png"); position: absolute; top: 43%; right: 10px; } a div.hubBox div.hubImg { width: 150px; margin: 0; padding: 0; } a div.hubBox div.hubTxt { width: calc(100% - 150px); margin: 0; padding: 0 0 0 15px; } a div.hubBox div.hubTxt h2.h2Hub { margin: 0 0 10px; padding: 0 0 3px; font-size: 2.5rem; font-weight: bold; color: #0084CE; border-bottom: 1px dotted #000; } a div.hubBox div.hubTxt p { margin: 0; padding: 0; line-height: 1.4; color: #000; } /*PC画面レイアウト調整*/ @media (max-width: 992px) { } /*----------------------------------------------------- For tablet ------------------------------------------------------*/ @media (max-width: 768px) { } @media (max-width: 580px) { } /*----------------------------------------------------- For sp ------------------------------------------------------*/ @media (max-width: 428px) { section{ margin-bottom: 60px; } /* service/ 事業内容ハブページ*/ section#secServiceHub a div.hubBox { min-height: auto; } a div.hubBox div.hubImg { width: 80px; } a div.hubBox div.hubImg img { width: 100%; height: auto; } a div.hubBox div.hubTxt { width: calc(100% - 80px); } a div.hubBox div.hubTxt h2.h2Hub { font-size: 2.2rem; } a div.hubBox div.hubTxt p { font-size: 1.6rem; } } @media (max-width: 320px) { }