'); --svg-arw02: url('data:image/svg+xml;utf8,'); } .fadeInUp { opacity: 0; transform: translateY(100px); } .fadeInDown { opacity: 0; transform: translateY(-100px); } .fadeInLeft { opacity: 0; animation-delay: 0.5s; transform: translate(-100px, 0px); } .fadeInRight { opacity: 0; transform: translateX(100px); animation-delay: 0.5s; } .fadeInRight02 { opacity: 1; transform: translateX(1000px); } .fadeInLeft02 { opacity: 1; transform: translate(-1000px, 0px); } @keyframes fadeIn { 0% { } 100% { opacity: 1; transform: translate(0px); } } .fadeIn { animation-name: fadeIn; animation-duration: 1s; animation-fill-mode: forwards; } .imgSlide { position: relative; max-width: 1000px; padding: 0px 0px 50px; overflow: hidden; } .imgSlide .slick-dots { position: absolute; left: 0px; right: 0px; bottom: 10px; } .imgSlide .slick-dots { display: flex; align-items: center; justify-content: center; } .imgSlide .slick-dots li { padding: 0px 3px; } .imgSlide .slick-dots li button { width: 10px; height: 10px; padding: 0px; cursor: pointer; text-indent: 200%; white-space: nowrap; border: none; border-radius: 50%; background: rgb(255, 255, 255); overflow: hidden; } .imgSlide .slick-dots li.slick-active button { background: var(--color-sub02); } .imgCenter figure { width: max-content; max-width: 100%; margin: 0px auto; padding: 0px 0px 25px; } .imgCenter figcaption { padding: 10px 0px 0px; font-size: 14px; } .cmnBlockA { padding-bottom: 60px; padding-left: 10px; padding-right: 10px; } .newsContainer { display: flex; max-width: 1200px; margin: 0px auto; } .newsNav { width: 200px; padding: 0px 40px 0px 0px; flex-shrink: 0; } .newsNavTitle { margin: 0px 0px 20px; color: var(--color-main); font-size: 24px; font-weight: bold; } .newsNavList { padding: 0px 0px 45px; } .newsNavList ul li { position: relative; margin: 0px 0px 15px; padding: 0px 0px 0px 15px; line-height: 1.4; font-weight: 500; } .newsNavList ul li::before { content: ""; position: absolute; top: 10px; left: 0px; display: block; width: 10px; height: 2px; background: var(--color-main); } .newsNavList ul li a { display: inline-block; padding: 0px 0px 1px; text-decoration: none; } .newsNavList ul li a.active { min-width: 90px; padding-left: 10px; padding-right: 10px; color: rgb(255, 255, 255); text-align: center; border-radius: 20px; background: var(--color-main); } .newsNavList ul li.none { opacity: 0.5; } .newsToggle { display: none; } .newsContent { flex: 1 1 0%; } .newsListTitle { margin: 0px 0px 20px; color: var(--color-main); font-size: 24px; font-weight: bold; } .newsList .item { margin: 0px 0px 20px; padding: 25px 28px 10px; background: rgb(249, 249, 249); } .newsList .item a { display: block; margin: -25px -28px -10px; padding: 25px 28px 10px; text-decoration: none; } .newsList .head { display: flex; align-items: flex-start; margin: 0px 0px 15px; } .newsList .date { margin: 0px 19px 0px 0px; font-size: 18px; font-weight: bold; } .newsList .tag { display: inline-block; min-width: 100px; margin: 5px 19px 0px 0px; padding: 2px 5px; color: rgb(255, 255, 255); font-size: 14px; font-weight: 500; line-height: 1.1; text-align: center; background: var(--color-main); } .newsList .ttl { position: relative; color: var(--color-main); font-size: 18px; font-weight: bold; flex-grow: 1; } .newsList .ttl.file::after { content: ""; display: inline-block; width: 15px; height: 17px; margin: 6px 0px 0px 10px; line-height: 1; vertical-align: top; background: url("") 0px 0px / 100% no-repeat; } .newsList .ttl.blank::after { content: ""; display: inline-block; width: 20px; height: 17px; margin: 6px 0px 0px 10px; line-height: 1; vertical-align: top; background: url("") 0px 0px / 100% no-repeat; } .newsList .lead { margin: 0px 0px 15px; line-height: 2; } .newsHead { display: flex; flex-wrap: wrap; margin: 0px 0px 40px; padding-bottom: 20px; border-bottom: 1px solid rgb(226, 226, 226); } .newsHead .date { margin: 0px 19px 0px 0px; font-size: 18px; font-weight: bold; } .newsHead .tag { display: inline-block; min-width: 100px; margin: 5px 19px 0px 0px; padding: 2px 5px; color: rgb(255, 255, 255); font-size: 14px; font-weight: 500; line-height: 1.1; text-align: center; background: var(--color-main); } .newsHead .ttl { width: 100%; padding: 5px 0px 0px; color: var(--color-main); font-size: 30px; font-weight: bold; flex-shrink: 0; } .newsDetail { max-width: 900px; margin: 0px auto; } .newsLead { padding: 0px 0px 25px; } .newsLead p { margin: 0px 0px 25px; line-height: 2; } .newsUnit { padding: 0px 0px 25px; } .newsUnit h3 { margin: 0px 0px 15px; font-size: 20px; font-weight: bold; } .newsUnit p { margin: 0px 0px 25px; line-height: 2; } .newsDetail a { color: rgb(23, 101, 184); text-decoration: underline; transition: all 0.3s ease 0s; } .newsDetail a:hover { opacity: 0.7; } .newsLinkList { max-width: 900px; margin: 0px auto; } .newsLinkList .arwList01 li { background-color: rgb(239, 245, 252); padding: 10px 10px 10px 36px; border-radius: 20px; } .projectFilter { background: var(--color-sub03); padding: 50px 30px 90px; margin-bottom: 100px; position: relative; display: none; } .projectFilter .secondary { display: flex; gap: 0px 30px; } .projectClear { position: absolute; right: 30px; bottom: 20px; cursor: pointer; } .projectClear img, .projectSort img { margin-right: 10px; } .projectSort img { transform: rotate(180deg); } .projectSort.open img { transform: rotate(0deg); } .projectSort { background: var(--color-sub03); padding: 20px 30px; width: fit-content; margin-left: auto; cursor: pointer; } .projectCategory, .projectDep, .projectOffice { padding: 0px 0px 50px; } .projectDep, .projectOffice { width: 50%; } .projectCategory h2, .projectDep h2, .projectOffice h2 { margin-bottom: 20px; color: var(--color-main); font-size: 26px; font-weight: bold; letter-spacing: 0.2em; } .projectCategoryList ul { display: flex; flex-wrap: wrap; margin: 0px 0px 0px -5px; } .projectCategoryList ul li { width: calc(20% - 5px); margin: 0px 0px 0px 5px; flex-shrink: 0; } .projectCategoryList ul li a { display: flex; align-items: center; min-height: 60px; padding: 5px 10px; color: var(--color-main); font-size: 13px; font-weight: 500; text-decoration: none; border-bottom: 1px solid rgb(226, 226, 226); } .projectCategoryList ul li a span { position: relative; display: flex; width: 100%; max-width: 200px; margin: 0px auto; padding: 0px 0px 0px 23px; text-align: left; background: url("") 0px 3px / 15px 15px no-repeat; } .projectCategoryList ul li.current a { color: rgb(255, 255, 255); border-bottom: none; background: var(--color-main); } .projectCategoryList ul li.current a span { background: url("") 0px 6px / 15px no-repeat; } .projectCategoryList ul li.all a span { background: none; } .projectCategoryList ul li.all a span::before { content: ""; position: absolute; top: 4px; left: 0px; width: 15px; height: 15px; background: rgb(233, 243, 253); } .projectCategoryList ul li.all.current a span { background: url("") 0px 6px / 15px no-repeat; } .projectCategoryList ul li.all.current a span::before { content: none; } .projectTools { display: flex; gap: 0px 30px; } .projectYear { align-items: center; width: 50%; } .projectYear h2 { color: var(--color-main); font-size: 22px; font-weight: bold; letter-spacing: 0.2em; white-space: nowrap; margin-bottom: 20px; } .projectYearList { } .projectYearList ul, .projectDepList ul, .projectOfficeList ul { display: flex; flex-wrap: wrap; min-height: 60px; padding: 5px 0px; align-items: center; border-bottom: 1px solid rgb(226, 226, 226); } .projectYearList ul li, .projectDepList ul li, .projectOfficeList ul li { position: relative; padding: 3px 5px; } .projectDepList ul li img, .projectOfficeList ul li img { margin-right: 3px; } .projectYearList ul li + li::after, .projectDepList ul li + li::after, .projectOfficeList ul li + li::after { content: ""; position: absolute; top: 5px; right: 0px; display: block; width: 1px; height: 20px; background: rgb(226, 226, 226); } .projectYearList ul li:last-child::after, .projectDepList ul li:last-child::after, .projectOfficeList ul li:last-child::after { content: none; } .projectYearList ul li a, .projectDepList ul li a, .projectOfficeList ul li a { display: flex; align-items: center; justify-content: center; padding: 0px 8px 1px; color: var(--color-main); font-size: 16px; font-weight: 500; text-decoration: none; } .projectYearList ul li.current a, .projectDepList ul li.current a, .projectOfficeList ul li.current a { color: rgb(255, 255, 255); border-radius: 20px; background: var(--color-main); } .projectDepList ul li:nth-child(2).current a { background-color: rgb(29, 45, 101); } .projectDepList ul li:nth-child(3).current a { background-color: rgb(128, 53, 14); } .projectDepList ul li:nth-child(4).current a { background-color: rgb(146, 208, 80); } .projectKeyword { position: relative; width: 50%; padding: 0px 60px 0px 0px; height: fit-content; background: rgb(255, 255, 255); margin-top: 53px; } .projectKeyword input { width: 100%; height: 60px; margin: 0px; padding: 3px 20px; outline: none; border: none; background: none; } .projectKeyword button { position: absolute; top: 0px; right: 0px; width: 60px; height: 60px; cursor: pointer; text-indent: 200%; white-space: nowrap; border: none; background: url("") center center / 20px no-repeat; overflow: hidden; } .projectItemList { display: flex; flex-wrap: wrap; margin: 50px 0px 0px -30px; } .projectItemList .item { width: 446px; margin: 0px 0px 50px 30px; flex-shrink: 0; } .projectItemList figure { margin: 0px 0px 10px; } .projectItemList figure img { width: 100%; height: 100%; object-fit: cover; aspect-ratio: 50 / 29; } .projectItemList .ttl { margin: 0px 0px 5px; padding: 0px 0px 5px; color: var(--color-main); font-size: 14px; font-weight: 500; border-bottom: 1px solid rgb(226, 226, 226); } .projectItemList .ttl .file::after { content: ""; display: inline-block; width: 15px; height: 17px; margin: 1px 0px 0px 10px; line-height: 1; vertical-align: top; background: url("") 0px 0px / 100% no-repeat; } .projectItemList .ttl .blank::after { content: ""; display: inline-block; width: 20px; height: 17px; margin: 1px 0px 0px 10px; line-height: 1; vertical-align: top; background: url("") 0px 0px / 100% no-repeat; } .projectItemList .ttl a { color: var(--color-main); text-decoration: none; } .projectItemList .tag li { padding: 2px 0px 2px 20px; font-size: 12px; background: url("") 0px 4px / 15px no-repeat; } .projectItemList .dep { margin-top: 5px; font-size: 12px; display: flex; gap: 0px 10px; } .projectItemList .dep li { padding: 2px 10px; color: rgb(255, 255, 255); border-radius: 12px; display: flex; align-items: center; line-height: 1; } .projectItemList .dep li.dep01 { background-color: rgb(146, 208, 80); } .projectItemList .dep li.dep02 { background-color: rgb(29, 45, 101); } .projectItemList .dep li.dep03 { background-color: rgb(128, 53, 14); } .projectSlide { position: relative; max-width: 1400px; margin: -50px 0px 10px; overflow: hidden; background-color: rgb(238, 238, 238); max-height: 800px; } .projectSlide .slick-slide img { width: auto; max-height: 800px; object-fit: contain; margin: 0px auto; } .projectSlide h1 { position: absolute; left: 0px; bottom: 0px; width: 100%; padding: 30px 40px; z-index: 2; color: rgb(255, 255, 255); font-size: 36px; font-weight: bold; background-image: linear-gradient(rgba(255, 255, 255, 0) 25%, rgba(0, 0, 0, 0.5)); } .projectSlide .slick-dots { position: absolute; left: 0px; right: 20px; bottom: 20px; z-index: 1000; } .projectSlide .slick-dots { display: flex; align-items: center; justify-content: flex-end; } .projectSlide .slick-dots li { padding: 0px 3px; } .projectSlide .slick-dots li button { width: 10px; height: 10px; padding: 0px; cursor: pointer; text-indent: 200%; white-space: nowrap; border: none; border-radius: 50%; background: rgb(255, 255, 255); overflow: hidden; } .projectSlide .slick-dots li.slick-active button { background: var(--color-sub02); } .projectDetail { display: grid; grid-template-columns: auto 36%; grid-template-rows: max-content 1fr auto; gap: 0px; } .projectBlockA { grid-area: 1 / 1 / 2 / 2; } .projectBlockB { grid-area: 1 / 2 / 3 / 3; padding: 0px 0px 0px 30px; } .projectBlockC { grid-area: 2 / 1 / 3 / 2; } .projectDetailTag { margin: 0px 0px 10px; padding: 0px 0px 10px; border-bottom: 1px solid rgb(226, 226, 226); display: flex; } .projectDetailTag ul { display: flex; flex-wrap: wrap; } .projectDetailTag ul.tag li { margin: 0px 20px 0px 0px; padding: 2px 0px 0px 20px; font-size: 14px; background: url("") 0px 6px / 15px no-repeat; } .projectDetailTag ul.dep { font-size: 12px; display: flex; gap: 0px 10px; } .projectDetailTag ul.dep li { padding: 2px 10px; color: rgb(255, 255, 255); border-radius: 12px; display: flex; line-height: 1; align-items: center; } .projectDetailTag ul.dep li.dep01 { background-color: rgb(146, 208, 80); } .projectDetailTag ul.dep li.dep02 { background-color: rgb(29, 45, 101); } .projectDetailTag ul.dep li.dep03 { background-color: rgb(128, 53, 14); } .projectDetailSummary p { margin: 0px 0px 30px; line-height: 2; } .projectDetailService { padding: 0px 0px 30px; } .projectDetailService h2 { margin: 0px 0px 15px; color: var(--color-main); font-size: 20px; font-weight: bold; } .projectDetailService ul { display: flex; flex-wrap: wrap; } .projectDetailService ul li { margin: 0px 5px 5px 0px; padding: 1px 10px; color: var(--color-main); font-size: 12px; font-weight: 500; border-radius: 20px; background: rgb(217, 226, 236); } .projectDetailData { padding: 0px 0px 30px; } .projectDetailData h2 { margin: 0px 0px 10px; padding: 0px 0px 10px; color: var(--color-main); font-size: 20px; font-weight: bold; letter-spacing: 0.2em; border-bottom: 1px solid rgb(226, 226, 226); } .projectDetailData table { width: 100%; } .projectDetailData table th, .projectDetailData table td { padding: 10px; font-size: 14px; vertical-align: middle; border-bottom: 1px solid rgb(226, 226, 226); } .projectDetailData table th { width: 120px; font-weight: bold; text-align: left; } .projectDetailData table td { text-align: left; } .projectDetailData ul li { margin: 0px 0px 5px; } .projectBlockC.newsLinkList { margin: inherit; } #about .subTitle { margin-bottom: 100px; text-align: center; color: var(--color-main); font-weight: 500; } #about .subTitle h2 { font-size: 36px; margin-bottom: 60px; font-weight: bold; } #about .philosophyTitle { background-color: rgb(239, 245, 252); padding: 80px 20px; } #about .philosophyTitle h2 { margin-bottom: 40px; } #about .philosophyTitle .txt { color: rgb(51, 51, 51); line-height: 2; } #about .message { display: flex; justify-content: space-between; } #about .message figure { max-width: 240px; margin-right: 80px; flex-shrink: 0; } #about .message .txt { font-size: 18px; line-height: 2; } #about .message .txt strong { font-size: 22px; color: var(--color-main); } #about .message .txt .name { display: block; text-align: right; } #about .btmNav ul { display: flex; justify-content: center; margin-top: 100px; } #about .btmNav ul li a { border: 1px solid var(--color-main); width: 264px; display: inline-block; font-size: 16px; color: var(--color-main); padding: 30px; line-height: 1; margin: 0px 10px; text-align: center; } #about .btmNav ul li a span { position: relative; } #about .btmNav ul li a span::before { content: ""; position: absolute; top: 0px; bottom: 0px; left: -30px; margin: auto; display: inline-block; width: 20px; height: 20px; background-image: url(""); background-size: contain; } #about .subTitle nav ul { display: flex; justify-content: center; } #about .subTitle nav ul li a { display: inline-block; font-size: 20px; color: var(--color-main); line-height: 1; margin: 0px 30px; } #about .subTitle nav ul li a span { position: relative; } #about .subTitle nav ul li a span::before { content: ""; position: absolute; top: 0px; bottom: 0px; left: -30px; margin: auto; display: inline-block; width: 20px; height: 20px; background-image: url(""); background-size: contain; transform: rotate(90deg); } #about .columnWrap { display: flex; justify-content: space-between; margin-bottom: 100px; gap: 0px 30px; } #about .columnWrap .ttl { color: var(--color-main); font-weight: 500; font-size: 30px; position: relative; max-width: 400px; } #about .columnWrap .ttl::after { content: ""; display: block; margin-top: 5px; width: 100%; height: 3px; background-color: var(--color-main); } #about .columnWrap .content { width: 1000px; } #about .columnWrap .content .outlineList { border-top: 1px solid rgb(226, 226, 226); } #about .columnWrap .content .outlineList li { display: flex; padding: 20px 0px; border-bottom: 1px solid rgb(226, 226, 226); align-items: center; text-indent: inherit; } #about .columnWrap .content .outlineList li .term { width: 25%; color: var(--color-main); font-weight: bold; font-size: 16px; } #about .columnWrap .content .outlineList li .detail { width: 75%; } #about .columnWrap .content .outlineList li .detail .map::before { content: ""; background-image: url(""); background-size: contain; display: inline-block; width: 15px; height: 22px; margin: 0px 2px 0px 10px; } #about .columnWrap .content .outlineList li .detail .date { font-size: 12px; color: rgb(153, 153, 153); display: block; text-align: right; } #about .columnWrap .content .outlineList li .detail .enName { color: rgb(153, 153, 153); margin-left: 20px; } #about .columnWrap .content .outlineList li .detail .job { font-size: 14px; display: block; } #about .columnWrap .content .outlineList li .detail .lst01 { display: grid; grid-template-columns: 9.5em 1fr; column-gap: 10px; } #about .subTitle .btn a { border: 1px solid var(--color-main); width: 760px; display: inline-block; font-size: 20px; color: var(--color-main); padding: 30px; line-height: 1; margin: 0px 10px; } #about .subTitle .btn a span { position: relative; } #about .subTitle .btn a span::before { content: ""; position: absolute; top: 0px; bottom: 0px; left: -30px; margin: auto; display: inline-block; width: 20px; height: 20px; background-image: url(""); background-size: contain; } #about .historyList a { color: rgb(23, 101, 184); text-decoration: underline; transition: all 0.3s ease 0s; } #about .historyList a:hover { opacity: 0.7; } #about .historyList { border-top: 1px solid rgb(226, 226, 226); max-width: 1000px; margin: 0px auto; } #about .historyList li { display: flex; border-bottom: 1px solid rgb(226, 226, 226); padding: 30px 0px; } #about .historyList li .year { color: var(--color-main); font-weight: bold; width: 18%; } #about .historyList li .detail { width: 82%; } #about .subTitle .txt { font-size: 18px; } #about .complianceList { max-width: 1000px; margin: 0px auto; } #about .complianceList li { margin-bottom: 60px; } #about .complianceList dt { color: var(--color-main); font-weight: bold; font-size: 24px; margin-bottom: 30px; } #about .complianceList dt, #about .complianceList dd { text-indent: -1em; padding-left: 1em; } #about .columnWrap .unit { margin-bottom: 60px; } #about .columnWrap h3 { font-size: 28px; font-weight: bold; color: var(--color-main); border-left: solid 8px var(--color-main); padding-left: 8px; line-height: 50px; margin-bottom: 30px; } #about .columnWrap h4 { font-size: 20px; font-weight: bold; margin-bottom: 20px; } #about .columnWrap table { width: 100%; border: 1px solid rgb(226, 226, 226); } #about .columnWrap table th, #about .columnWrap table td { padding: 14px 20px; font-size: 14px; vertical-align: middle; border: 1px solid rgb(226, 226, 226); } #about .columnWrap table th { width: 200px; font-weight: bold; text-align: center; background: rgb(239, 245, 252); } #about .columnWrap table td { text-align: left; } #about .columnWrap table td.tdCenter { text-align: center; } #about .columnWrap table td.tdRight { text-align: right; } #about .columnWrap ul li { text-indent: -1em; padding-left: 1em; margin-top: 10px; } #about .columnWrap a { color: rgb(23, 101, 184); text-decoration: underline; transition: all 0.3s ease 0s; } #about .columnWrap a:hover { opacity: 0.7; } #about .columnWrap .unitColumnR { display: flex; gap: 0px 10px; justify-content: space-between; } #about .columnWrap .unitColumnR figure { flex-shrink: 0; width: 300px; } #about #organization figure { max-width: 810px; } #about .columnWrap .imgList { margin-top: 30px; display: flex; gap: 0px 30px; justify-content: flex-start; } #about .columnWrap .imgList figure { width: 30%; } #career { max-width: 1020px; margin: 0px auto; } #career nav ul { display: flex; justify-content: space-between; font-size: 26px; font-weight: bold; margin-bottom: 100px; } #career nav ul li a { color: var(--color-main); position: relative; transition: all 0.3s ease 0s; } #career nav ul li a:hover { text-decoration: none; } #career nav ul li a::after { content: ""; position: absolute; left: 0px; right: 0px; bottom: 10px; height: 3px; background: var(--color-main); opacity: 0; visibility: hidden; transition: all 0.2s linear 0s; backface-visibility: hidden; } #career nav ul li:hover a::after { bottom: -10px; opacity: 1; visibility: visible; } #career nav ul li a.current::after { content: ""; position: absolute; left: 0px; right: 0px; bottom: -10px; height: 3px; background: var(--color-main); opacity: 1; visibility: visible; } #career #requirements { margin-bottom: 100px; } #career #requirements .lead { margin-bottom: 60px; } #career #requirements .lead .txt { text-align: left; line-height: 2; margin-bottom: 20px; } #career #requirements h3, #career #flow h3 { font-size: 28px; font-weight: bold; color: var(--color-main); margin-bottom: 40px; } #career #requirements h4, #career #flow h4 { font-size: 20px; font-weight: bold; margin: 40px 0px 20px; } #career #requirements h4.navy, #career #flow h4.navy { color: var(--color-main); } #career #requirements ul { border-top: 1px solid rgb(226, 226, 226); } #career #requirements ul li { display: flex; padding: 20px 0px; border-bottom: 1px solid rgb(226, 226, 226); align-items: center; } #career #requirements ul li .term { width: 25%; color: var(--color-main); font-weight: bold; font-size: 16px; } #career #requirements ul li .detail { width: 75%; } #career #requirements a { color: rgb(23, 101, 184); text-decoration: underline; transition: all 0.3s ease 0s; } #career #requirements ul li a:hover { opacity: 0.7; } #career .btn a { border: 1px solid var(--color-main); width: 360px; display: block; font-size: 20px; padding: 20px; line-height: 1; margin: 60px auto 0px; text-align: center; transition: all 0.3s ease 0s; color: var(--color-main) !important; text-decoration: none !important; } #career .btn.blank a::after { content: ""; display: inline-block; width: 20px; height: 17px; margin: 2px 0px 0px 10px; line-height: 1; vertical-align: top; background: url("") 0px 0px / 100% no-repeat; } #career #flow figure { margin-bottom: 20px; } #career .newsLinkList { margin: inherit; } #career .recruitBnr { margin-top: 60px; } #career .recruitBnr a:hover { opacity: 0.7; } #career #entry .txt { text-align: center; margin-bottom: 60px; } #career #entry ul { border-top: 1px solid rgb(226, 226, 226); } #career #entry ul li { display: flex; padding: 20px 0px; border-bottom: 1px solid rgb(226, 226, 226); align-items: center; } #career #entry ul li .term { width: 25%; color: var(--color-main); font-weight: bold; font-size: 16px; } #career #entry ul li .detail { width: 75%; } #career #entry ul li .detail .jobList { display: flex; gap: 5px 15px; margin-top: 10px; flex-wrap: wrap; } #career #entry ul li .detail .jobList input { appearance: auto; transform: scale(1.3); accent-color: var(--color-sub02); } #career #entry ul li .detail .jobList .wpcf7-list-item.first { margin: 0px; } #career #entry .fileLabel { display: block; font-size: 14px; line-height: 1.5; text-align: center; width: min(100%, 350px); padding: 10px; color: rgb(255, 255, 255); background-color: var(--color-sub02); cursor: pointer; transition: opacity 0.3s ease 0s; } #career #entry .fileLabel:hover { opacity: 0.7; } #career #entry input[type="file"] { display: none; } #career #entry li .note, #contact #entry li .note { margin-top: 10px; color: rgb(248, 60, 63); font-size: 14px; } #career #entry input[type="text"], #career #entry input[type="email"] { line-height: 30px; background-color: rgb(243, 243, 243); border: none; width: 100%; padding: 10px; box-sizing: border-box; } #career #entry textarea { height: 250px; background-color: rgb(243, 243, 243); border: none; width: 100%; padding: 10px; box-sizing: border-box; } #career #entry ul li:nth-child(6) .wpcf7-form-control-wrap { position: relative; width: 100%; margin: 2em auto; } #career #entry .wpcf7-form-control-wrap .wpcf7-select { position: relative; font-size: 16px; font-family: inherit; background-color: transparent; width: 100%; padding: 10px 10px 10px 0px; border-radius: 0px; border: none; cursor: pointer; } #career #entry .wpcf7-form-control-wrap .wpcf7-select:focus { outline: none; border-bottom: 1px solid rgba(0, 0, 0, 0); } #career #entry .wpcf7-form-control-wrap .wpcf7-select { appearance: none; } #career #entry ul li:nth-child(6) .wpcf7-form-control-wrap::after { position: absolute; top: 10px; right: 10px; width: 0px; height: 0px; padding: 0px; content: ""; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid rgba(0, 0, 0, 0.3); pointer-events: none; } #career #entry .policyLink { text-align: center; margin-top: 40px; position: relative; } #career #entry .policyLink::after { content: ""; display: inline-block; width: 20px; height: 17px; margin: 6px 0px 0px 10px; line-height: 1; vertical-align: top; background: url("") 0px 0px / 100% no-repeat; } #career #entry .btn a { border: 1px solid var(--color-main); width: 360px; display: block; font-size: 16px; color: var(--color-main); padding: 20px; line-height: 1; margin: 40px auto 0px; text-align: center; transition: all 0.3s ease 0s; } #careerKv { max-width: 1400px; margin: 50px auto 0px; } #career #careerLink { padding: 50px 0px; margin-top: 100px; border-bottom: 2px solid rgb(217, 217, 217); border-top: 2px solid rgb(217, 217, 217); font-family: var(--font-notoserif); } #career #careerLink .ttl { font-size: 30px; display: flex; align-items: center; gap: 0px 20px; margin-bottom: 20px; } #career #careerLink .ttl span { font-size: 14px; display: block; font-family: "Noto Sans JP", sans-serif; } #career #careerLink ul { display: flex; font-size: 18px; justify-content: space-between; } #career #careerLink ul li a { position: relative; display: inline-block; padding: 6px 63px 6px 0px; } #career #careerLink ul li a::after { content: ""; position: absolute; top: 0px; right: 0px; display: inline-block; width: 40px; height: 40px; border-radius: 50%; border: 1px solid rgb(139, 144, 152); background: var(--svg-arw02) no-repeat center center / 14px auto #fff; transition: all 0.3s ease 0s; } #career #careerLink ul li a:hover::after { border-color: rgb(49, 51, 54); background-color: rgb(49, 51, 54); background-image: var(--svg-arw01); } #career #careerLink ul li a:hover { text-decoration: none; } #contact { max-width: 1020px; margin: 0px auto; } #contact .txt { text-align: center; margin-bottom: 60px; } .requiredTxt { font-size: 12px; margin-bottom: 5px; color: rgb(248, 60, 63); display: block; } #contact ul { border-top: 1px solid rgb(226, 226, 226); } #contact ul li { display: flex; padding: 20px 0px; border-bottom: 1px solid rgb(226, 226, 226); align-items: center; } #contact ul li .term { width: 25%; color: var(--color-main); font-weight: bold; font-size: 16px; } #contact ul li .detail { width: 75%; } .term .required { color: rgb(248, 60, 63); font-size: 0.8em; vertical-align: top; } #contact input[type="text"], #contact input[type="email"] { line-height: 30px; background-color: rgb(243, 243, 243); border: none; width: 100%; padding: 10px; box-sizing: border-box; } #contact textarea { height: 250px; background-color: rgb(243, 243, 243); border: none; width: 100%; padding: 10px; box-sizing: border-box; } #contact .policyLink { text-align: center; margin-top: 40px; position: relative; } #contact .policyLink::after { content: ""; display: inline-block; width: 20px; height: 17px; margin: 6px 0px 0px 10px; line-height: 1; vertical-align: top; background: url("") 0px 0px / 100% no-repeat; } #contact .btn a { border: 1px solid var(--color-main); width: 360px; display: block; font-size: 16px; color: var(--color-main); padding: 20px; line-height: 1; margin: 40px auto 0px; text-align: center; transition: all 0.3s ease 0s; } #contact .txt a { color: rgb(23, 101, 184); text-decoration: underline; transition: all 0.3s ease 0s; } #contact .txt a:hover { opacity: 0.7; } .comfirmBtn { display: flex; justify-content: center; margin-top: 40px; } .comfirmBtn .btn a { margin: 0px 10px !important; width: 260px !important; } .wpcf7-not-valid-tip { margin-top: 10px; color: rgb(248, 60, 63) !important; font-size: 14px !important; } .wpcf7-not-valid-tip { display: none !important; } #contact_submit, #entry_submit { margin: 0px; padding: 0px; background: none; border: none; border-radius: 0px; outline: none; appearance: none; font-weight: 500; } #contact_submit, #entry_submit { border: 1px solid var(--color-main); width: 360px; display: block; font-size: 16px; color: var(--color-main); padding: 20px; line-height: 1; margin: 40px auto 0px; text-align: center; transition: all 0.3s ease 0s; cursor: pointer; } .comfirmBtn #entry_submit, .comfirmBtn #contact_submit { margin: 0px 10px !important; width: 260px !important; } #contact_submit:hover, #entry_submit:hover { text-decoration: underline; } #policy { max-width: 1000px; margin: 0px auto; } #policy .txt { margin-bottom: 60px; } #policy .txt .note { display: block; text-align: right; } #policy .policyList li { margin-bottom: 30px; } #policy .policyList dt { color: var(--color-main); font-weight: bold; font-size: 18px; margin-bottom: 10px; } #policy .policyList dt, #about .policyList dd { text-indent: -1em; padding-left: 1em; } #policy a { color: rgb(23, 101, 184); text-decoration: underline; transition: all 0.3s ease 0s; } #policy a:hover { opacity: 0.7; } #service .lead { font-size: 18px; text-align: center; line-height: 2; margin-bottom: 100px; } #service a { color: rgb(23, 101, 184); text-decoration: underline; transition: all 0.3s ease 0s; } #service a:hover { opacity: 0.7; } #service h2 { font-size: 36px; color: var(--color-main); font-weight: bold; text-align: center; margin-bottom: 100px; } #service ul li { margin-bottom: 60px; position: relative; height: 500px; } #service ul li figure { max-width: 1000px; position: absolute; left: 0px; } #service ul li .detail { background-color: rgb(246, 247, 251); max-width: 700px; position: absolute; right: 0px; bottom: -20px; padding: 40px; } #service ul li .detail .ttl { font-size: 30px; color: var(--color-main); font-weight: bold; } #service ul li .detail .txt { margin: 30px 0px; } #service ul li .detail .cont { background-color: var(--color-main); color: rgb(255, 255, 255); padding: 10px 20px; line-height: 1.2; border-radius: 100px; font-size: 14px; } #service ul li:nth-child(2) figure { position: absolute; right: 0px; left: inherit; } #service ul li:nth-child(2) .detail { left: 0px; right: inherit; } #service #cityPlanning { background-image: url(""); color: rgb(255, 255, 255); background-size: cover; text-align: center; padding: 200px 0px 100px; position: relative; background-repeat: no-repeat; } #service #cityPlanning h2 { color: rgb(255, 255, 255); margin-bottom: 50px; } #service #cityPlanning .txt { font-size: 18px; text-align: center; line-height: 2; margin-bottom: 50px; } #service #cityPlanning .btn { display: flex; gap: 20px; justify-content: center; margin-top: 40px; } #service #cityPlanning .btn a { border: 1px solid rgb(255, 255, 255); width: 100%; max-width: 360px; min-height: 58px; display: flex; align-items: center; justify-content: center; gap: 10px; font-size: 16px; color: rgb(255, 255, 255); padding: 10px 20px; line-height: 1; text-align: center; transition: all 0.3s ease 0s; text-decoration: none; } #service #cityPlanning::before { content: ""; position: absolute; width: 0px; height: 0px; top: 0px; left: 50%; border-top: 120px solid rgb(255, 255, 255); border-left: 50vw solid transparent; border-right: 50vw solid transparent; transform: translateX(-50%); } #service #cityPlanning .colList01 { display: flex; flex-wrap: wrap; justify-content: space-between; max-width: 1000px; margin: 0px auto; } #service #cityPlanning .colList01 .col { width: 25%; max-width: 480px; padding: 0px 15px; } #service #cityPlanning .colList01 figure { margin: 0px 0px 25px; } #service #cityPlanning .colList01 figure a { position: relative; display: block; } #service #cityPlanning .colList01 figure a::after { content: ""; position: absolute; bottom: 10px; right: 10px; display: inline-block; width: 30px; height: 30px; border-radius: 50%; background: url("") center center no-repeat rgb(91, 159, 51); } #service #cityPlanning .colList01 figure img { aspect-ratio: 8 / 5; object-fit: cover; width: 100%; height: 100%; border-radius: 20px; box-shadow: rgba(4, 0, 0, 0.05) 0px 5px 5px; } #service #cityPlanning .colList01 .title { margin: 0px 0px 15px; font-size: 15px; font-weight: 500; } #service #cityPlanning .colList01 .title a { text-decoration: none; color: rgb(255, 255, 255); } #service #cityPlanning .colList01 .txt { font-size: 14px; line-height: 1.2; margin-bottom: 30px; } #sitemap nav { display: flex; flex: 1 1 0%; } #sitemap nav .nav:first-child { padding: 0px; } #sitemap nav .nav { width: 33.333%; padding: 0px 0px 0px 80px; } #sitemap nav .navTop, #sitemap nav .navAbout, #sitemap nav .navCareers { margin-bottom: 35px; } #sitemap nav ul li p { margin: 0px 0px 10px; padding: 0px 0px 10px; border-bottom: 1px solid rgb(226, 226, 226); } #sitemap nav ul li p a { display: block; color: var(--color-sub02); font-size: 15px; font-weight: 500; } #sitemap nav ul li ul { font-size: 12px; } #sitemap nav ul li ul li { margin: 0px 0px 14px; } #sitemap nav ul li ul li:last-child { margin-bottom: 0px; } #sitemap nav .acd { display: none; } #partner .lead { margin-bottom: 64px; font-size: 16px; text-align: center; } #partner .subTitle { padding-bottom: 25px; text-align: center; } #partner .subTitle h2 { color: var(--color-main); font-size: 36px; font-weight: 500; margin-bottom: 25px; } #partner .btnList { padding-bottom: 20px; } #partner .btnList .item { padding-bottom: 25px; text-align: center; } #partner .btnList .btn a { border: 1px solid var(--color-main); width: 760px; display: inline-block; font-size: 20px; color: var(--color-main); padding: 30px; line-height: 1; margin: 0px 10px; } #partner .btnList .btn a span { position: relative; } #partner .btnList .btn a span::before { content: ""; position: absolute; top: 0px; bottom: 0px; left: -30px; margin: auto; display: inline-block; width: 20px; height: 20px; background-image: url(""); background-size: contain; } #partner .btnList .btn a span::after { content: ""; display: inline-block; width: 15px; height: 18px; margin: 4px 0px 0px 10px; line-height: 1; vertical-align: top; background: url("") 0px 0px / 100% no-repeat; } #partner .btnList .caption { margin-top: 25px; margin-bottom: 30px; } #partner .noteList { width: fit-content; margin-inline: auto; padding-top: 30px; } #partner .noteList .item { padding-left: 1em; padding-bottom: 10px; text-indent: -1em; } .titleStyle01 { margin: 0px 0px 15px; padding: 0px 0px 15px; color: var(--color-main); font-size: 20px; font-weight: bold; letter-spacing: 0.15em; border-bottom: 1px solid rgb(226, 226, 226); } .boxStyle01 { margin: 0px 0px 30px; padding: 25px; background-color: rgb(246, 247, 251); } .boxStyle01 .ttl { margin: 0px 0px 10px; color: var(--color-main); font-size: 18px; font-weight: bold; text-align: center; } .boxStyle01 p { margin: 0px 0px 10px; line-height: 1.8; } a.arwLink { position: relative; color: rgb(0, 0, 0); text-decoration: none; padding-left: 20px; } a.arwLink::before { content: ""; position: absolute; top: 0px; bottom: 0px; left: 0px; margin: auto; display: inline-block; width: 16px; height: 16px; background-image: url(""); background-size: contain; } .arwList01 li { margin-bottom: 10px; padding-left: 20px; } .arwList01 li a { position: relative; } .arwList01 li a::before { content: ""; position: absolute; top: 0px; bottom: 0px; left: -20px; margin: auto; display: inline-block; width: 16px; height: 16px; background-image: url(""); background-size: contain; } .arwList01 li .file::after { content: ""; display: inline-block; width: 15px; height: 18px; margin: 6px 0px 0px 10px; line-height: 1; vertical-align: top; background: url("") 0px 0px / 100% no-repeat; } .arwList01 li .blank::after { content: ""; display: inline-block; width: 20px; height: 17px; margin: 6px 0px 0px 10px; line-height: 1; vertical-align: top; background: url("") 0px 0px / 100% no-repeat; } .arwList01 li a { color: rgb(0, 0, 0); text-decoration: none; } .arwList01 li a:hover { opacity: 1; text-decoration: underline; } .icoFile::after { content: ""; display: inline-block; width: 15px; height: 18px; margin: 6px 5px 0px; line-height: 1; vertical-align: top; background: url("") 0px 0px / 100% no-repeat; } .icoFileW::after { content: ""; display: inline-block; width: 15px; height: 18px; line-height: 1; vertical-align: top; background: url("") 0px 0px / 100% no-repeat; } .icoBlank::after { content: ""; display: inline-block; width: 20px; height: 17px; margin: 6px 5px 0px; line-height: 1; vertical-align: top; background: url("") 0px 0px / 100% no-repeat; } .mb10 { margin-bottom: 10px !important; } .mb20 { margin-bottom: 20px !important; } .mb30 { margin-bottom: 30px !important; } .mb40 { margin-bottom: 40px !important; } .mb50 { margin-bottom: 50px !important; } @media screen and (max-width: 768px) { .imgSlide { padding: 0px 0px 30px; } .imgCenter figcaption { padding: 6px 0px 0px; font-size: 11px; } .newsContainer { display: block; } .newsNav { display: none; width: auto; padding: 0px 0px 20px; } .newsNavTitle { margin: 0px 0px 10px; font-size: 18px; } .newsNavList { padding: 0px 0px 15px; } .newsNavList ul { display: flex; flex-wrap: wrap; } .newsNavList ul li { position: relative; min-width: 25%; margin: 0px; padding: 4px; line-height: 1.4; font-weight: 500; } .newsNavList ul li::before { content: none; } .newsNavList ul li a { display: block; padding: 2px 5px; font-size: 10px; text-align: center; border-radius: 20px; background: rgb(239, 245, 252); } .newsNavList ul li a.active { color: rgb(255, 255, 255); background: var(--color-main); min-width: inherit; } .newsNavList ul li.none { font-size: 10px; text-align: center; } .newsToggle { position: relative; display: flex; align-items: center; justify-content: center; height: 40px; cursor: pointer; color: var(--color-main); font-size: 15px; font-weight: 500; background: var(--color-sub03); margin-bottom: 40px; } .newsToggle::before { content: ""; position: absolute; top: 50%; right: 8px; display: block; width: 25px; height: 25px; margin-top: -13px; background: url("") 0px 0px / 100% no-repeat; transform: scale(1, -1); } .newsToggle.open::before { transform: scale(1, 1); } .newsListTitle { margin: 0px 0px 20px; font-size: 18px; text-align: center; } .newsList .item { margin: 0px 0px 10px; padding: 15px 10px 10px; } .newsList .item a { margin: -15px -10px -10px; padding: 15px 10px 10px; } .newsList .head { flex-wrap: wrap; margin: 0px 0px 5px; } .newsList .date { margin: 0px 10px 0px 0px; font-size: 10px; } .newsList .tag { min-width: 82px; margin: 0px 19px 0px 0px; padding: 3px 5px 4px; font-size: 10px; border-radius: 20px; } .newsList .ttl { width: 100%; padding: 5px 0px 0px; font-size: 14px; flex-grow: 0; } .newsList .ttl.file::after { width: 10px; height: 12px; margin: 4px 0px 0px 8px; } .newsList .ttl.blank::after { width: 12px; height: 10px; margin: 4px 0px 0px 8px; } .newsList .lead { margin: 0px 0px 5px; } .newsHead { margin: 0px 0px 10px; padding-bottom: 10px; } .newsHead .date { margin: 0px 10px 0px 0px; font-size: 10px; } .newsHead .tag { min-width: 82px; margin: 0px 19px 0px 0px; padding: 3px 5px 4px; font-size: 10px; border-radius: 20px; } .newsHead .ttl { font-size: 18px; } .newsLead { padding: 0px 0px 10px; } .newsLead p { margin: 0px 0px 20px; } .newsUnit { padding: 0px 0px 20px; } .newsUnit h3 { margin: 0px 0px 10px; font-size: 13px; } .newsUnit p { margin: 0px 0px 20px; } .projectFilter { display: none; padding: 20px 20px 50px; margin-bottom: 0px; } .projectToggle { position: relative; display: flex; align-items: center; justify-content: center; height: 40px; cursor: pointer; color: var(--color-main); font-size: 15px; font-weight: 500; background: var(--color-sub03); } .projectToggle::before { content: ""; position: absolute; top: 50%; right: 8px; display: block; width: 25px; height: 25px; margin-top: -13px; background: url("") 0px 0px / 100% no-repeat; transform: scale(1, -1); } .projectToggle.open::before { transform: scale(1, 1); } .projectCategory, .projectDep, .projectOffice { padding: 0px 0px 20px; } .projectCategory h2, .projectDep h2, .projectOffice h2 { margin: 0px 0px 10px; font-size: 18px; } .projectCategoryList ul li { width: calc(50% - 5px); margin: 0px 0px 5px 5px; } .projectCategoryList ul li a { min-height: 40px; padding: 5px 10px; font-size: 10px; border: 1px solid rgb(226, 226, 226); } .projectCategoryList ul li a span { max-width: 140px; padding: 0px 0px 0px 20px; background-position: 0px 0px; } .projectCategoryList ul li.current a span { background-position: 0px 3px; } .projectCategoryList ul li.current a { border: none; } .projectCategoryList ul li.all a span::before { top: 1px; } .projectCategoryList ul li.all.current a span { background-position: 0px 3px; } .projectFilter .secondary { display: block; } .projectDep, .projectOffice { width: 100%; } .projectDep, .projectOffice { width: 100%; } .projectTools { display: block; padding: 0px 0px 20px; } .projectYear { display: block; width: auto; padding: 0px; background: none; } .projectYear h2 { font-size: 18px; letter-spacing: 0.1em; } .projectYearList ul li, .projectDepList ul li, .projectOfficeList ul li { position: relative; padding: 3px 5px; } .projectYearList { padding: 0px 0px 16px; } .projectYearList ul li, .projectDepList ul li, .projectOfficeList ul li { width: 25%; padding: 4px; } .projectYearList ul li a, .projectDepList ul li a, .projectOfficeList ul li a { padding: 2px 8px 3px; font-size: 10px; border-radius: 20px; background: rgb(239, 245, 252); } .projectYearList ul li + li::after, .projectDepList ul li::after, .projectOfficeList ul li::after { content: none; } .projectKeyword { width: auto; padding: 0px 40px 0px 0px; margin-top: 20px; } .projectKeyword input { height: 40px; padding: 3px 10px; } .projectKeyword button { width: 40px; height: 40px; } .projectItemList { margin: 0px 0px 0px -10px; padding: 40px 0px 0px; } .projectItemList .item { width: calc(50% - 10px); margin: 0px 0px 20px 10px; } .projectItemList figure { margin: 0px 0px 8px; } .projectItemList .ttl { margin: 0px 0px 5px; padding: 0px 0px 5px; font-size: 10px; } .projectItemList .ttl .file::after { width: 10px; height: 12px; margin: 2px 0px 0px 8px; } .projectItemList .ttl .blank::after { width: 12px; height: 10px; margin: 2px 0px 0px 8px; } .projectItemList .tag li { padding: 0px 0px 0px 15px; font-size: 10px; background-size: 10px; } .projectItemList .dep { margin-top: 10px; display: block; } .projectItemList .dep li { padding: 2px 10px; font-size: 10px; margin-top: 5px; display: inline-flex; } .projectSlide { margin: 0px -10px 5px; height: 220px; overflow: hidden; } .projectSlide .slick-slide img { max-height: 220px; } .projectSlide h1 { left: 0px; bottom: 0px; padding: 10px; font-size: 15px; } .projectSlide .slick-dots { right: 10px; bottom: 10px; } .projectDetail { display: block; } .projectBlockB { padding: 0px; } .projectDetailTag { margin: 0px 0px 10px; padding: 0px 0px 5px; display: block; } .projectDetailTag ul li { margin: 0px 10px 5px 0px; padding: 0px 0px 0px 15px; font-size: 12px; background-position: 0px 4px; background-size: 10px; } .projectDetailTag ul.dep { gap: 0px; margin-top: 5px; } .projectDetailService h2 { margin: 0px 0px 10px; font-size: 18px; } .projectDetailService ul li { margin: 0px 5px 5px 0px; padding: 1px 10px 2px; font-size: 10px; } .projectDetailData h2 { margin: 0px 0px 5px; padding: 0px 0px 5px; font-size: 18px; letter-spacing: 0.1em; } .projectDetailData table, .projectDetailData tbody, .projectDetailData tr, .projectDetailData th, .projectDetailData td { display: block; } .projectDetailData table { border-bottom: none; } .projectDetailData table th { width: 100%; padding: 5px 5px 0px; font-size: 13px; text-align: left; border: none; font-weight: bold; } .projectDetailData table td { width: 100%; padding: 5px; font-size: 12px; text-align: left; border-top: none; border-right: none; border-left: none; border-image: initial; border-bottom: 1px solid rgb(226, 226, 226); } #about .subTitle { margin-bottom: 30px; } #about .subTitle h2 { font-size: 22px; margin-bottom: 30px; } #about .philosophyTitle { padding: 30px 10px; } #about .philosophyTitle h2 { margin-bottom: 20px; } #about .philosophyTitle .txt { text-align: left; } #about .philosophyTitle .txt br { display: none; } #about .message { display: block; padding: 0px 10px; } #about .message figure { max-width: 50%; margin: 0px auto 10px; } #about .message .txt { font-size: 14px; } #about .message .txt strong { font-size: 18px; } #about .btmNav ul { margin: 50px 20px 0px; flex-wrap: wrap; justify-content: space-between; } #about .btmNav ul li { width: calc(50% - 5px); margin-bottom: 10px; } #about .btmNav ul li a { position: relative; display: flex; align-items: center; width: 100%; min-height: 46px; font-size: 14px; padding: 3px 15px; margin: 0px; text-align: left; } #about .btmNav ul li a span { display: inline-block; padding-left: 20px; } #about .btmNav ul li a span::before { left: 0px; width: 15px; height: 15px; top: 0px; bottom: 0px; margin: auto; } #about .subTitle nav ul { flex-wrap: wrap; } #about .subTitle nav ul li { margin-bottom: 10px; } #about .subTitle nav ul li a { position: relative; display: flex; align-items: center; width: 100%; min-height: 46px; font-size: 14px; padding: 3px 15px; margin: 0px; text-align: left; } #about .subTitle nav ul li a span { display: inline-block; padding-left: 18px; } #about .subTitle nav ul li a span::before { left: 0px; width: 15px; height: 15px; } #about .columnWrap { display: block; margin-bottom: 50px; text-align: center; } #about .columnWrap .ttl { font-size: 20px; display: inline-block; margin: 0px auto 30px; } #about .columnWrap .content { width: 100%; padding: 0px 10px; text-align: left; } #about .columnWrap .content .outlineList li { display: block; padding: 10px 0px; border-bottom: 1px solid rgb(226, 226, 226); margin-bottom: 0px; } #about .columnWrap .content .outlineList li .term { width: 100%; font-size: 10px; } #about .columnWrap .content .outlineList li .detail { width: 100%; } #about .columnWrap .content .outlineList li .detail .map::before { width: 12px; height: 17px; } #about .columnWrap .content .outlineList li .detail .date { font-size: 10px; } #about .columnWrap .content .outlineList li .detail .enName { margin-left: 10px; } #about .columnWrap .content .outlineList li .detail .job { font-size: 10px; } #about .subTitle .btn a { width: 100%; font-size: 14px; padding: 15px; margin: 0px; } #about .subTitle .btn a span::before { left: -20px; width: 15px; height: 15px; } #about .historyList li { display: block; border-bottom: 1px solid rgb(226, 226, 226); padding: 10px; } #about .historyList li .year { width: 100%; margin: 0px 0px 5px; } #about .historyList li .detail { width: 100%; } #about .subTitle .txt { padding: 0px 10px; text-align: left; font-size: 14px; } #about .complianceList { max-width: 1000px; margin: 0px auto; padding: 0px 10px; } #about .complianceList li { margin-bottom: 30px; } #about .complianceList dt { font-size: 14px; margin-bottom: 15px; } #about .columnWrap .unit { margin-bottom: 30px; } #about .columnWrap h3 { font-size: 20px; border-left: solid 4px var(--color-main); padding-left: 4px; line-height: 25px; margin-bottom: 20px; } #about .columnWrap h4 { font-size: 18px; margin-bottom: 10px; } #about .columnWrap table { width: 100%; border: 1px solid rgb(226, 226, 226); } #about .columnWrap table th, #about .columnWrap table td { padding: 15px; font-size: 12px; vertical-align: middle; border: 1px solid rgb(226, 226, 226); display: block; } #about .columnWrap table th { width: 100%; text-align: left; } #about .columnWrap table td { width: 100%; } #about .columnWrap .unit ul { margin-top: 30px; } #about .columnWrap ul li { margin-bottom: 15px; } #about .columnWrap .unitColumnR { display: block; } #about .columnWrap .unitColumnR figure { width: 100%; } #about .columnWrap .tableScroll { overflow-x: scroll; } #about .columnWrap .tableScroll { min-width: 750px; } #about .columnWrap .tableColumn table th, #about .columnWrap .tableColumn table td { display: table-cell; width: 33%; } #about .columnWrap .imgList { flex-direction: column; gap: 30px; text-align: center; } #about .columnWrap .imgList figure { width: 100%; } #career nav ul { font-size: 12px; margin-bottom: 50px; } #career nav ul li { width: 25%; text-align: center; } #career nav ul li a { display: block; } #career nav ul li a::after { bottom: -5px; height: 2px; } #career nav ul li:hover a::after { bottom: -10px; opacity: 1; visibility: visible; } #career nav ul li a.current::after { bottom: -10px; height: 2px; } #career #requirements { margin-bottom: 50px; padding: 0px 10px; } #career #requirements h3, #career #flow h3 { font-size: 18px; margin-bottom: 20px; } #career #requirements h4, #career #flow h4 { font-size: 16px; } #career #requirements ul li { display: block; padding: 10px 0px; } #career #requirements ul li .term { width: 100%; font-size: 12px; } #career #requirements ul li .detail { width: 100%; } #career #requirements .btn a { width: 100%; font-size: 14px; padding: 15px; margin: 30px auto 0px; } #career #requirements .btn a::after { width: 12px; height: 10px; margin: 4px 0px 0px 8px; } #career #entry .txt { text-align: left; margin-bottom: 30px; } #career #entry ul li { display: block; padding: 10px 0px; } #career #entry ul li .term { width: 100%; color: var(--color-main); font-weight: bold; font-size: 12px; margin-bottom: 10px; } #career #entry ul li .detail { width: 100%; } #career #entry .fileLabel { font-size: 12px; width: 100%; margin-top: 10px; } #career #entry li .note, #contact #entry li .note { font-size: 12px; } #contact_submit { margin: 0px; padding: 0px; background: none; border: none; border-radius: 0px; outline: none; appearance: none; } #contact_submit { border: 1px solid var(--color-main); width: 360px; display: block; font-size: 16px; color: var(--color-main); padding: 20px; line-height: 1; margin: 40px auto 0px; text-align: center; transition: all 0.3s ease 0s; } #career #entry input[type="text"], #career #entry input[type="email"] { line-height: 20px; } #career #entry textarea { height: 150px; } #career #entry .policyLink { margin-top: 20px; } #career #entry .policyLink::after { width: 12px; height: 10px; margin: 4px 0px 0px 8px; } #career #entry .btn a { width: 100%; font-size: 14px; color: var(--color-main); padding: 15px; margin: 30px auto 0px; } .comfirmBtn #entry_submit, .comfirmBtn #contact_submit { padding: 15px; font-size: 14px; margin: 10px auto 0px !important; width: 100% !important; } #career #entry .wpcf7-form-control-wrap .wpcf7-select { font-size: 14px; padding: 0px; } #careerKv { margin: 0px; } #career #careerLink { margin-top: 50px; padding: 20px 0px; } #career #careerLink .ttl { font-size: 20px; display: block; } #career #careerLink ul { flex-direction: column; gap: 15px; font-size: 13px; } #career #careerLink ul li a { padding: 2px 35px 2px 0px; } #career #careerLink ul li a::after { width: 26px; height: 26px; background-size: 10px; } #contact .txt { margin-bottom: 30px; text-align: left; } #contact ul li { display: block; padding: 10px 0px; } #contact ul li .term { width: 100%; font-size: 14px; } #contact ul li .detail { width: 100%; } #contact input[type="text"], #contact input[type="email"] { line-height: 20px; margin-top: 10px; } #contact textarea { margin-top: 10px; height: 150px; } #contact .btn a { width: 100%; font-size: 14px; color: var(--color-main); padding: 15px; margin: 30px auto 0px; } .comfirmBtn { display: block; justify-content: center; margin-top: 30px; } .comfirmBtn .btn a { margin: 10px 0px !important; width: 100% !important; } .wpcf7-not-valid-tip { font-size: 12px !important; } #contact_submit { width: 100%; font-size: 14px; color: var(--color-main); padding: 15px; margin: 30px auto 0px; } #policy .txt { margin-bottom: 30px; padding: 0px 10px; } #policy .txt br { display: none; } #policy .policyList { padding: 0px 10px; } #policy .policyList li { margin-bottom: 15px; } #policy .policyList dt { font-size: 14px; } #service .lead { font-size: 14px; text-align: left; margin-bottom: 50px; padding: 0px 10px; } #service h2 { font-size: 22px; margin-bottom: 30px; } #service ul li { margin-bottom: 60px; position: relative; height: inherit; } #service ul li figure { position: inherit; } #service ul li .detail { position: inherit; padding: 20px; bottom: 0px; } #service ul li .detail .ttl { font-size: 20px; } #service ul li .detail .txt { margin: 15px 0px; } #service ul li .detail .txt br { display: none; } #service ul li .detail .cont { padding: 10px 15px; font-size: 12px; line-height: 1.8; border-radius: 8px; } #service ul li .detail .cont br { display: none; } #service ul li:nth-child(2) figure { position: inherit; } #service #cityPlanning { padding: 60px 0px 50px; } #service #cityPlanning h2 { margin-bottom: 25px; } #service #cityPlanning .txt { font-size: 12px; margin-bottom: 40px; text-align: left; } #service #cityPlanning .btn { flex-direction: column; margin-top: 20px; } #service #cityPlanning .btn a { min-height: 46px; padding: 10px 15px; font-size: 14px; line-height: 1; } #service #cityPlanning::before { border-top: 30px solid rgb(255, 255, 255); border-left: 50vw solid transparent; border-right: 50vw solid transparent; } #service #cityPlanning .inner { padding: 0px 20px; } #service #cityPlanning .contentsBody .inner { padding: 0px; } #service #cityPlanning .colList01 { display: block; margin: 0px; } #service #cityPlanning .colList01 .col { width: auto; margin: 0px auto; padding: 0px; } #service #cityPlanning .colList01 figure a::after { bottom: 10px; right: 10px; width: 20px; height: 20px; border-radius: 50%; background-size: 4px 6px; } #service #cityPlanning .colList01 figure { margin: 0px 0px 10px; } #service #cityPlanning .colList01 figure img { border-radius: 10px; } #service #cityPlanning .colList01 .title { margin: 0px 0px 5px; font-size: 15px; text-align: left; } #service #cityPlanning .colList01 .txt { font-size: 12px; text-align: left; } #service #cityPlanning .colList01 .title a, #service #cityPlanning .colList01 figure a { padding: 0px; } #partner .lead { width: fit-content; margin-inline: auto; margin-bottom: 32px; font-size: 14px; text-align: left; } #partner .subTitle { padding-bottom: 25px; text-align: center; } #partner .subTitle h2 { font-size: 22px; margin-bottom: 15px; } #partner .subTitle p { width: fit-content; margin-inline: auto; text-align: left; } #partner .btnList { padding-bottom: 10px; } #partner .btnList .item { padding-bottom: 25px; } #partner .btnList .btn a { width: 100%; font-size: 14px; padding: 15px; margin: 0px; } #partner .btnList .btn a span::before { left: -20px; width: 15px; height: 15px; } #partner .btnList .btn a span::after { width: 12px; height: 15px; margin: 2px 0px 0px 10px; } #partner .btnList .caption { margin-top: 15px; margin-bottom: 20px; } #partner .noteList { padding-top: 20px; } #partner .noteList .item { padding-left: 1em; padding-bottom: 10px; text-indent: -1em; } .titleStyle01 { margin: 0px 0px 10px; padding: 0px 0px 10px; font-size: 13px; } .boxStyle01 { padding: 15px; } .boxStyle01 .ttl { font-size: 14px; } .boxStyle01 .link img { height: 13px; } .arwList01 li { padding: 0px 0px 0px 20px; background-position: 0px 3px; background-size: 12px 12px; } .arwList01 li .file::after { width: 10px; height: 12px; margin: 4px 0px 0px 8px; } .arwList01 li .blank::after { width: 12px; height: 10px; margin: 4px 0px 0px 8px; } .icoFile::after { width: 10px; height: 12px; margin: 6px 5px 0px; } .icoFileW::after { width: 10px; height: 12px; } .icoBlank::after { width: 12px; height: 10px; margin: 8px 5px 0px; } } @media screen and (min-width: 769px) { .newsNavList ul li a, .newsList .item a, .projectCategoryList ul li a, .projectYearList ul li a, .projectItemList a { text-decoration: none; transition: all 0.2s linear 0s; backface-visibility: hidden; } .newsNavList ul li a:hover, .newsList .item a:hover, .projectCategoryList ul li a:hover, .projectYearList ul li a:hover, .projectItemList a:hover { opacity: 0.7; } } '); --svg-arw02: url('data:image/svg+xml;utf8,'); } .fadeInUp { opacity: 0; transform: translateY(100px); } .fadeInDown { opacity: 0; transform: translateY(-100px); } .fadeInLeft { opacity: 0; animation-delay: 0.5s; transform: translate(-100px, 0px); } .fadeInRight { opacity: 0; transform: translateX(100px); animation-delay: 0.5s; } .fadeInRight02 { opacity: 1; transform: translateX(1000px); } .fadeInLeft02 { opacity: 1; transform: translate(-1000px, 0px); } @keyframes fadeIn { 0% { } 100% { opacity: 1; transform: translate(0px); } } .fadeIn { animation-name: fadeIn; animation-duration: 1s; animation-fill-mode: forwards; } .imgSlide { position: relative; max-width: 1000px; padding: 0px 0px 50px; overflow: hidden; } .imgSlide .slick-dots { position: absolute; left: 0px; right: 0px; bottom: 10px; } .imgSlide .slick-dots { display: flex; align-items: center; justify-content: center; } .imgSlide .slick-dots li { padding: 0px 3px; } .imgSlide .slick-dots li button { width: 10px; height: 10px; padding: 0px; cursor: pointer; text-indent: 200%; white-space: nowrap; border: none; border-radius: 50%; background: rgb(255, 255, 255); overflow: hidden; } .imgSlide .slick-dots li.slick-active button { background: var(--color-sub02); } .imgCenter figure { width: max-content; max-width: 100%; margin: 0px auto; padding: 0px 0px 25px; } .imgCenter figcaption { padding: 10px 0px 0px; font-size: 14px; } .cmnBlockA { padding-bottom: 60px; padding-left: 10px; padding-right: 10px; } .newsContainer { display: flex; max-width: 1200px; margin: 0px auto; } .newsNav { width: 200px; padding: 0px 40px 0px 0px; flex-shrink: 0; } .newsNavTitle { margin: 0px 0px 20px; color: var(--color-main); font-size: 24px; font-weight: bold; } .newsNavList { padding: 0px 0px 45px; } .newsNavList ul li { position: relative; margin: 0px 0px 15px; padding: 0px 0px 0px 15px; line-height: 1.4; font-weight: 500; } .newsNavList ul li::before { content: ""; position: absolute; top: 10px; left: 0px; display: block; width: 10px; height: 2px; background: var(--color-main); } .newsNavList ul li a { display: inline-block; padding: 0px 0px 1px; text-decoration: none; } .newsNavList ul li a.active { min-width: 90px; padding-left: 10px; padding-right: 10px; color: rgb(255, 255, 255); text-align: center; border-radius: 20px; background: var(--color-main); } .newsNavList ul li.none { opacity: 0.5; } .newsToggle { display: none; } .newsContent { flex: 1 1 0%; } .newsListTitle { margin: 0px 0px 20px; color: var(--color-main); font-size: 24px; font-weight: bold; } .newsList .item { margin: 0px 0px 20px; padding: 25px 28px 10px; background: rgb(249, 249, 249); } .newsList .item a { display: block; margin: -25px -28px -10px; padding: 25px 28px 10px; text-decoration: none; } .newsList .head { display: flex; align-items: flex-start; margin: 0px 0px 15px; } .newsList .date { margin: 0px 19px 0px 0px; font-size: 18px; font-weight: bold; } .newsList .tag { display: inline-block; min-width: 100px; margin: 5px 19px 0px 0px; padding: 2px 5px; color: rgb(255, 255, 255); font-size: 14px; font-weight: 500; line-height: 1.1; text-align: center; background: var(--color-main); } .newsList .ttl { position: relative; color: var(--color-main); font-size: 18px; font-weight: bold; flex-grow: 1; } .newsList .ttl.file::after { content: ""; display: inline-block; width: 15px; height: 17px; margin: 6px 0px 0px 10px; line-height: 1; vertical-align: top; background: url("") 0px 0px / 100% no-repeat; } .newsList .ttl.blank::after { content: ""; display: inline-block; width: 20px; height: 17px; margin: 6px 0px 0px 10px; line-height: 1; vertical-align: top; background: url("") 0px 0px / 100% no-repeat; } .newsList .lead { margin: 0px 0px 15px; line-height: 2; } .newsHead { display: flex; flex-wrap: wrap; margin: 0px 0px 40px; padding-bottom: 20px; border-bottom: 1px solid rgb(226, 226, 226); } .newsHead .date { margin: 0px 19px 0px 0px; font-size: 18px; font-weight: bold; } .newsHead .tag { display: inline-block; min-width: 100px; margin: 5px 19px 0px 0px; padding: 2px 5px; color: rgb(255, 255, 255); font-size: 14px; font-weight: 500; line-height: 1.1; text-align: center; background: var(--color-main); } .newsHead .ttl { width: 100%; padding: 5px 0px 0px; color: var(--color-main); font-size: 30px; font-weight: bold; flex-shrink: 0; } .newsDetail { max-width: 900px; margin: 0px auto; } .newsLead { padding: 0px 0px 25px; } .newsLead p { margin: 0px 0px 25px; line-height: 2; } .newsUnit { padding: 0px 0px 25px; } .newsUnit h3 { margin: 0px 0px 15px; font-size: 20px; font-weight: bold; } .newsUnit p { margin: 0px 0px 25px; line-height: 2; } .newsDetail a { color: rgb(23, 101, 184); text-decoration: underline; transition: all 0.3s ease 0s; } .newsDetail a:hover { opacity: 0.7; } .newsLinkList { max-width: 900px; margin: 0px auto; } .newsLinkList .arwList01 li { background-color: rgb(239, 245, 252); padding: 10px 10px 10px 36px; border-radius: 20px; } .projectFilter { background: var(--color-sub03); padding: 50px 30px 90px; margin-bottom: 100px; position: relative; display: none; } .projectFilter .secondary { display: flex; gap: 0px 30px; } .projectClear { position: absolute; right: 30px; bottom: 20px; cursor: pointer; } .projectClear img, .projectSort img { margin-right: 10px; } .projectSort img { transform: rotate(180deg); } .projectSort.open img { transform: rotate(0deg); } .projectSort { background: var(--color-sub03); padding: 20px 30px; width: fit-content; margin-left: auto; cursor: pointer; } .projectCategory, .projectDep, .projectOffice { padding: 0px 0px 50px; } .projectDep, .projectOffice { width: 50%; } .projectCategory h2, .projectDep h2, .projectOffice h2 { margin-bottom: 20px; color: var(--color-main); font-size: 26px; font-weight: bold; letter-spacing: 0.2em; } .projectCategoryList ul { display: flex; flex-wrap: wrap; margin: 0px 0px 0px -5px; } .projectCategoryList ul li { width: calc(20% - 5px); margin: 0px 0px 0px 5px; flex-shrink: 0; } .projectCategoryList ul li a { display: flex; align-items: center; min-height: 60px; padding: 5px 10px; color: var(--color-main); font-size: 13px; font-weight: 500; text-decoration: none; border-bottom: 1px solid rgb(226, 226, 226); } .projectCategoryList ul li a span { position: relative; display: flex; width: 100%; max-width: 200px; margin: 0px auto; padding: 0px 0px 0px 23px; text-align: left; background: url("") 0px 3px / 15px 15px no-repeat; } .projectCategoryList ul li.current a { color: rgb(255, 255, 255); border-bottom: none; background: var(--color-main); } .projectCategoryList ul li.current a span { background: url("") 0px 6px / 15px no-repeat; } .projectCategoryList ul li.all a span { background: none; } .projectCategoryList ul li.all a span::before { content: ""; position: absolute; top: 4px; left: 0px; width: 15px; height: 15px; background: rgb(233, 243, 253); } .projectCategoryList ul li.all.current a span { background: url("") 0px 6px / 15px no-repeat; } .projectCategoryList ul li.all.current a span::before { content: none; } .projectTools { display: flex; gap: 0px 30px; } .projectYear { align-items: center; width: 50%; } .projectYear h2 { color: var(--color-main); font-size: 22px; font-weight: bold; letter-spacing: 0.2em; white-space: nowrap; margin-bottom: 20px; } .projectYearList { } .projectYearList ul, .projectDepList ul, .projectOfficeList ul { display: flex; flex-wrap: wrap; min-height: 60px; padding: 5px 0px; align-items: center; border-bottom: 1px solid rgb(226, 226, 226); } .projectYearList ul li, .projectDepList ul li, .projectOfficeList ul li { position: relative; padding: 3px 5px; } .projectDepList ul li img, .projectOfficeList ul li img { margin-right: 3px; } .projectYearList ul li + li::after, .projectDepList ul li + li::after, .projectOfficeList ul li + li::after { content: ""; position: absolute; top: 5px; right: 0px; display: block; width: 1px; height: 20px; background: rgb(226, 226, 226); } .projectYearList ul li:last-child::after, .projectDepList ul li:last-child::after, .projectOfficeList ul li:last-child::after { content: none; } .projectYearList ul li a, .projectDepList ul li a, .projectOfficeList ul li a { display: flex; align-items: center; justify-content: center; padding: 0px 8px 1px; color: var(--color-main); font-size: 16px; font-weight: 500; text-decoration: none; } .projectYearList ul li.current a, .projectDepList ul li.current a, .projectOfficeList ul li.current a { color: rgb(255, 255, 255); border-radius: 20px; background: var(--color-main); } .projectDepList ul li:nth-child(2).current a { background-color: rgb(29, 45, 101); } .projectDepList ul li:nth-child(3).current a { background-color: rgb(128, 53, 14); } .projectDepList ul li:nth-child(4).current a { background-color: rgb(146, 208, 80); } .projectKeyword { position: relative; width: 50%; padding: 0px 60px 0px 0px; height: fit-content; background: rgb(255, 255, 255); margin-top: 53px; } .projectKeyword input { width: 100%; height: 60px; margin: 0px; padding: 3px 20px; outline: none; border: none; background: none; } .projectKeyword button { position: absolute; top: 0px; right: 0px; width: 60px; height: 60px; cursor: pointer; text-indent: 200%; white-space: nowrap; border: none; background: url("") center center / 20px no-repeat; overflow: hidden; } .projectItemList { display: flex; flex-wrap: wrap; margin: 50px 0px 0px -30px; } .projectItemList .item { width: 446px; margin: 0px 0px 50px 30px; flex-shrink: 0; } .projectItemList figure { margin: 0px 0px 10px; } .projectItemList figure img { width: 100%; height: 100%; object-fit: cover; aspect-ratio: 50 / 29; } .projectItemList .ttl { margin: 0px 0px 5px; padding: 0px 0px 5px; color: var(--color-main); font-size: 14px; font-weight: 500; border-bottom: 1px solid rgb(226, 226, 226); } .projectItemList .ttl .file::after { content: ""; display: inline-block; width: 15px; height: 17px; margin: 1px 0px 0px 10px; line-height: 1; vertical-align: top; background: url("") 0px 0px / 100% no-repeat; } .projectItemList .ttl .blank::after { content: ""; display: inline-block; width: 20px; height: 17px; margin: 1px 0px 0px 10px; line-height: 1; vertical-align: top; background: url("") 0px 0px / 100% no-repeat; } .projectItemList .ttl a { color: var(--color-main); text-decoration: none; } .projectItemList .tag li { padding: 2px 0px 2px 20px; font-size: 12px; background: url("") 0px 4px / 15px no-repeat; } .projectItemList .dep { margin-top: 5px; font-size: 12px; display: flex; gap: 0px 10px; } .projectItemList .dep li { padding: 2px 10px; color: rgb(255, 255, 255); border-radius: 12px; display: flex; align-items: center; line-height: 1; } .projectItemList .dep li.dep01 { background-color: rgb(146, 208, 80); } .projectItemList .dep li.dep02 { background-color: rgb(29, 45, 101); } .projectItemList .dep li.dep03 { background-color: rgb(128, 53, 14); } .projectSlide { position: relative; max-width: 1400px; margin: -50px 0px 10px; overflow: hidden; background-color: rgb(238, 238, 238); max-height: 800px; } .projectSlide .slick-slide img { width: auto; max-height: 800px; object-fit: contain; margin: 0px auto; } .projectSlide h1 { position: absolute; left: 0px; bottom: 0px; width: 100%; padding: 30px 40px; z-index: 2; color: rgb(255, 255, 255); font-size: 36px; font-weight: bold; background-image: linear-gradient(rgba(255, 255, 255, 0) 25%, rgba(0, 0, 0, 0.5)); } .projectSlide .slick-dots { position: absolute; left: 0px; right: 20px; bottom: 20px; z-index: 1000; } .projectSlide .slick-dots { display: flex; align-items: center; justify-content: flex-end; } .projectSlide .slick-dots li { padding: 0px 3px; } .projectSlide .slick-dots li button { width: 10px; height: 10px; padding: 0px; cursor: pointer; text-indent: 200%; white-space: nowrap; border: none; border-radius: 50%; background: rgb(255, 255, 255); overflow: hidden; } .projectSlide .slick-dots li.slick-active button { background: var(--color-sub02); } .projectDetail { display: grid; grid-template-columns: auto 36%; grid-template-rows: max-content 1fr auto; gap: 0px; } .projectBlockA { grid-area: 1 / 1 / 2 / 2; } .projectBlockB { grid-area: 1 / 2 / 3 / 3; padding: 0px 0px 0px 30px; } .projectBlockC { grid-area: 2 / 1 / 3 / 2; } .projectDetailTag { margin: 0px 0px 10px; padding: 0px 0px 10px; border-bottom: 1px solid rgb(226, 226, 226); display: flex; } .projectDetailTag ul { display: flex; flex-wrap: wrap; } .projectDetailTag ul.tag li { margin: 0px 20px 0px 0px; padding: 2px 0px 0px 20px; font-size: 14px; background: url("") 0px 6px / 15px no-repeat; } .projectDetailTag ul.dep { font-size: 12px; display: flex; gap: 0px 10px; } .projectDetailTag ul.dep li { padding: 2px 10px; color: rgb(255, 255, 255); border-radius: 12px; display: flex; line-height: 1; align-items: center; } .projectDetailTag ul.dep li.dep01 { background-color: rgb(146, 208, 80); } .projectDetailTag ul.dep li.dep02 { background-color: rgb(29, 45, 101); } .projectDetailTag ul.dep li.dep03 { background-color: rgb(128, 53, 14); } .projectDetailSummary p { margin: 0px 0px 30px; line-height: 2; } .projectDetailService { padding: 0px 0px 30px; } .projectDetailService h2 { margin: 0px 0px 15px; color: var(--color-main); font-size: 20px; font-weight: bold; } .projectDetailService ul { display: flex; flex-wrap: wrap; } .projectDetailService ul li { margin: 0px 5px 5px 0px; padding: 1px 10px; color: var(--color-main); font-size: 12px; font-weight: 500; border-radius: 20px; background: rgb(217, 226, 236); } .projectDetailData { padding: 0px 0px 30px; } .projectDetailData h2 { margin: 0px 0px 10px; padding: 0px 0px 10px; color: var(--color-main); font-size: 20px; font-weight: bold; letter-spacing: 0.2em; border-bottom: 1px solid rgb(226, 226, 226); } .projectDetailData table { width: 100%; } .projectDetailData table th, .projectDetailData table td { padding: 10px; font-size: 14px; vertical-align: middle; border-bottom: 1px solid rgb(226, 226, 226); } .projectDetailData table th { width: 120px; font-weight: bold; text-align: left; } .projectDetailData table td { text-align: left; } .projectDetailData ul li { margin: 0px 0px 5px; } .projectBlockC.newsLinkList { margin: inherit; } #about .subTitle { margin-bottom: 100px; text-align: center; color: var(--color-main); font-weight: 500; } #about .subTitle h2 { font-size: 36px; margin-bottom: 60px; font-weight: bold; } #about .philosophyTitle { background-color: rgb(239, 245, 252); padding: 80px 20px; } #about .philosophyTitle h2 { margin-bottom: 40px; } #about .philosophyTitle .txt { color: rgb(51, 51, 51); line-height: 2; } #about .message { display: flex; justify-content: space-between; } #about .message figure { max-width: 240px; margin-right: 80px; flex-shrink: 0; } #about .message .txt { font-size: 18px; line-height: 2; } #about .message .txt strong { font-size: 22px; color: var(--color-main); } #about .message .txt .name { display: block; text-align: right; } #about .btmNav ul { display: flex; justify-content: center; margin-top: 100px; } #about .btmNav ul li a { border: 1px solid var(--color-main); width: 264px; display: inline-block; font-size: 16px; color: var(--color-main); padding: 30px; line-height: 1; margin: 0px 10px; text-align: center; } #about .btmNav ul li a span { position: relative; } #about .btmNav ul li a span::before { content: ""; position: absolute; top: 0px; bottom: 0px; left: -30px; margin: auto; display: inline-block; width: 20px; height: 20px; background-image: url(""); background-size: contain; } #about .subTitle nav ul { display: flex; justify-content: center; } #about .subTitle nav ul li a { display: inline-block; font-size: 20px; color: var(--color-main); line-height: 1; margin: 0px 30px; } #about .subTitle nav ul li a span { position: relative; } #about .subTitle nav ul li a span::before { content: ""; position: absolute; top: 0px; bottom: 0px; left: -30px; margin: auto; display: inline-block; width: 20px; height: 20px; background-image: url(""); background-size: contain; transform: rotate(90deg); } #about .columnWrap { display: flex; justify-content: space-between; margin-bottom: 100px; gap: 0px 30px; } #about .columnWrap .ttl { color: var(--color-main); font-weight: 500; font-size: 30px; position: relative; max-width: 400px; } #about .columnWrap .ttl::after { content: ""; display: block; margin-top: 5px; width: 100%; height: 3px; background-color: var(--color-main); } #about .columnWrap .content { width: 1000px; } #about .columnWrap .content .outlineList { border-top: 1px solid rgb(226, 226, 226); } #about .columnWrap .content .outlineList li { display: flex; padding: 20px 0px; border-bottom: 1px solid rgb(226, 226, 226); align-items: center; text-indent: inherit; } #about .columnWrap .content .outlineList li .term { width: 25%; color: var(--color-main); font-weight: bold; font-size: 16px; } #about .columnWrap .content .outlineList li .detail { width: 75%; } #about .columnWrap .content .outlineList li .detail .map::before { content: ""; background-image: url(""); background-size: contain; display: inline-block; width: 15px; height: 22px; margin: 0px 2px 0px 10px; } #about .columnWrap .content .outlineList li .detail .date { font-size: 12px; color: rgb(153, 153, 153); display: block; text-align: right; } #about .columnWrap .content .outlineList li .detail .enName { color: rgb(153, 153, 153); margin-left: 20px; } #about .columnWrap .content .outlineList li .detail .job { font-size: 14px; display: block; } #about .columnWrap .content .outlineList li .detail .lst01 { display: grid; grid-template-columns: 9.5em 1fr; column-gap: 10px; } #about .subTitle .btn a { border: 1px solid var(--color-main); width: 760px; display: inline-block; font-size: 20px; color: var(--color-main); padding: 30px; line-height: 1; margin: 0px 10px; } #about .subTitle .btn a span { position: relative; } #about .subTitle .btn a span::before { content: ""; position: absolute; top: 0px; bottom: 0px; left: -30px; margin: auto; display: inline-block; width: 20px; height: 20px; background-image: url(""); background-size: contain; } #about .historyList a { color: rgb(23, 101, 184); text-decoration: underline; transition: all 0.3s ease 0s; } #about .historyList a:hover { opacity: 0.7; } #about .historyList { border-top: 1px solid rgb(226, 226, 226); max-width: 1000px; margin: 0px auto; } #about .historyList li { display: flex; border-bottom: 1px solid rgb(226, 226, 226); padding: 30px 0px; } #about .historyList li .year { color: var(--color-main); font-weight: bold; width: 18%; } #about .historyList li .detail { width: 82%; } #about .subTitle .txt { font-size: 18px; } #about .complianceList { max-width: 1000px; margin: 0px auto; } #about .complianceList li { margin-bottom: 60px; } #about .complianceList dt { color: var(--color-main); font-weight: bold; font-size: 24px; margin-bottom: 30px; } #about .complianceList dt, #about .complianceList dd { text-indent: -1em; padding-left: 1em; } #about .columnWrap .unit { margin-bottom: 60px; } #about .columnWrap h3 { font-size: 28px; font-weight: bold; color: var(--color-main); border-left: solid 8px var(--color-main); padding-left: 8px; line-height: 50px; margin-bottom: 30px; } #about .columnWrap h4 { font-size: 20px; font-weight: bold; margin-bottom: 20px; } #about .columnWrap table { width: 100%; border: 1px solid rgb(226, 226, 226); } #about .columnWrap table th, #about .columnWrap table td { padding: 14px 20px; font-size: 14px; vertical-align: middle; border: 1px solid rgb(226, 226, 226); } #about .columnWrap table th { width: 200px; font-weight: bold; text-align: center; background: rgb(239, 245, 252); } #about .columnWrap table td { text-align: left; } #about .columnWrap table td.tdCenter { text-align: center; } #about .columnWrap table td.tdRight { text-align: right; } #about .columnWrap ul li { text-indent: -1em; padding-left: 1em; margin-top: 10px; } #about .columnWrap a { color: rgb(23, 101, 184); text-decoration: underline; transition: all 0.3s ease 0s; } #about .columnWrap a:hover { opacity: 0.7; } #about .columnWrap .unitColumnR { display: flex; gap: 0px 10px; justify-content: space-between; } #about .columnWrap .unitColumnR figure { flex-shrink: 0; width: 300px; } #about #organization figure { max-width: 810px; } #about .columnWrap .imgList { margin-top: 30px; display: flex; gap: 0px 30px; justify-content: flex-start; } #about .columnWrap .imgList figure { width: 30%; } #career { max-width: 1020px; margin: 0px auto; } #career nav ul { display: flex; justify-content: space-between; font-size: 26px; font-weight: bold; margin-bottom: 100px; } #career nav ul li a { color: var(--color-main); position: relative; transition: all 0.3s ease 0s; } #career nav ul li a:hover { text-decoration: none; } #career nav ul li a::after { content: ""; position: absolute; left: 0px; right: 0px; bottom: 10px; height: 3px; background: var(--color-main); opacity: 0; visibility: hidden; transition: all 0.2s linear 0s; backface-visibility: hidden; } #career nav ul li:hover a::after { bottom: -10px; opacity: 1; visibility: visible; } #career nav ul li a.current::after { content: ""; position: absolute; left: 0px; right: 0px; bottom: -10px; height: 3px; background: var(--color-main); opacity: 1; visibility: visible; } #career #requirements { margin-bottom: 100px; } #career #requirements .lead { margin-bottom: 60px; } #career #requirements .lead .txt { text-align: left; line-height: 2; margin-bottom: 20px; } #career #requirements h3, #career #flow h3 { font-size: 28px; font-weight: bold; color: var(--color-main); margin-bottom: 40px; } #career #requirements h4, #career #flow h4 { font-size: 20px; font-weight: bold; margin: 40px 0px 20px; } #career #requirements h4.navy, #career #flow h4.navy { color: var(--color-main); } #career #requirements ul { border-top: 1px solid rgb(226, 226, 226); } #career #requirements ul li { display: flex; padding: 20px 0px; border-bottom: 1px solid rgb(226, 226, 226); align-items: center; } #career #requirements ul li .term { width: 25%; color: var(--color-main); font-weight: bold; font-size: 16px; } #career #requirements ul li .detail { width: 75%; } #career #requirements a { color: rgb(23, 101, 184); text-decoration: underline; transition: all 0.3s ease 0s; } #career #requirements ul li a:hover { opacity: 0.7; } #career .btn a { border: 1px solid var(--color-main); width: 360px; display: block; font-size: 20px; padding: 20px; line-height: 1; margin: 60px auto 0px; text-align: center; transition: all 0.3s ease 0s; color: var(--color-main) !important; text-decoration: none !important; } #career .btn.blank a::after { content: ""; display: inline-block; width: 20px; height: 17px; margin: 2px 0px 0px 10px; line-height: 1; vertical-align: top; background: url("") 0px 0px / 100% no-repeat; } #career #flow figure { margin-bottom: 20px; } #career .newsLinkList { margin: inherit; } #career .recruitBnr { margin-top: 60px; } #career .recruitBnr a:hover { opacity: 0.7; } #career #entry .txt { text-align: center; margin-bottom: 60px; } #career #entry ul { border-top: 1px solid rgb(226, 226, 226); } #career #entry ul li { display: flex; padding: 20px 0px; border-bottom: 1px solid rgb(226, 226, 226); align-items: center; } #career #entry ul li .term { width: 25%; color: var(--color-main); font-weight: bold; font-size: 16px; } #career #entry ul li .detail { width: 75%; } #career #entry ul li .detail .jobList { display: flex; gap: 5px 15px; margin-top: 10px; flex-wrap: wrap; } #career #entry ul li .detail .jobList input { appearance: auto; transform: scale(1.3); accent-color: var(--color-sub02); } #career #entry ul li .detail .jobList .wpcf7-list-item.first { margin: 0px; } #career #entry .fileLabel { display: block; font-size: 14px; line-height: 1.5; text-align: center; width: min(100%, 350px); padding: 10px; color: rgb(255, 255, 255); background-color: var(--color-sub02); cursor: pointer; transition: opacity 0.3s ease 0s; } #career #entry .fileLabel:hover { opacity: 0.7; } #career #entry input[type="file"] { display: none; } #career #entry li .note, #contact #entry li .note { margin-top: 10px; color: rgb(248, 60, 63); font-size: 14px; } #career #entry input[type="text"], #career #entry input[type="email"] { line-height: 30px; background-color: rgb(243, 243, 243); border: none; width: 100%; padding: 10px; box-sizing: border-box; } #career #entry textarea { height: 250px; background-color: rgb(243, 243, 243); border: none; width: 100%; padding: 10px; box-sizing: border-box; } #career #entry ul li:nth-child(6) .wpcf7-form-control-wrap { position: relative; width: 100%; margin: 2em auto; } #career #entry .wpcf7-form-control-wrap .wpcf7-select { position: relative; font-size: 16px; font-family: inherit; background-color: transparent; width: 100%; padding: 10px 10px 10px 0px; border-radius: 0px; border: none; cursor: pointer; } #career #entry .wpcf7-form-control-wrap .wpcf7-select:focus { outline: none; border-bottom: 1px solid rgba(0, 0, 0, 0); } #career #entry .wpcf7-form-control-wrap .wpcf7-select { appearance: none; } #career #entry ul li:nth-child(6) .wpcf7-form-control-wrap::after { position: absolute; top: 10px; right: 10px; width: 0px; height: 0px; padding: 0px; content: ""; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid rgba(0, 0, 0, 0.3); pointer-events: none; } #career #entry .policyLink { text-align: center; margin-top: 40px; position: relative; } #career #entry .policyLink::after { content: ""; display: inline-block; width: 20px; height: 17px; margin: 6px 0px 0px 10px; line-height: 1; vertical-align: top; background: url("") 0px 0px / 100% no-repeat; } #career #entry .btn a { border: 1px solid var(--color-main); width: 360px; display: block; font-size: 16px; color: var(--color-main); padding: 20px; line-height: 1; margin: 40px auto 0px; text-align: center; transition: all 0.3s ease 0s; } #careerKv { max-width: 1400px; margin: 50px auto 0px; } #career #careerLink { padding: 50px 0px; margin-top: 100px; border-bottom: 2px solid rgb(217, 217, 217); border-top: 2px solid rgb(217, 217, 217); font-family: var(--font-notoserif); } #career #careerLink .ttl { font-size: 30px; display: flex; align-items: center; gap: 0px 20px; margin-bottom: 20px; } #career #careerLink .ttl span { font-size: 14px; display: block; font-family: "Noto Sans JP", sans-serif; } #career #careerLink ul { display: flex; font-size: 18px; justify-content: space-between; } #career #careerLink ul li a { position: relative; display: inline-block; padding: 6px 63px 6px 0px; } #career #careerLink ul li a::after { content: ""; position: absolute; top: 0px; right: 0px; display: inline-block; width: 40px; height: 40px; border-radius: 50%; border: 1px solid rgb(139, 144, 152); background: var(--svg-arw02) no-repeat center center / 14px auto #fff; transition: all 0.3s ease 0s; } #career #careerLink ul li a:hover::after { border-color: rgb(49, 51, 54); background-color: rgb(49, 51, 54); background-image: var(--svg-arw01); } #career #careerLink ul li a:hover { text-decoration: none; } #contact { max-width: 1020px; margin: 0px auto; } #contact .txt { text-align: center; margin-bottom: 60px; } .requiredTxt { font-size: 12px; margin-bottom: 5px; color: rgb(248, 60, 63); display: block; } #contact ul { border-top: 1px solid rgb(226, 226, 226); } #contact ul li { display: flex; padding: 20px 0px; border-bottom: 1px solid rgb(226, 226, 226); align-items: center; } #contact ul li .term { width: 25%; color: var(--color-main); font-weight: bold; font-size: 16px; } #contact ul li .detail { width: 75%; } .term .required { color: rgb(248, 60, 63); font-size: 0.8em; vertical-align: top; } #contact input[type="text"], #contact input[type="email"] { line-height: 30px; background-color: rgb(243, 243, 243); border: none; width: 100%; padding: 10px; box-sizing: border-box; } #contact textarea { height: 250px; background-color: rgb(243, 243, 243); border: none; width: 100%; padding: 10px; box-sizing: border-box; } #contact .policyLink { text-align: center; margin-top: 40px; position: relative; } #contact .policyLink::after { content: ""; display: inline-block; width: 20px; height: 17px; margin: 6px 0px 0px 10px; line-height: 1; vertical-align: top; background: url("") 0px 0px / 100% no-repeat; } #contact .btn a { border: 1px solid var(--color-main); width: 360px; display: block; font-size: 16px; color: var(--color-main); padding: 20px; line-height: 1; margin: 40px auto 0px; text-align: center; transition: all 0.3s ease 0s; } #contact .txt a { color: rgb(23, 101, 184); text-decoration: underline; transition: all 0.3s ease 0s; } #contact .txt a:hover { opacity: 0.7; } .comfirmBtn { display: flex; justify-content: center; margin-top: 40px; } .comfirmBtn .btn a { margin: 0px 10px !important; width: 260px !important; } .wpcf7-not-valid-tip { margin-top: 10px; color: rgb(248, 60, 63) !important; font-size: 14px !important; } .wpcf7-not-valid-tip { display: none !important; } #contact_submit, #entry_submit { margin: 0px; padding: 0px; background: none; border: none; border-radius: 0px; outline: none; appearance: none; font-weight: 500; } #contact_submit, #entry_submit { border: 1px solid var(--color-main); width: 360px; display: block; font-size: 16px; color: var(--color-main); padding: 20px; line-height: 1; margin: 40px auto 0px; text-align: center; transition: all 0.3s ease 0s; cursor: pointer; } .comfirmBtn #entry_submit, .comfirmBtn #contact_submit { margin: 0px 10px !important; width: 260px !important; } #contact_submit:hover, #entry_submit:hover { text-decoration: underline; } #policy { max-width: 1000px; margin: 0px auto; } #policy .txt { margin-bottom: 60px; } #policy .txt .note { display: block; text-align: right; } #policy .policyList li { margin-bottom: 30px; } #policy .policyList dt { color: var(--color-main); font-weight: bold; font-size: 18px; margin-bottom: 10px; } #policy .policyList dt, #about .policyList dd { text-indent: -1em; padding-left: 1em; } #policy a { color: rgb(23, 101, 184); text-decoration: underline; transition: all 0.3s ease 0s; } #policy a:hover { opacity: 0.7; } #service .lead { font-size: 18px; text-align: center; line-height: 2; margin-bottom: 100px; } #service a { color: rgb(23, 101, 184); text-decoration: underline; transition: all 0.3s ease 0s; } #service a:hover { opacity: 0.7; } #service h2 { font-size: 36px; color: var(--color-main); font-weight: bold; text-align: center; margin-bottom: 100px; } #service ul li { margin-bottom: 60px; position: relative; height: 500px; } #service ul li figure { max-width: 1000px; position: absolute; left: 0px; } #service ul li .detail { background-color: rgb(246, 247, 251); max-width: 700px; position: absolute; right: 0px; bottom: -20px; padding: 40px; } #service ul li .detail .ttl { font-size: 30px; color: var(--color-main); font-weight: bold; } #service ul li .detail .txt { margin: 30px 0px; } #service ul li .detail .cont { background-color: var(--color-main); color: rgb(255, 255, 255); padding: 10px 20px; line-height: 1.2; border-radius: 100px; font-size: 14px; } #service ul li:nth-child(2) figure { position: absolute; right: 0px; left: inherit; } #service ul li:nth-child(2) .detail { left: 0px; right: inherit; } #service #cityPlanning { background-image: url(""); color: rgb(255, 255, 255); background-size: cover; text-align: center; padding: 200px 0px 100px; position: relative; background-repeat: no-repeat; } #service #cityPlanning h2 { color: rgb(255, 255, 255); margin-bottom: 50px; } #service #cityPlanning .txt { font-size: 18px; text-align: center; line-height: 2; margin-bottom: 50px; } #service #cityPlanning .btn { display: flex; gap: 20px; justify-content: center; margin-top: 40px; } #service #cityPlanning .btn a { border: 1px solid rgb(255, 255, 255); width: 100%; max-width: 360px; min-height: 58px; display: flex; align-items: center; justify-content: center; gap: 10px; font-size: 16px; color: rgb(255, 255, 255); padding: 10px 20px; line-height: 1; text-align: center; transition: all 0.3s ease 0s; text-decoration: none; } #service #cityPlanning::before { content: ""; position: absolute; width: 0px; height: 0px; top: 0px; left: 50%; border-top: 120px solid rgb(255, 255, 255); border-left: 50vw solid transparent; border-right: 50vw solid transparent; transform: translateX(-50%); } #service #cityPlanning .colList01 { display: flex; flex-wrap: wrap; justify-content: space-between; max-width: 1000px; margin: 0px auto; } #service #cityPlanning .colList01 .col { width: 25%; max-width: 480px; padding: 0px 15px; } #service #cityPlanning .colList01 figure { margin: 0px 0px 25px; } #service #cityPlanning .colList01 figure a { position: relative; display: block; } #service #cityPlanning .colList01 figure a::after { content: ""; position: absolute; bottom: 10px; right: 10px; display: inline-block; width: 30px; height: 30px; border-radius: 50%; background: url("") center center no-repeat rgb(91, 159, 51); } #service #cityPlanning .colList01 figure img { aspect-ratio: 8 / 5; object-fit: cover; width: 100%; height: 100%; border-radius: 20px; box-shadow: rgba(4, 0, 0, 0.05) 0px 5px 5px; } #service #cityPlanning .colList01 .title { margin: 0px 0px 15px; font-size: 15px; font-weight: 500; } #service #cityPlanning .colList01 .title a { text-decoration: none; color: rgb(255, 255, 255); } #service #cityPlanning .colList01 .txt { font-size: 14px; line-height: 1.2; margin-bottom: 30px; } #sitemap nav { display: flex; flex: 1 1 0%; } #sitemap nav .nav:first-child { padding: 0px; } #sitemap nav .nav { width: 33.333%; padding: 0px 0px 0px 80px; } #sitemap nav .navTop, #sitemap nav .navAbout, #sitemap nav .navCareers { margin-bottom: 35px; } #sitemap nav ul li p { margin: 0px 0px 10px; padding: 0px 0px 10px; border-bottom: 1px solid rgb(226, 226, 226); } #sitemap nav ul li p a { display: block; color: var(--color-sub02); font-size: 15px; font-weight: 500; } #sitemap nav ul li ul { font-size: 12px; } #sitemap nav ul li ul li { margin: 0px 0px 14px; } #sitemap nav ul li ul li:last-child { margin-bottom: 0px; } #sitemap nav .acd { display: none; } #partner .lead { margin-bottom: 64px; font-size: 16px; text-align: center; } #partner .subTitle { padding-bottom: 25px; text-align: center; } #partner .subTitle h2 { color: var(--color-main); font-size: 36px; font-weight: 500; margin-bottom: 25px; } #partner .btnList { padding-bottom: 20px; } #partner .btnList .item { padding-bottom: 25px; text-align: center; } #partner .btnList .btn a { border: 1px solid var(--color-main); width: 760px; display: inline-block; font-size: 20px; color: var(--color-main); padding: 30px; line-height: 1; margin: 0px 10px; } #partner .btnList .btn a span { position: relative; } #partner .btnList .btn a span::before { content: ""; position: absolute; top: 0px; bottom: 0px; left: -30px; margin: auto; display: inline-block; width: 20px; height: 20px; background-image: url(""); background-size: contain; } #partner .btnList .btn a span::after { content: ""; display: inline-block; width: 15px; height: 18px; margin: 4px 0px 0px 10px; line-height: 1; vertical-align: top; background: url("") 0px 0px / 100% no-repeat; } #partner .btnList .caption { margin-top: 25px; margin-bottom: 30px; } #partner .noteList { width: fit-content; margin-inline: auto; padding-top: 30px; } #partner .noteList .item { padding-left: 1em; padding-bottom: 10px; text-indent: -1em; } .titleStyle01 { margin: 0px 0px 15px; padding: 0px 0px 15px; color: var(--color-main); font-size: 20px; font-weight: bold; letter-spacing: 0.15em; border-bottom: 1px solid rgb(226, 226, 226); } .boxStyle01 { margin: 0px 0px 30px; padding: 25px; background-color: rgb(246, 247, 251); } .boxStyle01 .ttl { margin: 0px 0px 10px; color: var(--color-main); font-size: 18px; font-weight: bold; text-align: center; } .boxStyle01 p { margin: 0px 0px 10px; line-height: 1.8; } a.arwLink { position: relative; color: rgb(0, 0, 0); text-decoration: none; padding-left: 20px; } a.arwLink::before { content: ""; position: absolute; top: 0px; bottom: 0px; left: 0px; margin: auto; display: inline-block; width: 16px; height: 16px; background-image: url(""); background-size: contain; } .arwList01 li { margin-bottom: 10px; padding-left: 20px; } .arwList01 li a { position: relative; } .arwList01 li a::before { content: ""; position: absolute; top: 0px; bottom: 0px; left: -20px; margin: auto; display: inline-block; width: 16px; height: 16px; background-image: url(""); background-size: contain; } .arwList01 li .file::after { content: ""; display: inline-block; width: 15px; height: 18px; margin: 6px 0px 0px 10px; line-height: 1; vertical-align: top; background: url("") 0px 0px / 100% no-repeat; } .arwList01 li .blank::after { content: ""; display: inline-block; width: 20px; height: 17px; margin: 6px 0px 0px 10px; line-height: 1; vertical-align: top; background: url("") 0px 0px / 100% no-repeat; } .arwList01 li a { color: rgb(0, 0, 0); text-decoration: none; } .arwList01 li a:hover { opacity: 1; text-decoration: underline; } .icoFile::after { content: ""; display: inline-block; width: 15px; height: 18px; margin: 6px 5px 0px; line-height: 1; vertical-align: top; background: url("") 0px 0px / 100% no-repeat; } .icoFileW::after { content: ""; display: inline-block; width: 15px; height: 18px; line-height: 1; vertical-align: top; background: url("") 0px 0px / 100% no-repeat; } .icoBlank::after { content: ""; display: inline-block; width: 20px; height: 17px; margin: 6px 5px 0px; line-height: 1; vertical-align: top; background: url("") 0px 0px / 100% no-repeat; } .mb10 { margin-bottom: 10px !important; } .mb20 { margin-bottom: 20px !important; } .mb30 { margin-bottom: 30px !important; } .mb40 { margin-bottom: 40px !important; } .mb50 { margin-bottom: 50px !important; } @media screen and (max-width: 768px) { .imgSlide { padding: 0px 0px 30px; } .imgCenter figcaption { padding: 6px 0px 0px; font-size: 11px; } .newsContainer { display: block; } .newsNav { display: none; width: auto; padding: 0px 0px 20px; } .newsNavTitle { margin: 0px 0px 10px; font-size: 18px; } .newsNavList { padding: 0px 0px 15px; } .newsNavList ul { display: flex; flex-wrap: wrap; } .newsNavList ul li { position: relative; min-width: 25%; margin: 0px; padding: 4px; line-height: 1.4; font-weight: 500; } .newsNavList ul li::before { content: none; } .newsNavList ul li a { display: block; padding: 2px 5px; font-size: 10px; text-align: center; border-radius: 20px; background: rgb(239, 245, 252); } .newsNavList ul li a.active { color: rgb(255, 255, 255); background: var(--color-main); min-width: inherit; } .newsNavList ul li.none { font-size: 10px; text-align: center; } .newsToggle { position: relative; display: flex; align-items: center; justify-content: center; height: 40px; cursor: pointer; color: var(--color-main); font-size: 15px; font-weight: 500; background: var(--color-sub03); margin-bottom: 40px; } .newsToggle::before { content: ""; position: absolute; top: 50%; right: 8px; display: block; width: 25px; height: 25px; margin-top: -13px; background: url("") 0px 0px / 100% no-repeat; transform: scale(1, -1); } .newsToggle.open::before { transform: scale(1, 1); } .newsListTitle { margin: 0px 0px 20px; font-size: 18px; text-align: center; } .newsList .item { margin: 0px 0px 10px; padding: 15px 10px 10px; } .newsList .item a { margin: -15px -10px -10px; padding: 15px 10px 10px; } .newsList .head { flex-wrap: wrap; margin: 0px 0px 5px; } .newsList .date { margin: 0px 10px 0px 0px; font-size: 10px; } .newsList .tag { min-width: 82px; margin: 0px 19px 0px 0px; padding: 3px 5px 4px; font-size: 10px; border-radius: 20px; } .newsList .ttl { width: 100%; padding: 5px 0px 0px; font-size: 14px; flex-grow: 0; } .newsList .ttl.file::after { width: 10px; height: 12px; margin: 4px 0px 0px 8px; } .newsList .ttl.blank::after { width: 12px; height: 10px; margin: 4px 0px 0px 8px; } .newsList .lead { margin: 0px 0px 5px; } .newsHead { margin: 0px 0px 10px; padding-bottom: 10px; } .newsHead .date { margin: 0px 10px 0px 0px; font-size: 10px; } .newsHead .tag { min-width: 82px; margin: 0px 19px 0px 0px; padding: 3px 5px 4px; font-size: 10px; border-radius: 20px; } .newsHead .ttl { font-size: 18px; } .newsLead { padding: 0px 0px 10px; } .newsLead p { margin: 0px 0px 20px; } .newsUnit { padding: 0px 0px 20px; } .newsUnit h3 { margin: 0px 0px 10px; font-size: 13px; } .newsUnit p { margin: 0px 0px 20px; } .projectFilter { display: none; padding: 20px 20px 50px; margin-bottom: 0px; } .projectToggle { position: relative; display: flex; align-items: center; justify-content: center; height: 40px; cursor: pointer; color: var(--color-main); font-size: 15px; font-weight: 500; background: var(--color-sub03); } .projectToggle::before { content: ""; position: absolute; top: 50%; right: 8px; display: block; width: 25px; height: 25px; margin-top: -13px; background: url("") 0px 0px / 100% no-repeat; transform: scale(1, -1); } .projectToggle.open::before { transform: scale(1, 1); } .projectCategory, .projectDep, .projectOffice { padding: 0px 0px 20px; } .projectCategory h2, .projectDep h2, .projectOffice h2 { margin: 0px 0px 10px; font-size: 18px; } .projectCategoryList ul li { width: calc(50% - 5px); margin: 0px 0px 5px 5px; } .projectCategoryList ul li a { min-height: 40px; padding: 5px 10px; font-size: 10px; border: 1px solid rgb(226, 226, 226); } .projectCategoryList ul li a span { max-width: 140px; padding: 0px 0px 0px 20px; background-position: 0px 0px; } .projectCategoryList ul li.current a span { background-position: 0px 3px; } .projectCategoryList ul li.current a { border: none; } .projectCategoryList ul li.all a span::before { top: 1px; } .projectCategoryList ul li.all.current a span { background-position: 0px 3px; } .projectFilter .secondary { display: block; } .projectDep, .projectOffice { width: 100%; } .projectDep, .projectOffice { width: 100%; } .projectTools { display: block; padding: 0px 0px 20px; } .projectYear { display: block; width: auto; padding: 0px; background: none; } .projectYear h2 { font-size: 18px; letter-spacing: 0.1em; } .projectYearList ul li, .projectDepList ul li, .projectOfficeList ul li { position: relative; padding: 3px 5px; } .projectYearList { padding: 0px 0px 16px; } .projectYearList ul li, .projectDepList ul li, .projectOfficeList ul li { width: 25%; padding: 4px; } .projectYearList ul li a, .projectDepList ul li a, .projectOfficeList ul li a { padding: 2px 8px 3px; font-size: 10px; border-radius: 20px; background: rgb(239, 245, 252); } .projectYearList ul li + li::after, .projectDepList ul li::after, .projectOfficeList ul li::after { content: none; } .projectKeyword { width: auto; padding: 0px 40px 0px 0px; margin-top: 20px; } .projectKeyword input { height: 40px; padding: 3px 10px; } .projectKeyword button { width: 40px; height: 40px; } .projectItemList { margin: 0px 0px 0px -10px; padding: 40px 0px 0px; } .projectItemList .item { width: calc(50% - 10px); margin: 0px 0px 20px 10px; } .projectItemList figure { margin: 0px 0px 8px; } .projectItemList .ttl { margin: 0px 0px 5px; padding: 0px 0px 5px; font-size: 10px; } .projectItemList .ttl .file::after { width: 10px; height: 12px; margin: 2px 0px 0px 8px; } .projectItemList .ttl .blank::after { width: 12px; height: 10px; margin: 2px 0px 0px 8px; } .projectItemList .tag li { padding: 0px 0px 0px 15px; font-size: 10px; background-size: 10px; } .projectItemList .dep { margin-top: 10px; display: block; } .projectItemList .dep li { padding: 2px 10px; font-size: 10px; margin-top: 5px; display: inline-flex; } .projectSlide { margin: 0px -10px 5px; height: 220px; overflow: hidden; } .projectSlide .slick-slide img { max-height: 220px; } .projectSlide h1 { left: 0px; bottom: 0px; padding: 10px; font-size: 15px; } .projectSlide .slick-dots { right: 10px; bottom: 10px; } .projectDetail { display: block; } .projectBlockB { padding: 0px; } .projectDetailTag { margin: 0px 0px 10px; padding: 0px 0px 5px; display: block; } .projectDetailTag ul li { margin: 0px 10px 5px 0px; padding: 0px 0px 0px 15px; font-size: 12px; background-position: 0px 4px; background-size: 10px; } .projectDetailTag ul.dep { gap: 0px; margin-top: 5px; } .projectDetailService h2 { margin: 0px 0px 10px; font-size: 18px; } .projectDetailService ul li { margin: 0px 5px 5px 0px; padding: 1px 10px 2px; font-size: 10px; } .projectDetailData h2 { margin: 0px 0px 5px; padding: 0px 0px 5px; font-size: 18px; letter-spacing: 0.1em; } .projectDetailData table, .projectDetailData tbody, .projectDetailData tr, .projectDetailData th, .projectDetailData td { display: block; } .projectDetailData table { border-bottom: none; } .projectDetailData table th { width: 100%; padding: 5px 5px 0px; font-size: 13px; text-align: left; border: none; font-weight: bold; } .projectDetailData table td { width: 100%; padding: 5px; font-size: 12px; text-align: left; border-top: none; border-right: none; border-left: none; border-image: initial; border-bottom: 1px solid rgb(226, 226, 226); } #about .subTitle { margin-bottom: 30px; } #about .subTitle h2 { font-size: 22px; margin-bottom: 30px; } #about .philosophyTitle { padding: 30px 10px; } #about .philosophyTitle h2 { margin-bottom: 20px; } #about .philosophyTitle .txt { text-align: left; } #about .philosophyTitle .txt br { display: none; } #about .message { display: block; padding: 0px 10px; } #about .message figure { max-width: 50%; margin: 0px auto 10px; } #about .message .txt { font-size: 14px; } #about .message .txt strong { font-size: 18px; } #about .btmNav ul { margin: 50px 20px 0px; flex-wrap: wrap; justify-content: space-between; } #about .btmNav ul li { width: calc(50% - 5px); margin-bottom: 10px; } #about .btmNav ul li a { position: relative; display: flex; align-items: center; width: 100%; min-height: 46px; font-size: 14px; padding: 3px 15px; margin: 0px; text-align: left; } #about .btmNav ul li a span { display: inline-block; padding-left: 20px; } #about .btmNav ul li a span::before { left: 0px; width: 15px; height: 15px; top: 0px; bottom: 0px; margin: auto; } #about .subTitle nav ul { flex-wrap: wrap; } #about .subTitle nav ul li { margin-bottom: 10px; } #about .subTitle nav ul li a { position: relative; display: flex; align-items: center; width: 100%; min-height: 46px; font-size: 14px; padding: 3px 15px; margin: 0px; text-align: left; } #about .subTitle nav ul li a span { display: inline-block; padding-left: 18px; } #about .subTitle nav ul li a span::before { left: 0px; width: 15px; height: 15px; } #about .columnWrap { display: block; margin-bottom: 50px; text-align: center; } #about .columnWrap .ttl { font-size: 20px; display: inline-block; margin: 0px auto 30px; } #about .columnWrap .content { width: 100%; padding: 0px 10px; text-align: left; } #about .columnWrap .content .outlineList li { display: block; padding: 10px 0px; border-bottom: 1px solid rgb(226, 226, 226); margin-bottom: 0px; } #about .columnWrap .content .outlineList li .term { width: 100%; font-size: 10px; } #about .columnWrap .content .outlineList li .detail { width: 100%; } #about .columnWrap .content .outlineList li .detail .map::before { width: 12px; height: 17px; } #about .columnWrap .content .outlineList li .detail .date { font-size: 10px; } #about .columnWrap .content .outlineList li .detail .enName { margin-left: 10px; } #about .columnWrap .content .outlineList li .detail .job { font-size: 10px; } #about .subTitle .btn a { width: 100%; font-size: 14px; padding: 15px; margin: 0px; } #about .subTitle .btn a span::before { left: -20px; width: 15px; height: 15px; } #about .historyList li { display: block; border-bottom: 1px solid rgb(226, 226, 226); padding: 10px; } #about .historyList li .year { width: 100%; margin: 0px 0px 5px; } #about .historyList li .detail { width: 100%; } #about .subTitle .txt { padding: 0px 10px; text-align: left; font-size: 14px; } #about .complianceList { max-width: 1000px; margin: 0px auto; padding: 0px 10px; } #about .complianceList li { margin-bottom: 30px; } #about .complianceList dt { font-size: 14px; margin-bottom: 15px; } #about .columnWrap .unit { margin-bottom: 30px; } #about .columnWrap h3 { font-size: 20px; border-left: solid 4px var(--color-main); padding-left: 4px; line-height: 25px; margin-bottom: 20px; } #about .columnWrap h4 { font-size: 18px; margin-bottom: 10px; } #about .columnWrap table { width: 100%; border: 1px solid rgb(226, 226, 226); } #about .columnWrap table th, #about .columnWrap table td { padding: 15px; font-size: 12px; vertical-align: middle; border: 1px solid rgb(226, 226, 226); display: block; } #about .columnWrap table th { width: 100%; text-align: left; } #about .columnWrap table td { width: 100%; } #about .columnWrap .unit ul { margin-top: 30px; } #about .columnWrap ul li { margin-bottom: 15px; } #about .columnWrap .unitColumnR { display: block; } #about .columnWrap .unitColumnR figure { width: 100%; } #about .columnWrap .tableScroll { overflow-x: scroll; } #about .columnWrap .tableScroll { min-width: 750px; } #about .columnWrap .tableColumn table th, #about .columnWrap .tableColumn table td { display: table-cell; width: 33%; } #about .columnWrap .imgList { flex-direction: column; gap: 30px; text-align: center; } #about .columnWrap .imgList figure { width: 100%; } #career nav ul { font-size: 12px; margin-bottom: 50px; } #career nav ul li { width: 25%; text-align: center; } #career nav ul li a { display: block; } #career nav ul li a::after { bottom: -5px; height: 2px; } #career nav ul li:hover a::after { bottom: -10px; opacity: 1; visibility: visible; } #career nav ul li a.current::after { bottom: -10px; height: 2px; } #career #requirements { margin-bottom: 50px; padding: 0px 10px; } #career #requirements h3, #career #flow h3 { font-size: 18px; margin-bottom: 20px; } #career #requirements h4, #career #flow h4 { font-size: 16px; } #career #requirements ul li { display: block; padding: 10px 0px; } #career #requirements ul li .term { width: 100%; font-size: 12px; } #career #requirements ul li .detail { width: 100%; } #career #requirements .btn a { width: 100%; font-size: 14px; padding: 15px; margin: 30px auto 0px; } #career #requirements .btn a::after { width: 12px; height: 10px; margin: 4px 0px 0px 8px; } #career #entry .txt { text-align: left; margin-bottom: 30px; } #career #entry ul li { display: block; padding: 10px 0px; } #career #entry ul li .term { width: 100%; color: var(--color-main); font-weight: bold; font-size: 12px; margin-bottom: 10px; } #career #entry ul li .detail { width: 100%; } #career #entry .fileLabel { font-size: 12px; width: 100%; margin-top: 10px; } #career #entry li .note, #contact #entry li .note { font-size: 12px; } #contact_submit { margin: 0px; padding: 0px; background: none; border: none; border-radius: 0px; outline: none; appearance: none; } #contact_submit { border: 1px solid var(--color-main); width: 360px; display: block; font-size: 16px; color: var(--color-main); padding: 20px; line-height: 1; margin: 40px auto 0px; text-align: center; transition: all 0.3s ease 0s; } #career #entry input[type="text"], #career #entry input[type="email"] { line-height: 20px; } #career #entry textarea { height: 150px; } #career #entry .policyLink { margin-top: 20px; } #career #entry .policyLink::after { width: 12px; height: 10px; margin: 4px 0px 0px 8px; } #career #entry .btn a { width: 100%; font-size: 14px; color: var(--color-main); padding: 15px; margin: 30px auto 0px; } .comfirmBtn #entry_submit, .comfirmBtn #contact_submit { padding: 15px; font-size: 14px; margin: 10px auto 0px !important; width: 100% !important; } #career #entry .wpcf7-form-control-wrap .wpcf7-select { font-size: 14px; padding: 0px; } #careerKv { margin: 0px; } #career #careerLink { margin-top: 50px; padding: 20px 0px; } #career #careerLink .ttl { font-size: 20px; display: block; } #career #careerLink ul { flex-direction: column; gap: 15px; font-size: 13px; } #career #careerLink ul li a { padding: 2px 35px 2px 0px; } #career #careerLink ul li a::after { width: 26px; height: 26px; background-size: 10px; } #contact .txt { margin-bottom: 30px; text-align: left; } #contact ul li { display: block; padding: 10px 0px; } #contact ul li .term { width: 100%; font-size: 14px; } #contact ul li .detail { width: 100%; } #contact input[type="text"], #contact input[type="email"] { line-height: 20px; margin-top: 10px; } #contact textarea { margin-top: 10px; height: 150px; } #contact .btn a { width: 100%; font-size: 14px; color: var(--color-main); padding: 15px; margin: 30px auto 0px; } .comfirmBtn { display: block; justify-content: center; margin-top: 30px; } .comfirmBtn .btn a { margin: 10px 0px !important; width: 100% !important; } .wpcf7-not-valid-tip { font-size: 12px !important; } #contact_submit { width: 100%; font-size: 14px; color: var(--color-main); padding: 15px; margin: 30px auto 0px; } #policy .txt { margin-bottom: 30px; padding: 0px 10px; } #policy .txt br { display: none; } #policy .policyList { padding: 0px 10px; } #policy .policyList li { margin-bottom: 15px; } #policy .policyList dt { font-size: 14px; } #service .lead { font-size: 14px; text-align: left; margin-bottom: 50px; padding: 0px 10px; } #service h2 { font-size: 22px; margin-bottom: 30px; } #service ul li { margin-bottom: 60px; position: relative; height: inherit; } #service ul li figure { position: inherit; } #service ul li .detail { position: inherit; padding: 20px; bottom: 0px; } #service ul li .detail .ttl { font-size: 20px; } #service ul li .detail .txt { margin: 15px 0px; } #service ul li .detail .txt br { display: none; } #service ul li .detail .cont { padding: 10px 15px; font-size: 12px; line-height: 1.8; border-radius: 8px; } #service ul li .detail .cont br { display: none; } #service ul li:nth-child(2) figure { position: inherit; } #service #cityPlanning { padding: 60px 0px 50px; } #service #cityPlanning h2 { margin-bottom: 25px; } #service #cityPlanning .txt { font-size: 12px; margin-bottom: 40px; text-align: left; } #service #cityPlanning .btn { flex-direction: column; margin-top: 20px; } #service #cityPlanning .btn a { min-height: 46px; padding: 10px 15px; font-size: 14px; line-height: 1; } #service #cityPlanning::before { border-top: 30px solid rgb(255, 255, 255); border-left: 50vw solid transparent; border-right: 50vw solid transparent; } #service #cityPlanning .inner { padding: 0px 20px; } #service #cityPlanning .contentsBody .inner { padding: 0px; } #service #cityPlanning .colList01 { display: block; margin: 0px; } #service #cityPlanning .colList01 .col { width: auto; margin: 0px auto; padding: 0px; } #service #cityPlanning .colList01 figure a::after { bottom: 10px; right: 10px; width: 20px; height: 20px; border-radius: 50%; background-size: 4px 6px; } #service #cityPlanning .colList01 figure { margin: 0px 0px 10px; } #service #cityPlanning .colList01 figure img { border-radius: 10px; } #service #cityPlanning .colList01 .title { margin: 0px 0px 5px; font-size: 15px; text-align: left; } #service #cityPlanning .colList01 .txt { font-size: 12px; text-align: left; } #service #cityPlanning .colList01 .title a, #service #cityPlanning .colList01 figure a { padding: 0px; } #partner .lead { width: fit-content; margin-inline: auto; margin-bottom: 32px; font-size: 14px; text-align: left; } #partner .subTitle { padding-bottom: 25px; text-align: center; } #partner .subTitle h2 { font-size: 22px; margin-bottom: 15px; } #partner .subTitle p { width: fit-content; margin-inline: auto; text-align: left; } #partner .btnList { padding-bottom: 10px; } #partner .btnList .item { padding-bottom: 25px; } #partner .btnList .btn a { width: 100%; font-size: 14px; padding: 15px; margin: 0px; } #partner .btnList .btn a span::before { left: -20px; width: 15px; height: 15px; } #partner .btnList .btn a span::after { width: 12px; height: 15px; margin: 2px 0px 0px 10px; } #partner .btnList .caption { margin-top: 15px; margin-bottom: 20px; } #partner .noteList { padding-top: 20px; } #partner .noteList .item { padding-left: 1em; padding-bottom: 10px; text-indent: -1em; } .titleStyle01 { margin: 0px 0px 10px; padding: 0px 0px 10px; font-size: 13px; } .boxStyle01 { padding: 15px; } .boxStyle01 .ttl { font-size: 14px; } .boxStyle01 .link img { height: 13px; } .arwList01 li { padding: 0px 0px 0px 20px; background-position: 0px 3px; background-size: 12px 12px; } .arwList01 li .file::after { width: 10px; height: 12px; margin: 4px 0px 0px 8px; } .arwList01 li .blank::after { width: 12px; height: 10px; margin: 4px 0px 0px 8px; } .icoFile::after { width: 10px; height: 12px; margin: 6px 5px 0px; } .icoFileW::after { width: 10px; height: 12px; } .icoBlank::after { width: 12px; height: 10px; margin: 8px 5px 0px; } } @media screen and (min-width: 769px) { .newsNavList ul li a, .newsList .item a, .projectCategoryList ul li a, .projectYearList ul li a, .projectItemList a { text-decoration: none; transition: all 0.2s linear 0s; backface-visibility: hidden; } .newsNavList ul li a:hover, .newsList .item a:hover, .projectCategoryList ul li a:hover, .projectYearList ul li a:hover, .projectItemList a:hover { opacity: 0.7; } } img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px; } img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0px 0.07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0px !important; } :root { --wp-block-synced-color: #7a00df; --wp-block-synced-color--rgb: 122,0,223; --wp-bound-block-color: var(--wp-block-synced-color); --wp-editor-canvas-background: #ddd; --wp-admin-theme-color: #007cba; --wp-admin-theme-color--rgb: 0,124,186; --wp-admin-theme-color-darker-10: #006ba1; --wp-admin-theme-color-darker-10--rgb: 0,107,160.5; --wp-admin-theme-color-darker-20: #005a87; --wp-admin-theme-color-darker-20--rgb: 0,90,135; --wp-admin-border-width-focus: 2px; } @media (min-resolution: 192dpi) { :root { --wp-admin-border-width-focus: 1.5px; } } .wp-element-button { cursor: pointer; } :root .has-very-light-gray-background-color { background-color: rgb(238, 238, 238); } :root .has-very-dark-gray-background-color { background-color: rgb(49, 49, 49); } :root .has-very-light-gray-color { color: rgb(238, 238, 238); } :root .has-very-dark-gray-color { color: rgb(49, 49, 49); } :root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background { background: linear-gradient(135deg, rgb(0, 208, 132), rgb(6, 147, 227)); } :root .has-purple-crush-gradient-background { background: linear-gradient(135deg, rgb(52, 226, 228), rgb(71, 33, 251) 50%, rgb(171, 29, 254)); } :root .has-hazy-dawn-gradient-background { background: linear-gradient(135deg, rgb(250, 172, 168), rgb(218, 208, 236)); } :root .has-subdued-olive-gradient-background { background: linear-gradient(135deg, rgb(250, 250, 225), rgb(103, 166, 113)); } :root .has-atomic-cream-gradient-background { background: linear-gradient(135deg, rgb(253, 215, 154), rgb(0, 74, 89)); } :root .has-nightshade-gradient-background { background: linear-gradient(135deg, rgb(51, 9, 104), rgb(49, 205, 207)); } :root .has-midnight-gradient-background { background: linear-gradient(135deg, rgb(2, 3, 129), rgb(40, 116, 252)); } :root { --wp--preset--font-size--normal: 16px; --wp--preset--font-size--huge: 42px; } .has-regular-font-size { font-size: 1em; } .has-larger-font-size { font-size: 2.625em; } .has-normal-font-size { font-size: var(--wp--preset--font-size--normal); } .has-huge-font-size { font-size: var(--wp--preset--font-size--huge); } .has-text-align-center { text-align: center; } .has-text-align-left { text-align: left; } .has-text-align-right { text-align: right; } .has-fit-text { white-space: nowrap !important; } #end-resizable-editor-section { display: none; } .aligncenter { clear: both; } .items-justified-left { justify-content: flex-start; } .items-justified-center { justify-content: center; } .items-justified-right { justify-content: flex-end; } .items-justified-space-between { justify-content: space-between; } .screen-reader-text { border: 0px; clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; overflow-wrap: normal !important; } .screen-reader-text:focus { background-color: rgb(221, 221, 221); clip-path: none; color: rgb(68, 68, 68); display: block; font-size: 1em; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; } html :where(.has-border-color) { border-style: solid; } html :where([style*="border-top-color"]) { border-top-style: solid; } html :where([style*="border-right-color"]) { border-right-style: solid; } html :where([style*="border-bottom-color"]) { border-bottom-style: solid; } html :where([style*="border-left-color"]) { border-left-style: solid; } html :where([style*="border-width"]) { border-style: solid; } html :where([style*="border-top-width"]) { border-top-style: solid; } html :where([style*="border-right-width"]) { border-right-style: solid; } html :where([style*="border-bottom-width"]) { border-bottom-style: solid; } html :where([style*="border-left-width"]) { border-left-style: solid; } html :where(img[class*="wp-image-"]) { height: auto; max-width: 100%; } :where(figure) { margin: 0px 0px 1em; } html :where(.is-position-sticky) { --wp-admin--admin-bar--position-offset: var(--wp-admin--admin-bar--height,0px); } @media screen and (max-width: 600px) { html :where(.is-position-sticky) { --wp-admin--admin-bar--position-offset: 0px; } } .wp-block-button__link { color: rgb(255, 255, 255); background-color: rgb(50, 55, 60); border-radius: 9999px; box-shadow: none; text-decoration: none; padding: calc(0.667em + 2px) calc(1.333em + 2px); font-size: 1.125em; } .wp-block-file__button { background: rgb(50, 55, 60); color: rgb(255, 255, 255); text-decoration: none; } :root { --wp--preset--aspect-ratio--square: 1; --wp--preset--aspect-ratio--4-3: 4/3; --wp--preset--aspect-ratio--3-4: 3/4; --wp--preset--aspect-ratio--3-2: 3/2; --wp--preset--aspect-ratio--2-3: 2/3; --wp--preset--aspect-ratio--16-9: 16/9; --wp--preset--aspect-ratio--9-16: 9/16; --wp--preset--color--black: #000000; --wp--preset--color--cyan-bluish-gray: #abb8c3; --wp--preset--color--white: #ffffff; --wp--preset--color--pale-pink: #f78da7; --wp--preset--color--vivid-red: #cf2e2e; --wp--preset--color--luminous-vivid-orange: #ff6900; --wp--preset--color--luminous-vivid-amber: #fcb900; --wp--preset--color--light-green-cyan: #7bdcb5; --wp--preset--color--vivid-green-cyan: #00d084; --wp--preset--color--pale-cyan-blue: #8ed1fc; --wp--preset--color--vivid-cyan-blue: #0693e3; --wp--preset--color--vivid-purple: #9b51e0; --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%); --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%); --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%); --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%); --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%); --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%); --wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%); --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%); --wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%); --wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%); --wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%); --wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%); --wp--preset--font-size--small: 13px; --wp--preset--font-size--medium: 20px; --wp--preset--font-size--large: 36px; --wp--preset--font-size--x-large: 42px; --wp--preset--spacing--20: 0.44rem; --wp--preset--spacing--30: 0.67rem; --wp--preset--spacing--40: 1rem; --wp--preset--spacing--50: 1.5rem; --wp--preset--spacing--60: 2.25rem; --wp--preset--spacing--70: 3.38rem; --wp--preset--spacing--80: 5.06rem; --wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2); --wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4); --wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2); --wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0); --wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0); } :where(.is-layout-flex) { gap: 0.5em; } :where(.is-layout-grid) { gap: 0.5em; } body .is-layout-flex { display: flex; } .is-layout-flex { flex-wrap: wrap; align-items: center; } .is-layout-flex > :is(*, div) { margin: 0px; } body .is-layout-grid { display: grid; } .is-layout-grid > :is(*, div) { margin: 0px; } :where(.wp-block-columns.is-layout-flex) { gap: 2em; } :where(.wp-block-columns.is-layout-grid) { gap: 2em; } :where(.wp-block-post-template.is-layout-flex) { gap: 1.25em; } :where(.wp-block-post-template.is-layout-grid) { gap: 1.25em; } .has-black-color { color: var(--wp--preset--color--black) !important; } .has-cyan-bluish-gray-color { color: var(--wp--preset--color--cyan-bluish-gray) !important; } .has-white-color { color: var(--wp--preset--color--white) !important; } .has-pale-pink-color { color: var(--wp--preset--color--pale-pink) !important; } .has-vivid-red-color { color: var(--wp--preset--color--vivid-red) !important; } .has-luminous-vivid-orange-color { color: var(--wp--preset--color--luminous-vivid-orange) !important; } .has-luminous-vivid-amber-color { color: var(--wp--preset--color--luminous-vivid-amber) !important; } .has-light-green-cyan-color { color: var(--wp--preset--color--light-green-cyan) !important; } .has-vivid-green-cyan-color { color: var(--wp--preset--color--vivid-green-cyan) !important; } .has-pale-cyan-blue-color { color: var(--wp--preset--color--pale-cyan-blue) !important; } .has-vivid-cyan-blue-color { color: var(--wp--preset--color--vivid-cyan-blue) !important; } .has-vivid-purple-color { color: var(--wp--preset--color--vivid-purple) !important; } .has-black-background-color { background-color: var(--wp--preset--color--black) !important; } .has-cyan-bluish-gray-background-color { background-color: var(--wp--preset--color--cyan-bluish-gray) !important; } .has-white-background-color { background-color: var(--wp--preset--color--white) !important; } .has-pale-pink-background-color { background-color: var(--wp--preset--color--pale-pink) !important; } .has-vivid-red-background-color { background-color: var(--wp--preset--color--vivid-red) !important; } .has-luminous-vivid-orange-background-color { background-color: var(--wp--preset--color--luminous-vivid-orange) !important; } .has-luminous-vivid-amber-background-color { background-color: var(--wp--preset--color--luminous-vivid-amber) !important; } .has-light-green-cyan-background-color { background-color: var(--wp--preset--color--light-green-cyan) !important; } .has-vivid-green-cyan-background-color { background-color: var(--wp--preset--color--vivid-green-cyan) !important; } .has-pale-cyan-blue-background-color { background-color: var(--wp--preset--color--pale-cyan-blue) !important; } .has-vivid-cyan-blue-background-color { background-color: var(--wp--preset--color--vivid-cyan-blue) !important; } .has-vivid-purple-background-color { background-color: var(--wp--preset--color--vivid-purple) !important; } .has-black-border-color { border-color: var(--wp--preset--color--black) !important; } .has-cyan-bluish-gray-border-color { border-color: var(--wp--preset--color--cyan-bluish-gray) !important; } .has-white-border-color { border-color: var(--wp--preset--color--white) !important; } .has-pale-pink-border-color { border-color: var(--wp--preset--color--pale-pink) !important; } .has-vivid-red-border-color { border-color: var(--wp--preset--color--vivid-red) !important; } .has-luminous-vivid-orange-border-color { border-color: var(--wp--preset--color--luminous-vivid-orange) !important; } .has-luminous-vivid-amber-border-color { border-color: var(--wp--preset--color--luminous-vivid-amber) !important; } .has-light-green-cyan-border-color { border-color: var(--wp--preset--color--light-green-cyan) !important; } .has-vivid-green-cyan-border-color { border-color: var(--wp--preset--color--vivid-green-cyan) !important; } .has-pale-cyan-blue-border-color { border-color: var(--wp--preset--color--pale-cyan-blue) !important; } .has-vivid-cyan-blue-border-color { border-color: var(--wp--preset--color--vivid-cyan-blue) !important; } .has-vivid-purple-border-color { border-color: var(--wp--preset--color--vivid-purple) !important; } .has-vivid-cyan-blue-to-vivid-purple-gradient-background { background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important; } .has-light-green-cyan-to-vivid-green-cyan-gradient-background { background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important; } .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background { background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important; } .has-luminous-vivid-orange-to-vivid-red-gradient-background { background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important; } .has-very-light-gray-to-cyan-bluish-gray-gradient-background { background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important; } .has-cool-to-warm-spectrum-gradient-background { background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important; } .has-blush-light-purple-gradient-background { background: var(--wp--preset--gradient--blush-light-purple) !important; } .has-blush-bordeaux-gradient-background { background: var(--wp--preset--gradient--blush-bordeaux) !important; } .has-luminous-dusk-gradient-background { background: var(--wp--preset--gradient--luminous-dusk) !important; } .has-pale-ocean-gradient-background { background: var(--wp--preset--gradient--pale-ocean) !important; } .has-electric-grass-gradient-background { background: var(--wp--preset--gradient--electric-grass) !important; } .has-midnight-gradient-background { background: var(--wp--preset--gradient--midnight) !important; } .has-small-font-size { font-size: var(--wp--preset--font-size--small) !important; } .has-medium-font-size { font-size: var(--wp--preset--font-size--medium) !important; } .has-large-font-size { font-size: var(--wp--preset--font-size--large) !important; } .has-x-large-font-size { font-size: var(--wp--preset--font-size--x-large) !important; } .dnd-icon-remove.deleting { font-size: 12px; color: rgb(0, 0, 0); font-weight: 500; position: relative; top: -3px; } .dnd-icon-remove.deleting::after { display: none !important; } .wpcf7-drag-n-drop-file.d-none { display: none; opacity: 0; visibility: hidden; position: absolute; top: 0px; } .dnd-upload-status { display: flex; padding: 4px 0px; align-items: center; position: relative; } .dnd-upload-status .dnd-upload-image { width: 40px; height: 40px; border: 1px solid rgb(165, 165, 165); text-align: center; border-radius: 100%; position: relative; } .dnd-upload-status .dnd-upload-image span.file { background-image: url("data:image/svg+xml,%0A%3Csvg width='18' height='23' viewBox='0 0 18 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.569 0.659576H0.5V23H18V6.09053L12.569 0.659576ZM12.7872 1.93075L16.7288 5.87234H12.7872V1.93075ZM1.24468 22.2553V1.40426H12.0426V6.61702H17.2553V22.2553H1.24468Z' fill='%235C5B5B'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-size: 100%; height: 21px; width: 16px; display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .dnd-upload-status .dnd-upload-details { padding-left: 10px; width: calc(100% - 40px); } .dnd-upload-status .dnd-upload-details .name { color: rgb(1, 109, 152); padding: 4px 60px 4px 0px; display: flex; } .dnd-upload-status .dnd-upload-details .name span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; position: relative; padding-right: 10px; } .dnd-upload-status .dnd-upload-details .name em { color: rgb(68, 66, 66); font-weight: 700; } .dnd-upload-status .dnd-upload-details .remove-file { position: absolute; right: 0px; top: 10px; text-decoration: none; box-shadow: none; outline: none; opacity: 1; } .dnd-upload-status .dnd-upload-details .remove-file span::after { content: ""; width: 15px; height: 15px; display: block; background-repeat: no-repeat; background-size: 100%; background-image: url("data:image/svg+xml,%3Csvg width='35' height='35' viewBox='0 0 35 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.5 0C7.83499 0 0 7.83499 0 17.5C0 27.165 7.83499 35 17.5 35C27.165 35 35 27.165 35 17.5C34.9888 7.83965 27.1604 0.0112198 17.5 0ZM17.5 33.871C8.45857 33.871 1.12903 26.5414 1.12903 17.5C1.12903 8.45857 8.45857 1.12903 17.5 1.12903C26.5414 1.12903 33.871 8.45857 33.871 17.5C33.861 26.5373 26.5373 33.861 17.5 33.871Z' fill='black'/%3E%3Cpath d='M25.4834 9.51661C25.2629 9.29624 24.9056 9.29624 24.6852 9.51661L17.5 16.7018L10.3148 9.51661C10.0983 9.29236 9.74087 9.28615 9.51661 9.50271C9.29236 9.71927 9.28615 10.0767 9.50271 10.3009C9.50723 10.3057 9.51188 10.3103 9.51661 10.3148L16.7018 17.5L9.51661 24.6852C9.29236 24.9018 9.28615 25.2591 9.50278 25.4834C9.71941 25.7076 10.0768 25.7139 10.301 25.4972C10.3057 25.4927 10.3103 25.488 10.3148 25.4834L17.5 18.2982L24.6852 25.4834C24.9094 25.7 25.2668 25.6938 25.4834 25.4696C25.6947 25.2508 25.6947 24.9039 25.4834 24.6852L18.2982 17.5L25.4834 10.3148C25.7038 10.0944 25.7038 9.73705 25.4834 9.51661Z' fill='black'/%3E%3C/svg%3E%0A"); } .dnd-upload-status.in-progress .remove-file { opacity: 0.2; } .dnd-upload-status .dnd-upload-details span.has-error { color: rgb(245, 5, 5); } .dnd-upload-status .dnd-upload-details .dnd-progress-bar { display: block; border-radius: 5px; overflow: hidden; background: rgb(86, 85, 85); height: 14px; } .dnd-upload-status .dnd-upload-details .dnd-progress-bar span { background: rgb(76, 175, 80); display: block; font-size: 11px; text-align: right; color: rgb(255, 255, 255); height: 100%; width: 0px; line-height: 14px; } .dnd-upload-status .dnd-upload-details .dnd-progress-bar span.complete { width: 100% !important; padding-right: 5px; } .dnd-upload-counter { position: absolute; right: 5px; bottom: 3px; font-size: 12px; } .codedropz-upload-handler { border: 2px dashed rgb(197, 197, 197); border-radius: 5px; margin-bottom: 10px; position: relative; } .codedropz-upload-container { padding: 15px 20px; } .codedropz-upload-inner { overflow: hidden; width: 100%; text-align: center; text-overflow: ellipsis; font-weight: inherit; } .codedropz-upload-inner .codedropz-btn-wrap a.cd-upload-btn { text-decoration: none; box-shadow: none; } .codedropz-upload-inner h3 { margin: 5px 0px; font-size: 30px; line-height: 32px; word-break: break-word; } .codedropz-dragover { border-color: rgb(107, 106, 106); } .codedropz-upload-wrapper span.has-error-msg { display: inline-block; color: rgb(255, 0, 0); padding: 5px 0px; font-style: italic; } .wpcf7-form label.error-new { color: rgb(153, 0, 0); font-size: 11px; float: none; padding-left: 5px; } .wpcf7-form .codedropz-upload-wrapper.invalid .codedropz-upload-handler { border-bottom-color: rgb(153, 0, 0); border-bottom-style: solid; } @media screen and (max-width: 767px) { .dnd-upload-status .dnd-upload-details .name em { font-weight: normal; } .dnd-upload-status .dnd-upload-details .name { padding-right: 60px; } .codedropz-upload-inner h3 { font-size: 22px; } } .wpcf7 .screen-reader-response { position: absolute; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; width: 1px; margin: -1px; padding: 0px; border: 0px; overflow-wrap: normal !important; } .wpcf7 .hidden-fields-container { display: none; } .wpcf7 form .wpcf7-response-output { margin: 2em 0.5em 1em; padding: 0.2em 1em; border: 2px solid rgb(0, 160, 210); } .wpcf7 form.init .wpcf7-response-output, .wpcf7 form.resetting .wpcf7-response-output, .wpcf7 form.submitting .wpcf7-response-output { display: none; } .wpcf7 form.sent .wpcf7-response-output { border-color: rgb(70, 180, 80); } .wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output { border-color: rgb(220, 50, 50); } .wpcf7 form.spam .wpcf7-response-output { border-color: rgb(245, 110, 40); } .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output { border-color: rgb(255, 185, 0); } .wpcf7-form-control-wrap { position: relative; } .wpcf7-not-valid-tip { color: rgb(220, 50, 50); font-size: 1em; font-weight: normal; display: block; } .use-floating-validation-tip .wpcf7-not-valid-tip { position: relative; top: -2ex; left: 1em; z-index: 100; border: 1px solid rgb(220, 50, 50); background: rgb(255, 255, 255); padding: 0.2em 0.8em; width: 24em; } .wpcf7-list-item { display: inline-block; margin: 0px 0px 0px 1em; } .wpcf7-list-item-label::before, .wpcf7-list-item-label::after { content: " "; } .wpcf7-spinner { visibility: hidden; display: inline-block; background-color: rgb(35, 40, 45); opacity: 0.75; width: 24px; height: 24px; border: none; border-radius: 100%; padding: 0px; margin: 0px 24px; position: relative; } form.submitting .wpcf7-spinner { visibility: visible; } .wpcf7-spinner::before { content: ""; position: absolute; background-color: rgb(251, 251, 252); top: 4px; left: 4px; width: 6px; height: 6px; border: none; border-radius: 100%; transform-origin: 8px 8px; animation-name: spin; animation-duration: 1000ms; animation-timing-function: linear; animation-iteration-count: infinite; } @media (prefers-reduced-motion: reduce) { .wpcf7-spinner::before { animation-name: blink; animation-duration: 2000ms; } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes blink { 0% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 0; } } .wpcf7 [inert] { opacity: 0.5; } .wpcf7 input[type="file"] { cursor: pointer; } .wpcf7 input[type="file"]:disabled { cursor: default; } .wpcf7 .wpcf7-submit:disabled { cursor: not-allowed; } .wpcf7 input[type="url"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"] { direction: ltr; } .wpcf7-reflection > output { display: list-item; list-style: none; } .wpcf7-reflection > output[hidden] { display: none; } @font-face { font-family: dearflip; src: url("data:application/x-font-ttf;charset=utf-8;base64,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") format("truetype"); font-weight: 400; font-style: normal; font-display: block; } .df-ui-btn[class*=" ti-"]::before, .df-ui-btn[class^="ti-"]::before, [class*=" df-icon-"]::before, [class^="df-icon-"]::before { speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; font-family: dearflip !important; } .df-icon-arrow-left::before { content: ""; } .df-icon-arrow-right::before { content: ""; } .df-icon-arrow-down::before { content: ""; } .df-icon-arrow-up::before { content: ""; } .df-icon-arrow-left1::before { content: ""; } .df-icon-arrow-right1::before { content: ""; } .df-icon-first-page::before { content: ""; } .df-icon-last-page::before { content: ""; } .df-icon-play-popup::before, .df-icon-play::before { content: ""; } .df-icon-pause::before { content: ""; } .df-icon-fast-rewind::before { content: ""; } .df-icon-fast-forward::before { content: ""; } .df-icon-close::before { content: ""; } .df-icon-add-circle::before { content: ""; } .df-icon-minus-circle::before { content: ""; } .df-icon-add::before { content: ""; } .df-icon-minus::before { content: ""; } .df-icon-list::before { content: ""; } .df-icon-grid::before { content: ""; } .df-icon-grid-view::before { content: ""; } .df-icon-apps::before { content: ""; } .df-icon-double-page::before { content: ""; } .df-icon-book::before { content: ""; } .df-icon-file::before { content: ""; } .df-icon-zoom-out::before { content: ""; } .df-icon-zoom-in::before { content: ""; } .df-icon-more::before { content: ""; } .df-icon-download::before, .df-ui-btn.ti-download::before { content: ""; } .df-icon-volume::before { content: ""; } .df-icon-share::before { content: ""; } .df-icon-fit-screen::before { content: ""; } .df-icon-fullscreen::before { content: ""; } .df-icon-facebook::before { content: ""; } .df-icon-twitter::before { content: ""; } .df-icon-help-outline::before { content: ""; } .df-icon-help::before { content: ""; } .df-icon-search::before, .df-ui-btn.ti-search::before { content: ""; } .df-icon-print::before, .df-ui-btn.ti-printer::before { content: ""; } .df-icon-mail-outline::before { content: ""; } .df-icon-mail::before { content: ""; } .df-icon-menu::before { content: ""; } .df-icon-linkedin::before { content: ""; } .df-icon-pinterest::before { content: ""; } .df-icon-whatsapp::before { content: ""; } .df-container .df-loading-icon, .df-fetch-pdf .df-loading-info, .df-flipbook-3d.df-loading::after, .df-hybrid-viewer:not(.df-zoom-active) .df-loading + .df-zoomview::after, .df-page.df-loading::after, .df-searching .df-search-info, .df-thumb.df-thumb-requested::before { background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' style='margin: auto; background: none; display: block; shape-rendering: auto;' width='48px' height='48px' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid'%3E%3Ccircle cx='50' cy='50' fill='none' stroke='%2307abcc' stroke-width='9' r='30' stroke-dasharray='141.37166941154067 49.12388980384689'%3E%3CanimateTransform attributeName='transform' type='rotate' repeatCount='indefinite' dur='1s' values='0 50 50;360 50 50' keyTimes='0;1'%3E%3C/animateTransform%3E%3C/circle%3E%3C!-- %5Bldio%5D generated by https://loading.io/ --%3E%3C/svg%3E"); } .df-hidden { display: none !important; } .df-text-align-center, .has-text-align-center { text-align: center; } .df-app { min-height: 220px; position: relative; overflow: hidden; width: 100%; image-rendering: auto; direction: ltr; line-height: 1.5; } .df-container { height: 100%; } .df-container * { box-sizing: border-box !important; } .df-container i { font-style: normal; } .df-container a { outline: 0px; text-decoration: none; box-shadow: none; } .df-container .df-bg { position: absolute; inset: 0px; background: 50% center / cover no-repeat; } .df-container .df-loading-info { position: absolute; top: -300px; left: 50%; transform: translateX(-50%); transition: opacity 0.3s ease 0s; max-width: 200px; margin-top: 20px; padding: 10px 15px; box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px; background-color: rgb(247, 247, 247); border-radius: 5px; font-size: 12px; color: rgb(34, 34, 34); word-break: break-word; letter-spacing: 0.5px; opacity: 0; } .df-container.df-init .df-loading-info { top: 50%; opacity: 1; max-width: 300px; } .df-container.df-init .df-viewer { display: none; } .df-container.df-error .df-loading-info { transform: translateX(-50%) translateY(-50%); margin: 0px; color: rgb(187, 0, 0); } .df-container .df-loading-icon { transition: opacity 0.3s ease 0.1s; opacity: 0; height: 50px; width: 50px; left: 50%; top: 50%; margin: -45px -25px -25px; box-sizing: border-box; position: absolute; pointer-events: none; background-repeat: no-repeat; background-size: 32px; background-position: 50% center; background-color: rgb(255, 255, 255); border-radius: 50px; box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px; } .df-container.df-loading .df-loading-icon { opacity: 1; z-index: 100; } .df-fetch-pdf .df-loading-info { opacity: 1; top: 0px; z-index: 4; background-repeat: no-repeat; padding-left: 36px; background-size: 24px; background-position: 6px 6px; } .df-viewer .df-3dcanvas { right: 0px; position: absolute; } .df-ui { color: rgb(102, 102, 102); bottom: 0px; width: 100%; height: 42px; box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px; background-color: rgb(255, 255, 255); position: absolute; vertical-align: top; box-sizing: border-box; text-align: center; padding: 0px; user-select: none; z-index: 4; display: block; } .df-ui .df-logo { height: 100%; } .df-ui .df-logo.df-logo-img { display: inline-flex; align-items: center; justify-content: center; padding: 2px 5px; } .df-ui .df-logo.df-logo-img img { max-height: 100%; max-width: 120px; } .df-ui .df-ui-page { padding: 0px; font-size: 12px; width: 50px; min-width: 50px; line-height: 42px; margin: 0px; border-radius: 0px; background-color: rgba(0, 0, 0, 0.03); } .df-ui .df-ui-page label { position: absolute; right: 0px; top: 0px; min-width: 50px; height: 100%; text-align: center; display: block; color: rgb(153, 153, 153); font-weight: 400; cursor: pointer; background-color: transparent; z-index: 1; box-sizing: border-box; word-break: normal; line-height: inherit !important; } .df-ui .df-ui-page input { width: 100%; background-color: transparent; height: 100%; margin: 0px; border: 1px solid rgb(143, 143, 143); text-align: center; vertical-align: top; color: transparent; font-size: 14px; top: 0px; box-sizing: border-box; z-index: -1; display: block; opacity: 0; padding: 0px !important; line-height: inherit !important; } .df-ui .df-ui-page input:focus { z-index: 2; opacity: 1; color: inherit; } .df-ui .df-ui-page input:focus + label { opacity: 0; display: none; } .df-ui-btn { color: rgb(119, 119, 119); vertical-align: top; background-color: rgb(255, 255, 255); box-sizing: border-box; text-align: center; position: relative; width: 40px; height: 100%; font-size: 20px; cursor: pointer; z-index: 2; display: inline-block; padding: 10px 5px; line-height: 1.2; transition: opacity 0.3s ease 0s, color 0s ease 0s, background-color 0s ease 0s; } .df-ui-btn::before { box-sizing: border-box; } .df-ui-btn.df-active, .df-ui-btn:hover { color: rgb(0, 172, 206); background-color: rgb(238, 238, 238); } .df-ui-btn.df-active { background-color: rgb(231, 231, 231); } .df-ui-btn.disabled, .df-ui-btn.disabled:hover { color: rgb(187, 187, 187); } .df-ui-btn span { display: none; } .df-more-container { display: none; position: absolute; bottom: 100%; right: 10px; background-color: rgb(247, 247, 247); z-index: 20; border-radius: 5px; box-shadow: rgba(0, 0, 0, 0.2) 0px -1px 3px; margin-bottom: 8px !important; } .df-more-container::before { content: " "; position: absolute; border-width: 7px; border-style: solid; border-color: rgb(238, 238, 238) transparent transparent; border-image: initial; height: 0px; width: 0px; bottom: -14px; right: 13px; margin-right: -8px; pointer-events: none; } .df-more-container > .df-ui-btn { width: 170px; text-align: left; padding: 6px 8px; height: 36px; border-top: 1px solid rgb(228, 228, 228); border-radius: 0px; line-height: 16px; } .df-more-container > .df-ui-btn span { font-size: 12px; padding-left: 24px; vertical-align: middle; display: inline-block; } .df-more-container > .df-ui-btn::before { position: absolute; top: 7px; font-size: 20px; width: 1em; text-align: center; } .df-more-container > .df-ui-btn:first-child { border-radius: 5px 5px 0px 0px; border-top: none; } .df-more-container > .df-ui-btn:last-child { border-radius: 0px 0px 5px 5px; } .df-ui-more.df-active .df-more-container { display: block; } .df-ui-search.df-active .df-search-container { display: block; padding: 5px; } .df-ui-nav { top: 50%; margin-top: -50px; position: absolute; opacity: 0.8; height: 100px; font-size: 36px; width: 50px; z-index: 2; cursor: pointer; } .df-ui-nav:hover { opacity: 1; } .df-ui-nav .df-ui-btn { height: initial; position: absolute; transform: translateY(-50%); top: 50%; padding: 15px 5px; width: auto; font-size: inherit; background-color: transparent !important; } .df-ui-nav .df-ui-btn::before { color: rgb(255, 255, 255); filter: drop-shadow(rgb(0, 0, 0) 0px 0px 3px); } .df-ui-nav.df-ui-prev { left: 0px; right: auto; border-radius: 0px; } .df-ui-nav.df-ui-prev .df-ui-btn { left: 10px; } .df-ui-nav.df-ui-prev .df-ui-btn::before { text-align: left; } .df-ui-nav.df-ui-next { right: 0px; } .df-ui-nav.df-ui-next .df-ui-btn { right: 10px; } .df-ui-nav.df-ui-next .df-ui-btn::before { text-align: right; } .df-flipbook-2d, .df-flipbook-3d, .df-slider, .df-viewer-container, .df-zoomview { position: absolute; overflow: hidden; inset: 0px; z-index: 1; } .df-flipbook-2d { filter: blur(0px); } .df-flipbook-2d .df-viewer-wrapper { position: relative; margin: 0px auto; height: 100%; transition: left 0.3s ease 0s; } .df-flipbook-2d .df-book-shadow { position: absolute; z-index: -1; height: 100%; display: none; box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 10px; } .df-page-content { overflow: hidden; opacity: 0.3; } .df-page.df-loading::after { content: ""; background-size: 22px; height: 22px; width: 22px; display: block; top: 50%; left: 50%; margin: -11px; position: absolute; z-index: 0; } .df-page.df-loading .df-page-content { display: none; } .df-page > canvas { width: 100%; height: 100%; position: relative; z-index: 0; } .df-page .df-page-content { position: absolute; height: 100%; display: block; top: 0px; width: 100%; z-index: 2; } .df-sheet { position: absolute; transform-origin: 0px 0px 0px; } .df-sheet .df-page, .df-sheet .df-page-back, .df-sheet .df-page-front, .df-sheet .df-sheet-fold-inner-shadow, .df-sheet .df-sheet-fold-outer-shadow, .df-sheet .df-sheet-wrapper { position: absolute; transform-origin: 0px 0px 0px; } .df-sheet .df-sheet-wrapper { overflow: hidden; } .df-sheet .df-page { width: 100%; height: 100%; background-color: rgb(255, 255, 255); box-sizing: border-box; z-index: 0; background-size: 100% 100%; } .df-sheet .df-page::before { content: ""; position: absolute; display: block; top: 0px; width: 15%; height: 100%; z-index: 5; opacity: 0.5; pointer-events: none; } .df-sheet .df-page > canvas { z-index: -1; } .df-sheet .df-page-front::before { left: 0px; background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.15) 15%, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0)); } .df-sheet .df-page-back::before { right: 0px; background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.2) 10%, rgba(0, 0, 0, 0.15) 25%, rgba(0, 0, 0, 0) 70%); } .df-sheet.df-left-side { right: 50%; transform-origin: right center; } .df-sheet.df-left-side .df-page-front { z-index: 1; } .df-sheet.df-left-side .df-page-back { z-index: 2; } .df-sheet.df-right-side { left: 50%; transform-origin: left center; } .df-sheet.df-right-side .df-page-front { z-index: 2; } .df-sheet.df-right-side .df-page-back { z-index: 1; } .df-sheet .df-sheet-fold-inner-shadow { position: absolute; z-index: 5; display: none; } .df-sheet .df-sheet-fold-outer-shadow { z-index: -1; width: 100%; height: 100%; } .df-sheet.df-flipping, .df-sheet.df-folding { z-index: 200 !important; } .df-sheet.df-folding.df-left-side .df-page-front, .df-sheet.df-folding.df-right-side .df-page-back { z-index: 3; } .df-sheet.df-folding .df-sheet-fold-inner-shadow { display: block; } .df-sheet.df-folding .df-page-content { display: none; } .df-pending .df-page-content, .df-pendingresize .df-page-content { display: none !important; } .df-sheet.df-left-side.df-folding:not(.df-hard-sheet) .df-page-front { z-index: 3; } .df-hard-sheet .df-sheet-wrapper { overflow: visible; transform-style: preserve-3d; transform-origin: 0px 50% 0px; width: 100% !important; height: 100% !important; } .df-hard-sheet .df-sheet-fold-inner-shadow, .df-hard-sheet .df-sheet-fold-outer-shadow { display: none !important; } .df-hard-sheet .df-page-back, .df-hard-sheet .df-page-front { backface-visibility: hidden; } .df-hard-sheet.df-right-side .df-page-back { transform-origin: right 50%; z-index: 3 !important; } .df-hard-sheet.df-right-side .df-page-front { transform-origin: left 50%; z-index: 4; } .df-hard-sheet.df-left-side .df-page-back { transform-origin: right 50%; } .df-hard-sheet.df-left-side .df-page-front { transform-origin: left 50%; } .df-flipbook-3d.df-loading::after { content: ""; background-size: 22px; height: 22px; width: 22px; display: block; top: 50%; left: 50%; margin: -11px; position: absolute; z-index: 0; } .df-link-content, .df-text-content { position: absolute; inset: 0px; pointer-events: none; overflow: clip; transform-origin: 0px 0px; } .df-page-content.df-double-internal:not(.df-double-internal-fix) > div { right: -100%; } .df-page-content.df-double-internal-fix > div { left: -100%; } .annotationLayer section, .customHtmlAnnotation, .customLinkAnnotation, .customVideoAnnotation, .df-link-content section, .highlightAnnotation, .linkAnnotation, .popupAnnotation { position: absolute; z-index: 5; cursor: pointer; pointer-events: all; border: none !important; padding: 0px !important; margin: 0px !important; } section.popupAnnotation { display: none; } .buttonWidgetAnnotation a, .customHtmlAnnotation, .customVideoAnnotation, a.customLinkAnnotation, a.df-autolink, a.linkAnnotation, section.linkAnnotation a { background-color: rgb(255, 255, 0); display: block; height: 100%; transition: none 0s ease 0s; } .buttonWidgetAnnotation a:hover, .customHtmlAnnotation:hover, .customVideoAnnotation:hover, a.customLinkAnnotation:hover, a.df-autolink:hover, a.linkAnnotation:hover, section.linkAnnotation a:hover { border-color: transparent; background-color: rgb(33, 150, 243); } a.df-autolink { display: inline; pointer-events: all; color: transparent !important; } .df-sidemenu-wrapper { transform: translateX(-100%); left: 0px; top: 0px; bottom: 0px; width: 220px; position: absolute; z-index: 3; } .df-sidemenu-wrapper .df-sidemenu-buttons { z-index: 6; position: relative; top: 0px; left: 0px; box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 5px; } .df-sidemenu-wrapper .df-sidemenu-buttons .df-ui-close { float: right; display: none; background-color: transparent; padding: 6px 5px; } .df-sidemenu-wrapper::before { content: " "; position: absolute; height: 100%; width: 100%; background-color: rgba(238, 238, 238, 0.9); z-index: 3; left: 0px; } .df-sidemenu-open .df-ui-nav.df-ui-prev { left: 220px; } .df-sidemenu-open .df-sidemenu-wrapper { display: block; transform: translateX(0px); left: 0px; } .df-sidemenu-open .df-sidemenu-wrapper::before { box-shadow: rgba(102, 102, 102, 0.38) 1px 0px 4px; } .df-sidemenu-open .df-sidemenu-buttons .df-ui-close { display: block; } .df-sidemenu-open .df-flipbook-3d.df-loading::after { margin-left: 99px; } .df-sidemenu { width: 100%; top: 0px; bottom: 0px; z-index: 3; opacity: 0; color: rgb(102, 102, 102); font-size: 12px; height: auto !important; position: absolute !important; } .df-sidemenu > .df-wrapper { overflow: auto; inset: 40px 0px 0px; position: absolute !important; height: auto !important; } .df-sidemenu.df-sidemenu-visible { opacity: 1; z-index: 5; } .df-outline-container .df-wrapper { padding: 10px; } .df-outline-items > .df-outline-item { margin-left: 18px; } .df-outline-item a { display: block; padding: 5px 0px 5px 5px; overflow: hidden; text-overflow: ellipsis; margin-bottom: 1px; color: inherit !important; text-decoration: none !important; border: none !important; box-shadow: none !important; } .df-outline-item a:hover { text-decoration: underline !important; color: rgb(33, 150, 243) !important; } .df-outline-toggle { cursor: pointer; float: left; width: 28px; padding: 0px 5px 0px 10px; margin-left: -28px; text-align: center; } .df-outline-toggle::before { content: ""; font-size: 18px; font-family: dearflip; } .df-outline-toggle.df-outlines-hidden::before { content: ""; } .df-outline-toggle.df-outlines-hidden ~ .df-outline-items { display: none; } .df-outline-item a:hover, .df-outline-toggle:hover, .df-outline-toggle:hover + a, .df-outline-toggle:hover ~ .df-outline-items { background-color: rgba(100, 100, 100, 0.05); } .df-thumb { margin: 0px; cursor: pointer; width: 100%; position: relative; text-align: center; } .df-thumb .df-wrapper { margin: 6px; border-radius: 3px; transition: background 0.2s ease 0s; display: inline-block; vertical-align: middle; border: 2px dashed rgba(0, 0, 0, 0.3); position: relative; box-sizing: content-box !important; } .df-thumb .df-wrapper .df-thumb-number { position: absolute; bottom: 8px; background-color: rgba(238, 238, 238, 0.85); color: rgb(68, 68, 68); font-size: 14px; left: 50%; transform: translateX(-50%); padding: 5px; opacity: 0; } .df-thumb .df-bg-image { height: 100%; background-size: 100%; box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px; } .df-thumb.df-thumb-requested::before { content: ""; background-size: 22px; height: 22px; width: 22px; display: block; top: 50%; left: 50%; margin: -11px; position: absolute; z-index: 0; } .df-thumb.df-thumb-loaded { height: auto !important; } .df-thumb.df-thumb-loaded .df-wrapper { border: none; margin: 0px; padding: 8px; } .df-thumb.df-thumb-loaded:hover .df-wrapper .df-thumb-number { opacity: 1; } .df-thumb.df-selected .df-wrapper, .df-thumb.df-thumb-loaded:hover .df-wrapper { background-color: rgba(0, 0, 0, 0.1); opacity: 1; } .df-lightbox-wrapper { inset: 0px; z-index: 99999; position: fixed !important; height: auto !important; } .df-lightbox-wrapper.df-lightbox-padded { inset: 20px; } .df-lightbox-wrapper .df-lightbox-bg { background: rgb(238, 238, 238); inset: 0px; position: fixed !important; height: auto !important; } .df-lightbox-wrapper .df-lightbox-controls { float: right; padding: 5px; z-index: 1000; position: relative; } .df-lightbox-wrapper .df-app { width: 100%; top: 0px; bottom: 0px; position: absolute !important; height: auto !important; } .df-lightbox-wrapper .df-container.df-transparent { height: 100%; } .df-lightbox-wrapper .df-lightbox-close { float: right; text-align: center; font-size: 32px; padding: 8px 0px; height: 48px; width: 46px; cursor: pointer; color: rgb(68, 68, 68); border-color: transparent; background-color: transparent; transition: all 0.3s ease 0s; opacity: 0.8; } .df-lightbox-wrapper .df-lightbox-close:hover { color: rgb(255, 255, 255); background-color: rgba(0, 0, 0, 0.21); border-color: rgb(0, 0, 0); opacity: 1; } .df-lightbox-wrapper .df-lightbox-close::before { color: rgb(255, 255, 255); filter: drop-shadow(black 0px 0px 3px); } .df-share-wrapper { z-index: 2; position: absolute; inset: 0px; background-color: rgba(0, 0, 0, 0.35); display: none; } .df-share-box { position: absolute; top: 50%; width: 280px; transform: translateX(-50%) translateY(-50%); left: 50%; background-color: rgb(255, 255, 255); border-radius: 10px; padding: 10px 15px 5px; text-align: center; } span.df-share-title { color: rgb(119, 119, 119); margin-bottom: 10px; display: block; } .df-share-url { background-color: rgb(255, 255, 255); height: 60px; color: rgb(102, 102, 102); padding: 2px 5px; border-radius: 5px; width: 100%; font-size: 12px; box-sizing: border-box; margin-bottom: 0px; } .df-share-button { display: inline-block; text-align: center; cursor: pointer; border-radius: 50%; padding: 5px 10px; font-size: 20px; color: rgb(170, 170, 170); } .df-share-button:hover { color: rgb(68, 68, 68); } .df-reader { overflow: auto; position: absolute; } .df-reader .df-viewer-wrapper { cursor: grab; } .df-reader .df-page { position: relative; transform-origin: initial; margin: -10px auto; border: 10px solid transparent; left: initial; box-sizing: content-box !important; } .df-reader .df-page::before { content: ""; position: absolute; inset: 0px; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 10px; } .df-reader ~ .df-ui-nav { display: none; } .df-reader:not(.df-noscroll) { margin-right: -12px; } .df-reader-scrollbar { position: absolute; top: 0px; height: auto; right: 0px; width: auto; background: rgba(255, 255, 255, 0.9); box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px; border-radius: 20px 0px 0px 20px; padding: 6px 8px 6px 12px; z-index: 100; cursor: ns-resize; } .df-reader-scrollbar.df-active, .df-reader-scrollbar:hover { background-color: rgb(255, 255, 255); } .df-reader-scroll-page-number { display: none; position: absolute; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0px); background-color: rgb(221, 221, 221); border-radius: 10px; padding: 20px; font-size: 24px; z-index: 100; text-align: center; color: rgb(51, 51, 51); } .df-reader-scroll-page-number.df-active { display: block; } .df-reader-scroll-page-number div { margin-top: 6px; padding-top: 6px; border-top: 1px solid rgb(170, 170, 170); font-size: 16px; font-style: italic; } .df-ios .df-viewer.df-reader { margin-right: 0px; } .df-no-transition { transition: none 0s ease 0s !important; } .df-float .df-ui { bottom: 10px; width: auto; transform: translateX(-50%); left: 50%; margin: 0px auto; display: flex; border-radius: 5px; } .df-float .df-ui > .df-ui-btn:first-child { border-radius: 5px 0px 0px 5px; } .df-float .df-ui > .df-ui-btn:last-child { border-radius: 0px 5px 5px 0px; } .df-controls-top .df-ui { bottom: auto; top: 0px; } .df-controls-top.df-float .df-ui { top: 10px; } .df-controls-top .df-more-container { bottom: auto; top: 100%; margin: 8px 0px 0px !important; } .df-controls-top .df-more-container::before { border-bottom-color: rgb(238, 238, 238); border-top: 0px; bottom: auto; top: -7px; } .df-float-off.df-controls-top .df-sidemenu-wrapper { top: 42px; bottom: 0px; } .df-float-off.df-controls-bottom .df-sidemenu-wrapper { top: 0px; bottom: 42px; } .df-float-off .df-ui-left { justify-content: flex-start; display: flex; flex: 1 1 0%; } .df-float-off .df-ui-right { justify-content: flex-end; display: flex; flex: 1 1 0%; } .df-float-off .df-ui-center { display: flex; justify-content: center; align-items: center; } .df-float-off .df-ui { display: flex; } .df-controls-hidden .df-ui { display: none; } .df-link-content .annotationTextContent { color: transparent; } .df-link-content .popupWrapper { position: absolute; width: 20em; } .df-link-content .popup { position: absolute; z-index: 200; max-width: 20em; background-color: rgb(255, 255, 153); box-shadow: rgb(51, 51, 51) 0px 2px 5px; border-radius: 2px; padding: 0.6em; margin-left: 5px; cursor: pointer; overflow-wrap: break-word; } .df-link-content .popup h1 { font-size: 1em; border-bottom: 1px solid rgb(0, 0, 0); padding-bottom: 0.2em; } .df-link-content .popup p { padding-top: 0.2em; } body.df-lightbox-open, html.df-lightbox-open { overflow: hidden !important; } .df-zoomview { display: none; cursor: move; } .df-zoomview .df-viewer-wrapper { position: relative; margin: 0px auto; } .df-zoomview .df-viewer-wrapper .df-book-shadow { position: absolute; z-index: -1; height: 100%; display: none; box-shadow: rgba(0, 0, 0, 0.5) 0px 1px 15px 1px; } .df-zoomview .df-page { position: absolute; top: 0px; right: 50%; background-color: rgb(255, 255, 255); } .df-zoomview .df-page::before { width: 10%; opacity: 0.5; } .df-zoomview .df-page.df-page-front { left: 50%; } .df-zoom-active .df-viewer { cursor: -webkit-grab; } .df-zoom-active .df-flipbook { display: none; } .df-zoom-active .df-zoomview { display: block; } .df-hybrid-viewer .df-zoomview .df-page::before { display: none; } .df-hybrid-viewer:not(.df-zoom-active) .df-flipbook.df-loading + .df-zoomview { display: none; } .df-hybrid-viewer:not(.df-zoom-active) .df-zoomview { display: block; pointer-events: none; } .df-hybrid-viewer:not(.df-zoom-active) .df-zoomview .df-page::before { display: none; } .df-hybrid-viewer:not(.df-zoom-active) .df-loading + .df-zoomview::after { content: ""; background-size: 22px; height: 22px; width: 22px; display: block; top: 50%; left: 50%; margin: -11px; position: absolute; z-index: 0; } .df-hybrid-viewer:not(.df-zoom-active).df-hide-zoomview .df-zoomview, .df-hybrid-viewer:not(.df-zoom-active).df-pending .df-zoomview, .df-hybrid-viewer:not(.df-zoom-active).df-pendingresize .df-zoomview { display: none; } .df-container ::-webkit-scrollbar { width: 12px; height: 12px; cursor: pointer; } .df-container ::-webkit-scrollbar-button { height: 0px; width: 0px; cursor: pointer; } .df-container ::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.5); border-radius: 50px; } .df-container ::-webkit-scrollbar-thumb:hover { background: rgba(0, 0, 0, 0.8); } .df-container ::-webkit-scrollbar-thumb:active { background: rgba(0, 0, 0, 0.8); } .df-container ::-webkit-scrollbar-thumb, .df-container ::-webkit-scrollbar-thumb:active, .df-container ::-webkit-scrollbar-thumb:hover { border-right: 1px solid transparent; border-left: 1px solid transparent; border-top-style: solid; border-bottom-style: solid; border-top-color: transparent; border-bottom-color: transparent; } .df-container ::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.05); border-radius: 50px; } .df-container ::-webkit-scrollbar-track:hover { background: rgba(0, 0, 0, 0.1); } .df-container ::-webkit-scrollbar-track:active { background: rgba(0, 0, 0, 0.15); } .df-container ::-webkit-scrollbar-corner { background: 0px 0px; } .df-sidemenu-wrapper ::-webkit-scrollbar { width: 10px; } .df-container.df-transparent.df-fullscreen { background: rgb(170, 170, 170); } .df-container.df-fullscreen { z-index: 2147483647; position: fixed !important; left: 0px !important; top: 0px !important; width: 100% !important; height: 100% !important; } .df-container.df-rtl .df-sidemenu-wrapper { left: initial; transform: translateX(100%); right: -50px; direction: rtl; } .df-container.df-rtl input.df-search-text { padding: 0px 15px 0px 45px; } .df-container.df-rtl .df-sidemenu-title { text-align: right; } .df-container.df-rtl .df-search-clear { right: auto; left: 60px; } .df-container.df-rtl.df-sidemenu-open .df-sidemenu-wrapper { transform: translateX(0px); right: 0px; } .df-container.df-rtl.df-sidemenu-open .df-sidemenu-wrapper .df-sidemenu-buttons .df-ui-close { float: left; } .df-container.df-rtl.df-sidemenu-open .df-ui-nav.df-ui-prev { left: 0px; } .df-container.df-rtl.df-sidemenu-open .df-ui-nav.df-ui-next { right: 220px; } .df-container.df-rtl.df-sidemenu-open .df-flipbook-3d.df-loading::after { margin-left: -122px; } .df-container.df-rtl .df-outline-item { margin: 0px 18px 0px 0px; text-align: right; direction: rtl; } .df-container.df-rtl .df-outline-item .df-outline-toggle { float: right; margin: 0px -18px 0px 0px; } .df-container.df-rtl .df-outline-item .df-outline-toggle.df-outlines-hidden::before { content: ""; } .df-container.df-rtl .df-viewer .df-3dcanvas { left: 0px; right: initial; } .df-container.df-rtl .df-more-container .df-ui-btn { text-align: right; direction: rtl; } .df-container.df-rtl .df-more-container .df-ui-btn::before { right: 10px; } .df-container.df-rtl .df-more-container .df-ui-btn span { padding: 0px 24px 0px 0px; } .df-lightbox-wrapper.df-rtl .df-lightbox-controls { float: left; } .df-element[data-df-lightbox], .df-element[data-lightbox] { cursor: pointer; } .df-popup-thumb { display: inline-block; box-sizing: border-box; text-align: center; border: 0px; width: 140px; height: auto; word-break: break-word; vertical-align: bottom; transform-style: preserve-3d; perspective: 800px; margin: 30px 15px 15px !important; } .df-popup-thumb .df-book-wrapper { transform-style: preserve-3d; transition: all 0.2s ease 0s; box-shadow: rgba(0, 0, 0, 0.2) 2px 0px 4px; transform-origin: 30% center; background-color: rgb(255, 255, 255); width: 100%; display: inline-block; } .df-popup-thumb .df-book-page1, .df-popup-thumb .df-book-page2 { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-size: 100% 100%; transform-origin: left center; background-color: rgb(255, 255, 255); transition: all 0.3s ease 0s; z-index: 1; } .df-popup-thumb .df-book-cover { background-size: 100% 100%; transform-origin: left center; top: 0px; position: relative; overflow: hidden; transition: all 0.3s ease 0s; box-shadow: rgba(0, 0, 0, 0.24) 0px 10px 10px; z-index: 1; } .df-popup-thumb .df-book-cover.df-thumb-not-found { height: 200px; position: relative; } .df-popup-thumb.df-has-ridge .df-book-cover::after { display: block; content: " "; height: 100%; width: 100%; background: linear-gradient(90deg, rgba(255, 255, 255, 0.15) 1%, rgba(0, 0, 0, 0.15) 3%, rgba(255, 255, 255, 0.15) 5%, rgba(255, 255, 255, 0) 7%); box-shadow: rgba(80, 80, 80, 0.55) 0px -1px 3px 0px inset; z-index: 3; position: absolute; top: 0px; left: 0px; } .df-popup-thumb .df-book-title { bottom: -100%; position: absolute; width: 100%; left: 0px; padding: 5px; font-size: 0.75em; background: rgba(255, 255, 255, 0.9); box-sizing: border-box; display: block; transition: all 0.4s ease 0s; opacity: 0; } .df-popup-thumb img { display: block; width: 100%; height: auto; margin: 0px !important; padding: 0px !important; border: 0px !important; } .df-popup-thumb.df-thumb-not-found .df-book-title, .df-popup-thumb.df-tl-book-title-fixed .df-book-title, .df-popup-thumb:hover .df-book-title { opacity: 1; bottom: 0px; } .df-popup-thumb.df-tl-book-title-fixed .df-book-title, .df-popup-thumb.df-tl-book-title-top .df-book-title { opacity: 1; position: relative; } .df-popup-thumb.df-thumb-not-found .df-book-wrapper { width: 100%; } .df-popup-thumb.df-tl-book-title-bottom .df-thumb-not-found, .df-popup-thumb.df-tl-cover-title .df-thumb-not-found { height: 170px; } .df-popup-thumb.df-tl-book-title-bottom .df-book-wrapper, .df-popup-thumb.df-tl-cover-title .df-book-wrapper { position: relative; z-index: 1; } .df-popup-thumb.df-tl-book-title-bottom .df-book-title, .df-popup-thumb.df-tl-cover-title .df-book-title { position: relative; bottom: 0px; opacity: 1; height: 3em; background: 0px 0px; } .df-popup-thumb:hover .df-book-page1 { transform: rotateY(-8deg) rotateZ(0deg); box-shadow: rgba(0, 0, 0, 0.2) 2px 0px 4px; } .df-popup-thumb:hover .df-book-page2 { transform: rotateY(-14deg) rotateZ(0deg); box-shadow: rgba(0, 0, 0, 0.2) 2px 0px 4px; } .df-popup-thumb:hover .df-book-wrapper { transform: rotateY(-15deg) rotateZ(0deg); } .df-popup-thumb:hover .df-book-cover { transform: rotateY(-18deg) rotateZ(0deg); } .df-popup-thumb.df-tl-cover-title .df-book-wrapper { box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 8px; } .df-popup-thumb.df-tl-cover-title .df-book-cover { box-shadow: none; } .df-popup-thumb.df-tl-cover-title .df-book-cover::after { display: none; } .df-popup-thumb.df-tl-cover-title:hover .df-book-wrapper { box-shadow: rgba(0, 0, 0, 0.5) 0px 5px 20px; transform: none; } .df-popup-thumb.df-tl-cover-title:hover .df-book-cover { transform: none; box-shadow: none; } .df-popup-thumb.df-tl-cover-title:hover .df-book-page1, .df-popup-thumb.df-tl-cover-title:hover .df-book-page2 { display: none; } .df-popup-button { width: auto; display: inline-block; background: rgb(221, 221, 221); border-radius: 5px; padding: 5px 15px; margin: 5px; transition: background 0.3s ease 0s; } .df-popup-button:hover { background: rgb(170, 170, 170); } .df-popup-hidden { display: none; } .df-icon-play-popup { position: relative; } .df-icon-play-popup::before { top: 50%; position: absolute; left: 50%; font-size: 40px; background: rgb(119, 119, 119); border-radius: 50%; padding: 10px; box-shadow: rgb(119, 119, 119) 0px 1px 5px; margin-top: -30px; margin-left: -30px; display: block; color: rgb(255, 255, 255); z-index: 1; transition: opacity 0.3s ease 0s; pointer-events: none; } .df-icon-play-popup:hover::before { opacity: 0; } .df-posts { max-width: 1140px; margin: 0px auto; } .df-posts > .df-popup-thumb { width: calc(20% - 30px); min-width: 100px; position: relative; z-index: 1; } df-post-shelf { display: none; height: 160px; background-color: transparent; z-index: 0; margin: -105px -40px -40px; position: relative; background-repeat: no-repeat; } df-post-shelf:nth-of-type(5n) { display: block; } df-post-shelf::after { content: " "; height: 160px; display: block; position: absolute; bottom: 0px; right: 0px; width: 240px; z-index: 1; background-position: 0px -160px; background-repeat: no-repeat; background-image: inherit; background-size: inherit; } df-post-shelf::before { content: " "; display: block; position: absolute; left: 240px; bottom: 0px; right: 240px; height: 160px; z-index: 1; background-image: inherit; background-size: inherit; background-repeat: repeat-x; background-position: 0px -320px; } .df-posts.df-has-shelf { padding: 0px 40px 50px; } @media screen and (max-width: 1100px) { .df-posts > .df-popup-thumb { width: calc(25% - 30px); } df-post-shelf:nth-of-type(n) { display: none; } df-post-shelf:nth-of-type(4n) { display: block; } } @media screen and (max-width: 900px) { .df-posts > .df-popup-thumb { width: calc(33% - 30px); } df-post-shelf:nth-of-type(n) { display: none; } df-post-shelf:nth-of-type(3n) { display: block; } } @media screen and (max-width: 600px) { .df-posts > .df-popup-thumb { width: calc(50% - 30px); } df-post-shelf:nth-of-type(n) { display: none; } df-post-shelf:nth-of-type(2n) { display: block; } df-post-shelf { background-size: 120px 480px; } df-post-shelf::before { left: 120px; right: 120px; } df-post-shelf::after { width: 120px; } } @media screen and (max-width: 420px) { .df-popup-thumb, .df-posts > .df-popup-thumb { width: calc(100% - 30px); } df-post-shelf:nth-of-type(n) { display: block; } } df-post-shelf:last-of-type { display: block; } .df-posts { container: dfposts / inline-size; width: 100%; box-sizing: border-box !important; } @container dfposts (max-width: 1020px) { .df-posts > .df-popup-thumb { width: calc(25% - 30px); } df-post-shelf:nth-of-type(n) { display: none; } df-post-shelf:nth-of-type(4n) { display: block; } } @container dfposts (max-width: 820px) { .df-posts > .df-popup-thumb { width: calc(33% - 30px); } df-post-shelf:nth-of-type(n) { display: none; } df-post-shelf:nth-of-type(3n) { display: block; } } @container dfposts (max-width: 520px) { .df-posts > .df-popup-thumb { width: calc(50% - 30px); } df-post-shelf:nth-of-type(n) { display: none; } df-post-shelf:nth-of-type(2n) { display: block; } df-post-shelf { background-size: 120px 480px; } df-post-shelf::before { left: 120px; right: 120px; } df-post-shelf::after { width: 120px; } } @container dfposts (max-width: 320px) { .df-posts > .df-popup-thumb { width: calc(100% - 30px); } df-post-shelf:nth-of-type(n) { display: block; } } @container dfposts (max-width: 150px) { .df-posts.df-has-shelf > .df-popup-thumb { width: 100%; margin: 30px -35px 15px !important; } } df-post-shelf:last-of-type { display: block; } .df-page-content { user-select: none; } .df-auto-link-content, .df-text-content { line-height: 1; transform-origin: left top; } .df-auto-link-content { position: absolute; inset: 0px; overflow: hidden; pointer-events: none; } [data-main-rotation="90"] { transform: rotate(90deg) translateY(-100%); } [data-main-rotation="180"] { transform: rotate(180deg) translate(-100%, -100%); } [data-main-rotation="270"] { transform: rotate(270deg) translateX(-100%); } .df-auto-link-content span, .df-text-content br, .df-text-content span { position: absolute; white-space: pre; cursor: text; transform-origin: 0% 0%; color: transparent !important; } .df-auto-link-content > span { overflow: hidden; } .df-text-content .highlight { margin: -1px; padding: 1px; background-color: rgb(180, 0, 170); border-radius: 4px; } .df-text-content .highlight.appended { position: initial; } .df-text-content .highlight.begin { border-radius: 4px 0px 0px 4px; } .df-text-content .highlight.end { border-radius: 0px 4px 4px 0px; } .df-text-content .highlight.middle { border-radius: 0px; } .df-text-content .highlight.selected { background-color: rgb(0, 100, 0); } .df-text-content .endOfContent { display: block; position: absolute; inset: 100% 0px 0px; z-index: -1; cursor: default; user-select: none; } .df-text-content .endOfContent.active { top: 0px; } body.admin-bar .df-lightbox-bg, body.admin-bar .df-lightbox-wrapper { top: 32px; } @media screen and (max-width: 782px) { body.admin-bar .df-lightbox-bg, body.admin-bar .df-lightbox-wrapper { top: 46px; } } @media screen and (max-width: 600px) { body.admin-bar .df-lightbox-bg, body.admin-bar .df-lightbox-wrapper { top: 0px; } } .df-single-content { width: 100%; } .df-link-content section.textWidgetAnnotation { display: none; } .df-link-content :is(.linkAnnotation, .buttonWidgetAnnotation.pushButton) > a { position: absolute; font-size: 1em; top: 0px; left: 0px; width: 100%; height: 100%; } .df-viewer::-webkit-scrollbar-button { height: 50px; } .df-viewer::-webkit-scrollbar-thumb { min-height: 50px; } .df-container .df-reader ::-webkit-scrollbar-thumb, .df-container .df-reader ::-webkit-scrollbar-track { background: 0px 0px; } .df-container.df-pinch-zoom ::-webkit-scrollbar-thumb, .df-container.df-pinch-zoom ::-webkit-scrollbar-track { background: 0px 0px; } .df-container.df-pinch-zoom .df-page-content { display: none; } section.squareAnnotation .popupWrapper, section.textAnnotation .popupWrapper { display: none; } section.squareAnnotation svg, section.textAnnotation svg { display: block; } .df-comment-popup { display: none; position: absolute; width: 360px; background-color: rgb(255, 255, 153); box-shadow: rgb(51, 51, 51) 0px 2px 5px; border-radius: 2px; z-index: 9; padding: 10px; word-break: break-word; } .df-comment-popup.df-active { display: block; } .df-comment-popup .popup { background-color: transparent !important; } .df-comment-popup p { margin: 0px; } .df-comment-popup h1 { padding-bottom: 5px; border-bottom: 1px solid; margin-top: 0px; font-size: 1em; } .df-sidemenu-wrapper.df-sidemenu-center { transform: translateX(-50%); left: 50%; display: none; top: auto; height: 360px; bottom: 52px; } .df-sidemenu-center .df-sidemenu-buttons { box-shadow: none; text-align: center; } .df-sidemenu-center .df-sidemenu-buttons .df-icon-close { display: block; margin: -55px auto 0px; float: none; border-radius: 50px; width: 44px; } .df-sidemenu-wrapper.df-sidemenu-center::before { background-color: rgba(255, 255, 255, 0.9); } .df-sidemenu-open .df-sidemenu-wrapper.df-sidemenu-center { display: block; } .df-sidemenu-center .sidemenu, .df-sidemenu-center::before { border-radius: 10px 10px 0px 0px; } .df-slider { filter: blur(0px); } .df-slider .df-viewer-wrapper { position: relative; margin: 0px auto; height: 100%; transition: left 0.3s ease 0s; } .df-slider .df-sheet { transition: transform 0.5s ease 0s; } .df-slider .df-sheet.df-left-side, .df-slider .df-sheet.df-right-side { left: 50% !important; } .df-slider .df-sheet::before { content: ""; position: absolute; inset: 0px; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 10px; } .df-slider .df-page::before { display: none; } .df-slider .df-page.df-page-front { z-index: 3; } .df-slider + .df-zoomview .df-page::before { display: none; } .df-has-shelf df-post-shelf { background: 0px 0px; perspective: 400px; margin: 5px 0px 30px; height: 0px; box-shadow: rgba(0, 0, 0, 0.314) 0px 5px 40px 15px; } .df-has-shelf df-post-shelf::after, .df-has-shelf df-post-shelf::before { background-size: auto; left: -40px; right: -40px; width: auto; background-repeat: repeat-x; transform-style: preserve-3d; background-position: 0px 0px; } .df-has-shelf df-post-shelf::before { transform: translateY(-15px) rotateX(50deg); height: 50px; transform-origin: center bottom; box-shadow: rgba(0, 0, 0, 0.61) 0px 3px 15px 0px inset; } .df-has-shelf df-post-shelf::after { transform: translateZ(0px); height: 15px; box-shadow: rgba(243, 243, 243, 0.32) 0px 3px 3px inset; background-position: 0px -50px; } .df-search-highlight { position: relative !important; background-color: rgb(0, 0, 255); } .df-search-results { padding: 0px 10px 10px; top: 125px !important; } .df-search-result { overflow: hidden; margin-bottom: 1px; padding: 5px 10px; display: flex; align-items: center; justify-content: space-between; cursor: pointer; color: inherit !important; text-decoration: none !important; border: none !important; box-shadow: none !important; } .df-search-result.df-active, .df-search-result:hover { background-color: rgba(100, 100, 100, 0.2); } .df-sidemenu-title { padding: 8px 20px; text-transform: uppercase; text-align: left; } .df-search-hits { z-index: 10; display: none; } .df-search-open .df-search-hits { display: inline-block; } .df-search-form { display: flex; padding: 10px; position: relative; } .df-search-clear { position: absolute; right: 55px; top: 22px; cursor: pointer; display: none; } input.df-search-text { flex-grow: 1; margin: 0px; border-radius: 4px 0px 0px 4px; outline: 0px; border: 0px; height: 40px; padding: 0px 45px 0px 15px; width: 100%; } input.df-search-text:not(:placeholder-shown) ~ a.df-search-clear { display: block; } .df-ui-btn.df-search-btn { height: 40px; padding: 10px; background-color: rgb(247, 247, 247); } .df-search-info { padding: 5px 20px; } .df-searching .df-search-info { background-repeat: no-repeat; background-size: 24px; background-position: 176px center; } .df-popup-thumb img.df-lazy { transform: scale(1.2); opacity: 0.5; } @media (prefers-reduced-motion: no-preference) { .df-popup-thumb img { transition: opacity 1.5s ease 0s, transform 1.5s ease 0s; } } .df-trigger { cursor: pointer; } .df-element[data-df-lightbox], .df-element[data-lightbox] { position: relative; } .rtl .df-popup-thumb .df-book-cover, .rtl .df-popup-thumb .df-book-page1, .rtl .df-popup-thumb .df-book-page2 { transform-origin: right center; } .rtl .df-popup-thumb:hover .df-book-cover { transform: rotateY(18deg) rotateZ(0deg); } .rtl .df-popup-thumb:hover .df-book-page2 { transform: rotateY(14deg) rotateZ(0deg); box-shadow: rgba(0, 0, 0, 0.2) -2px 0px 4px; } .rtl .df-popup-thumb:hover .df-book-page1 { transform: rotateY(8deg) rotateZ(0deg); box-shadow: rgba(0, 0, 0, 0.2) -2px 0px 4px; } .rtl .df-popup-thumb:hover .df-book-wrapper { transform: rotateY(15deg) rotateZ(0deg); box-shadow: rgba(0, 0, 0, 0.2) -2px 0px 4px; transform-origin: 70% center !important; } .rtl .df-popup-thumb .df-book-cover::after { transform: scaleX(-1); } .zoom-element { display: none; position: absolute; top: 0px; left: 0px; z-index: 1; } .zoom-element > canvas { width: 100%; height: 100%; } .df-zoom-region-active .zoom-element { display: block; } .df-vertical .df-page::before { width: 100%; height: 10%; top: auto; } .df-vertical .df-page-front::before { top: 0px; background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.15) 15%, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0)); } .df-vertical .df-page-back::before { bottom: 0px; background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.2) 10%, rgba(0, 0, 0, 0.15) 25%, rgba(0, 0, 0, 0) 70%); } .df-flipbook-2d.df-vertical .df-viewer-wrapper { transition: top 0.3s ease 0s; } .df-flipbook-2d.df-vertical .df-sheet.df-left-side { bottom: 50%; top: auto; left: 0px; } .df-flipbook-2d.df-vertical .df-sheet.df-right-side { top: 50%; left: 0px; } .df-flipbook-2d.df-vertical .df-hard-sheet.df-right-side .df-page-back { transform-origin: 50% bottom; z-index: 3 !important; } .df-flipbook-2d.df-vertical .df-hard-sheet.df-right-side .df-page-front { transform-origin: 50% top; z-index: 4; } .df-flipbook-2d.df-vertical .df-hard-sheet.df-left-side .df-page-back { transform-origin: 50% bottom; } .df-flipbook-2d.df-vertical .df-hard-sheet.df-left-side .df-page-front { transform-origin: 50% top; } .df-zoomview.df-vertical .df-page-front { top: 50%; left: 0px; } .df-zoomview.df-vertical .df-page-back { bottom: 50%; top: auto; left: 0px; } .df-posts [skip-parse] { display: none; } .df-posts { text-align: center; position: relative; } .df-load-more-button-wrapper { text-align: center; display: none; margin-top: 20px; } .df-posts [skip-parse] ~ .df-load-more-button-wrapper { display: block; } .df-load-more-button { padding: 10px 15px; display: inline-block; margin: 0px auto; cursor: pointer; background: rgb(0, 133, 186); color: rgb(255, 255, 255); } ._df_book { min-height: 400px; } .\[\&_\.gdprAdTransparencyCogWheelButton\]\:\!pjra-z-\[5\], ad-slot, ad-triple-box, dfp-ad, [class^="adDisplay-module"], [class^="amp-ad-"], [class^="div-gpt-ad"], [data-ad-cls], [data-ad-manager-id], [data-ad-module], [data-ad-width], [data-adblockkey], [data-adbridg-ad-class], [data-adshim], [data-advadstrackid], [data-block-type="ad"], [data-css-class="dfp-inarticle"], [data-d-ad-id], [data-desktop-ad-id], [data-dynamic-ads], [data-ez-name], [data-freestar-ad][id], [data-id^="div-gpt-ad"], [data-m-ad-id], [data-mobile-ad-id], [data-name="adaptiveConstructorAd"], [data-rc-widget], [data-revive-zoneid] > iframe, [data-role="tile-ads-module"], [data-template-type="nativead"], [data-testid="adBanner-wrapper"], [data-testid="ad_testID"], [data-type="ad-vertical"], [data-wpas-zoneid], [id^="ad-wrap-"], [id^="ad_sky"], [id^="ad_slider"], [id^="section-ad-banner"], [name^="google_ads_iframe"], [onclick^="location.href='https://1337x.vpnonly.site/"], a-ad, a[data-href^="http://ads.trafficjunky.net/"], a[style="width:100%;height:100%;z-index:10000000000000000;position:absolute;top:0;left:0;"], ad-shield-ads, ad-slot, app-ad, app-advertisement, app-large-ad, ark-top-ad, aside[id^="adrotate_widgets-"], atf-ad-slot, bottomadblock, display-ad-component, display-ads, div[class^="Adstyled__AdWrapper-"], div[class^="Display_displayAd"], div[class^="kiwi-ad-wrapper"], div[class^="native-ad-"], div[data-ad-placeholder], div[data-ad-wrapper], div[data-adname], div[data-adunit-path], div[data-adunit], div[data-adzone], div[data-alias="300x250 Ad 1"], div[data-alias="300x250 Ad 2"], div[data-contentexchange-widget], div[data-dfp-id], div[data-id-advertdfpconf], div[data-native-ad], div[id^="ad-div-"], div[id^="ad-position-"], div[id^="adngin-"], div[id^="adrotate_widgets-"], div[id^="adspot-"], div[id^="crt-"][style], div[id^="div-ads-"], div[id^="google_dfp_"], div[id^="gpt_ad_"], div[id^="lazyad-"], div[id^="optidigital-adslot"], div[id^="pa_sticky_ad_box_middle_"], div[id^="rc-widget-"], div[id^="sticky_ad_"], div[id^="vuukle-ad-"], gpt-ad, guj-ad, hl-adsense, img[src^="https://images.purevpnaffiliates.com"], ps-connatix-module, span[data-ez-ph-id], span[id^="ezoic-pub-ad-placeholder-"], topadblock, zeus-ad, [class^="tile-picker__CitrusBannerContainer-sc-"], citrus-ad-wrapper, [class^="s2nPlayer"], div[id*="MarketGid"], div[id*="ScriptRoot"], [onclick*="content.ad/"], amp-ad, amp-ad, amp-ad-custom, amp-connatix-player, amp-fx-flying-carpet, a[data-obtrack^="http://paid.outbrain.com/network/redir?"], a[data-oburl^="https://paid.outbrain.com/network/redir?"], a[data-redirect^="https://paid.outbrain.com/network/redir?"], a[data-url^="http://paid.outbrain.com/network/redir?"] + .author, a[data-widget-outbrain-redirect^="http://paid.outbrain.com/network/redir?"], a[onmousedown^="this.href='http://paid.outbrain.com/network/redir?"][target="_blank"], a[onmousedown^="this.href='http://paid.outbrain.com/network/redir?"][target="_blank"] + .ob_source, a[onmousedown^="this.href='https://paid.outbrain.com/network/redir?"][target="_blank"] + .ob_source, a[target="_blank"][onmousedown="this.href^='http://paid.outbrain.com/network/redir?"], amp-embed[type="taboola"], div[id^="taboola-stream-"], div[id^="zergnet-widget"] { display: none !important; } [data-ad-name], [id^="div-gpt-ad"], div[aria-label="Ads"], div[data-ad-targeting], div[data-native_ad], div[id^="ad_position_"], div[id^="dfp-ad-"], div[id^="div-gpt-"], div[id^="ezoic-pub-ad-"], div[id^="yandex_ad"], ins.adsbygoogle[data-ad-slot], a[onmousedown^="this.href='https://paid.outbrain.com/network/redir?"][target="_blank"] { display: none !important; } a[href^="https://m.do.co/c/"] > img, [href="https://ourgoldguy.com/contact/"] img, a[href^="https://6-partner.com/"] { display: none !important; } (cache)当社役職員の不適切な端末取扱いによる個人情報の漏えい等(第三者による閲覧)及びその対応状況について|2026年|新着情報|東急設計コンサルタント|Tokyu Architects & Engineers INC.
  • ホーム
  • 新着情報
  • 2026年
  • 当社役職員の不適切な端末取扱いによる個人情報の漏えい等(第三者による閲覧)及びその対応状況について
