.faculty { --module-color: #5894af; } .faculty.career { --module-color: #2A0080; } .career01, .information-systems { --module-color: #553399; } .career02, .data-science { --module-color: #33adad; } .career03, .media-and-communication { --module-color: #ec639d; } .information { --module-color: #005580; } .sitemap_list a { border: 1px solid #005580; padding: 10px 30px 10px 10px; color: #005580; font-size: 1.6rem; display: block; background: #fff; width: 100%; position: relative; } .sitemap_list a::before { content: ""; width: 100%; height: 100%; position: absolute; bottom: -3px; right: -3px; background: #005580; z-index: -1; } .sitemap_list a::after { content: ""; width: 14px; height: 14px; background: url(/faculty/fac-info/css/images/common/arrow_double-icon_blue.svg) no-repeat center center; background-size: contain; position: absolute; top: calc(50% - 7px); right: 10px; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .sitemap_list a:hover { opacity: 1; } .sitemap_list a:hover::before { bottom: 0; right: 0; transition: 0.3s all ease 0s; } .sitemap_list a:active, .sitemap_list a:focus { opacity: 1; } .bg-purple .sitemap_list a { border: 1px solid #553399; color: #553399; } .bg-purple .sitemap_list a::before { background: #553399; } .bg-purple .sitemap_list a::after { background: url(/faculty/fac-info/css/images/common/arrow_double-icon_c_blue.svg) no-repeat center center; background-size: contain; } .bg-green .sitemap_list a { border: 1px solid #33adad; color: #33adad; } .bg-green .sitemap_list a::before { background: #33adad; } .bg-green .sitemap_list a::after { background: url(/faculty/fac-info/css/images/common/arrow_double-icon_c_green.svg) no-repeat center center; background-size: contain; } .bg-pink .sitemap_list a { border: 1px solid #ec639d; color: #ec639d; } .bg-pink .sitemap_list a::before { background: #ec639d; } .bg-pink .sitemap_list a::after { background: url(/faculty/fac-info/css/images/common/arrow_double-icon_c_pink.svg) no-repeat center center; background-size: contain; } .faq .section-title { margin-top: 0; } .faq .section-anchor { padding-top: 30px; margin-top: -30px; overflow: hidden; height: 0; } .faq_list li { width: 100%; margin-bottom: 10px; background: #eef4f7; padding: 3%; } .faq_list dt { font-weight: bold; font-size: 1.8rem; margin-bottom: 20px; color: #005580; } .faq_list dd { line-height: 2; } .faq_list a { font-weight: bold; font-size: 1.2rem; padding: 0 10px; color: #005580; background: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); border-radius: 5px; display: inline-block; margin: 3px; } .faq_list a:hover { box-shadow: none; opacity: 1; color: #fff; background: #005580; } .faq_list a.blue { color: #2A0080; } .faq_list a.blue:hover { color: #fff; background: #2A0080; } .faq_list a.green { color: #e5f5f5; } .faq_list a.green:hover { color: #fff; background: #e5f5f5; } .faq_list a.pink { color: #FF6666; } .faq_list a.pink:hover { color: #fff; background: #FF6666; } .faq_list a.no-link { opacity: 0.6; pointer-events: none; } .information-systems .faq_list li { background: #eae5f2; } .information-systems .faq_list dt { color: #2A0080; } .data-science .faq_list li { background: #eaf2ee; } .data-science .faq_list dt { color: #e5f5f5; } .media-and-communication .faq_list li { background: #f8f1f4; } .media-and-communication .faq_list dt { color: #FF6666; } @media screen and (max-width: 768px) { .sitemap_list { justify-content: space-between; } .sitemap_list li { width: 49%; } .sitemap_list a { padding: 0 15px 0 7px; height: 55px; display: flex; align-items: center; justify-content: flex-start; font-size: 1.3rem; letter-spacing: normal; } .sitemap_list a::after { width: 12px; height: 12px; top: calc(50% - 6px); right: 5px; } .faq_list li { padding: 20px; } .faq_list dt { font-size: 1.6rem; } .faq_list dd { font-size: 1.2rem; } .faq_list a { font-size: 1rem; } } /*# sourceMappingURL=maps/information.css.map */