@charset "UTF-8"; /* -------------------------------------------------- shared/css/inquiry.css --------------------------------------------------- */ /* ------------- お問い合わせ -------------- */ .form-link-box> a { display: block; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100%; width: 100%; padding: 10px; text-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-right: 1px solid #e2e6e8; position: relative; } .form-link-box> a:hover { background-color: #eff3f9; } .form-link-box> a:after { position: absolute; top: 0; right: 10px; bottom: 0; height: 1em; margin: auto 0; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; font-family: glyphs; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; color: #356cb6; font-size: 1.0rem; } .form-link-box:first-child> a:before { display: none !important; } .grid--4col .form-link-box:nth-child(4n+1)> a { border-left: 1px solid #e2e6e8; } .grid--4col .form-link-box:nth-child(4n+1)> a:before { display: block; content: ""; border-top: 1px solid #e2e6e8; position: absolute; top: 0; left: 0; width: 1500px; } .grid--3col .form-link-box:nth-child(3n+1)> a { border-left: 1px solid #e2e6e8; } .grid--3col .form-link-box:nth-child(3n+1)> a:before { display: block; content: ""; border-top: 1px solid #e2e6e8; position: absolute; top: 0; left: 0; width: 1500px; } .grid--2col .form-link-box:nth-child(2n+1)> a { border-left: 1px solid #e2e6e8; } .grid--2col .form-link-box:nth-child(2n+1)> a:before { display: block; content: ""; border-top: 1px solid #e2e6e8; position: absolute; top: 0; left: 0; width: 1500px; } @media (max-width: 767px) { /* ------------- お問い合わせ -------------- */ .grid--3col-sp .form-link-box> a { border-left: none !important; } .grid--3col-sp .form-link-box:nth-child(3n+1)> a { border-left: 1px solid #e2e6e8 !important; } .grid--3col-sp .form-link-box:nth-child(3n+1)> a:before { display: block; content: ""; border-top: 1px solid #e2e6e8; position: absolute; top: 0; left: 0; width: 1500px; } .grid--2col-sp .form-link-box> a { border-left: none !important; } .grid--2col-sp .form-link-box:nth-child(2n+1)> a { border-left: 1px solid #e2e6e8 !important; } .grid--2col-sp .form-link-box:nth-child(2n+1)> a:before { display: block; content: ""; border-top: 1px solid #e2e6e8; position: absolute; top: 0; left: 0; width: 1500px; } .grid--break-sp .form-link-box { border-top: 1px solid #e2e6e8; } .grid--break-sp .form-link-box:first-child { border-top: none; } .grid--break-sp .form-link-box> a { border-left: 1px solid #e2e6e8; border-right: 1px solid #e2e6e8; } .grid--break-sp .form-link-box> a:before { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { /* ------------- お問い合わせ -------------- */ .grid--3col-tb .form-link-box> a { border-left: none !important; } .grid--3col-tb .form-link-box:nth-child(3n+1)> a { border-left: 1px solid #e2e6e8 !important; } .grid--3col-tb .form-link-box:nth-child(3n+1)> a:before { display: block; content: ""; border-top: 1px solid #e2e6e8; position: absolute; top: 0; left: 0; width: 1500px; } .grid--2col-tb .form-link-box> a { border-left: none !important; } .grid--2col-tb .form-link-box:nth-child(2n+1)> a { border-left: 1px solid #e2e6e8 !important; } .grid--2col-tb .form-link-box:nth-child(2n+1)> a:before { display: block; content: ""; border-top: 1px solid #e2e6e8; position: absolute; top: 0; left: 0; width: 1500px; } .grid--break-tb .form-link-box { border-top: 1px solid #e2e6e8; } .grid--break-tb .form-link-box:first-child { border-top: none; } .grid--break-tb .form-link-box> a { border-left: 1px solid #e2e6e8; border-right: 1px solid #e2e6e8; } .grid--break-tb .form-link-box> a:before { display: none !important; } } @media (max-width: 479px) { .form-wrapper { border-left: none; padding: 0; } }