@charset "UTF-8"; /* -------------------------------------------------- shared/css/sitemap.css --------------------------------------------------- */ .map-block { padding-bottom: 40px; border-bottom: 1px solid #e2e6e8; margin-top: 40px; } .map-block:first-child { margin-top: 0; } .map-maintitle { font-size: 2rem; font-weight: 700; } .map-maintitle.link-item--circle:before { top: 9px; } .map-3col-area { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 20px -1.72% 0; } .map-3col-area .map-column { margin: 10px 1.66% 0; width: 30%; } .map-3col-area ul { margin-top: 20px; } .map-3col-area ul+ .link-item--circle { margin-top: 30px; } .map-2col-area { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 20px -1.72% 0; } .map-2col-area .map-column { padding: 10px 1.66% 0; width: 50%; } .map-2col-area ul { margin-top: 20px; } .map-2col-area ul+ .link-item--circle { margin-top: 30px; } /* page not found */ .er_search { border: solid 1px #e2e6e8; max-width: 650px; } @media (max-width: 767px) { .map-3col-area { margin: 20px 0 0; } .map-2col-area { margin: 20px 0 0; } } @media (max-width: 479px) { .map-3col-area .map-column { width: 94%; margin: 10px 3% 0; } .map-3col-area .map-column.has-sublink:nth-child(n+2) { margin-top: 30px; } .map-2col-area .map-column { width: 94%; margin: 10px 3% 0; } } @media (min-width: 480px) and (max-width: 767px) { .map-3col-area .map-column { width: 45%; margin: 10px 2.5% 0; } .map-3col-area .map-column.has-sublink:nth-child(n+3) { margin-top: 30px; } .grid-wrap .constlink-list { width: 33.33%; } .map-2col-area .map-column { width: 45%; margin: 10px 2.5% 0; } }