2026.03.03
お知らせ

当社役職員の不適切な端末取扱いによる個人情報の漏えい等(第三者による閲覧)及びその対応状況について

この度、当社役職員による個人情報の不適切な取扱いにより、個人情報が第三者に閲覧されたことが判明いたしました。

関係者の皆さまには、多大なるご心配とご迷惑をおかけしましたことを深くお詫び申し上げます。
当社では今回の事案を重く受け止め、再発防止に向けた取り組みを進めてまいります。

【本事案の概要】

令和8年2月27日(金)、当社役職員が公共交通機関内において業務端末を不適切に取り扱っていたことにより、端末に表示されていた関係者の個人情報を含むデータが漏洩した可能性がある旨が、第三者からの申告により判明しました。

社内で調査を行ったところ、当該端末の画面が周囲から視認できる状態にあったことが確認され、
これにより個人情報が漏洩した可能性があることが判明いたしました。

【本事案に関する対応状況】

・当該端末には、関係者の個人情報を含むデータが登録されており、
 第三者に閲覧された可能性のある関係者には、既に個別にご説明とお詫びを申し上げております。
 なお現時点で、当社に対して本件に起因する二次被害の申告・相談は受けておりませんが、
 引き続き状況を注視してまいります。

・当該役職員に対しては厳重な指導を実施いたしました。
 今後の処分につきましては社内規程に基づき厳正に対処してまいります。

・再発防止に向け、社外における業務端末の閲覧・利用ルールの厳格化を図るとともに、
 個人情報をはじめとした機密情報に関する社内周知や教育の徹底を進めてまいります。

今回の事案により、ご心配をおかけしましたことを重ねて深くお詫び申し上げます。
当社は今後も、個人情報の適切な取扱いと再発防止に向けた取り組みを一層強化してまいります。
なお、新たな情報が判明した場合には、速やかに本ページにて続報を掲載いたします。