@charset "UTF-8"; @keyframes comSwiperPoints { 0% { background-position: center -20px; } 24% { background-position: center -20px; } 25% { background-position: center -50px; } 49% { background-position: center -50px; } 50% { background-position: center -80px; } 74% { background-position: center -80px; } 75% { background-position: center -110px; } 100% { background-position: center -110px; } } @keyframes comSwiperColorPoints { 0% { background-color: rgba(255, 255, 255, 0); } 100% { background-color: rgb(255, 255, 255); } } .com_main_left { float: left; width: 888px; } .com_main_right { float: right; width: 280px; } @media screen and (max-width: 1280px) { .com_main_left { width: calc(100vw - 64px - 200px - 38px); } .com_main_right { width: 200px; } } @media screen and (max-width: 900px) { .com_main_left { width: 100%; } .com_main_right { width: 100%; } } main { margin-bottom: 96px; } @media screen and (max-width: 768px) { main { margin-bottom: 64px; } } .main-section { margin-top: 48px; } .main-section h1.page-title.com_page-title { font-size: 48px; line-height: 60px; font-weight: 600; color: rgb(18, 38, 79); } .main-section .com_page-info { font-size: 20px; line-height: 30px; color: rgb(85, 94, 112); margin-top: 24px; margin-bottom: 48px; } @media screen and (max-width: 900px) { .main-section { margin-top: 0; } } @media screen and (max-width: 768px) { .main-section h1.page-title.com_page-title { font-size: 36px; line-height: 44px; } .main-section .com_page-info { font-size: 18px; line-height: 28px; margin-top: 16px; } } .com_nav_cont { background-color: rgb(243, 249, 241); } .com_nav_cont .nav_title_cont { padding: 24px 24px 16px; font-size: 20px; line-height: 30px; color: rgb(18, 38, 79); font-weight: 600; } .com_nav_cont .nav_list { padding-bottom: 8px; } .com_nav_cont .nav_list_cont .nav_list_item_titleC a { transition: all ease 0.2s; color: rgb(85, 94, 112); } .com_nav_cont .nav_list_cont .nav_list_item_titleC a:hover { color: rgb(177, 143, 60); } .com_nav_cont .nav_list_cont .nav_list_item_titleC a:focus, .com_nav_cont .nav_list_cont .nav_list_item_titleC a:focus:hover { color: rgb(85, 94, 112); } .com_nav_cont .nav_list_cont .nav_list_item_titleC { padding: 16px 24px; font-size: 16px; line-height: 24px; font-weight: 500; color: rgb(85, 94, 112); } .com_nav_cont .nav_list_cont .dropdown .nav_list_item_titleC { display: flex; align-items: center; justify-content: space-between; } .com_nav_cont .nav_list_cont .dropdown .nav_list_item_titleC .icon { cursor: pointer; width: 24px; height: 24px; background-repeat: no-repeat; background-size: cover; background-position: center; } .com_nav_cont .nav_list_cont .dropdown .nav_list_item_titleC .icon.open { background-image: url("/assets/img/icon_nav_open_b_normal.png"); } .com_nav_cont .nav_list_cont .dropdown .nav_list_item_titleC .icon.open:hover { background-image: url("/assets/img/icon_nav_open_b_hover.png"); } .com_nav_cont .nav_list_cont .dropdown .nav_list_item_titleC .icon.open:focus, .com_nav_cont .nav_list_cont .dropdown .nav_list_item_titleC .icon.open:focus:hover { background-image: url("/assets/img/icon_nav_open_b_press.png"); outline: none; } .com_nav_cont .nav_list_cont .dropdown .nav_list_item_titleC .icon { background-image: url("/assets/img/icon_nav_close_b_normal.png"); } .com_nav_cont .nav_list_cont .dropdown .nav_list_item_titleC .icon:hover { background-image: url("/assets/img/icon_nav_close_b_hover.png"); } .com_nav_cont .nav_list_cont .dropdown .nav_list_item_titleC .icon:focus, .com_nav_cont .nav_list_cont .dropdown .nav_list_item_titleC .icon:focus:hover { background-image: url("/assets/img/icon_nav_close_b_press.png"); outline: none; } .com_nav_cont .nav_list_cont .dropdown .nav_dropdownCont { max-height: 0; overflow: hidden; padding-left: 16px; } .com_nav_cont .nav_list_cont .dropdown .nav_dropdownCont > ul { border-left: 2px solid rgb(8, 45, 117); } .com_nav_cont .nav_list_cont .dropdown .nav_dropdownCont .nav_dropdown-li { padding: 16px 0 16px 16px; font-weight: 500; font-size: 16px; line-height: 24px; color: rgb(18, 38, 79); } .com_nav_cont .nav_list_cont .dropdown .nav_dropdownCont .nav_dropdown-li:hover { color: rgb(177, 143, 60); } .com_nav_cont .nav_list_cont .dropdown.open .nav_dropdownCont { max-height: 200px; } .com_nav_cont .nav_list_cont .nav_list_item.current .nav_list_item_titleC a { color: rgb(177, 143, 60); } .com_nav_cont .nav_list_cont .nav_dropdownCont .nav_dropdown-li.current { color: rgb(177, 143, 60); } @media screen and (max-width: 900px) { .com_nav_cont { margin: 0 -16px 48px; } .com_nav_cont .nav_title_cont { display: flex; align-items: center; justify-content: space-between; } .com_nav_cont .nav_title_cont .icon.open { background-image: url("/assets/img/icon_nav_open_b_normal.png"); } .com_nav_cont .nav_title_cont .icon.open:hover { background-image: url("/assets/img/icon_nav_open_b_hover.png"); } .com_nav_cont .nav_title_cont .icon.open:focus, .com_nav_cont .nav_title_cont .icon.open:focus:hover { background-image: url("/assets/img/icon_nav_open_b_press.png"); outline: none; } .com_nav_cont .nav_title_cont .icon { background-image: url("/assets/img/icon_nav_close_b_normal.png"); } .com_nav_cont .nav_title_cont .icon:hover { background-image: url("/assets/img/icon_nav_close_b_hover.png"); } .com_nav_cont .nav_title_cont .icon:focus, .com_nav_cont .nav_title_cont .icon:focus:hover { background-image: url("/assets/img/icon_nav_close_b_press.png"); outline: none; } .com_nav_cont .nav_title_cont .icon { cursor: pointer; width: 24px; height: 24px; background-repeat: no-repeat; background-size: cover; background-position: center; } .com_nav_cont .nav_list_cont { max-height: 0px; overflow: hidden; } .com_nav_cont .nav_list_cont.open { max-height: 1000px; } } @media screen and (max-width: 768px) { .com_nav_cont .nav_title_cont { font-size: 18px; line-height: 28px; } } .main-section { margin-top: 48px; margin-bottom: 96px; } .main-section .page-info { font-size: 20px; line-height: 30px; color: rgb(85, 94, 112); margin-top: 24px; margin-bottom: 48px; } .main-section .page-main .inner { gap: 20px 24px; display: grid; grid-template-columns: repeat(6, 1fr); grid-template-rows: auto auto; } .main-section .page-main .inner .contact-item { background-color: rgb(243, 249, 241); padding: 24px; flex-grow: 1; grid-column: span 2; grid-row: auto; } .main-section .page-main .inner .contact-item:nth-last-child(1) { grid-column: span 4; grid-row: auto; } .main-section .page-main .inner .contact-icon { display: block; width: 48px; height: 48px; background-color: rgb(18, 38, 79); border-radius: 10px; overflow: hidden; background-position: center; background-repeat: no-repeat; background-size: 24px auto; } .main-section .page-main .inner .contact-icon.icon-tel { background-image: url(/assets/img/icon_contact_phone.png); } .main-section .page-main .inner .contact-icon.icon-email { background-image: url(/assets/img/icon_contact_smile.png); } .main-section .page-main .inner .contact-icon.icon-chat { background-image: url(/assets/img/icon_contact_chat.png); } .main-section .page-main .inner .contact-icon.icon-addr { background-image: url(/assets/img/icon_contact_addr.png); } .main-section .page-main .inner .contact-item-title { font-size: 20px; line-height: 30px; font-weight: 600; color: rgb(18, 38, 79); margin: 64px 0 8px; } .main-section .page-main .inner .contact-item-info { color: rgb(85, 94, 112); font-size: 16px; line-height: 24px; margin-bottom: 20px; } .main-section .page-main .inner .contact-lists { margin-bottom: 16px; color: rgb(18, 38, 79); font-size: 16px; line-height: 24px; font-weight: 500; } .main-section .page-main .inner .contact-lists:nth-last-child(1) { margin-bottom: 0; } .main-section .page-main .inner .contact-lists .contact-info-list .img { margin-top: 8px; margin-bottom: 30px; } .main-section .page-main .inner .contact-lists .contact-info-list:nth-last-child(1) .img { margin-bottom: 0; } .main-section .page-main .inner .contact-lists .contact-info-list .addr::after { content: ""; width: 16px; height: 16px; display: inline-block; background: url(/assets/img/addr.png) no-repeat center/cover; vertical-align: baseline; margin-left: 4px; } .main-section .page-main .inner #mapNav .contact-info-list { cursor: pointer; } .main-section .page-main .inner #mapNav .contact-info-list + .contact-info-list { margin-top: 8px; } .main-section .page-main .inner #mapNav .contact-info-list:hover { color: rgb(177, 143, 60); } .main-section .page-main .inner #mapNav .contact-info-list.active { /** 文本1 */ font-size: 20px; font-weight: 700; line-height: 30px; text-decoration-line: underline; color: rgb(177, 143, 60); display: flex; align-items: center; } .main-section .page-main .inner #mapNav .contact-info-list.active::after { content: ""; width: 18px; height: 20px; margin-left: 6px; background-image: url(/assets/img/icon-addr-14.png); background-repeat: no-repeat; background-position: center; background-size: 18px auto; } .team-page .main-section .part-content { margin-top: 48px; } .team-page .main-section .part-content .title { margin-bottom: 32px; font-size: 36px; line-height: 44px; color: rgb(18, 38, 79); } .team-page .main-section .part-content img.img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .team-page .main-section .pr-list { display: flex; align-items: flex-start; margin-left: -16px; margin-right: -16px; margin-top: -12px; margin-bottom: -12px; flex-wrap: wrap; } .team-page .main-section .pr-list .item { width: calc(33% - 32px); margin: 12px 16px; } .team-page .main-section .pr-list .item img.img { height: 300px; } .team-page .main-section .pr-list .item .name { color: rgb(18, 38, 79); font-size: 24px; line-height: 32px; font-weight: 700; display: block; margin: 18px 0 8px; } .team-page .main-section .pr-list .item .info { color: rgb(85, 94, 112); font-size: 16px; line-height: 24px; } .team-page .main-section .figure { width: 100%; } .team-page .main-section .ctx { color: rgb(85, 94, 112); font-size: 16px; line-height: 24px; } @media screen and (max-width: 900px) { .main-section { margin-top: 0; } } @media screen and (max-width: 768px) { .main-section { margin-bottom: 64px; } .main-section .page-info { font-size: 18px; line-height: 28px; margin-top: 16px; } .main-section .page-main .inner .contact-item { grid-column: span 6; } .main-section .page-main .inner .contact-item:nth-last-child(1) { grid-column: span 6; grid-row: auto; } .main-section .page-main .inner .contact-item-title { font-size: 18px; line-height: 28px; margin: 48px 0 4px; } .main-section .page-main .inner .contact-item-info { margin-bottom: 16px; } .team-page .main-section .pr-list { margin: -12px; } .team-page .main-section .pr-list .item { width: calc(50% - 24px); margin: 12px; } .team-page .main-section .pr-list .item img.img { height: auto; } .team-page .main-section .figure { width: 100%; height: auto; } }/*# sourceMappingURL=contact.css.map */