") no-repeat rgb(238, 248, 249); } a[class^="bg_"].english.bg_sm, div[class^="bg_"].english.bg_sm { background-position: right 15px top 12px; } a[class^="bg_"].english:hover, div[class^="bg_"].english:hover { background: url("data:image/svg+xml;utf8,") no-repeat rgb(1, 165, 164); } a[class^="bg_"].english:hover.bg_sm, div[class^="bg_"].english:hover.bg_sm { background-position: right 15px top 12px; } @media (max-width: 767px) { a[class^="bg_"].english, div[class^="bg_"].english { background-position: right 6px top 15px; } a[class^="bg_"].english:hover, div[class^="bg_"].english:hover { background-position: right 6px top 15px; } } a[class^="bg_"].medical, div[class^="bg_"].medical { background: url("data:image/svg+xml;utf8,") no-repeat rgb(238, 248, 249); } a[class^="bg_"].medical.bg_sm, div[class^="bg_"].medical.bg_sm { background-position: right 10px top 12px; } a[class^="bg_"].medical:hover, div[class^="bg_"].medical:hover { background: url("data:image/svg+xml;utf8,") no-repeat rgb(1, 165, 164); } a[class^="bg_"].medical:hover.bg_sm, div[class^="bg_"].medical:hover.bg_sm { background-position: right 10px top 12px; } @media (max-width: 767px) { a[class^="bg_"].medical, div[class^="bg_"].medical { background-position: right 6px top 15px; } a[class^="bg_"].medical:hover, div[class^="bg_"].medical:hover { background-position: right 6px top 15px; } } a[class^="bg_"].talk, div[class^="bg_"].talk { background: url("data:image/svg+xml;utf8,") no-repeat rgb(238, 248, 249); } a[class^="bg_"].talk.bg_sm, div[class^="bg_"].talk.bg_sm { background-position: right 12px top 12px; } a[class^="bg_"].talk:hover, div[class^="bg_"].talk:hover { background: url("data:image/svg+xml;utf8,") no-repeat rgb(1, 165, 164); } a[class^="bg_"].talk:hover.bg_sm, div[class^="bg_"].talk:hover.bg_sm { background-position: right 12px top 12px; } @media (max-width: 767px) { a[class^="bg_"].talk, div[class^="bg_"].talk { background-position: right 6px top 15px; } a[class^="bg_"].talk:hover, div[class^="bg_"].talk:hover { background-position: right 6px top 15px; } } a[class^="bg_"].data, div[class^="bg_"].data { background: url("data:image/svg+xml;utf8,") no-repeat rgb(238, 248, 249); } a[class^="bg_"].data.bg_sm, div[class^="bg_"].data.bg_sm { background-position: right 15px top 12px; } a[class^="bg_"].data:hover, div[class^="bg_"].data:hover { background: url("data:image/svg+xml;utf8,") no-repeat rgb(1, 165, 164); } a[class^="bg_"].data:hover.bg_sm, div[class^="bg_"].data:hover.bg_sm { background-position: right 15px top 12px; } @media (max-width: 767px) { a[class^="bg_"].data, div[class^="bg_"].data { background-position: right 6px top 15px; } a[class^="bg_"].data:hover, div[class^="bg_"].data:hover { background-position: right 6px top 15px; } } a[class^="bg_"].telop, div[class^="bg_"].telop { background: url("data:image/svg+xml;utf8,") 96.2% 47% no-repeat rgb(238, 248, 249); } a[class^="bg_"].telop.bg_sm, div[class^="bg_"].telop.bg_sm { background-position: right 12px top 12px; } a[class^="bg_"].telop:hover, div[class^="bg_"].telop:hover { background: url("data:image/svg+xml;utf8,") 96.2% 47% no-repeat rgb(1, 165, 164); } a[class^="bg_"].telop:hover.bg_sm, div[class^="bg_"].telop:hover.bg_sm { background-position: right 12px top 12px; } @media (max-width: 767px) { a[class^="bg_"].telop, div[class^="bg_"].telop { background-position: right 15px top 15px; } a[class^="bg_"].telop:hover, div[class^="bg_"].telop:hover { background-position: right 15px top 15px; } } a[class^="bg_"].edit, div[class^="bg_"].edit { background: url("data:image/svg+xml;utf8,>") no-repeat rgb(238, 248, 249); } a[class^="bg_"].edit.bg_sm, div[class^="bg_"].edit.bg_sm { background-position: right 6px top 12px; } a[class^="bg_"].edit:hover, div[class^="bg_"].edit:hover { background: url("data:image/svg+xml;utf8,>") no-repeat rgb(1, 165, 164); } a[class^="bg_"].edit:hover.bg_sm, div[class^="bg_"].edit:hover.bg_sm { background-position: right 6px top 12px; } @media (max-width: 767px) { a[class^="bg_"].edit, div[class^="bg_"].edit { background-position: right 6px top 15px; } a[class^="bg_"].edit:hover, div[class^="bg_"].edit:hover { background-position: right 6px top 15px; } } a[class^="bg_"].trans, div[class^="bg_"].trans { background: url("data:image/svg+xml;utf8,") 94.4% 44.5% no-repeat rgb(230, 241, 243); color: rgb(1, 128, 165); } a[class^="bg_"].trans.bg_sm, div[class^="bg_"].trans.bg_sm { background-position: right 12px top 12px; } a[class^="bg_"].trans:hover, div[class^="bg_"].trans:hover { background: url("data:image/svg+xml;utf8,") 94.4% 44.5% no-repeat rgb(1, 128, 165); color: rgb(255, 255, 255); } a[class^="bg_"].trans:hover.bg_sm, div[class^="bg_"].trans:hover.bg_sm { background-position: right 12px top 12px; } @media (max-width: 767px) { a[class^="bg_"].trans, div[class^="bg_"].trans { background-position: right 12px top 15px; } a[class^="bg_"].trans:hover, div[class^="bg_"].trans:hover { background-position: right 12px top 15px; } } a[class^="bg_"].corpus, div[class^="bg_"].corpus { background: url("data:image/svg+xml;utf8,") no-repeat rgb(238, 248, 249); } a[class^="bg_"].corpus.bg_sm, div[class^="bg_"].corpus.bg_sm { background-position: right 15px top 12px; } a[class^="bg_"].corpus:hover, div[class^="bg_"].corpus:hover { background: url("data:image/svg+xml;utf8,") no-repeat rgb(1, 165, 164); } a[class^="bg_"].corpus:hover.bg_sm, div[class^="bg_"].corpus:hover.bg_sm { background-position: right 15px top 12px; } @media (max-width: 767px) { a[class^="bg_"].corpus, div[class^="bg_"].corpus { background-position: right 6px top 15px; } a[class^="bg_"].corpus:hover, div[class^="bg_"].corpus:hover { background-position: right 6px top 15px; } } a[class^="bg_"].content-check, div[class^="bg_"].content-check { background: url("data:image/svg+xml;utf8,") 0% 0% / 50px no-repeat rgb(238, 248, 249); } a[class^="bg_"].content-check.bg_sm, div[class^="bg_"].content-check.bg_sm { background-position: right 15px top 12px; } a[class^="bg_"].content-check:hover, div[class^="bg_"].content-check:hover { background: url("data:image/svg+xml;utf8,") 0% 0% / 50px no-repeat rgb(1, 165, 164); } a[class^="bg_"].content-check:hover.bg_sm, div[class^="bg_"].content-check:hover.bg_sm { background-position: right 15px top 12px; } @media (max-width: 767px) { a[class^="bg_"].content-check, div[class^="bg_"].content-check { background-position: right 6px top 15px; } a[class^="bg_"].content-check:hover, div[class^="bg_"].content-check:hover { background-position: right 6px top 15px; } } a[class^="bg_"].proofreading, div[class^="bg_"].proofreading { background: url("data:image/svg+xml;utf8,") 0% 0% / 50px no-repeat rgb(238, 248, 249); height: 170px; border-bottom: none; } a[class^="bg_"].proofreading.bg_sm, div[class^="bg_"].proofreading.bg_sm { background-position: right 15px top 12px; } a[class^="bg_"].proofreading:hover, div[class^="bg_"].proofreading:hover { background: url("data:image/svg+xml;utf8,") 0% 0% / 50px no-repeat rgb(45, 178, 181); } a[class^="bg_"].proofreading:hover.bg_sm, div[class^="bg_"].proofreading:hover.bg_sm { background-position: right 15px top 12px; } @media (max-width: 767px) { a[class^="bg_"].proofreading, div[class^="bg_"].proofreading { height: 150px; } a[class^="bg_"].proofreading, div[class^="bg_"].proofreading { background-position: right 6px top 15px; background-size: 50px; } a[class^="bg_"].proofreading:hover, div[class^="bg_"].proofreading:hover { background-position: right 6px top 15px; } } a[class^="bg_"].website, div[class^="bg_"].website { background: url("data:image/svg+xml;utf8,") 0% 0% / 58px no-repeat rgb(238, 248, 249); height: 170px; border-bottom: none; } a[class^="bg_"].website.bg_sm, div[class^="bg_"].website.bg_sm { background-position: right 15px top 12px; } a[class^="bg_"].website:hover, div[class^="bg_"].website:hover { background: url("data:image/svg+xml;utf8,") 0% 0% / 58px no-repeat rgb(45, 178, 181); } a[class^="bg_"].website:hover.bg_sm, div[class^="bg_"].website:hover.bg_sm { background-position: right 15px top 12px; } @media (max-width: 767px) { a[class^="bg_"].website, div[class^="bg_"].website { height: 150px; } a[class^="bg_"].website, div[class^="bg_"].website { background-position: right 6px top 15px; background-size: 50px; } a[class^="bg_"].website:hover, div[class^="bg_"].website:hover { background-position: right 6px top 15px; } } a[class^="bg_"].audio, div[class^="bg_"].audio { background: url("data:image/svg+xml;utf8,") 0% 0% / 60px no-repeat rgb(238, 248, 249); } a[class^="bg_"].audio.audio-content, div[class^="bg_"].audio.audio-content { height: 170px; background-size: 70px; border-bottom: none; } a[class^="bg_"].audio.bg_sm, div[class^="bg_"].audio.bg_sm { background-position: right 15px top 6px; } a[class^="bg_"].audio.bg_sm.audio-content, div[class^="bg_"].audio.bg_sm.audio-content { background-position: right 15px top 12px; } a[class^="bg_"].audio:hover, div[class^="bg_"].audio:hover { background: url("data:image/svg+xml;utf8,") 0% 0% / 60px no-repeat rgb(45, 178, 181); } a[class^="bg_"].audio:hover.bg_sm, div[class^="bg_"].audio:hover.bg_sm { background-position: right 15px top 6px; } a[class^="bg_"].audio:hover.bg_sm.audio-content, div[class^="bg_"].audio:hover.bg_sm.audio-content { background-position: right 15px top 12px; background-size: 70px; } @media (max-width: 767px) { a[class^="bg_"].audio.audio-content, div[class^="bg_"].audio.audio-content { height: 150px; } a[class^="bg_"].audio, div[class^="bg_"].audio { background-position: right 6px top 15px; background-size: 50px; } a[class^="bg_"].audio:hover, div[class^="bg_"].audio:hover { background-position: right 6px top 15px; } } a[class^="bg_"].dubbing, div[class^="bg_"].dubbing { background: url("data:image/svg+xml;utf8,") 0% 0% / 60px no-repeat rgb(246, 244, 240); } a[class^="bg_"].dubbing.dubbing-content, div[class^="bg_"].dubbing.dubbing-content { height: 170px; background-size: 70px; border-bottom: none; } a[class^="bg_"].dubbing.bg_sm, div[class^="bg_"].dubbing.bg_sm { background-position: right 15px top 6px; } a[class^="bg_"].dubbing.bg_sm.dubbing-content, div[class^="bg_"].dubbing.bg_sm.dubbing-content { background-position: right 15px top 12px; } a[class^="bg_"].dubbing:hover, div[class^="bg_"].dubbing:hover { background: url("data:image/svg+xml;utf8,") 0% 0% / 60px no-repeat rgb(157, 137, 108); } a[class^="bg_"].dubbing:hover.bg_sm, div[class^="bg_"].dubbing:hover.bg_sm { background-position: right 15px top 6px; } a[class^="bg_"].dubbing:hover.bg_sm.dubbing-content, div[class^="bg_"].dubbing:hover.bg_sm.dubbing-content { background-position: right 15px top 12px; background-size: 70px; } @media (max-width: 767px) { a[class^="bg_"].dubbing.dubbing-content, div[class^="bg_"].dubbing.dubbing-content { height: 150px; } a[class^="bg_"].dubbing, div[class^="bg_"].dubbing { background-position: right 6px top 15px; } a[class^="bg_"].dubbing:hover, div[class^="bg_"].dubbing:hover { background-position: right 6px top 15px; } } .btn-mypage { width: 95%; height: 86px; border-radius: 5px; background-color: rgb(51, 87, 184); font-size: 24px; color: rgb(255, 255, 255); font-weight: bold; text-decoration: none; line-height: 1; transition: all 0.3s ease 0s; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; } @media (max-width: 991px) { .btn-mypage { width: 100%; } } .btn-mypage:hover, .btn-mypage:active, .btn-mypage:focus { background-color: rgb(81, 139, 255); text-decoration: none; color: rgb(255, 255, 255); } .btn-mypage .small { font-size: 0.625em; } .btn-mypage .btn-inner { position: relative; padding-left: 2em; } .btn-mypage .btn-inner::before { content: ""; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); font-family: "Font Awesome 5 Pro"; font-size: 26px; font-weight: 100; } .btn-mypage-header, .btn-mypage-footer { margin-left: auto; margin-right: auto; } .btn-mypage-header { margin-top: 10px; } .btn-mypage-footer { margin-bottom: 10px; } .btn-flex { display: flex; flex-wrap: wrap; gap: 20px; } @media (max-width: 767px) { .btn-flex { gap: 15px; } } .btn-flex_new { display: flex; flex-wrap: wrap; gap: 20px; } @media (max-width: 767px) { .btn-flex_new { gap: 15px; } } .btn-flex_new > * { width: calc(50% - 10px); } @media (max-width: 767px) { .btn-flex_new > * { width: 100%; } } .btn-flex_new > * a { width: 100%; } .btn-kakenhi, .btn-telop, .btn-orange, .btn-ai, .btn-movie { background: rgb(121, 104, 148); color: rgb(255, 255, 255); font-size: 20px; font-weight: bold; text-shadow: none; border: 0px; border-radius: 100vw; padding: 25px 60px; min-width: calc(50% - 15px); transition: all 0.3s ease 0s; white-space: normal; position: relative; } @media (min-width: 768px) and (max-width: 991px) { .btn-kakenhi, .btn-telop, .btn-orange, .btn-ai, .btn-movie { font-size: 14px; } } @media (max-width: 767px) { .btn-kakenhi, .btn-telop, .btn-orange, .btn-ai, .btn-movie { width: 100%; font-size: 16px; padding: 25px 30px; } } .btn-kakenhi:hover, .btn-telop:hover, .btn-orange:hover, .btn-ai:hover, .btn-movie:hover, .btn-kakenhi:focus, .btn-telop:focus, .btn-orange:focus, .btn-ai:focus, .btn-movie:focus, .btn-kakenhi:active, .btn-telop:active, .btn-orange:active, .btn-ai:active, .btn-movie:active { background: rgb(182, 153, 197); color: rgb(255, 255, 255); opacity: 0.8; transition: all 0.3s ease 0s; box-shadow: none; } .btn-kakenhi::before, .btn-telop::before, .btn-orange::before, .btn-ai::before, .btn-movie::before { content: ""; font-family: "Font Awesome 5 Pro"; font-size: 22px; position: absolute; right: 22px; top: 51%; transform: translateY(-50%); } @media (max-width: 767px) { .btn-kakenhi::before, .btn-telop::before, .btn-orange::before, .btn-ai::before, .btn-movie::before { font-size: 15px; right: 20px; } } .btn-movie { background: rgb(36, 179, 126); } .btn-movie:hover, .btn-movie:focus, .btn-movie:active { background: rgb(138, 200, 127); } .btn-ai { background: rgb(105, 126, 194); color: rgb(255, 255, 255); } .btn-ai:hover, .btn-ai:focus, .btn-ai:active { background: rgb(105, 126, 194); color: rgb(255, 255, 255); } .btn-ai::before { color: rgb(255, 255, 255); } .btn-orange { background: rgb(224, 124, 0); color: rgb(255, 255, 255); } .btn-orange:hover, .btn-orange:focus, .btn-orange:active { background: rgb(231, 154, 60); color: rgb(255, 255, 255); } .btn-orange::before { color: rgb(255, 255, 255); } .btn-telop { background: rgb(252, 169, 60); } .btn-telop:hover, .btn-telop:focus, .btn-telop:active { background: rgb(251, 189, 81); } .btn-kakenhi, .btn-movie, .btn-ai, .btn-orange, .btn-telop { text-decoration: none; } .btn-kakenhi .fa, .btn-ai .fa, .btn-orange .fa, .btn-movie .fa, .btn-telop .fa { position: absolute; left: 20px; top: 50%; transform: translateY(-50%); } @media (max-width: 767px) { .btn-kakenhi .fa, .btn-ai .fa, .btn-orange .fa, .btn-movie .fa, .btn-telop .fa { left: 14px; font-size: 18px; } } .btn-pattern-wrap { display: flex; width: 100%; margin: 40px 0px; text-align: center; border-radius: 2px; } @media (max-width: 991px) { .btn-pattern-wrap { display: block; } } .btn-pattern-wrap--3 a.btn-pattern { width: calc(33.3333% + 1.33333px); } @media (max-width: 991px) { .btn-pattern-wrap--3 a.btn-pattern { width: 100%; } } .btn-pattern-wrap--3 a.btn-pattern:nth-child(n+1) { margin-left: -2px; } @media (max-width: 991px) { .btn-pattern-wrap--3 a.btn-pattern:nth-child(n+1) { margin-left: 0px; margin-top: -2px; } } a.btn-pattern { font-size: 1.6rem; font-weight: bold; display: block; padding: 1.875em 0.625em; cursor: pointer; transition: all 0.3s ease 0s; vertical-align: middle; text-decoration: none; color: rgb(35, 145, 146); border: 2px solid rgb(45, 178, 181); } @media (max-width: 991px) { a.btn-pattern { font-size: 1.4rem; width: 100%; } } a.btn-pattern:hover, a.btn-pattern:focus { color: rgb(255, 255, 255); background: rgb(45, 178, 181); } a.btn-pattern i { margin-right: 5px; } @media (max-width: 767px) { .btn__sp-custom { width: 100%; padding: 25px 10px !important; } } .btn-s-larger { padding: 16px 19px; font-size: 17.5px; border-radius: 6px; } .btn-column2 { display: flex; flex-wrap: wrap; gap: 20px; } @media (max-width: 767px) { .btn-column2 { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } } .btn-column2 .half { -webkit-box-flex: 1; flex: 1 1 0%; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .btn-column2 .half .btn-service { width: 100% !important; } @media (max-width: 991px) { .btn-column2 .half .btn-service { -webkit-box-flex: 1; flex: 1 1 0%; } } .btn-service { display: flex; width: calc(50% - 10px); -webkit-box-align: center; align-items: center; border: 1px solid rgb(205, 205, 205); border-radius: 5px; background-color: rgb(251, 251, 251); text-decoration: none; color: rgb(51, 51, 51); padding: 22px 15px 22px 0px; transition: all 0.3s ease 0s; } @media (min-width: 768px) and (max-width: 991px) { .btn-service { padding: 22px 5px 22px 0px; } } @media (max-width: 767px) { .btn-service { width: 100%; } } .btn-service:hover, .btn-service:focus { text-decoration: none; } .btn-service i { font-size: 25px; text-align: center; width: 75px; } .btn-service__text { width: calc(100% - 75px); } .btn-service__text > * { line-height: 1.4; margin-bottom: 0px; } .btn-service__head { font-size: 20px; font-weight: bold; } .btn-service__body { font-size: 16px; margin-top: 1px; } .btn-service--dispatch { border: 1px solid rgb(148, 125, 32); color: rgb(148, 125, 32); } .btn-service--dispatch:hover { background: rgb(148, 125, 32); color: rgb(255, 255, 255); } .btn-service--unconnect { border: 1px solid rgb(92, 121, 197); color: rgb(92, 121, 197); } .btn-service--unconnect:hover { background: rgb(92, 121, 197); color: rgb(255, 255, 255); } .btn-service--green { border: 1px solid rgb(45, 178, 181); color: rgb(45, 178, 181); } .btn-service--green:hover { background: rgb(45, 178, 181); color: rgb(255, 255, 255); } .btn-type1 { display: inline-block; background: rgb(45, 178, 181); color: rgb(255, 255, 255); text-align: center; padding: 10px 45px 10px 20px; text-decoration: none; transition: all 0.3s ease 0s; border-radius: 100px; position: relative; } .btn-type1::before { content: ""; font-family: "Font Awesome 5 Pro"; font-size: 18px; position: absolute; right: 15px; top: 51%; transform: translateY(-50%); } .btn-type1:hover { opacity: 0.8; text-decoration: none; color: rgb(255, 255, 255); } .btn-type2 { display: inline-block; border: 1px solid rgb(51, 87, 184); color: rgb(51, 87, 184); background: rgb(250, 251, 254); padding: 14px 35px 14px 60px; text-decoration: none; transition: all 0.3s ease 0s; border-radius: 5px; font-weight: bold; font-size: 20px; position: relative; } .btn-type2::before { content: ""; font-family: "Font Awesome 5 Pro"; font-size: 20px; position: absolute; left: 35px; top: 51%; transform: translateY(-50%); font-weight: 300; } .btn-type2:hover { text-decoration: none; opacity: 0.8; } .btn-type3 { background: rgb(251, 251, 251); font-size: 15px; font-weight: bold; color: rgb(51, 51, 51); padding: 18px; border-radius: 4px; border: 1px solid rgb(205, 205, 205); display: inline-block; } .btn-type3 i { transition: all 0.3s ease 0s; color: rgb(51, 51, 51) !important; } .btn-type3:hover { background: rgb(135, 135, 135) !important; color: rgb(255, 255, 255) !important; } .btn-type3:hover i { color: rgb(255, 255, 255) !important; } .btn-type3--green { background: rgb(245, 248, 248); border-color: rgb(0, 122, 123); color: rgb(0, 122, 123) !important; } .btn-type3--green i { color: rgb(0, 122, 123) !important; } .btn-type3--green:hover { background: rgb(0, 122, 123) !important; color: rgb(255, 255, 255) !important; } .btn-type3--green:hover i { color: rgb(255, 255, 255) !important; } .service-btn { border: 1px solid; padding: 20px; } @media (max-width: 767px) { .service-btn { padding: 15px; } } .service-btn__content { display: flex; gap: 20px; } @media (max-width: 767px) { .service-btn__content { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 15px; } } .service-btn__link { padding: 10px 20px; border-radius: 5px; color: rgb(255, 255, 255); font-weight: bold; display: flex; width: fit-content; margin: 20px 0px 0px auto; text-decoration: none; transition: all 0.3s ease 0s; line-height: 1; } @media (max-width: 767px) { .service-btn__link { padding: 10px; margin: 15px auto 0px; } } .service-btn__link:hover { text-decoration: none; } .service-btn__title { font-size: 18px; font-weight: bold; margin: 0px; } @media (max-width: 767px) { .service-btn__title { text-align: center; } } .service-btn__title span { font-size: 0.8em; font-weight: normal; display: block; } .service-btn__text { margin: 8px 0px 0px; } @media (max-width: 767px) { .service-btn__img { text-align: center; } } .service-btn__img svg { width: 65px !important; } .service-btn__body { -webkit-box-flex: 1; flex: 1 1 0%; } .service-btn--unconnect { border-color: rgb(92, 121, 197); background: rgb(225, 236, 245); } .service-btn--unconnect svg { fill: rgb(92, 121, 197); } .service-btn--unconnect .service-btn__link { background: rgb(92, 121, 197); } .service-btn--unconnect .service-btn__link:hover, .service-btn--unconnect .service-btn__link:focus { background: rgb(255, 255, 255); color: rgb(92, 121, 197); text-decoration: none; } .service-btn--trans { border-color: rgb(1, 128, 165); background: rgb(230, 241, 243); } .service-btn--trans svg { fill: rgb(1, 128, 165); } .service-btn--trans .service-btn__link { background: rgb(1, 128, 165); } .service-btn--trans .service-btn__link:hover, .service-btn--trans .service-btn__link:focus { background: rgb(255, 255, 255); color: rgb(1, 128, 165); text-decoration: none; } .service-btn--default { border-color: rgb(1, 165, 164); background: rgb(238, 248, 249); } .service-btn--default svg { fill: rgb(1, 165, 164); } .service-btn--default .service-btn__link { background: rgb(1, 165, 164); } .service-btn--default .service-btn__link:hover, .service-btn--default .service-btn__link:focus { background: rgb(255, 255, 255); color: rgb(1, 165, 164); text-decoration: none; } div.pagination { clear: both; padding: 20px 0px; position: relative; font-size: 11px; line-height: 13px; background: none; margin: 10px 0px 20px; vertical-align: middle; } div.pagination span { display: block; float: left; margin: 2px 2px 2px 0px; padding: 6px 9px 5px; text-decoration: none; width: auto; color: rgb(255, 255, 255); background: rgb(153, 153, 153); } div.pagination a:hover { color: rgb(255, 255, 255); background: rgb(42, 148, 223); } div.pagination .current { padding: 6px 9px 5px; background: rgb(42, 148, 223); color: rgb(255, 255, 255); } .pagination a { display: block; float: left; margin: 2px 2px 2px 0px; padding: 6px 9px 5px; text-decoration: none; width: auto; color: rgb(255, 255, 255); background: rgb(153, 153, 153); } i.fa.fa-angle-right.fa-large { font-size: 24px; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { z-index: 2; color: rgb(255, 255, 255); cursor: default; background-color: rgb(51, 83, 169); border-color: rgb(51, 83, 169); } .pagination > li > a { color: rgb(51, 83, 169); } .pagination-word { margin-top: 80px; text-align: center; display: flex; } .pagination-word a { text-decoration: none; padding: 15px 10px; font-size: 14px; width: 100%; height: 100%; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; line-height: 1.4; } .pagination-word .next-post, .pagination-word .previous-post, .pagination-word .top-word { width: 33.33%; } .pagination-word .next-post:hover, .pagination-word .previous-post:hover, .pagination-word .top-word:hover { background: rgb(36, 145, 146); color: rgb(255, 255, 255); text-decoration: none; } .pagination-word .next-post:hover a, .pagination-word .previous-post:hover a, .pagination-word .top-word:hover a { color: rgb(255, 255, 255); text-decoration: none; } .pagination-word .next-post-empty, .pagination-word .previous-post-empty { background: rgb(215, 230, 230); } .pagination-word .next-post-empty:hover, .pagination-word .previous-post-empty:hover { background: rgb(215, 230, 230); } .pagination-word .next-post { border-width: 1px 0px 1px 1px; border-top-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(36, 145, 146); border-bottom-color: rgb(36, 145, 146); border-left-color: rgb(36, 145, 146); border-image: initial; border-right-style: initial; border-right-color: initial; border-radius: 3px 0px 0px 3px; } .pagination-word .next-post .fa { margin-right: 5px; } .pagination-word .previous-post { border-width: 1px 1px 1px 0px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-top-color: rgb(36, 145, 146); border-right-color: rgb(36, 145, 146); border-bottom-color: rgb(36, 145, 146); border-image: initial; border-left-style: initial; border-left-color: initial; border-radius: 0px 3px 3px 0px; } .pagination-word .previous-post .fa { margin-left: 5px; } .pagination-word .top-word { border: 1px solid rgb(36, 145, 146); } ul.silver_list { font-size: 1.6rem; list-style: none; } ul.silver_list li { margin: 10px 0px; } ul.silver_list span { margin-right: 15px; margin-left: -25px; color: rgb(75, 117, 185); } .nav-grid { display: flex; flex-wrap: wrap; margin: 40px 0px; border: 2px solid rgb(45, 178, 181); border-radius: 2px; } .nav-grid a { font-size: 1.6rem; font-weight: bold; display: flex; -webkit-box-align: center; align-items: center; flex-basis: 33.333%; -webkit-box-pack: center; justify-content: center; height: 90px; transition: all 0.3s ease 0s; text-decoration: none; color: rgb(45, 178, 181); box-shadow: rgb(45, 178, 181) 0px 0px 0px 1px; } @media (max-width: 991px) { .nav-grid a { flex-basis: 50%; } } @media (max-width: 767px) { .nav-grid a { flex-basis: 100%; } } .nav-grid a:hover, .nav-grid a:focus { color: rgb(255, 255, 255); background: rgb(45, 178, 181); } .nav-grid a .fa { margin-right: 10px; } .number-hanyaku { background: url("") 10px 0px no-repeat rgba(0, 0, 0, 0); position: absolute; z-index: 2; width: 90px; height: 70px; font-size: 32px; text-align: center; padding-top: 10px; color: rgb(255, 255, 255); } .number-user { background: url("") 10px 0px no-repeat rgba(0, 0, 0, 0); position: absolute; z-index: 2; width: 90px; height: 70px; font-size: 32px; text-align: center; padding-top: 10px; color: rgb(255, 255, 255); } .flow-hanyaku { top: 10px; width: 100%; background-color: rgb(217, 247, 247); border-radius: 5px; border: 1px solid rgb(47, 195, 195); position: relative; z-index: 1; padding-left: 90px; padding-right: 15px; } .flow-user { top: 10px; width: 100%; background-color: rgb(255, 235, 215); border: 1px solid rgb(255, 166, 77); border-radius: 5px; position: relative; z-index: 1; padding-left: 90px; padding-right: 15px; } .flow-title > h3 { margin: 10px; font-size: 18px; font-weight: bold; color: rgb(68, 68, 68); } .flow-text > p { margin: 10px; font-size: 14px; } .flow-user .flow-text a { color: rgb(46, 195, 195); text-decoration: underline; } .flow-user .flow-text .list-circle > li { background-image: url(""); } .flow-hanyaku .flow-text a { color: rgb(255, 102, 0); text-decoration: underline; } .flow-hanyaku .flow-text .list-circle > li { background-image: url(""); } .arrow-hanyaku { margin: 5px auto 10px; width: 0px; height: 0px; border-top: 15px solid rgb(47, 195, 195); border-right: 20px solid transparent; border-bottom: none; border-left: 20px solid transparent; padding: 0px; } .arrow-user { margin: 5px auto 10px; width: 0px; height: 0px; border-top: 15px solid rgb(255, 166, 77); border-right: 20px solid transparent; border-bottom: none; border-left: 20px solid transparent; padding: 0px; } ul.check_list { padding: 0.5em 0.5em 0em; list-style-type: none; margin-bottom: 0px; } ul.check_list li { position: relative; padding: 0em 0.3em 0.3em 1.3em; } ul.check_list li::after { position: absolute; content: ""; display: block; background: rgb(0, 207, 60); top: 0.43em; left: 0.5em; height: 11px; width: 4px; border-radius: 10px; transform: rotate(45deg); } ul.check_list li::before { position: absolute; content: ""; display: block; background: rgb(0, 207, 60); width: 4px; border-radius: 10px; top: 0.6em; left: 0.2em; height: 8px; transform: rotate(-45deg); } .box_point { padding: 1.5em; margin: 2em 0em; background: rgb(246, 254, 233); border-left: 10px solid rgb(93, 212, 128); } .box_point p { margin: 0px; padding: 10px; } .service_interview_wrap { display: block; text-decoration-color: rgb(51, 51, 51); line-height: 3.4rem; transition: all 0.2s ease 0s; text-align: center; } @media (min-width: 768px) { .service_interview_wrap { margin-bottom: 40px; text-decoration: none; line-height: 2.6rem; } } .service_interview_wrap:hover { opacity: 0.7; text-decoration: none; } .service_interview_img { padding: 30px 0px 30px 50px; float: left; width: 40%; } .service_interview_title { margin: 10px 0px 20px; max-width: 100%; } .service_interview_div { text-align: center; } @media (min-width: 768px) { .service_interview_div { float: left; width: 60%; padding: 10px; } } .service_interview_text { font-size: 1.4em; color: rgb(51, 51, 51); } .record-flow_sentence { margin: 0px 0px 60px; } .record-flow_sentence_3 { margin: 0px 0px 100px; } .record-flow_hr { border-bottom: 1px solid rgb(157, 157, 157); } .record-flow_h2 { padding: 20px 0px; } .record-flow_div { padding: 1px 40px 30px; } .record-flow_img { float: left; margin: 0px 30px 30px 0px; } .record-flow_clear { clear: both; } .record-flow_bottom { padding: 20px 40px 30px; } .upper-latin { list-style: upper-latin; } ul.gold_list { font-size: 1.6rem; list-style: none; } ul.gold_list li { margin: 10px 0px; } ul.gold_list span { margin-right: 10px; margin-left: -25px; color: rgb(225, 205, 17); } .row.about_content_img_text li { font-weight: bold; margin-left: -16px; text-align: left; } @media (max-width: 767px) { .row.about_content_img_text li { font-size: 16px; } } .case-studies table tbody { display: flex; flex-wrap: wrap; } .case-studies table tbody tr { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-flex: 1; flex: 1 1 0%; } @media (max-width: 767px) { .case-studies table tbody tr { flex: 1 1 100%; } } .case-studies table tbody tr:nth-child(n+2) th, .case-studies table tbody tr:nth-child(n+2) td { border-left: none; } @media (max-width: 767px) { .case-studies table tbody tr:nth-child(n+2) th, .case-studies table tbody tr:nth-child(n+2) td { border-left: 1px solid rgb(51, 51, 51); } } @media (max-width: 767px) { .case-studies table tbody tr:nth-child(n+2) th { border-top: none; } } .case-studies table tbody th, .case-studies table tbody td { width: 100%; } @media (max-width: 991px) { .case-studies table tbody th, .case-studies table tbody td { padding: 20px 10px; } } .case-studies table tbody th { border-bottom: none; } .case-studies table tbody td { -webkit-box-flex: 1; flex: 1 1 0%; } .service-item { display: flex; flex-wrap: wrap; -webkit-box-align: center; align-items: center; padding: 20px 0px; border-bottom: 1px solid rgb(213, 213, 213); margin: 0px 0px 10px; } .service-item .icon { width: 20%; text-align: center; padding: 30px; } @media (max-width: 767px) { .service-item .icon { width: 100%; padding-top: 0px; } } .service-item .icon img { width: 100%; max-width: 56px; max-height: 56px; } .service-item .body { width: 80%; display: flex; flex-wrap: wrap; -webkit-box-align: center; align-items: center; } @media (max-width: 767px) { .service-item .body { width: 100%; } } .service-item .text { width: 68%; margin-bottom: 15px; min-height: 85px; } @media (max-width: 767px) { .service-item .text { width: 100%; min-height: auto; } } .service-item .text h3 { font-size: 22px; margin: 0px 0px 0.2em; } @media (max-width: 767px) { .service-item .text h3 { font-size: 18px; } } .service-item .text p { margin: 0px; } .service-item .price { width: 32%; font-size: 35px; text-align: center; line-height: 1.05; margin-bottom: 5px; } @media (max-width: 767px) { .service-item .price { width: 50%; font-size: 33px; } } .service-item .price > div:first-child { font-size: 42.857%; font-weight: normal; margin-bottom: 0.3em; } .service-item .price > div:nth-child(2) { letter-spacing: 0.05em; } .service-item .price > div:nth-child(3) { font-size: 40%; font-weight: normal; margin-top: 0.4em; } .service-item .price .small:last-child { font-size: 55%; margin-left: 0.2em; position: relative; bottom: 1px; } .service-item .btn-wrap { display: flex; flex-wrap: wrap; -webkit-box-pack: end; justify-content: flex-end; gap: 15px; width: 100%; } @media (max-width: 767px) { .service-item .btn-wrap { width: 50%; gap: 10px; } } .service-item2 { display: flex; flex-wrap: wrap; -webkit-box-align: start; align-items: flex-start; padding: 20px 0px; border-bottom: 1px solid rgb(213, 213, 213); margin: 0px 0px 10px; gap: 40px; } @media (max-width: 991px) { .service-item2 { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; } } .service-item2__list { margin: 0px; padding: 0px; } .service-item2__img { width: 170px; } .service-item2 .body { -webkit-box-flex: 1; flex: 1 1 0%; } .service-item2 .text { margin-bottom: 15px; } @media (max-width: 767px) { .service-item2 .text { width: 100%; min-height: auto; } } .service-item2 .text h3 { font-size: 22px; margin: 0px 0px 0.2em; } @media (max-width: 767px) { .service-item2 .text h3 { font-size: 18px; } } .service-item2__scene { font-weight: bold; } .service-item2 .btn-wrap { margin-top: 1em; display: flex; -webkit-box-pack: end; justify-content: flex-end; } @media (max-width: 991px) { .service-item2 .btn-wrap { -webkit-box-pack: center; justify-content: center; } } .title-delivery { margin: 40px 0px 5px; } .title-delivery span { text-decoration: underline; } .list-content { margin-left: 3em; padding: 0px; } @media (max-width: 767px) { .list-content { margin-left: 1.5em; } } .list-content2 { margin-left: 1.5em; padding: 0px; } .list-content3 { padding: 0px; list-style: none; display: flex; flex-wrap: wrap; gap: 30px; } @media (max-width: 767px) { .list-content3 { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } } .list-content3__parent { width: calc(50% - 15px); font-weight: bold; } @media (max-width: 767px) { .list-content3__parent { width: 100%; } } .list-content3__child-list { padding: 0px; list-style: none; font-weight: normal; } .list-content4 { padding: 0px; list-style: none; margin-bottom: 20px; } .list-content4__item { font-weight: bold; } .list-content4__item p { font-weight: normal; margin: 0px; } .list-content4__item:not(:first-child) { margin-top: 20px; } @media (max-width: 767px) { .simple-list { padding-left: 0px; } } .simple-list2 { margin-left: 1.5em; padding: 0px; } .simple-list2 li:not(:first-child) { margin-top: 10px; } .parentheses-list { padding: 0px; margin-left: 2.6em; } .parentheses-list > li { list-style-type: none; counter-increment: cnt 1; position: relative; } .parentheses-list > li + * { margin-top: 1em; } .parentheses-list > li::before { content: "(" counter(cnt) ")"; display: inline-block; margin-left: -3em; width: 2.5em; text-align: right; position: absolute; top: -1px; left: 0px; } .parentheses-list--right > li::before { content: counter(cnt, lower-latin) ")"; } .parentheses-list--h4 > li::before { font-size: 16px; font-weight: bold; } .list-margin-none li { margin-bottom: 0px !important; } ul.style-disc { list-style: disc; } .style-none { list-style: none; } .toc-list { list-style: none; } .toc-list > li { margin-bottom: 1em; } .toc-list > li:last-child { margin-bottom: 0px; } .toc-list > li ul { padding-left: 0.8em; list-style: none; } .post-list { margin-top: 50px; margin-bottom: 50px; } .post-list article { margin-bottom: 0px; } .post-list article + * { margin-top: calc(2em + 2px); } .post-list h3 { margin: 0.5em 0px 0px; line-height: 1; font-size: 16px; } .tl-list { list-style: none; display: flex; flex-wrap: wrap; gap: 10px 30px; padding: 0px; } @media (max-width: 991px) { .tl-list { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } } .tl-list li a { display: inline-block; text-decoration: none; position: relative; line-height: 1.2; } .tl-list li a::after { content: ""; position: absolute; top: 50%; transform: translateY(-50%); right: -15px; height: 90%; width: 2px; background: rgb(221, 221, 221); } @media (max-width: 991px) { .tl-list li a::after { content: none !important; } } .tl-list li:last-child a::after { content: none; } .tl-list2 { padding: 0px 0px 0px 1em; margin-top: 0px; } .tl-list3 { padding: 0px 0px 0px 1em; margin-top: 0px; display: flex; flex-wrap: wrap; gap: 0.25em 30px; } .tl-list3 li { width: calc(50% - 15px); } @media (max-width: 767px) { .tl-list3 li { width: 100%; } } .basic-text-list { margin-bottom: 150px; } @media (max-width: 767px) { .basic-text-list { margin-bottom: 60px; } } .basic-text-list h3 { font-size: 1.12em; font-weight: bold; margin-bottom: 0.25em; } .basic-text-list h4 { font-weight: bold; margin-bottom: 6px; font-size: 16px; } .basic-text-list p { margin-bottom: calc(1em + 10px); } .basic-text-list ol > li > ol, .basic-text-list ol > li > ul, .basic-text-list ul > li > ol, .basic-text-list ul > li > ul { margin-left: 1.2em; padding: 0px; } .basic-text-list ol > li > ol > li > ol, .basic-text-list ol > li > ol > li > ul, .basic-text-list ol > li > ul > li > ol, .basic-text-list ol > li > ul > li > ul, .basic-text-list ul > li > ol > li > ol, .basic-text-list ul > li > ol > li > ul, .basic-text-list ul > li > ul > li > ol, .basic-text-list ul > li > ul > li > ul { margin-left: 2em; padding: 0px; } .basic-text-list ol li, .basic-text-list ul li { margin-bottom: 1em; } .basic-text-list ol li:last-child, .basic-text-list ul li:last-child { margin-bottom: 0px; } .basic-text-list .h-pickup-list li::marker { font-size: 1.12em; font-weight: bold; } @media (min-width: 768px) { .basic-text-list .col-sm-6 { padding-left: 35px; padding-right: 35px; } } .check-list { list-style: none; padding: 0px; margin: 0px; } .check-list li { position: relative; padding: 0px 0px 0px 1.8em; margin: 0px; } .check-list li::before { position: absolute; left: 0px; font-family: "Font Awesome 5 Pro"; font-weight: 400; content: ""; color: rgb(51, 51, 51); font-size: 18px; } .check-list--green li::before { color: rgb(45, 178, 181); } .annotation-list > * { display: flex; -webkit-box-align: start; align-items: flex-start; } .annotation-list dt { font-weight: bold; width: fit-content; } .annotation-list dd { -webkit-box-flex: 1; flex: 1 1 0%; } .box-lsit-col2 { margin: 0px; display: flex; flex-wrap: wrap; gap: 0px 30px; } @media (max-width: 767px) { .box-lsit-col2 { gap: 0px; } } .box-lsit-col2 > * { width: calc(50% - 15px); } @media (max-width: 767px) { .box-lsit-col2 > * { width: 100%; } } .box-list-col2 { margin: 0px; display: flex; flex-wrap: wrap; gap: 0px 30px; } @media (max-width: 767px) { .box-list-col2 { gap: 0px; padding-left: 1.5em; } } .box-list-col2 > * { width: calc(50% - 15px); } @media (max-width: 767px) { .box-list-col2 > * { width: 100%; } } @media (max-width: 767px) { .box-list-col2.pl0 { padding-left: 0px; } } .box-list-col2 li { line-height: 1.5; font-weight: bold; margin: 0.13em 0px; } .simple-t-horizon { display: flex; flex-wrap: wrap; padding: 0px; margin: 10px 0px 0px; list-style: none; } .simple-t-horizon > li:not(:last-child) { padding-right: 15px; position: relative; } .simple-t-horizon > li:not(:last-child)::after { content: "/"; position: absolute; top: 50%; transform: translateY(-50%); right: 6px; } .link-list { column-count: 2; column-gap: 0px; list-style: none; margin: 0px; padding: 0px; } @media (max-width: 991px) { .link-list { column-count: 1; } } .link-list li { margin: 0px; } .problem-list { max-width: 60%; margin: 60px auto; } @media (max-width: 767px) { .problem-list { max-width: 100%; width: 100%; margin: 0px auto; } } .problem-list > li + li { margin-top: 1em; } .grant-faq-div { padding: 10px 0px; background: rgb(244, 244, 244); } .grant-faq-dd { margin: 20px 0px !important; } .grant-faq-dt { margin: 10px 0px !important; } .faq-aco-list { list-style: none; margin: 0px; padding: 0px; } .faq-aco-list > li { border-bottom: 1px solid rgb(238, 238, 238); } .faq-aco-list__question, .faq-aco-list__answer-inner { display: flex; gap: 20px; padding: 16px 30px 16px 20px; } @media (max-width: 767px) { .faq-aco-list__question, .faq-aco-list__answer-inner { gap: 10px; padding: 16px 16px 16px 10px; } } .faq-aco-list__question .faq-aco-list__icon, .faq-aco-list__answer-inner .faq-aco-list__icon { text-transform: uppercase; font-size: 18px; font-weight: bold; border-radius: 100px; width: 38px; height: 38px; min-width: 38px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; margin: 0px; } @media (max-width: 767px) { .faq-aco-list__question .faq-aco-list__icon, .faq-aco-list__answer-inner .faq-aco-list__icon { font-size: 16px; min-width: 30px; width: 30px; height: 30px; } } .faq-aco-list__question { cursor: pointer; } .faq-aco-list__question .faq-aco-list__icon { color: rgb(255, 255, 255); background: rgb(45, 178, 181); padding-bottom: 0.2em; } .faq-aco-list__answer { background: rgb(245, 245, 245); display: none; } .faq-aco-list__answer .faq-aco-list__icon { color: rgb(45, 178, 181); background: rgb(255, 255, 255); border: 1px solid rgb(45, 178, 181); } .faq-aco-list__title { display: flex; -webkit-box-align: center; align-items: center; padding-right: 50px; position: relative; width: 100%; font-size: 18px !important; } @media (max-width: 767px) { .faq-aco-list__title { padding-right: 30px; margin-top: 0px !important; font-size: 18px !important; } } .faq-aco-list__title::before, .faq-aco-list__title::after { content: ""; position: absolute; top: 50%; transform: translateY(-50%); right: 0px; width: 26px; height: 1px; background: rgb(51, 51, 51); } @media (max-width: 767px) { .faq-aco-list__title::before, .faq-aco-list__title::after { width: 20px; } } .faq-aco-list__title::after { transition: all 0.3s ease 0s; transform: translateY(-50%) rotate(90deg); } .faq-aco-list__title.aco-open::after { transform: translateY(-50%) rotate(0deg); } .faq-aco-list__text { text-align: justify; } .cta-area { padding: 30px 0px; background: rgb(233, 233, 233); } .cta-area .row { display: flex; flex-wrap: wrap; -webkit-box-align: center; align-items: center; } .panel { margin-bottom: 50px; background-color: rgb(255, 255, 255); border: 3px solid transparent; border-radius: 5px; box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 1px; padding: 0px; } .panel-default { border-color: rgb(221, 221, 221); } .panel-default > .panel-heading { color: rgb(51, 51, 51); background-color: rgb(245, 245, 245); border-color: rgb(221, 221, 221); } .panel-gray { border-color: rgb(221, 221, 221); margin-bottom: 15px; } @media (min-width: 768px) and (max-width: 991px) { .panel-gray { margin: 0px -13px 15px; } } .panel-gray > .panel-heading { color: rgb(102, 102, 102); background-color: rgb(245, 245, 245); border-color: rgb(240, 240, 240); } .panel-gray > .panel-heading > .panel-title { font-size: 18px; font-weight: bold; text-align: left; } .panel-green { border-color: rgb(45, 178, 181); } .panel-green > .panel-body { padding: 15px; } .panel-green > .panel-heading { color: rgb(255, 255, 255); background-color: rgb(45, 178, 181); border-color: rgb(45, 178, 181); } .panel-blue { border-color: rgb(108, 186, 216); } .panel-blue > .panel-body { padding: 0px; } .panel-blue > .panel-heading { color: rgb(255, 255, 255); background-color: rgb(108, 186, 216); border-color: rgb(108, 186, 216); margin-bottom: 15px; } .panel-attention-r { background-image: url(""); background-repeat: no-repeat; background-position: 20px 23px; background-size: 20px 20px; padding: 0px 25px; border-color: rgb(255, 81, 116); } .panel-attention-r > .panel-body { padding: 0px; } .panel-attention-r > .panel-body h3, .panel-attention-r > .panel-body > .annotation { color: rgb(255, 19, 68); font-size: 18px; font-weight: bold; margin-top: 20px; margin-bottom: 10px; padding-left: 25px; } .panel-heading { padding: 20px; border-top-right-radius: 0px; border-top-left-radius: 0px; } .panel-heading.silver { display: table; width: 100%; height: 65px; padding: 0px; } .panel-title { margin-top: 0px; margin-bottom: 0px; font-size: 18px; font-weight: normal; } .paneller-body { position: relative; background-color: rgb(248, 246, 246); display: block; padding: 40px 10px; margin-bottom: 40px; overflow: hidden; top: 25px; left: 0px; z-index: 2; } .paneller-body .panel { background: none; box-shadow: none; } .paneller-body .panel .caption { color: rgb(75, 117, 185); } .paneller-body #stand { border: 1px solid rgb(221, 221, 221); } .paneller-body #stand .panel-heading { background: rgb(203, 217, 238); } .paneller-body #stand .panel-heading .panel-title { display: table-cell; text-align: center; vertical-align: middle; } .paneller-body #stand .panel-body { background: rgb(255, 255, 255); text-align: center; } .paneller-body h3 { padding-top: 1.6em; text-align: left; border-bottom: 1px solid rgb(223, 223, 223); clear: both; } .paneller-body div .col-md-4 { margin-left: 0px; margin-right: 0px; } .paneller.gold { background-color: rgb(225, 205, 17); } @media (min-width: 768px) and (max-width: 991px) { .paneller.gold { background-color: rgb(225, 205, 17); } } @media (max-width: 767px) { .panel.panel-gray.big div.panel-body-gold { height: auto; } } .panel.panel-gray.big div.panel-body-gold img { width: 55%; margin: auto; } .panel.panel-gray div.panel-body-gold p { margin: 0px 20px; text-align: left; } .paneller-body #stand .panel-heading.gold { background-color: rgb(237, 234, 181); } .panel-heading.gold { display: table; width: 100%; height: 65px; padding: 0px; vertical-align: middle; } @media (min-width: 768px) and (max-width: 991px) { .panel-heading.gold { background-color: rgb(237, 234, 181) !important; } } .panel-body-gold { padding: 15px 5px; } .paneller-body #stand .panel-body-gold { text-align: center; background: rgb(255, 255, 255); } @media (min-width: 768px) and (max-width: 991px) { .paneller-body #stand .panel-heading .panel-title { font-size: 1.6rem; } p.caption.gold { color: rgb(174, 159, 10) !important; } } .ribbon-panel { position: absolute; color: rgb(255, 255, 255); background: rgb(75, 117, 185); display: inline-block; margin: 20px -10px; padding: 5px 10px 0px; top: 0px; left: 0px; z-index: 3; } .ribbon-panel::after { content: ""; position: absolute; top: 100%; height: 0px; width: 0px; border-width: 5px; border-style: solid; border-color: rgb(51, 51, 51) rgb(51, 51, 51) transparent transparent; border-image: initial; left: 0px; } .ribbon-panel p { font-size: 16px; font-weight: bold; } .ribbon-panel-wrapper { position: relative; z-index: 1; } .ribbon-panel-body { position: relative; background-color: rgb(255, 255, 255); border-radius: 5px; border: 3px solid rgb(75, 117, 185); display: block; padding-top: 40px; padding-right: 15px; padding-left: 15px; margin-bottom: 65px; overflow: hidden; top: 30px; left: 0px; z-index: 2; } .paneller { border-radius: 0.2em 0.2em 0px 0px; position: absolute; color: rgb(255, 255, 255); background: rgb(75, 117, 185); display: inline-block; margin: 10px -10px 20px; padding: 5px 10px 0px; top: 0px; left: 0px; z-index: 3; } .paneller::after { content: ""; position: absolute; top: 100%; height: 0px; width: 0px; border-width: 5px; border-style: solid; border-color: rgb(51, 51, 51) rgb(51, 51, 51) transparent transparent; border-image: initial; left: 0px; } .paneller::before { right: 0px; border-left: 5px solid rgb(51, 51, 51); } .paneller p { opacity: 0.7; font-size: 18px; padding: 0px; margin: 1em 1em 0.3em; font-weight: normal; } .paneller-wrapper { position: relative; z-index: 1; } .paneller-wrapper h2 { margin-top: -1.2em; margin-left: 6.5em; padding: 0.2em; font-weight: bold; } @media (max-width: 767px) { .paneller-wrapper h2 { margin-top: 1rem; margin-left: 0px; } } @media (max-width: 320px) { .paneller-wrapper h2 { margin-top: 15px; margin-left: 0px; } } .paneller-wrapper * .panel-body { border-radius: 0.3em; } .panel-navy { border: 1px solid rgba(51, 83, 169, 0.3); } .panel-navy > .panel-heading { background-color: rgb(238, 238, 238); border-color: rgba(51, 83, 169, 0.3); } .panel-navy > .panel-heading > .panel-title > a { color: rgb(51, 83, 169); } .panel-navy > .panel-heading .panel-title { color: rgb(255, 255, 255); font-weight: normal; } .panel-group--green .panel-navy { border: 1px solid rgba(51, 169, 138, 0.3); } .panel-aqua { border: 1px solid rgb(210, 238, 238); } .panel-aqua > .panel-heading { background-color: rgb(210, 238, 238); border-color: rgb(210, 238, 238); } .panel-aqua > .panel-heading .panel-title { color: rgb(51, 51, 51); font-weight: normal; } .panel .panel-body h4, .panel .panel-body .panel-sub-title { font-weight: bold; border-left: 2px solid rgb(45, 178, 181); padding-left: 8px; font-size: 16px; } .panel .panel-body .marker { background-color: rgb(255, 223, 218); } @media (max-width: 768px) { .panel .panel-body .sample2 { margin-top: 20px; } } .panel-group--blue .accordion-toggle { text-decoration: none; } .panel-group--blue .accordion-toggle .panel-heading { background: rgb(2, 128, 165) !important; } .panel-group--blue .panel-title { font-size: 20px; font-weight: normal; } .panel-img img { width: 100%; } @media (min-width: 768px) { .glay_line { margin-top: -20px; border: 1px solid rgb(204, 204, 204); } } hr.news-list-border { border-top: 2px solid rgb(204, 204, 204); width: calc(100% - 30px); margin: 15px 15px 30px; display: inline-block; } @media (max-width: 767px) { .border-top-none { border-top: none !important; } } @media (min-width: 1025px) { body:not(.home) .swiper-pagination { display: none; } } .easy-select-box { overflow: hidden; text-align: left; border-radius: 5px; font-size: 1.4rem; color: rgb(255, 255, 255); background: rgb(255, 255, 255); width: 100% !important; } .home .easy-select-box { font-size: inherit; border: none; } .easy-select-box .esb-displayer { color: rgb(85, 85, 85); height: 38px; line-height: 30px; padding: 1px 20px 0px 4px; text-indent: 5px; width: 100%; cursor: pointer; border: 2px solid rgb(0, 122, 123); border-radius: 5px; position: relative; } .easy-select-box .esb-displayer::before { content: ""; font-family: "Font Awesome 5 Pro"; font-weight: 700; color: rgb(46, 162, 166); position: absolute; right: 0px; bottom: 0px; font-size: 18px; background: rgb(238, 238, 238); height: 34px; width: 30px; border-radius: 0px 3px 3px 0px; text-align: center; text-indent: 1px; line-height: 33px; } .easy-select-box .esb-displayer:hover { opacity: 0.8; } .easy-select-box .esb-displayer:hover .esb-displayer { text-decoration: none; } .easy-select-box.disabled .esb-displayer, .easy-select-box:hover.disabled .esb-displayer { background-position: 0px -36px; } .easy-select-box .esb-dropdown { position: absolute; z-index: 999; display: none; overflow: auto; max-height: 200px; border: 1px solid rgb(204, 204, 204); background: rgb(255, 255, 255); width: 100% !important; max-width: 100% !important; } .easy-select-box .esb-item { padding: 3px; cursor: default; color: rgb(12, 34, 69); background: rgb(255, 255, 255); width: 100% !important; } .easy-select-box .esb-item:hover { text-decoration: none; color: rgb(255, 255, 255); background: rgb(57, 203, 204); } .esb-displayer { line-height: 30px; position: relative; width: 100%; height: 38px; padding: 1px 20px 0px 4px; cursor: pointer; text-indent: 5px; color: rgb(85, 85, 85); border: 2px solid rgb(0, 122, 123); border-radius: 5px; } .esb-displayer::before { font-family: "Font Awesome 5 Pro"; font-weight: 700; font-size: 18px; line-height: 33px; position: absolute; right: 0px; bottom: 0px; width: 30px; height: 34px; content: ""; text-align: center; text-indent: 1px; color: rgb(46, 162, 166); border-radius: 0px 3px 3px 0px; background: rgb(238, 238, 238); } .form-group-service { position: relative; width: 205px; margin-right: 8px; } .form-group-date { position: relative; width: 130px; margin-right: 8px; } .form-group-date input { cursor: pointer !important; } .form-group-date:hover::before { opacity: 0.8; } .form-group-date::before { font-family: "Font Awesome 5 Pro"; font-weight: 400; font-size: 16px; position: absolute; right: 2px; bottom: 2px; width: 32px; height: 34px; content: ""; text-align: center; pointer-events: none; color: rgb(46, 162, 166); border-radius: 0px 3px 3px 0px; background: rgb(238, 238, 238); } @media (max-width: 767px) { .form-group-date::before { font-size: 14px; } } .form-group-time { width: 105px; margin-right: 8px; } .form-group-time input { border-right: none !important; } .form-group-time span { padding: 6px 8px 6px 6px; border: 2px solid rgb(0, 122, 123); border-radius: 0px 5px 5px 0px; background: rgb(255, 255, 255); } .form-group-service, .form-group-date, .form-group-time { float: left; line-height: 34px; margin-bottom: 0px; font-size: 1.4rem !important; } .form-group-service input, .form-group-service select, .form-group-date input, .form-group-date select, .form-group-time input, .form-group-time select { appearance: none; background: rgb(255, 255, 255); border: 2px solid rgb(0, 122, 123); border-radius: 5px; padding: 6px; text-align: left; overflow: hidden; height: 38px; box-shadow: none; } .form-group-service input::-webkit-input-placeholder, .form-group-service select::-webkit-input-placeholder, .form-group-date input::-webkit-input-placeholder, .form-group-date select::-webkit-input-placeholder, .form-group-time input::-webkit-input-placeholder, .form-group-time select::-webkit-input-placeholder { color: rgb(140, 140, 140); opacity: 1; } .form-group-service input::placeholder, .form-group-service select::placeholder, .form-group-date input::placeholder, .form-group-date select::placeholder, .form-group-time input::placeholder, .form-group-time select::placeholder { color: rgb(140, 140, 140); opacity: 1; } @media (max-width: 991px) { .form-group-service, .form-group-date, .form-group-time { margin-bottom: 10px; } } @media (max-width: 767px) { .form-group-service, .form-group-date, .form-group-time { float: none; width: 100%; margin-top: 10px; margin-bottom: 0px; font-size: 1.4rem; } } input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { appearance: none; margin: 0px; } @media (max-width: 767px) { .form-group-left { flex-basis: 100%; padding-right: 10px; } } @media (min-width: 768px) and (max-width: 991px) { .form-group-left { margin-left: 30px; } } @media (max-width: 767px) { .form-group-right { flex-basis: 180px; align-self: flex-end; } } .form-control { font-size: inherit; border: none; border-radius: 0px; } body:not(.home) .simple-estimate-outer { padding: 35px 0px; border: 2px solid rgb(0, 122, 123); border-radius: 5px; background: rgb(237, 237, 237); } @media (max-width: 767px) { body:not(.home) .simple-estimate-outer { margin: 0px -15px; padding: 30px 15px; border: none; border-radius: 0px; } } body:not(.home) .simple-estimate-outer .row { display: flex; flex-wrap: wrap; -webkit-box-align: center; align-items: center; } @media (max-width: 767px) { body:not(.home) .simple-estimate-outer form { display: flex; padding-top: 5px; } } .tooltip-simple-estimate { font-size: 14px; font-weight: bold; color: rgb(36, 145, 146); cursor: pointer; border-bottom: 2px dotted rgb(36, 145, 146); margin-left: 5px; padding: 0px 1px 1px; } .tooltip-simple-estimate:hover { opacity: 0.7; } .title-simple-estimate { font-size: 18px; display: inline-block; margin: 0px 0px 0px 30px; color: rgb(0, 122, 123); } @media (max-width: 991px) { .title-simple-estimate { margin-bottom: 10px; } } @media (max-width: 767px) { .title-simple-estimate { margin: 0px; } } .estimate_btn { font-size: 18px; font-weight: bold; width: 125px; height: 38px; padding: 3px 0px; transition: all 0.3s ease 0s; color: rgb(255, 255, 255); border: 0px; border-radius: 5px; background: rgb(0, 122, 123); box-shadow: none; text-shadow: none; } @media (max-width: 767px) { .estimate_btn { width: 100%; } } .estimate_btn:hover { transition: all 0.3s ease 0s; color: rgb(255, 255, 255); background-color: rgb(50, 204, 152); } #ui-datepicker-div { width: 340px; box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 15px 0px; background-color: rgb(255, 255, 255) !important; } @media (max-width: 767px) { #ui-datepicker-div { width: 95%; max-width: 400px; padding: 0px; box-shadow: rgba(0, 0, 0, 0.3) 1px 0px 10px 2px; position: fixed !important; z-index: 9999 !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; background-color: rgb(255, 255, 255) !important; } } input#datepicker { background: rgb(255, 255, 255) !important; } .ui-datepicker table { font-size: 1em !important; } @media (max-width: 767px) { .ui-datepicker table { height: 420px; max-height: 60vh; } } .ui-datepicker td span, .ui-datepicker td a { padding: 0.55em 0.6em 0.55em 0.2em !important; } @media (max-width: 767px) { .ui-datepicker td span, .ui-datepicker td a { font-size: 18px; padding: 5px 15px 5px 5px !important; } } .ui-datepicker td span { color: rgb(156, 156, 156); } @media (max-width: 767px) { .ui-datepicker td span { color: rgb(156, 156, 156); } } .ui-datepicker td a { font-weight: bold; } @media (max-width: 767px) { .ui-datepicker td a { font-weight: bold; } } .ui-datepicker .ui-datepicker-buttonpane { display: none; } @media (max-width: 767px) { .ui-datepicker .ui-datepicker-buttonpane { position: absolute; top: -45px; right: 2px; display: block; margin: 0px !important; padding: 0px !important; } } @media (max-width: 767px) { .ui-datepicker .ui-datepicker-buttonpane button { font-size: 38px; color: rgb(255, 255, 255); border: none; background: transparent; text-shadow: rgba(0, 0, 0, 0.3) 0px 1px 8px; margin: 0px !important; padding: 6px !important; } } @media (max-width: 767px) { .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { display: none; } } @media (max-width: 767px) { .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { font-size: 32px; font-weight: bold; color: rgb(255, 255, 255); top: -2px !important; } } .ui-datepicker .ui-datepicker-next { width: 1.2em !important; height: 1.2em !important; } @media (max-width: 767px) { .ui-datepicker .ui-datepicker-header { color: rgb(255, 255, 255); background: rgb(1, 160, 163); padding: 10px 0px !important; } } .list-attention { display: none; } #overlay { position: fixed; z-index: 9999; top: 0px; display: none; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.6); } @media (min-width: 768px) { #overlay { display: none !important; } } #overlay.is-open { display: block; } article img.img-responsive, .article img.img-responsive { margin-bottom: 10px; } div.well.strongpoint > h3 { font-size: 2.3rem; font-weight: normal; } div.well > div.row div > p { margin-bottom: 0px; } .label { font-weight: normal; padding: 2px 3px; } .label-lg { font-size: 12px; line-height: 33px; padding: 2px 5px; } .label-xl { font-size: 18px; line-height: 36px; padding: 5px 8px; } .label-xl-cube { font-size: 18px; line-height: 25px; padding: 5px; width: 36px; height: 36px; display: block; margin: 0px 10px; } .label-xl-cube.pull-left { margin: 0px 10px 0px 0px; display: block; } .label-primary { background-color: rgb(51, 83, 169); } .label-danger { background-color: rgb(47, 195, 195); } .label-point { border-radius: 15px; border: 1px solid rgb(184, 220, 237); background-color: rgb(184, 220, 237); display: inline; line-height: 1; font-size: 12px; font-weight: bold; color: rgb(68, 68, 68); padding: 5px 10px; float: left; margin-right: 15px; } .marker { padding: 0px 4px; background-color: rgb(243, 192, 171); white-space: nowrap; border-radius: 4px; } .triangle-arrow { position: relative; margin-top: 40px; } @media (max-width: 767px) { .triangle-arrow { margin-top: 60px; } } .triangle-arrow::before { content: ""; position: absolute; top: -20px; left: 50%; transform: translateX(-50%) rotate(180deg); height: 43.75px; width: 175px; clip-path: polygon(50% 0px, 100% 100%, 0px 100%); background: rgb(224, 224, 224); } @media (max-width: 767px) { .triangle-arrow::before { top: -50px; } } #news h2 { margin-top: 0px; padding: 10px 20px; border: 1px solid rgb(224, 224, 224); border-radius: 5px; background: linear-gradient(rgb(255, 255, 255) 0%, rgb(240, 240, 240) 100%); } #news article dl { padding: 1em 0px; } #news article dl dt { margin: 0px; padding-top: 1em; float: left; } #news article dl dd { padding-top: 1em; margin-left: 140px; padding-bottom: 1em; } #news aside h2 { margin: 0px; padding: 10px 20px; border-radius: 10px 10px 0px 0px; } #news aside ul { margin: 0px; padding: 0px; } #news aside ul li { margin: 0px; padding: 0px; border: 1px solid rgb(236, 236, 236); list-style: none; } #news aside ul li a { padding: 1em 2em; background: rgb(250, 250, 250); border-radius: 0px; text-align: left; } #news article section ul { margin: 0px; padding: 0px; } #news article section ul li { padding: 0px 0.7em; border-right: 1px solid rgb(160, 160, 160); list-style: none; float: left; } #news article section ul li:first-child { padding-left: 0px; } #news article section ul li:last-child { border: none; } @media (max-width: 767px) { #news article dl dt { float: none; } } @media (max-width: 767px) { #news article dl dd { margin-left: 0px; padding-top: 0px; } } #inquiry .article #search { border: none; margin: 2em 0px; } #inquiry .article .section { border: 3px solid rgb(218, 218, 218); border-radius: 4px; margin-bottom: 2em; } #inquiry .article .section h3 { margin: 0px 0px 1.2em; padding: 1em 1.2em; background: rgb(240, 240, 240); } #inquiry .article .section p { padding: 0px 1.5em; } #inquiry .article .section h3 { margin: 0px 0px 0.6em; } #inquiry .article .section p { overflow: hidden; } #inquiry .article .section p a { white-space: nowrap; } .single-post div.page-title div.well h1 { margin: 7px; color: rgb(255, 255, 255); font-size: 2rem; font-weight: bold; text-align: left; } .single-post > div.page-title div.well, .category-review div.page-title div.well { background-color: rgb(47, 195, 195); } .column_style { font-size: 1.6rem !important; line-height: 1.72; } @media (max-width: 767px) { .column_style { font-size: 1.6rem !important; } } @media (max-width: 767px) { .column_style img { max-width: 100%; height: auto; } } .column_div_index { background: rgb(245, 245, 245); padding: 3rem; margin: 0px; } @media (max-width: 767px) { .column_div_index ul li + * { margin-top: 6px; } } .column_span_index { background: rgb(45, 178, 181); padding: 0.5rem 1rem; font-size: 1.7rem; color: rgb(255, 255, 255); font-weight: bold; border-radius: 10px; } .single__m-referral .well { padding: 4px 0px !important; } .entry-thumbnail { display: inline-block; width: 23%; vertical-align: top; text-align: center; margin-top: 0.5em; margin-bottom: 1em; } .entry-thumbnail img { border: 1px solid rgb(204, 204, 204); width: 170px; } .entry-thumbnail a { position: relative; } .entry-thumbnail a img.screenshot { margin: auto; } .entry-thumbnail a img.screenshot + img.load { visibility: hidden; } .entry-thumbnail a:hover img.screenshot, .entry-thumbnail a:hover img.load { opacity: 0.8; } @media (-ms-high-contrast: none) { .entry-thumbnail { margin-top: 0px; } } @media screen and (min-width: 769px) and (max-width: 991px) { .entry-thumbnail { width: 29%; } } .entry-summary.site_search { display: inline-block; width: 76%; } @media screen and (min-width: 769px) and (max-width: 991px) { .entry-summary.site_search { width: 68%; } } @media screen and (max-width: 768px) { .entry-summary.site_search { width: 96%; } } @media screen and (min-width: 769px) and (max-width: 991px) { #inquiry .article .section p { margin: 0px 1.5em 0px 0px; padding: 0px; } } @media screen and (max-width: 768px) { .search_hit { margin-bottom: 40px; } .pc_only { display: none !important; } } .tooltip-supplement { position: relative; cursor: pointer; padding: 0px 5px; color: rgb(70, 130, 180); } .tooltip-supplement .balloon_bottom { width: 300px; position: absolute; top: 80%; left: 50%; transform: translateX(-50%); margin-top: 1rem; padding: 18px 22px; background: rgb(255, 255, 255); font-size: 14px; border-radius: 4px; color: rgb(51, 51, 51); visibility: hidden; opacity: 0; z-index: 1; transition: all 0.5s ease 0s; line-height: 1.72; box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 20px; } @media (max-width: 768px) { .tooltip-supplement .balloon_bottom { left: 100%; font-size: 12px; } } .tooltip-supplement:hover .balloon_bottom { top: 100%; visibility: visible; opacity: 1; } .tooltip-pattern { font-weight: bold; color: rgb(36, 145, 146); cursor: pointer; border-bottom: 2px dotted rgb(36, 145, 146); padding: 0px 0px 0.1em; } .tooltip-pattern .far { font-size: 20px; position: absolute; margin-left: 1px; } .ui-tooltip { background: rgb(255, 255, 255); border: 0px; padding: 18px 22px; color: rgb(51, 51, 51); border-radius: 4px; font-size: 16px; width: unset; position: absolute; z-index: 9999; max-width: 300px; box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 10px !important; } .m-referral { display: flex; flex-wrap: wrap; gap: 30px; list-style: none; padding: 0px; } .m-referral a { cursor: pointer; } .m-referral__item { width: calc(50% - 15px); } @media (max-width: 767px) { .m-referral__item { width: 100%; display: flex; -webkit-box-align: start; align-items: flex-start; } } .m-referral__img { border: 1px solid rgb(238, 238, 238); } @media (max-width: 767px) { .m-referral__img { width: 30%; } } .m-referral__img a { display: block; transition: all 0.3s ease 0s; aspect-ratio: 23 / 15; width: 100%; overflow: hidden; } .m-referral__img a:hover { opacity: 0.8; } .m-referral__img a img { width: 100%; height: auto; } .m-referral__info { display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; margin-top: 16px; } @media (max-width: 991px) { .m-referral__info { -webkit-box-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } } @media (max-width: 767px) { .m-referral__info { -webkit-box-flex: 1; flex: 1 1 0%; margin: 0px 0px 0px 20px; } } .m-referral__time { font-size: 14px; color: rgb(99, 99, 99); line-height: 1; } @media (max-width: 767px) { .m-referral__time { margin-bottom: 4px; } } .m-referral__tag { padding: 0px; } .m-referral .tag__list { list-style: none; display: flex; gap: 4px; } @media (max-width: 767px) { .m-referral .tag__list { margin-bottom: 4px; flex-wrap: wrap; } } .m-referral .tag__item a { padding: 4px 10px; border-radius: 50px; background: rgb(1, 165, 164); color: rgb(255, 255, 255); font-size: 12px; line-height: 1; text-decoration: none; transition: all 0.3s ease 0s; } .m-referral .tag__item a:hover { opacity: 0.8; } .m-referral__link { color: rgb(51, 51, 51); display: block; text-decoration: none; transition: all 0.3s ease 0s; margin-top: 4px; } .m-referral__link:hover { color: rgb(47, 177, 180); text-decoration: none; } @media (max-width: 767px) { .m-referral__link--pc { display: none; } } .m-referral__link--sp { display: none; } @media (max-width: 767px) { .m-referral__link--sp { display: block; } } .m-referral__name { margin: 0px; font-size: 16px !important; } .m-referral__title { margin-top: 2px; line-height: 1.5; } .m-referral__title i { margin-left: 8px; } .m-referral__relation { border-bottom: 3px solid rgb(204, 204, 204); margin-bottom: 30px; } .m-referral a[href*="8089.co.jp"] i, .m-referral a[href*="tokyo8089dev.xbiz.jp"] i, .m-referral a[href*="8089.conohawing.com"] i { display: none; } .top-m-referral { margin: 0px 0px 50px; } .top-m-referral h2 { border-bottom: 3px solid rgb(204, 204, 204); margin-bottom: 30px; } .top-m-referral .container { position: relative; } @media (max-width: 767px) { .top-m-referral .m-referral__name, .top-m-referral .m-referral__title { font-size: 14px; } } .case .item { background: rgb(245, 245, 245); border-radius: 8px; margin-bottom: 15px; display: block; text-decoration: none; transition: all 0.3s ease 0s; } .case .item img { height: 150px; width: 100%; border-radius: 6px 6px 0px 0px; object-fit: cover; } .case .item h3 { font-size: 16px; font-weight: normal; color: rgb(51, 51, 51); margin: 0px; } .case .item h4 { font-size: 17px; font-weight: bold; color: rgb(51, 51, 51); margin: 2px 0px 6px; line-height: 1.4; } .case .item:hover, .case .item:focus { opacity: 0.7; text-decoration: none; } .case .item-body { background: rgb(255, 255, 255); border-radius: 4px; margin: -25px 12px 0px; padding: 10px 15px; position: relative; } .case .item-detail { color: rgb(51, 87, 184); font-size: 14px; font-weight: bold; text-align: center; padding: 5px 12px; } .case .item-detail .fas { margin-right: 2px; } .w-full { margin-top: 20px; } @media (max-width: 991px) { .w-full { margin-top: 0px; } } .box-spec { position: relative; border: 1px solid rgb(221, 221, 221); border-radius: 4px; padding: 20px 22px; height: 100%; min-height: 340px; } @media (max-width: 991px) { .box-spec { height: calc(100% - 20px); margin-bottom: 20px; } } @media (max-width: 767px) { .box-spec { min-height: unset; } } .box-spec--non-height { min-height: auto; } .box-spec h3 { font-size: 17px; font-weight: bold; text-align: center; margin: 0px 0px 25px; } .box-spec h3::after { content: ""; width: 24px; height: 4px; background: rgb(36, 145, 147); display: block; margin: 8px auto 0px; } .box-spec p { font-size: 28px; font-weight: bold; text-align: center; margin: 0px 0px 30px; } .box-spec p .small { font-size: 70%; margin-left: 0.2em; } .box-spec .btn-square { position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); } @media (max-width: 767px) { .box-spec .btn-square { position: relative; bottom: 0px; margin-top: 20px; } } .box-spec .fa-ul { margin-left: 1.5em; margin-bottom: 80px; } @media (max-width: 767px) { .box-spec .fa-ul { margin-bottom: 0px; } } .box-spec .fa-li { font-size: 12px; color: rgb(0, 122, 123); } .box-spec .fa-check { color: rgb(0, 122, 123); } .box-spec .fa-times { color: rgb(252, 21, 67); } .box-spec li { margin-bottom: 6px; } .box-spec li:last-child { margin-bottom: 0px; } .box-spec .spec-option { display: grid; grid-template-columns: 136px 1fr; } .box-spec--v2 { min-height: 370px; } .box-spec--v2 p { font-size: 24px; } .box-spec--v2 .fa-ul { margin-bottom: 20px; } .box-spec .icon { text-align: center; } .box-spec .icon img { max-width: 56px; max-height: 56px; margin: 0px auto; width: 100%; height: 100%; } .card-list { display: flex; flex-wrap: wrap; gap: 30px; padding: 0px; } .card { border: 1px solid rgb(221, 221, 221); padding: 20px; width: calc(50% - 15px); list-style: none; } @media (max-width: 991px) { .card { width: 100%; } } .card__head { margin-top: 0px !important; text-align: center; } .card-col2-p1 { border: 1px solid rgb(221, 221, 221); border-radius: 10px; overflow: hidden; width: calc(50% - 15px); list-style: none; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .card-col2-p1 h3, .card-col2-p1 h4 { margin: 0px; } .card-col2-p1--yellow .card-col2-p1__head, .card-col2-p1--primary .card-col2-p1__head { color: rgb(255, 255, 255); text-align: center; padding: 20px 10px; } .card-col2-p1--yellow .card-col2-p1__head { background: rgb(190, 146, 74); } .card-col2-p1--primary .card-col2-p1__head { background: rgb(45, 178, 181); } @media (max-width: 991px) { .card-col2-p1 { width: 100%; } } .card-col2-p1__body { padding: 30px; -webkit-box-flex: 1; flex: 1 1 0%; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .card-col2-p1__wrap { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .card-col2-p1__wrap h4 { margin-bottom: 4px; } .card-col2-p1__wrap:last-child { -webkit-box-flex: 1; flex: 1 1 0%; } .card-col2-p1__wrap + * { border-top: 1px solid rgb(221, 221, 221); margin-top: 30px; padding-top: 30px; } .card-col2-p1__wrap > * + * { margin-bottom: 60px; } .card-col2-p1__wrap > :last-child { margin-top: auto; margin-bottom: 0px; } .card-col2-p1__img figcaption { margin-top: 12px; } .card-list-col3 { display: flex; flex-wrap: wrap; gap: 20px; padding: 0px; } .card-list-col3 > * { width: calc(33.3333% - 13.3333px); } @media (max-width: 767px) { .card-list-col3 > * { width: 100%; } } .card-list-col3 > li { list-style: none; border: 1px solid rgb(221, 221, 221); } .card-list-col3__img-box { position: relative; } .card-list-col3__img-box::before { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.4); } .card-list-col3__img img { width: 100%; height: 160px; object-fit: cover; } .card-list-col3__img-text { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; text-align: center; color: rgb(255, 255, 255); text-shadow: rgba(0, 0, 0, 0.8) 2px 2px 4px; font-size: 18px !important; } .card-list-col3__content { padding: 20px; } .card-list-col3__list-title { font-size: 16px; font-weight: bold; } .card-list-col3__list-title i { color: rgb(45, 178, 181); } .card-list-col3__list { padding-left: 1em; } .card-list-col3__list li { list-style: none; } .service-card a { text-decoration: none; } .service-card .label-text { background: rgb(45, 178, 181); color: rgb(255, 255, 255); padding: 8px; font-size: 20px; } @media (max-width: 767px) { .service-card .label-text { font-size: 16px; } } .service-card .text { font-size: 3rem !important; } @media (max-width: 767px) { .service-card .text { font-size: 2rem !important; } } .case-box { width: 50%; margin: 0px auto; padding: 20px; box-shadow: rgba(0, 0, 0, 0.1) 0px 6px 20px; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; border-radius: 10px; } @media (max-width: 767px) { .case-box { width: 100%; } } .case-box__img { width: 20%; margin-bottom: 10px; } @media (max-width: 767px) { .package-plan__service { display: flex; flex-wrap: wrap; } } .card-box { padding: 0px; margin: 0px; list-style: none; display: flex; flex-wrap: wrap; gap: 20px; } .card-box__item { width: calc(50% - 10px); background: rgb(245, 245, 245); padding: 20px; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } @media (max-width: 767px) { .card-box__item { width: 100%; padding: 16px; } } .card-box__title { margin: 0px; font-size: 18px; } .card-box .check-list { margin-top: 12px; } .card-box__labels { font-size: 12px; margin-top: 12px; line-height: 1.4; margin-bottom: 8px; } .card-box .link-wrap { text-align: right; margin-top: auto; } .card-link { margin: 0px; padding: 0px; list-style: none; display: flex; flex-wrap: wrap; gap: 20px; } @media (max-width: 767px) { .card-link { gap: 10px; } } .card-link__item { width: calc(33.3333% - 13.3333px); } @media (max-width: 767px) { .card-link__item { width: 100%; } } .card-link__item a { text-decoration: none; } .card-link__img img { width: 100%; } .card-link__title { font-size: 18px !important; } .icon-card { display: flex; gap: 20px; flex-wrap: wrap; list-style: none; margin: 0px; padding: 0px; } .icon-card__item { width: calc(25% - 15px); border: 2px solid rgb(51, 87, 184); border-radius: 5px; padding: 20px 12px; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; text-align: center; } @media (max-width: 991px) { .icon-card__item { width: calc(50% - 10px); } } @media (max-width: 767px) { .icon-card__item { width: 100%; } } .icon-card__title { text-align: center; font-weight: bold; min-height: 3.3em; margin-bottom: 0px; } @media (max-width: 767px) { .icon-card__title { min-height: auto; } } .icon-card__wrap { margin-top: 20px; } .icon-card__icon { width: 68px; margin: 0px auto; } .icon-card__icon img { width: 100%; } .icon-card__text { margin-top: 20px; margin-bottom: 0px; text-align: left; } .icon-card--c3 .icon-card__item { width: calc(33.3333% - 13.3333px); } @media (max-width: 991px) { .icon-card--c3 .icon-card__item { width: calc(50% - 10px); } } @media (max-width: 767px) { .icon-card--c3 .icon-card__item { width: 100%; } } .icon-card--green .icon-card__item { border-color: rgb(45, 178, 181); } .sub-service-card { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 40px; padding: 20px; background: rgb(245, 245, 245); list-style: none; } @media (max-width: 767px) { .sub-service-card { padding: 10px; gap: 30px; } } .sub-service-card__item { background: rgb(255, 255, 255); padding: 20px; } @media (max-width: 767px) { .sub-service-card__item { padding: 20px 10px; } } .sub-service-card__item > * + * { margin-top: 40px; } @media (max-width: 767px) { .sub-service-card__item > * + * { margin-top: 30px; } } .sub-service-card__title { margin: 0px; display: flex; -webkit-box-align: center; align-items: center; } @media (max-width: 767px) { .sub-service-card__title { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 10px; } } .sub-service-card__title i { color: rgb(45, 178, 181); margin-right: 4px; font-size: 30px; } .sub-service-card .gray-box { padding: 30px; margin-top: 20px; } @media (max-width: 767px) { .sub-service-card .gray-box { padding: 10px; margin-top: 10px; } } .sub-service-card h4 { font-weight: bold; font-size: 20px; margin: 0px 0px 20px; } .sub-service-card .simple-list { display: flex; flex-wrap: wrap; gap: 0px 40px; } @media (max-width: 767px) { .sub-service-card .simple-list { padding-left: 1.5em; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } } .sub-service-card .simple-list li { width: calc(50% - 20px); } @media (max-width: 767px) { .sub-service-card .simple-list li { width: 100%; } } .bnr-security a { transition: all 0.3s ease 0s; } .bnr-security a:hover { opacity: 0.8; } .paypal-p section { margin-bottom: 60px; } .paypal-p .index { background: rgb(245, 245, 245); padding: 30px; } .paypal-p .index h2 { background: rgb(45, 178, 181); padding: 0.5rem 1rem; margin-top: 0px; margin-bottom: 10px; font-size: 1.7rem; color: rgb(255, 255, 255); font-weight: bold; border: 0px; border-radius: 10px; display: inline-block; line-height: 1.2; } .paypal-p .index ul { list-style: none; padding-left: 1em; } .paypal-p .index ul a { display: inline-block; margin-bottom: 5px; font-size: 18px; } .local-nav { display: flex; -webkit-box-pack: center; justify-content: center; margin: 10px 15px 60px; } @media (max-width: 767px) { .local-nav { margin: 0px 0px 40px; } } .local-nav ul { list-style: none; display: flex; flex-wrap: wrap; align-content: center; background: rgb(247, 247, 247); border-radius: 50vh; margin: 0px; padding: 20px 50px; } @media (max-width: 767px) { .local-nav ul { height: auto; border-radius: 0px; padding: 15px 30px; } } .local-nav li { padding: 2px 25px; margin: 4px 0px; border-right: 1px solid rgb(211, 211, 211); display: flex; } @media (max-width: 767px) { .local-nav li { padding: 6px 0px; width: 100%; border-right: 0px; } } .local-nav li:last-child { border-right: 0px; } .local-nav a { color: rgb(51, 51, 51); text-decoration: none; font-size: 18px; font-weight: bold; display: flex; -webkit-box-align: center; align-items: center; line-height: 1.2; } .local-nav a:hover, .local-nav a:focus { opacity: 0.8; } .local-nav .fas { font-size: 14px; color: rgb(36, 145, 147); margin-right: 8px; } .link-wrap { margin-top: 15px; } .link-wrap a { font-weight: bold; display: inline-block; margin-bottom: 8px; text-decoration: none; line-height: 1.4; padding-left: 1.5em; text-indent: -0.74em; } .link-wrap a .fas, .link-wrap a .fa { margin-right: 8px; } .link-wrap a:last-child { margin-bottom: 0px; } .link-wrap--url { word-break: break-all; } .link-type1 { font-size: inherit; color: rgb(51, 51, 51); font-weight: bold; text-decoration: none; transition: all 0.3s ease 0s; } .link-type1[href*="8089.co.jp"] i { display: none; } .link-type1:hover { color: rgb(47, 177, 180); text-decoration: none; } .table_border tr th, .table_border tr td { border: 1px solid rgb(204, 204, 204) !important; } table.table-price.table.table_border.date_sptable td { white-space: inherit; } table.table-price.table.medical { width: 60%; } table.table-price > tbody > tr > td { white-space: nowrap; } @media (max-width: 767px) { table.sp_price_table { width: 100%; text-align: center; } } @media (max-width: 767px) { table.sp_price_table th { text-align: center; color: rgb(255, 255, 255); border: 1px solid rgb(255, 255, 255); } } @media (max-width: 767px) { table.sp_price_table td { height: 40px; border: 1px solid rgb(255, 255, 255); } } table.sp_price_table th.table_pink { background-color: rgb(217, 113, 149); } table.sp_price_table td.table_day.table_pink { background-color: rgb(242, 204, 225); } table.sp_price_table td.table_price.table_pink { background-color: rgb(251, 236, 245); } @media (min-width: 768px) { .pc_table, .w60 { width: 60%; } } table.dispatch_glay_table { border: 2px solid rgb(221, 221, 221); } table.dispatch_glay_table thead th { padding: 5px; border: 1px solid rgb(221, 221, 221); background-color: rgb(248, 246, 246); } table.dispatch_glay_table tbody th { width: 15%; padding: 5px; vertical-align: top; white-space: nowrap; border: 1px solid rgb(221, 221, 221); background-color: rgb(248, 246, 246); } table.dispatch_glay_table tbody td { width: 42%; padding: 5px; vertical-align: top; border: 1px solid rgb(221, 221, 221); } table.dispatch_glay_table tbody td li { margin-left: -15px; } table.knowhow_table { width: 95%; margin-left: 40px; } table.knowhow_table th { font-weight: normal; padding: 5px; vertical-align: top; border: 1px solid rgb(221, 221, 221); background-color: rgb(245, 245, 245); } table.knowhow_table td { padding: 5px; border: 1px solid rgb(221, 221, 221); } @media (min-width: 768px) { table.tableType01.mb20 { font-size: 15px; margin: 0px 130px; } } @media (max-width: 767px) { table.tableType01.mb20 { margin: auto; } } @media (min-width: 768px) { table.tableType01.mb20 a { font-size: 15px; font-weight: bold; text-decoration: none; color: rgb(74, 188, 188); } } @media (max-width: 767px) { table.tableType01.mb20 a { font-weight: bold; color: rgb(74, 188, 188); text-decoration: none !important; } } @media (min-width: 768px) { table.tableType01 th { width: 20%; text-align: left; } } @media (max-width: 767px) { table.tableType01 th { display: block; width: 100%; } } @media (max-width: 767px) { table.tableType01 td { display: block; width: 100%; } } @media (min-width: 768px) { table.tableType01 td p { margin-bottom: 50px; padding-left: 20px; letter-spacing: 2px; border-left: 8px solid rgb(74, 188, 188); } } @media (max-width: 767px) { table.tableType01 td p { margin-bottom: 50px; letter-spacing: 2px; border-top: 8px solid rgb(74, 188, 188); } } @media (max-width: 767px) { table.tableType01 td p br { display: none; } } @media (max-width: 767px) { .sp_table { width: 100%; } .date_sptable th, .date_sptable td { display: block; width: 100%; } td.table_time { background-color: rgb(224, 224, 224); } td.table_time p { margin: auto; } td.table_day p { margin: auto; } .sp_price_table th h3 { font-size: 22px; margin: 5px 0px; } .sp_price_table th p { margin-top: -22px; } th.table_yellow { background-color: rgb(244, 208, 112); } td.table_day.table_yellow { background-color: rgb(251, 233, 185); } td.table_price.table_yellow { background-color: rgb(253, 243, 218); } th.table_purple { background-color: rgb(176, 142, 202); } td.table_day.table_purple { background-color: rgb(215, 199, 228); } td.table_price.table_purple { background-color: rgb(241, 235, 245); } th.table_green { background-color: rgb(99, 201, 154); } td.table_day.table_green { background-color: rgb(192, 233, 215); } td.table_price.table_green { background-color: rgb(232, 247, 240); } table.knowhow_table { width: 100%; margin: auto; } table.knowhow_table th, table.knowhow_table td { display: block; } table.glay_sp_table { width: 100%; margin-bottom: 20px; border: 2px solid rgb(221, 221, 221); } table.glay_sp_table thead { text-align: center; background-color: rgb(233, 233, 233); } table.glay_sp_table thead tr { display: inline-block; } table.glay_sp_table thead tr th { font-size: 3rem; padding: 15px; } table.glay_sp_table thead tr td { display: block; padding: 15px 7px; } table.glay_sp_table thead tr td ul { padding-left: 30px; } table.glay_sp_table tbody tr th { font-size: 1.6rem; display: block; padding: 5px; border-top: 1px solid rgb(221, 221, 221); border-bottom: 1px solid rgb(221, 221, 221); background-color: rgb(248, 246, 246); } table.glay_sp_table tbody tr td { display: block; padding: 15px 7px; } table.glay_sp_table tbody tr td ul { padding-left: 30px; } table.dispatch_sp_table { margin-bottom: 10px; border: 1px solid rgb(0, 0, 0); } table.dispatch_sp_table thead { font-size: 1.8rem; text-align: center; } table.dispatch_sp_table thead tr { display: inline-block; } table.dispatch_sp_table thead tr th { padding: 10px; } table.dispatch_sp_table tbody th { font-size: 1.6rem; display: block; padding: 10px 5px; border-top: 1px solid; } table.dispatch_sp_table tbody td { display: block; padding: 8px 5px; border-top: 1px dotted; } } .table-grey { width: 100%; margin: 20px 0px; } .table-grey th { font-size: 15px; font-weight: normal; width: 40%; padding: 25px; border: 1px solid rgb(51, 51, 51); background: rgb(244, 244, 244); } .table-grey td { font-size: 15px; width: 60%; padding: 25px; border: 1px solid rgb(51, 51, 51); } .table-history tr { border-top: 1px solid rgb(51, 51, 51); border-bottom: 1px solid rgb(51, 51, 51); } .table-history th { font-weight: normal; width: 20%; padding: 20px; vertical-align: top; } .table-history td { width: 80%; padding: 20px; } .list-table { list-style: none; display: flex; flex-wrap: wrap; padding: 0px; } @media (max-width: 767px) { .list-table { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } } .list-table li { width: 50%; padding: 10px; border-bottom: 1px solid rgba(51, 83, 169, 0.3); border-right: 1px solid rgba(51, 83, 169, 0.3); } @media (max-width: 767px) { .list-table li { width: 100%; border-right: 1px solid rgba(51, 83, 169, 0.3); border-bottom: 1px solid rgba(51, 83, 169, 0.3); border-left: 1px solid rgba(51, 83, 169, 0.3); border-image: initial; border-top: transparent; } } .list-table li:nth-child(-n+2) { border-top: 1px solid rgba(51, 83, 169, 0.3); } @media (max-width: 767px) { .list-table li:nth-child(-n+2) { border-top: none; } } @media (max-width: 767px) { .list-table li:first-child { border-top: 1px solid rgba(51, 83, 169, 0.3); } } .list-table li:nth-child(2n+1) { border-left: 1px solid rgba(51, 83, 169, 0.3); } @media (max-width: 767px) { .table-fixed { table-layout: fixed; } } .regulation table { table-layout: fixed; } .regulation table th, .regulation table td { padding: 10px; } .regulation table .method, .regulation table .calling { width: 15%; min-width: 150px; } .minimum-charge-table { margin: 10px 0px 20px; } .minimum-charge-table h4 { margin-bottom: 10px; padding-left: 0px !important; border-left: none !important; } @media (max-width: 768px) { .minimum-charge-table tr { vertical-align: top; } } .minimum-charge-table th { font-weight: normal; } .minimum-charge-table .price { text-align: right; } .minimum-charge-table .annotation { font-size: 0.9em; color: rgb(153, 153, 153); text-align: right; } @media (max-width: 768px) { .minimum-charge-table .annotation { display: block; margin-right: -9px; } } .minimum-charge-table.half { display: flex; } @media (max-width: 768px) { .minimum-charge-table.half { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } } .minimum-charge-table.half .table-box:first-child { margin-right: 40px; } @media (max-width: 768px) { .minimum-charge-table.half .table-box:first-child { margin-right: 0px; } } .minimum-charge-table .sp-only { display: none; } @media (max-width: 768px) { .minimum-charge-table .sp-only { display: block; } } .page-id-97 table.sp-column th { width: 33%; } .page-id-97 table.sp-column td { width: 67%; } @media (max-width: 767px) { table.sp-column th, table.sp-column td { display: block; padding: 15px; width: 100% !important; } table.sp-column th { border-bottom: none; } table.sp-column tr:nth-child(n+2) th { border-top: none; } } .page-id-93 .sp-column table tr td:first-child { width: 50%; } @media (max-width: 767px) { .page-id-93 .sp-column table tr td { display: block; width: 100% !important; } } @media (max-width: 767px) { .page-id-93 .sp-column table tr td img { width: 410px; } } .page-id-93 .sp-column table tr td.table-img { padding: 15px !important; } .table-delivery { border: 2px solid rgb(173, 173, 173); width: 940px; max-width: none; } .table-delivery th, .table-delivery td { width: auto; padding: 0px; background: rgb(255, 255, 255); border: 1px solid rgb(173, 173, 173); line-height: 1.2; } .table-delivery th { font-weight: bold; text-align: center; } .table-delivery thead th { background: rgb(241, 241, 241); font-size: 15px; padding: 5px; } .table-delivery thead tr:first-child th:first-child { width: 140px; } .table-delivery thead tr:first-child th:nth-child(2) { width: 240px; } .table-delivery thead tr:first-child th:nth-child(3), .table-delivery thead tr:first-child th:nth-child(4), .table-delivery thead tr:first-child th:nth-child(5), .table-delivery thead tr:first-child th:nth-child(6), .table-delivery thead tr:first-child th:nth-child(7), .table-delivery thead tr:first-child th:nth-child(8), .table-delivery thead tr:first-child th:nth-child(9) { width: 80px; } .table-delivery tbody th { background: rgb(249, 249, 249); font-size: 15px; } .table-delivery tbody tr:first-child td:first-child, .table-delivery tbody tr:first-child td:nth-child(2), .table-delivery tbody tr:first-child td:nth-child(3) { width: 80px; } .table-delivery .border-top-bold { border-top-width: 2px; } .table-delivery .border-right-bold { border-right-width: 2px; } .table-delivery .border-bottom-bold { border-bottom-width: 2px; } .table-delivery .border-left-bold { border-left-width: 2px; } .table-delivery .border-right-dashed { border-right-style: dashed; border-right-color: rgb(36, 145, 147); } .table-delivery .border-left-dashed { border-left-style: dashed; border-left-color: rgb(36, 145, 147); } .table-delivery .box-reception { color: rgb(255, 255, 255); font-weight: bold; text-align: center; padding: 12px 10px; margin: 4px; border-radius: 4px; } .table-delivery .box-deliver { color: rgb(255, 255, 255); font-weight: bold; letter-spacing: 1px; text-align: center; background: rgb(36, 145, 147); padding: 12px 10px; margin: 4px; border-radius: 4px; } .table-delivery .box-dashed { border: 1px dashed rgb(160, 120, 190); margin: 5px; height: 50px; } .table-delivery .line { height: 2px; background: rgb(51, 51, 51); position: relative; } .table-delivery .arrow { width: 0px; height: 0px; border-width: 7px 0px 7px 10px; border-top-style: solid; border-top-color: transparent; border-bottom-style: solid; border-bottom-color: transparent; border-left-style: solid; border-left-color: rgb(51, 51, 51); border-right-style: initial; border-right-color: initial; background: none; position: absolute; top: -6px; right: -4px; } @media (min-width: 992px) { .company__table th.stand_head_area { background: rgb(255, 255, 255); text-align: left; font-weight: normal; width: 18%; } } @media (min-width: 768px) { .company__table th.stand_head_area { background: rgb(255, 255, 255); text-align: left; font-weight: normal; width: 22%; } } @media (max-width: 767px) { .company__table .pc-only { display: none; } } .company__table .num-text { display: inline-block; line-height: 1.6; } .company__table .num-text + * { margin-top: 10px; } @media (max-width: 767px) { .table-sp-vertical th, .table-sp-vertical td { display: block; width: 100% !important; border-bottom: none !important; } } .table-sp-vertical tr:last-child td { border-bottom: 1px solid rgb(51, 51, 51) !important; } .swiper-pagination-bullet-active { background: rgb(1, 165, 164); } .default-table { table-layout: fixed; width: 100%; } .default-table th { background: rgb(244, 244, 244); width: 25%; min-width: 205px; } .default-table th, .default-table td { padding: 15px; border: 1px solid rgb(199, 199, 199); } @media (max-width: 767px) { .default-table th, .default-table td { display: block; width: 100%; border-top: none; } } @media (max-width: 767px) { .default-table tr:first-child th { border: 1px solid rgb(199, 199, 199); } } .default-table-pc { table-layout: fixed; width: 100%; } @media (max-width: 767px) { .default-table-pc { min-width: 768px; } } .default-table-pc th { background: rgb(244, 244, 244); width: 25%; min-width: 205px; } .default-table-pc th, .default-table-pc td { padding: 15px; border: 1px solid rgb(199, 199, 199); } .default-table-pc th a, .default-table-pc td a { overflow-wrap: break-word; } .table-pickup { table-layout: fixed; width: 100%; margin: 20px 0px; } @media (max-width: 767px) { .table-pickup { min-width: 500px; } } .table-pickup th, .table-pickup td { border: 1px solid rgb(221, 221, 221); padding: 20px 15px; } @media (max-width: 767px) { .table-pickup th, .table-pickup td { padding: 10px; } } .table-pickup th.pickup, .table-pickup td.pickup { border-bottom: none !important; } .table-pickup th { background: rgb(244, 244, 244); } .table-pickup th.none { border: none; background: none; } .table-pickup th.pickup { background: rgb(36, 145, 146); color: rgb(255, 255, 255); border-right: 2px solid rgb(36, 145, 146); border-left: 2px solid rgb(36, 145, 146); } .table-pickup td.pickup { border-right: 2px solid rgb(36, 145, 146); border-left: 2px solid rgb(36, 145, 146); } .table-pickup tr.head th { text-align: center; } .table-pickup tr.head th:first-child { width: 200px; } @media (max-width: 767px) { .table-pickup tr.head th:first-child { width: 110px; } } .table-pickup tr:last-child td.pickup { border-bottom: 2px solid rgb(36, 145, 146) !important; } .vertical-top th, .vertical-top td { vertical-align: top; } div.page-title { padding: 10px 0px 0px; border: none; border-radius: 0px; margin-bottom: 20px; } div.page-title div.well { margin-bottom: auto; border: none; padding: 4px; background-color: rgb(200, 200, 200); } @media (max-width: 991px) { div.page-title div.well { margin-top: 15px; } } div.page-title .breadcrumb { margin-bottom: 10px; padding: 0px; border-radius: 0px; background-color: transparent; list-style: none; font-size: 1.4rem; } @media (max-width: 767px) { div.page-title .breadcrumb { overflow-x: scroll; width: auto; white-space: nowrap; margin: -15px -15px 0px; padding: 4px 15px; background: rgb(238, 238, 238); } } div.page-title .breadcrumb li a { font-weight: normal; } div.page-title .breadcrumb br { display: none !important; } div.page-title .breadcrumb .divider { padding: 0px 5px; color: rgb(204, 204, 204); } @media (max-width: 767px) { div.page-title-service { margin-bottom: 0px !important; } } @media (max-width: 767px) { div.page-title-service div.well { width: 100%; position: absolute; z-index: 3; margin: 0px; left: 0px; aspect-ratio: 16 / 10; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; } } div.page-title div.well { padding: 4px; border: none; background-color: transparent; } div.page-title div.well h1 { font-size: 3.2rem; font-weight: bold; text-align: center; color: rgb(51, 51, 51); } @media (max-width: 767px) { div.page-title div.well h1 { font-size: 2.4rem; line-height: 1.4; } } body.page-id-5 div.page-title div.well, body.parent-pageid-5 div.page-title div.well, body.page-id-122 div.page-title div.well, body.parent-pageid-122 div.page-title div.well, body.page-id-126 div.page-title div.well, body.page-id-132 div.page-title div.well, body.parent-pageid-126 div.page-title div.well, body.archive.search div.page-title div.well, body.search-no-results div.page-title div.well, body.page-id-42 div.page-title div.well, body.parent-pageid-42 div.page-title div.well, body.page-id-61 div.page-title div.well, body.parent-pageid-61 div.page-title div.well, body.page-id-7 div.page-title div.well, body.parent-pageid-7 div.page-title div.well { background-color: transparent; } @media (max-width: 767px) { .page-template-page-template-service div.page-title div.well h1 { color: rgb(255, 255, 255); text-shadow: rgba(0, 0, 0, 0.5) 0px 2px 10px; } } .head-area-video .row { display: flex; flex-wrap: wrap; -webkit-box-align: center; align-items: center; margin-right: -15px; margin-left: -15px; } .video-wrap { display: flex; } @media (max-width: 767px) { .video-wrap { margin-right: -15px; margin-left: -15px; } } .video-wrap iframe { width: 100%; height: 100%; aspect-ratio: 16 / 9; } .player { z-index: 1; width: 100%; } .thumb { z-index: 2; width: 100%; height: auto; cursor: pointer; } .thumb:hover { opacity: 0.7; } .interview-page * { line-height: 1.8; } .interview-page p { margin: 0px; } .interview-page .column_div_index { margin-bottom: 30px; } .interview-page .interview-wrap > * + * { margin-top: 2em; } .interview-content { margin-bottom: 60px; } .interview-content > * + * { margin: 60px 0px 0px; } .interview-content h2 { margin-bottom: 30px; } .interview-content h3 { margin-bottom: 15px; } .interview-thumbnail__list { padding: 0px; display: flex; gap: 20px; list-style: none; } @media (max-width: 767px) { .interview-thumbnail__list { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } } .interview-thumbnail__item { width: calc(33.3333% - 13.3333px); } @media (max-width: 767px) { .interview-thumbnail__item { width: 100%; } } .tag-list { display: flex; flex-wrap: wrap; gap: 2px 4px; list-style: none; padding: 0px; margin: 0px; } .tag-list__tag a { padding: 4px 10px 5px; border-radius: 50px; background: rgb(1, 165, 164); color: rgb(255, 255, 255); font-size: 12px; line-height: 1; text-decoration: none; display: block; transition: all 0.3s ease 0s; border: none; } .tag-list__tag a:hover { color: rgb(255, 255, 255); opacity: 0.8; border: none; } .form-base-wrap { margin-bottom: 80px; } .form-base-confirm .wpcf7-spinner { display: none; } .form-base h2 { font-size: 18px; text-align: center; } .form-base h2 span { color: rgb(50, 87, 183); } .form-base .optional { color: rgb(255, 255, 255); font-size: 14px; line-height: 16px; text-align: center; font-weight: bold; margin-left: 10px; top: -1px; position: relative; display: inline-block; padding: 3px 4px; border-radius: 2px; background-color: rgb(103, 103, 103); letter-spacing: 1px; } .form-base label { margin-bottom: 0px; } .form-base .wpcf7-list-item { margin-left: 0px; } .form-base input[type="text"], .form-base input[type="email"], .form-base input[type="tel"], .form-base input[type="number"] { max-width: 100%; border-top: none; border-right: none; border-left: none; border-image: initial; outline: none; border-bottom: 1px solid rgb(50, 87, 183); padding: 4px 2px 2px; } .form-base input[name="your-address"] { width: 100%; } .form-base input[type="submit"], .form-base input[type="button"], .form-base .btn-top { height: 52px; font-size: 16px; min-width: 130px; font-weight: bold; border-radius: 32px; border: none; padding: 0px 30px; margin: 0px 15px; } .form-base input[type="submit"]:hover, .form-base input[type="button"]:hover, .form-base .btn-top:hover { opacity: 0.8; } .form-base .wpcf7-acceptance label { font-weight: normal; } .form-base input[type="submit"], .form-base .btn-top { color: rgb(255, 255, 255); background-color: rgb(50, 87, 183); } .form-base input[type="button"] { color: rgb(50, 87, 183); background-color: rgb(255, 255, 255); } .form-base input[disabled] { background: rgb(163, 163, 163); } .form-base select { border-top: none; border-right: none; border-left: none; border-image: initial; outline: none; border-bottom: 1px solid rgb(50, 87, 183); padding: 4px 2px 2px; margin-top: 5px; width: 332px; max-width: 100%; height: 32px; } .form-base textarea { outline: none; border: 1px solid rgb(50, 87, 183); border-radius: 2px; padding: 5px 7px; margin-top: 5px; width: 100%; height: 120px; } .form-base .wpcf7-spinner { position: absolute; top: 50%; left: 50%; display: block; transform: translate(-50%, -50%); margin: 0px; } .form-base-box { max-width: 100%; border: 1px solid rgb(50, 87, 183); margin: 0px auto 50px; padding: 20px 50px; width: 100% !important; } @media (max-width: 767px) { .form-base-box { padding: 10px 30px; } } .form-base-box > div { margin: 40px 0px; } .form-base .agree-box { max-width: 100%; margin: 0px auto 50px; padding: 0px 100px; width: 100% !important; } @media (max-width: 767px) { .form-base .agree-box { padding: 10px 30px; } } .balloon { width: 100%; margin: 1.5em 0px; overflow: hidden; } .balloon .faceicon { float: left; margin-right: -90px; width: 80px; } .balloon .faceicon img { width: 100%; height: auto; border-radius: 50%; } .balloon .chatting { width: 100%; } .says { display: inline-block; position: relative; margin: 5px 0px 0px 105px; padding: 17px 13px; border-radius: 12px; background: rgba(45, 178, 181, 0.2); } .says::after { content: ""; display: inline-block; position: absolute; top: 18px; left: -24px; border-width: 12px; border-style: solid; border-color: transparent rgba(45, 178, 181, 0.2) transparent transparent; border-image: initial; } .says p { margin: 0px; padding: 0px; } .balloon--my .faceicon { float: right; margin-left: -90px; margin-right: auto; } .balloon--my .chatting { text-align: end; } .balloon--my .says { background: rgba(92, 121, 197, 0.2); } .balloon--my .says::after { right: -24px; left: auto; transform: rotate(180deg); border-right: 12px solid rgba(92, 121, 197, 0.2); } .balloon--my .says p { text-align: left; } @media (max-width: 767px) { .conversation .balloon .faceicon { width: 40px; margin-top: 16px; } } .conversation .balloon .says { margin: 5px 105px 0px; } @media (max-width: 767px) { .conversation .balloon .says { margin: 5px 60px 0px; } } .addtoany_list .addtoany_share img { width: 30px; } .tab__wrap { display: block; color: rgb(255, 255, 255); font-weight: bold; font-size: 20px; position: relative; } @media (max-width: 767px) { .tab__wrap { font-size: 15px; } } .tab__wrap::before { position: absolute; content: ""; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); z-index: 2; backface-visibility: hidden; transition: all 0.3s ease 0s; } .tab__wrap:hover::before { background: rgba(1, 128, 165, 0.3); mix-blend-mode: multiply; } .tab__img img { filter: grayscale(100%); } .tab__text { width: 100%; position: absolute; top: 50%; left: 0px; transform: translateY(-50%); text-align: center; z-index: 3; } .tab__text::after { font-family: "Font Awesome 5 pro"; font-weight: 900; content: ""; position: absolute; left: 50%; transform: translateX(-50%); bottom: -30px; font-size: 40px; } @media (max-width: 767px) { .tab__text::after { font-size: 30px; bottom: -20px; } } .tab__list { list-style: none; margin: 0px; padding: 0px; display: flex; flex-wrap: wrap; gap: 1px; } .tab__item { width: calc(25% - 0.75px); } @media (max-width: 991px) { .tab__item { width: calc(50% - 0.5px); } } .tab__item.active .tab__wrap::before { background: rgba(1, 128, 165, 0.8); mix-blend-mode: multiply; } .tab__item.active .tab__text { text-shadow: rgb(0, 0, 0) 0px 0px 6px; } .tab-body { display: none; opacity: 0; margin-top: 40px; } .tab-body > p { margin-bottom: 30px; } .tab-body.is-active { display: block; animation-name: displayAnime; animation-duration: 2s; animation-fill-mode: forwards; } @-webkit-keyframes displayAnime { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes displayAnime { 0% { opacity: 0; } 100% { opacity: 1; } } .tab-img img { width: 100%; } .tab-content__menu { display: flex; gap: 4px; } @media (max-width: 767px) { .tab-content__menu { overflow: scroll; } } .tab-content__menu--5 .tab-content__btn { width: calc(20% - 3.2px); } .tab-content__btn { background: rgb(245, 245, 245); text-align: center; padding: 4px; border-radius: 5px 5px 0px 0px; cursor: pointer; border-top: 2px solid transparent; border-right: 2px solid transparent; border-left: 2px solid transparent; border-image: initial; border-bottom: none; min-width: 120px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; } .tab-content__btn:hover { border-top: 2px solid rgb(45, 178, 181); border-right: 2px solid rgb(45, 178, 181); border-left: 2px solid rgb(45, 178, 181); border-image: initial; border-bottom: none; } .tab-content__btn.active { background: rgb(45, 178, 181); color: rgb(255, 255, 255); cursor: default; } .tab-content__body { display: none; padding: 30px; border: 2px solid rgb(45, 178, 181); } @media (max-width: 767px) { .tab-content__body { padding: 10px; } } .tab-content__body.active { display: block; } .tab-content__flexWrap { display: flex; gap: 20px; } @media (max-width: 767px) { .tab-content__flexWrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } } .tab-content__info { -webkit-box-flex: 1; flex: 1 1 0%; } .tab-content__title { text-align: center; margin: 30px 0px; } @media (max-width: 767px) { .tab-content__title { margin-top: 20px; } } .tab-content__sample { width: 55%; } @media (max-width: 767px) { .tab-content__sample { width: 100%; } } .tab-content__sample .link-wrap { text-align: right; margin-top: 10px; } .tab-content__text + .tab-content__text { margin-top: 2em; } .flow-chart { margin-top: 40px; border-radius: 5px; border: 2px solid rgb(45, 178, 181); background: rgb(255, 255, 255); } .flow-chart__inner { padding: 40px; } @media (min-width: 768px) and (max-width: 991px) { .flow-chart__inner { padding: 20px; } } @media (max-width: 767px) { .flow-chart__inner { padding: 20px; } } .flow-chart__question, .flow-chart__answer-wrap { display: none; } .flow-chart__question.active, .flow-chart__answer-wrap.active { display: block; } .flow-chart__question--second { margin-top: 40px; border-top: 1px dashed rgb(153, 153, 153); } .flow-chart__answer-wrap { margin-top: 40px; border-top: 1px dashed rgb(153, 153, 153); } .flow-chart__title { margin: 40px 0px; text-align: center; font-weight: bold; font-size: 20px; } .flow-chart__list { display: flex; -webkit-box-pack: center; justify-content: center; flex-wrap: wrap; list-style: none; gap: 40px; padding: 0px; margin: 0px; } @media (min-width: 768px) and (max-width: 991px) { .flow-chart__list { gap: 20px 10px; } } @media (max-width: 767px) { .flow-chart__list { gap: 20px; } } .flow-chart__list li { cursor: pointer; width: calc(50% - 20px); border: 1px solid rgb(45, 178, 181); background: rgb(245, 248, 248); color: rgb(1, 165, 164); transition: all 0.3s ease 0s; border-radius: 5px; text-align: center; padding: 16px; } @media (min-width: 768px) and (max-width: 991px) { .flow-chart__list li { width: calc(50% - 5px); padding: 20px 5px; } } @media (max-width: 767px) { .flow-chart__list li { width: 100%; padding: 20px 10px; word-break: auto-phrase; } } .flow-chart__list li:hover, .flow-chart__list li.positive { background: rgb(45, 178, 181); color: rgb(255, 255, 255); } .flow-chart__list li.positive { pointer-events: none; } .flow-chart__list li.non-positive { border: 1px solid rgb(238, 238, 238); background: rgb(238, 238, 238); pointer-events: none; color: rgb(51, 51, 51); } .flow-chart__answer-text { margin-bottom: 0px; margin-top: 40px; } .flow-chart__answer-link .link-wrap { margin-top: 10px; } .flow-chart__restart { display: none; text-align: center; margin-top: 80px; } @media (max-width: 767px) { .flow-chart__restart { word-break: auto-phrase; } } .flow-chart__loading { text-align: center; margin: 0px; } .flow-chart__reload_text { cursor: pointer; text-decoration: underline; color: rgb(45, 178, 181); } .flow-chart__content { display: none; } .radius-icon { padding: 4px 10px; border-radius: 50px; background: rgb(45, 178, 181); color: rgb(255, 255, 255); font-size: 12px; line-height: 1; font-weight: normal; } .radius-icon--clear { border: 1px solid rgb(45, 178, 181); color: rgb(45, 178, 181); background: transparent; } .flexslider { width: 100%; float: left; box-shadow: none !important; } @media (max-width: 991px) and (min-width: 767px) { .flexslider { width: 100%; float: none; } } @media (max-width: 767px) { .flexslider { border-radius: 0px; border: none !important; margin: 0px !important; box-shadow: none !important; } } .flexslider .slides img { width: auto; display: block; } @media (max-width: 767px) { .flexslider .slides img { width: 100%; display: block; } } .flex-control-nav { bottom: 3px !important; z-index: 9999; } @media (max-width: 767px) { .flex-control-nav { bottom: 3px !important; z-index: 2; } } .side_contents { width: 25%; float: right; margin-bottom: 30px; } @media (max-width: 991px) and (min-width: 767px) { .side_contents { width: 100%; float: none; } } .panel.panel-important.wit { color: rgb(255, 255, 255); border-radius: 15px; margin-bottom: 10px; background-color: rgb(45, 179, 182) !important; } @media (max-width: 991px) and (min-width: 767px) { .panel.panel-important.wit { width: 49%; float: left; margin-bottom: 20px !important; } } @media (max-width: 767px) { .panel.panel-important.wit { color: rgb(255, 255, 255); border-radius: 0px; background-color: rgb(45, 179, 182) !important; margin-bottom: 0px !important; } } @media (max-width: 1024px) and (min-width: 768px) { .panel.panel-important.wit { float: left; width: 49%; margin-bottom: 20px !important; } } .panel.panel-important.wit .form-control, .panel.panel-important.wit span.input-group-addon { border: none !important; } @media (max-width: 767px) { .panel.panel-important.wit .form-control, .panel.panel-important.wit span.input-group-addon { border: none !important; } } .panel.panel-important.wit .esb-displayer { border-color: rgb(255, 255, 255); } @media (max-width: 767px) { } div.panel-important > div.panel-heading { padding: 10px 15px !important; border: none !important; } @media (max-width: 767px) { div.panel-important > div.panel-heading { padding: 10px 15px !important; border: none !important; } } div.panel-important h3.panel-title { color: rgb(255, 255, 255) !important; } @media (max-width: 767px) { div.panel-important h3.panel-title { color: rgb(255, 255, 255) !important; text-align: left; } } div.panel-important .panel-body { padding: 0px 10px 15px !important; } @media (max-width: 767px) { div.panel-important .panel-body { padding: 0px 10px 15px !important; } } @media (max-width: 767px) { div.panel-important .form-control { font-size: 1.1rem !important; } } .div.panel-important { border-radius: 20px !important; } @media (max-width: 767px) { .div.panel-important { border-radius: 20px !important; } } .list-attention { clear: both; } ul.list-attention { display: none; } @media (max-width: 767px) { ul.list-attention { display: none; clear: both; } } .link-whats-mypage { text-decoration: none; margin-left: 5px; font-size: 14px; font-weight: bold; } .estimate_btn { background: rgb(0, 122, 123); font-size: 18px; box-shadow: none; padding: 3px 0px; border: 0px; border-radius: 5px; text-shadow: none; width: 125px; height: 38px; color: rgb(255, 255, 255); font-weight: bold; transition: all 0.3s ease 0s; text-decoration: none; } @media (max-width: 767px) { .estimate_btn { width: 100%; } } .estimate_btn:hover { background-color: rgb(50, 204, 152); color: rgb(255, 255, 255); transition: all 0.3s ease 0s; } .estimate_btn.btn-block { background: rgb(0, 122, 123); color: rgb(255, 255, 255); font-size: 20px; box-shadow: rgb(94, 134, 136) 0px 2px 0px 0px; border: none; border-radius: 5px; padding: 12px 0px; width: 180px; max-width: 100%; height: auto; transition: all 0.3s ease 0s; } .estimate_btn.btn-block:hover { transform: translateY(2px); box-shadow: none; background-color: rgb(0, 122, 123); color: rgb(255, 255, 255); transition: all 0.3s ease 0s; } .work_situation_area { clear: both; } @media (min-width: 768px) { .work_situation_area { background: rgb(241, 241, 241); font-weight: bold; } } @media (max-width: 767px) { .work_situation_area { border-top: 1px solid rgb(238, 238, 238); border-bottom: 1px solid rgb(238, 238, 238); } } .work_situation_area h4 { display: block; margin: 0px 10px 0px 0px; font-size: 1.4rem !important; } .work_situation_area h4 i { display: none; } .work_situation_area .textwidget { display: block; } @media (min-width: 768px) { .work_situation_area .textwidget { color: rgb(51, 51, 51); } } .work_situation_area .state { background: rgb(255, 255, 255); color: rgb(66, 66, 66); font-weight: bold; padding: 10px 0px; } @media (max-width: 767px) { .work_situation_area .state { font-size: 14px; background: rgb(245, 245, 245); padding: 5px 0px; } } .work_situation_area .state.caution { background: rgb(255, 234, 235); color: rgb(252, 87, 87); } .work_situation_area .state-inner { max-width: 940px; margin: 0px auto; padding: 0px 10px; } @media (max-width: 767px) { .work_situation_area .state-inner a { margin: 0px 0px 4px; display: inline-block; } } #first_wrap { background: rgb(183, 223, 224); padding: 50px 0px; } @media (max-width: 767px) { #first_wrap { background: rgb(183, 223, 224); padding: 50px 0px; } } #first_wrap .container { position: relative; } #first_wrap h2 { font-size: 24px; color: rgb(255, 255, 255); background: rgb(1, 176, 179); padding: 15px 18px 12px; display: inline-block; margin-bottom: 20px; } @media (min-width: 768px) and (max-width: 991px) { #first_wrap h2 { margin-bottom: 5px; } } @media (max-width: 767px) { #first_wrap h2 { margin-bottom: 5px; } } #first_wrap h2.m-spacer { margin-bottom: 20px; } #first_wrap h2 + p { font-size: 16px; font-weight: bold; color: rgb(36, 145, 146); margin: 0px 0px 0px 10px; display: inline-block !important; } @media (min-width: 768px) and (max-width: 991px) { #first_wrap h2 + p { margin: 0px 0px 20px; display: block !important; } } @media (max-width: 767px) { #first_wrap h2 + p { margin: 0px 0px 20px; } } .home .service_area, .home .security_area { margin-bottom: 50px; } @media (max-width: 991px) and (min-width: 767px) { .home .service_area h2::before, .home .security_area h2::before { left: 11px !important; } } @media (max-width: 1024px) and (min-width: 768px) { .home .service_area h2::before, .home .security_area h2::before { left: 11px !important; } } @media (max-width: 991px) and (min-width: 767px) { .data_area h2::before { left: 11px !important; } } @media (max-width: 1024px) and (min-width: 768px) { .data_area h2::before { left: 11px !important; } } @media (max-width: 1024px) and (min-width: 768px) { .service_area h2 { padding-left: 45px !important; } } @media (max-width: 1024px) and (min-width: 768px) { .security_area h2 { padding-left: 40px !important; } } @media (max-width: 1024px) and (min-width: 768px) { .data_area h2 { padding-left: 50px !important; } } .image-shadow-list { padding: 0px 15px; } .image-shadow { margin-bottom: 20px; } @media (max-width: 767px) { .image-shadow { margin-bottom: 20px; } } .image-shadow img { width: 100%; height: 166px; box-shadow: rgb(129, 156, 156) 0px 3px 0px 1px; } @media (max-width: 991px) and (min-width: 767px) { .image-shadow img { height: 126px; } } .image-shadow a:hover > img { opacity: 0.8; } .centering_area { text-align: center; clear: both; } .centering { display: inline-block; width: 25%; min-height: 1px; padding-right: 15px; padding-left: 15px; } .service-detail { display: block; text-align: right; color: rgb(36, 145, 147); font-weight: bold; font-size: 20px; text-decoration: none; } #second_wrap { padding: 0px 0px 50px; margin-top: 50px; } @media (max-width: 767px) { #second_wrap { padding: 25px 0px; } } #second_wrap .container { position: relative; } @media (max-width: 767px) { #second_wrap .container { position: relative; } } #second_wrap h2 { border-bottom: 3px solid rgb(204, 204, 204); margin-bottom: 30px; } a.detail-link { top: 22px; right: 15px; position: absolute; font-size: 15px; font-weight: bold; z-index: 1; } @media (max-width: 991px) and (min-width: 767px) { a.detail-link { right: 15px !important; } } @media (max-width: 767px) { a.detail-link { font-size: 1.2rem; position: absolute; right: 15px; top: 0px; } } @media (max-width: 1024px) and (min-width: 768px) { a.detail-link { right: 15px !important; } } a.detail-link i { margin-right: 7px; } .news-list { margin-bottom: 20px; } .home .news-list { margin-bottom: 15px; } @media (max-width: 767px) { .news-list { margin-bottom: 15px; } } .thum-area { display: block; margin-bottom: 10px; width: 100%; height: 135px; overflow: hidden; position: relative; border: 1px solid rgb(187, 187, 187); } @media (max-width: 991px) and (min-width: 767px) { .thum-area { height: 115px; } } @media (max-width: 1024px) and (min-width: 768px) { .thum-area { height: 115px; } } .thum-area a:hover img { opacity: 0.8; } .thum-area img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } @media (max-width: 767px) { body.home .thum-area { display: none; } } span.news-cat { background: rgb(255, 236, 125); color: rgb(160, 137, 0); font-weight: bold; padding: 5px 10px; } @media (max-width: 767px) { span.news-cat { margin-bottom: 3px; padding: 2px 7px; color: rgb(148, 122, 0); font-size: 1rem; font-weight: bold; background: rgb(254, 236, 124); display: inline-block; } } span.column-cat { background: rgb(255, 231, 231); color: rgb(138, 88, 88); font-weight: bold; letter-spacing: 1px; padding: 5px 10px; } @media (max-width: 767px) { span.column-cat { margin-bottom: 3px; padding: 2px 7px; font-size: 1rem; font-weight: bold; display: inline-block; } } a.news-title { font-size: 16px; font-weight: bold; margin: 5px 0px 0px; display: block; color: rgb(51, 51, 51); text-decoration: none; word-break: break-all; } @media (max-width: 767px) { a.news-title { font-size: 14px; margin: 0px; word-break: break-all; } } a.news-title:hover { opacity: 0.8; color: rgb(47, 177, 180); transition: all 0.3s ease 0s; } span.news-date { font-size: 14px; font-weight: bold; } .bnr-area { margin-top: 50px; } .bnr-thum { margin-bottom: 30px; } #top { display: none !important; } #third_wrap { padding: 0px 0px 50px; } #third_wrap .container { position: relative; } #third_wrap h2 { border-bottom: 3px solid rgb(204, 204, 204); margin-bottom: 30px; } .yellow-creature { bottom: 52px; right: 193px; position: absolute; display: none; width: 60px; height: auto; } .blue-creature { bottom: 55px; right: -40px; position: absolute; transform: scale(-1, 1); display: none; } .blue-creature-02 { right: 55px; bottom: -40px; position: absolute; transform: scale(-1, 1); display: none; } .yellow-creature-02 { right: 58px; bottom: 150px; position: absolute; display: none; width: 60px; height: auto; } .fonts_25 { font-size: 2.5rem; } @media (min-width: 768px) and (max-width: 991px) { .fonts_25 { font-size: 1.5rem !important; } } @media (max-width: 991px) and (min-width: 767px) { .fonts_25 { font-size: 1.5rem; } } .text span.letter_m6 { letter-spacing: -6px; } @media (max-width: 767px) { .text span.letter_m6 { letter-spacing: -6px; } } @media (min-width: 768px) { .text span.letter_m6 { letter-spacing: -6px; } } @media (max-width: 991px) and (min-width: 767px) { .header-left-content { width: 65%; overflow: hidden; float: left; } } @media (min-width: 768px) { .header-left-content { float: left; overflow: hidden; width: 60%; } } @media (max-width: 991px) and (min-width: 767px) { .header-left { margin-bottom: 0px; } #header-contact { margin-top: 10px !important; width: 190px !important; } #header-contact img { width: initial; } header#header #header-logo { width: 41.6667% !important; } #header-secure { width: 58.3333% !important; } .header-right-content { width: 35%; overflow: hidden; float: right; } .footer-navi-area td { padding: 0px 20px 10px; } .footer-info-area .header-left img { width: 100%; } .footer-info-area .logo-area, .footer-info-area .tel-area { padding-right: 0px; } .footer-info-area .header-right { margin-bottom: 10px; } .footer-info-area div.header-link { margin-top: 0px !important; } } .walk-area-wrap { position: fixed; width: 100%; bottom: 0px; z-index: 999; } .walk-area { animation: 16s linear 0s infinite normal none running walk; width: 60px; z-index: 9999; } @-webkit-keyframes walk { 0% { margin-left: -50px; } 100% { margin-left: 110%; } } @keyframes walk { 0% { margin-left: -50px; } 100% { margin-left: 110%; } } img.walk { width: 60px; height: auto; } @-webkit-keyframes purupuru { 0% { transform: scale(1, 1) translate(0%, 0%); } 20% { transform: scale(1, 1.06) translate(-5%, -4%) skew(6deg, 0deg); } 50% { transform: scale(1, 0.94) translate(5%, 4%) skew(-6deg, 0deg); } 65% { transform: scale(1, 1.03) translate(2%, -2%) skew(-3deg, 0deg); } 80% { transform: scale(1, 0.97) translate(-2%, 2%) skew(3deg, 0deg); } 100% { transform: scale(1, 1) translate(0%, 0%); } } @keyframes purupuru { 0% { transform: scale(1, 1) translate(0%, 0%); } 20% { transform: scale(1, 1.06) translate(-5%, -4%) skew(6deg, 0deg); } 50% { transform: scale(1, 0.94) translate(5%, 4%) skew(-6deg, 0deg); } 65% { transform: scale(1, 1.03) translate(2%, -2%) skew(-3deg, 0deg); } 80% { transform: scale(1, 0.97) translate(-2%, 2%) skew(3deg, 0deg); } 100% { transform: scale(1, 1) translate(0%, 0%); } } @-webkit-keyframes cloud { 0% { margin-left: -50px; } 100% { margin-left: 110%; } } @keyframes cloud { 0% { margin-left: -50px; } 100% { margin-left: 110%; } } @-webkit-keyframes body { 0% { width: 45px; } 100% { width: 50px; } } @keyframes body { 0% { width: 45px; } 100% { width: 50px; } } @-webkit-keyframes hands { 0% { height: 11px; margin-left: 5px; } 50% { height: 13px; margin-left: 5px; } 100% { height: 11px; margin-left: 11px; } } @keyframes hands { 0% { height: 11px; margin-left: 5px; } 50% { height: 13px; margin-left: 5px; } 100% { height: 11px; margin-left: 11px; } } @media (max-width: 991px) and (min-width: 767px) { #footer-btn-area-01 { display: none !important; } } #footer-btn-area-01 a:hover > img { opacity: 1; animation: 0.8s ease-out 0s 1 normal none running animScale; transform-origin: 50% 50%; } @-webkit-keyframes animScale { 0% { transform: scale(0.8, 0.8); } 40% { transform: scale(1.2, 1.2); } 60% { transform: scale(1, 1); } 80% { transform: scale(1.1, 1.1); } 100% { transform: scale(1, 1); } } @keyframes animScale { 0% { transform: scale(0.8, 0.8); } 40% { transform: scale(1.2, 1.2); } 60% { transform: scale(1, 1); } 80% { transform: scale(1.1, 1.1); } 100% { transform: scale(1, 1); } } .easy-select-box .esb-displayer:hover { opacity: 0.8; } .easy-select-box:hover .esb-displayer { text-decoration: none; } .easy-select-box.disabled .esb-displayer, .easy-select-box:hover.disabled .esb-displayer { background-position: 0px -36px; } .easy-select-box .esb-dropdown { background: rgb(255, 255, 255); border: 1px solid rgb(204, 204, 204); display: none; max-height: 200px; overflow: auto; position: absolute; z-index: 999; max-width: 100% !important; width: 100% !important; } .easy-select-box .esb-item { padding: 3px; background: rgb(255, 255, 255); color: rgb(12, 34, 69); cursor: default; width: 100% !important; } .easy-select-box .esb-item:hover { background: rgb(57, 203, 204); color: rgb(255, 255, 255); text-decoration: none; } .position-r { position: relative; } #ui-datepicker-div { box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 15px 0px; width: 340px; background-color: white !important; } @media (max-width: 767px) { #ui-datepicker-div { box-shadow: rgba(0, 0, 0, 0.3) 1px 0px 10px 2px; width: 95%; max-width: 400px; padding: 0px; z-index: 9999 !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; background-color: white !important; position: fixed !important; } } input#datepicker { background: rgb(255, 255, 255) !important; } .ui-datepicker table { font-size: 1em !important; } @media (max-width: 767px) { .ui-datepicker table { height: 420px; max-height: 60vh; } } .ui-datepicker td span, .ui-datepicker td a { padding: 0.55em 0.6em 0.55em 0.2em !important; } @media (max-width: 767px) { .ui-datepicker td span, .ui-datepicker td a { font-size: 18px; padding: 5px 15px 5px 5px !important; } } .ui-datepicker td span { color: rgb(156, 156, 156); } @media (max-width: 767px) { .ui-datepicker td span { color: rgb(156, 156, 156); } } .ui-datepicker td a { font-weight: bold; } @media (max-width: 767px) { .ui-datepicker td a { font-weight: bold; } } .ui-datepicker .ui-datepicker-buttonpane { display: none; } @media (max-width: 767px) { .ui-datepicker .ui-datepicker-buttonpane { display: block; position: absolute; top: -45px; right: 2px; margin: 0px !important; padding: 0px !important; } } @media (max-width: 767px) { .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { display: none; } } @media (max-width: 767px) { .ui-datepicker .ui-datepicker-buttonpane button { background: transparent; border: none; color: rgb(255, 255, 255); font-size: 38px; text-shadow: rgba(0, 0, 0, 0.3) 0px 1px 8px; margin: 0px !important; padding: 6px !important; } } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { width: 1.2em !important; height: 1.2em !important; } @media (max-width: 767px) { .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { color: rgb(255, 255, 255); font-weight: bold; font-size: 32px; top: -2px !important; } } @media (max-width: 767px) { .ui-datepicker .ui-datepicker-header { color: rgb(255, 255, 255); background: rgb(1, 160, 163); padding: 10px 0px !important; } } #overlay { display: none; background: rgba(0, 0, 0, 0.6); width: 100%; height: 100vh; position: fixed; top: 0px; z-index: 9999; } @media (min-width: 768px) { #overlay { display: none !important; } } #overlay.is-open { display: block; } @media (max-width: 1024px) { .page-id-443 .panel.panel-important.wit { width: auto; } } .home .swiper-container { width: 100%; background: rgb(255, 255, 255); } @media (min-width: 992px) { .home .swiper-container { height: 417px; } } @media (max-width: 767px) { .home .swiper-container { padding-bottom: 45px; } } .home .swiper-slide { text-align: center; font-size: 18px; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; max-width: 940px; } .home .swiper-slide img { opacity: 0.6; max-width: 100%; } .swiper-slide-active img { opacity: 1 !important; } div.well.well-cover { border-radius: 0px; border: none; padding: 0px; margin-bottom: 0px; } @media (max-width: 767px) { div.well.well-cover { padding: 0px !important; margin: 0px !important; } } @media (max-width: 767px) { div.well.well-cover > .container { padding-right: 0px; padding-left: 0px; } } .home .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { width: 50px; height: 8px; border-radius: 0px; background: rgb(145, 145, 145); } @media (max-width: 767px) { .home .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { width: 8px; height: 8px; border-radius: 100%; margin: 0px 15px; } } @media (max-width: 767px) { .home .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet-active { background: rgb(1, 176, 179); } } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: url(""); left: 50%; transform: translateX(-480px); transition: all 0.2s linear 0s; } .swiper-button-prev:hover, .swiper-container-rtl .swiper-button-next:hover { transform: translateX(-485px); } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: url(""); right: 50%; transform: translateX(480px); transition: all 0.2s linear 0s; } .swiper-button-next:hover, .swiper-container-rtl .swiper-button-prev:hover { transform: translateX(485px); } @media (max-width: 767px) { .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 12px; } } .simple-estimate-outer { background: rgb(237, 237, 237); } @media (max-width: 767px) { .simple-estimate-outer form { display: flex; align-content: flex-end; } } .simple-estimate-inner { position: relative; height: 100%; max-width: 940px; margin: 0px auto; } @media (min-width: 768px) and (max-width: 991px) { .simple-estimate-inner { width: 100%; } } .home .title-simple-estimate { font-size: 18px; color: rgb(0, 122, 123); margin: 22px 10px 8px 0px; display: inline-block; } @media (max-width: 767px) { .home .title-simple-estimate { margin-top: 15px; margin-bottom: 0px; } } .tooltip-simple-estimate { font-size: 14px; font-weight: bold; color: rgb(36, 145, 146); cursor: pointer; border-bottom: 2px dotted rgb(36, 145, 146); margin-left: 5px; padding: 0px 1px 1px; } .tooltip-simple-estimate:hover { opacity: 0.7; } .top-price { background: rgb(237, 237, 237); padding: 10px 0px 30px; display: none !important; } .top-price h2 { font-size: 18px; color: rgb(0, 122, 123); margin: 0px; padding-top: 25px; border-top: 1px solid rgb(141, 141, 141); } .top-price p { font-size: 15px; margin-bottom: 15px; } .difference { padding: 70px 0px; background: rgb(240, 240, 240); } .difference h2 { font-size: 30px; color: rgb(51, 87, 184); margin-bottom: 70px; } @media (max-width: 767px) { .difference h2 { font-size: 20px; margin-bottom: 30px; } } .difference a { text-decoration: none; display: block; margin: 0px -15px; padding: 15px; } .difference a p { color: rgb(66, 66, 66); max-width: 180px; margin: 0px auto; transition: all 0.3s linear 0s; } @media (max-width: 767px) { .difference a p { max-width: none; } } .difference a:hover p { color: rgb(51, 87, 184); } .difference h3 { font-size: 16px; font-weight: bold; color: rgb(51, 87, 184); margin: 1em 0px 0.3em; } .top-links { padding-top: 60px; padding-bottom: 50px; } @media (max-width: 767px) { .top-links { padding-top: 40px; padding-bottom: 20px; } } .top-links ul { list-style-type: none; padding-left: 0px; display: flex; flex-wrap: wrap; margin-left: -10px; margin-right: -10px; } .top-links ul li { flex-basis: 20%; max-width: 20%; padding: 0px 10px; } @media (max-width: 767px) { .top-links ul li { flex-basis: 100%; max-width: none; margin-bottom: 15px; } .top-links ul li:last-child { margin-bottom: 0px; } } .top-interview { padding-top: 90px; padding-bottom: 60px; } @media (max-width: 991px) { .top-interview h2 { width: 260px; } } .top-interview h2 { margin: 0px auto 60px; } .top-interview h2 img { max-width: 100%; } .box-interview { background: rgb(240, 240, 240); padding: 0px; text-decoration: none; display: block; transition: all 0.3s ease 0s; } @media (max-width: 991px) { .box-interview { margin-bottom: 30px; } } .box-interview:hover, .box-interview:focus { opacity: 0.8; text-decoration: none; } .box-interview:hover > img, .box-interview:focus > img { opacity: 1; } .box-interview-top { background: rgb(118, 118, 118); padding: 20px 20px 25px; } .box-interview-top h3 { color: rgb(255, 255, 255); font-weight: bold; margin: 0px 0px 10px; font-size: 18px; } .box-interview-top p { color: rgb(255, 255, 255); margin: 0px; font-size: 16px; } .box-interview-bottom { display: flex; flex-wrap: wrap; } .box-interview-bottom > div { flex-basis: 53%; padding-top: 20px; } .box-interview-bottom p { color: rgb(66, 66, 66); font-weight: normal; font-size: 16px; margin: 0px 20px; } .box-interview-bottom ul { color: rgb(66, 66, 66); padding-left: 25px; padding-bottom: 10px; margin-left: 20px; font-size: 16px; } .box-interview-bottom > figure { flex-basis: 47%; } .box-interview-bottom > figure img { width: 100%; } @media (max-width: 991px) { .box-interview-bottom { -webkit-box-orient: vertical; -webkit-box-direction: reverse; flex-direction: column-reverse; } .box-interview-bottom > div { flex-basis: 100%; } .box-interview-bottom > figure { flex-basis: 100%; } .box-interview-bottom > figure img { padding: 20px 20px 0px; } } .bnr_area_pc { max-width: 940px; margin: 0px auto 40px; } @media (min-width: 768px) and (max-width: 991px) { .bnr_area_pc { max-width: 720px; } } .bnr_area_pc img { max-width: 100%; display: block; } .state a:hover { opacity: 0.7; } .notice-delivery { color: rgb(255, 19, 68); font-weight: bold; margin: -10px 0px 20px; } .notice-delivery a { color: rgb(255, 19, 68); } .notice-delivery a:hover { opacity: 0.7; } @media (max-width: 767px) { body.open { overflow: hidden; } } @media (max-width: 767px) { article { margin-bottom: 0px !important; } } @media (max-width: 767px) { article #area_slider .flexslider { margin: 0px; padding: 0px; border: none; border-radius: 0px; box-shadow: none; } } @media (max-width: 767px) { article #area_slider .flex-control-nav { bottom: 0px; z-index: 10; } } article #area_slider .flex-control-paging li { margin: 0px 3px; } article #area_slider .flex-control-paging li a { width: 8px; height: 8px; } @media (max-width: 767px) { article h2 { margin: 0px 0px 20px; font-size: 1.6rem; font-weight: bold; } } @media (max-width: 767px) { article a { color: rgb(62, 160, 169); } } @media (max-width: 767px) { article #area_estimate { background: rgb(45, 179, 182); padding: 25px 0px; } } @media (max-width: 767px) { article #area_estimate h2 { color: rgb(255, 255, 255); } } @media (max-width: 767px) { article #area_estimate select { border: 1px solid rgb(255, 255, 255); background: none; margin-bottom: 5px; color: rgb(255, 255, 255); } } @media (max-width: 767px) { article #area_estimate #txt_date { margin-bottom: 5px; } } @media (max-width: 767px) { article #area_estimate .btn_estimate { width: 100%; height: 110px; color: rgb(255, 255, 255); font-size: 1.8rem; font-weight: bold; background: rgb(58, 204, 204); border-top: none; border-left: 1px solid rgb(33, 124, 127); border-right: 1px solid rgb(33, 124, 127); border-bottom: 4px solid rgb(33, 124, 127); border-radius: 10px; } } @media (max-width: 767px) { article #area_service { padding: 25px 0px; background: rgb(209, 240, 235); } } @media (max-width: 767px) { article #area_service ul { margin: 0px; padding: 0px; list-style: none; } } @media (max-width: 767px) { article #area_service .obj_link_more a { font-size: 1.2rem; } } @media (max-width: 767px) { article #area_service .obj_link_more a i { font-size: 1.5rem; } } @media (max-width: 767px) { article #area_service li a { margin-bottom: 10px; padding: 13px; color: rgb(62, 160, 169); font-size: 1.2rem; font-weight: bold; background: rgb(255, 255, 255); border-left: 1px solid rgb(148, 168, 166); border-right: 1px solid rgb(148, 168, 166); border-bottom: 3px solid rgb(148, 168, 166); border-radius: 7px; display: block; text-decoration: none; } } @media (max-width: 767px) { article #area_service li a.service_type01 { background: rgb(184, 238, 238); } } @media (max-width: 767px) { article #area_service li a.service_type02 { background: rgb(227, 227, 227); } } @media (max-width: 767px) { article #area_service li a.service_type03 { background: rgb(255, 244, 202); } } @media (max-width: 767px) { article #area_topic { padding: 25px 0px; } } @media (max-width: 767px) { article #area_topic ul { margin: 0px; padding: 0px; list-style: none; } } @media (max-width: 767px) { article #area_topic li { margin-bottom: 10px; } } @media (max-width: 767px) { article #area_topic li .label_topic { margin-bottom: 3px; padding: 2px 7px; color: rgb(148, 122, 0); font-size: 1rem; font-weight: bold; background: rgb(254, 236, 124); display: inline-block; } } @media (max-width: 767px) { article #area_topic li .wrap_topic { color: rgb(51, 51, 51); font-size: 1.4rem; font-weight: bold; display: block; } } @media (max-width: 767px) { article #area_topic a { text-decoration: none; } } @media (max-width: 767px) { article #area_topic .obj_link_more a { font-size: 1.2rem; } } @media (max-width: 767px) { article #area_banners { padding: 0px 0px 25px; } } @media (max-width: 767px) { article #area_banners a.bnr_link { margin-bottom: 5px; display: block; } } @media (max-width: 767px) { .home a.mypage_btn { display: none; border-radius: 20px; background: rgb(51, 87, 184); box-shadow: rgb(204, 204, 204) 0px 5px 0px 1px; font-size: 26px; color: rgb(255, 255, 255); font-weight: bold; text-decoration: none; text-align: center; padding: 30px; line-height: 130%; } .home a.mypage_btn:hover { transform: translateY(5px); box-shadow: none; } } @media (max-width: 1024px) and (min-width: 768px) { .home a.mypage_btn { font-size: 20px; padding: 25px 0px 25px 65px; background-position: 16px center; background-size: 42px; } } @media (max-width: 1024px) and (min-width: 768px) { .home a.mypage_btn span { font-size: 14px; } } @media (max-width: 767px) { .wrap_toggle_bg_on { z-index: 3; display: block; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgb(45, 178, 181); opacity: 0.5; overflow: hidden; } div.page-title { padding: 15px 0px 0px !important; } .sp_pl0 { padding-left: 0px !important; } .sp_pr0 { padding-right: 0px !important; } .sp_mlr0 { margin-left: 0px !important; margin-right: 0px !important; } } .header-widget-sp { margin-top: 55px; padding: 5px 10px; } .header-widget-sp p { margin: 0px; } .form-control { border: none; border-radius: 0px; } .well .simple-estimate-outer { padding-bottom: 5px; } @media (max-width: 767px) { .well .simple-estimate-outer { margin-bottom: 20px; } } .top-voice { padding: 70px 0px; } .top-voice h2 { font-size: 32px; font-weight: bold; margin: 0px 0px 31px; } @media (max-width: 767px) { .top-voice h2 { font-size: 20px; } } .top-voice h3 { margin: 0px; } .top-voice__lead { width: fit-content; margin: 0px auto; } .top-voice__link { text-align: right; margin-bottom: 0px; } .top-voice__content { overflow: hidden; padding-bottom: 50px; } .top-voice__item { height: 100%; } .top-voice .swiper-voice { margin: 0px auto; position: relative; overflow: visible; list-style: none; padding: 40px 0px 0px; z-index: 1; } .top-voice .swiper-voice::before, .top-voice .swiper-voice::after { content: ""; position: absolute; top: 0px; width: 284px; height: 100%; z-index: 10; } @media (max-width: 767px) { .top-voice .swiper-voice::before, .top-voice .swiper-voice::after { content: none; } } .top-voice .swiper-voice::before { background: linear-gradient(90deg, rgb(255, 255, 255) 25%, rgba(255, 255, 255, 0) 100%); left: 0px; } .top-voice .swiper-voice::after { background: linear-gradient(-90deg, rgb(255, 255, 255) 25%, rgba(255, 255, 255, 0) 100%); right: 0px; } .top-voice .swiper-voice .swiper-slide { height: auto; max-width: none; } .top-voice .swiper-voice .swiper-pagination { bottom: -40px; } .top-voice .swiper-voice .swiper-pagination--voice { margin-top: 50px; } .top-voice .swiper-voice .swiper-pagination-bullet { opacity: 1; background: rgb(221, 221, 221); width: 8px !important; height: 8px !important; border-radius: 100% !important; } .top-voice .swiper-voice .swiper-pagination-bullet-active { background: rgb(35, 145, 146) !important; } .top-voice .swiper-voice .swiper-button-prev--voice, .top-voice .swiper-voice .swiper-button-next--voice { position: absolute; top: 50%; transform: translateY(-50%); z-index: 100; cursor: pointer; width: 49px; height: 49px; } @media (max-width: 767px) { .top-voice .swiper-voice .swiper-button-prev--voice, .top-voice .swiper-voice .swiper-button-next--voice { width: 30px; height: 30px; } } .top-voice .swiper-voice .swiper-button-prev--voice { background: url("") 0% 0% / contain no-repeat; left: 66px; } @media (max-width: 767px) { .top-voice .swiper-voice .swiper-button-prev--voice { left: 10px; } } .top-voice .swiper-voice .swiper-button-next--voice { background: url("") 0% 0% / contain no-repeat; right: 66px; } @media (max-width: 767px) { .top-voice .swiper-voice .swiper-button-next--voice { right: 10px; } } .top-voice .voice-box { border-radius: 11px; border: none; box-shadow: rgba(0, 0, 0, 0.1) 0px 6px 20px; } .top-voice .voice-box__text, .top-voice .voice-box__link { text-align: left; } @media (max-width: 767px) { .top-voice .voice-box__text { font-size: 16px; } } .post-press .m-referral__title { font-weight: bold; } #sitemap .page-item-17011 > ul { display: none; } #sitemap > ul { padding-left: 1em; } @media (max-width: 767px) { #sitemap ul > * + * { margin-top: 6px !important; } } @media (max-width: 767px) { #sitemap ul.children > * { margin-top: 6px !important; } } body:not(.page-template-page-sitemap) br.title-xs { display: none; } @media (max-width: 767px) { body:not(.page-template-page-sitemap) br.title-xs { display: block; } } .page-template-page-sitemap br.title-xs { display: none; } .interview-index .intervew-list { max-width: 940px; margin: auto; } @media (max-width: 940px) { .interview-index .intervew-list { margin: 0px 10px; } } .interview-index .intervew-list ul { text-align: center; table-layout: fixed; word-spacing: -0.4em; overflow: hidden; margin-left: -5%; margin-top: 40px; padding: 0px; } @media (max-width: 640px) { .interview-index .intervew-list ul { margin: 0px; } } .interview-index .intervew-list li { text-align: left; display: inline-block; vertical-align: top; word-spacing: normal; position: relative; list-style: none; overflow: hidden; width: 45%; margin-left: 4%; margin-bottom: 4%; box-sizing: border-box; transition: all 0.2s ease 0s; background-color: rgb(240, 240, 240); } @media (max-width: 640px) { .interview-index .intervew-list li { float: none; margin: 0px 0px 20px; width: 100%; } } .interview-index .intervew-list li:hover { opacity: 0.7; } .interview-index .intervew-list li h2 { padding: 40px 20px 30px; border: 1px solid; position: relative; text-align: left; margin-bottom: 0px; line-height: 1em; } .interview-index .intervew-list li h2::before { position: absolute; top: 0px; left: 0px; line-height: 1.3em; display: block; padding: 5px 20px; background: rgb(255, 255, 255); font-weight: bold; font-size: 12px; } .interview-index .intervew-list li h2 span { text-decoration: none; font-size: 17px; font-weight: bold; color: rgb(51, 51, 51); display: inline; letter-spacing: 0.5px; padding-left: 35px; } .interview-index .intervew-list li figure { position: relative; float: right; display: table; overflow: hidden; } @media (max-width: 940px) { .interview-index .intervew-list li figure { float: none; margin: 0px auto 15px; width: 100%; padding: 0px 20px; } } .interview-index .intervew-list li figure img { width: 200px; height: auto; } @media (max-width: 940px) { .interview-index .intervew-list li figure img { width: 100%; } } .interview-index .intervew-list li figure figcaption { padding: 8px 10px; width: 100%; font-size: 13px; color: rgb(255, 255, 255); line-height: 1.3em; background: rgb(102, 102, 102); } .interview-index .intervew-list li.public h2, .interview-index .intervew-list li.press h2, .interview-index .intervew-list li.univers h2, .interview-index .intervew-list li.medical h2, .interview-index .intervew-list li.research h2 { border: none; } .interview-index .intervew-list li.public h2::before, .interview-index .intervew-list li.press h2::before, .interview-index .intervew-list li.univers h2::before, .interview-index .intervew-list li.medical h2::before, .interview-index .intervew-list li.research h2::before { color: rgb(255, 255, 255); } .interview-index .intervew-list li.public dt, .interview-index .intervew-list li.press dt, .interview-index .intervew-list li.univers dt, .interview-index .intervew-list li.medical dt, .interview-index .intervew-list li.research dt { color: rgb(51, 51, 51); } .interview-index .intervew-list li.public h2::before { content: "出版"; background: rgb(88, 163, 187); } .interview-index .intervew-list li.press h2::before { content: "マスコミ"; background: rgb(226, 167, 0); } .interview-index .intervew-list li.univers h2::before { content: "大学"; background: rgb(79, 179, 134); } .interview-index .intervew-list li.medical h2::before { content: "医療"; background: rgb(175, 122, 164); } .interview-index .intervew-list li.research h2::before { content: "研究"; background: rgb(208, 98, 60); } @media (max-width: 940px) { .interview-index .intervew-list li dl { float: none; width: auto; } } .interview-index .intervew-list dl { float: left; width: 210px; margin: 0px 0px 15px; } .interview-index .intervew-list dt { font-size: 15px; font-weight: bold; border-bottom: 1px solid; padding: 0px 0px 8px; line-height: 1; } .interview-index .intervew-list dd { padding: 5px 10px 5px 25px; font-size: 13px; background: 0px 8px no-repeat; border-bottom: 1px dashed; color: rgb(51, 51, 51); } .interview h1 { line-height: 1; margin: 90px auto 30px; border-top: 1px solid rgb(232, 229, 220); text-align: center; width: 970px; } @media (max-width: 767px) { .interview h1 { width: 100%; } } .interview h1 img { margin: -20px 0px 0px; } .interview h2 { margin: 0px 0px 40px; line-height: 2; font-size: 2.6rem; text-align: center; } @media (max-width: 767px) { .interview h2 { line-height: 1.6; font-size: 2.2rem; } } .interview h2 span { display: block; font-size: 2.4rem; font-weight: normal; } .interview .interview-header { margin: 0px 0px 30px; background: url("") 0px 0px repeat-x; } @media (max-width: 767px) { .interview .interview-header { background: none; } } .interview .interview-movie { position: relative; height: 441px; margin: 0px 0px 20px; background: url("") 0px 0px no-repeat; } @media (max-width: 991px) { .interview .interview-movie { height: 335px; background-size: 100% 100%; } } @media (max-width: 767px) { .interview .interview-movie { height: auto; overflow: hidden; margin: 0px 0px 20px; text-align: center; background: none; } } .interview .interview-movie iframe { position: absolute; top: 61px; left: 20px; } @media (max-width: 991px) { .interview .interview-movie iframe { width: 480px; height: 270px; top: 46px; } } @media (max-width: 767px) { .interview .interview-movie iframe { position: static; max-width: 100%; margin: 0px 0px 20px; } } .interview .interview-movie dl { position: absolute; top: 61px; left: 679px; width: 242px; margin: 0px; padding: 20px; font-size: 1.6rem; } @media (max-width: 991px) { .interview .interview-movie dl { top: 46px; left: auto; right: 15px; width: 185px; padding: 15px; font-size: inherit; } } @media (max-width: 767px) { .interview .interview-movie dl { position: static; width: auto; padding: 0px; text-align: left; } } .interview .interview-movie dt { margin: 0px 0px 15px; } @media (max-width: 767px) { .interview .interview-movie dt { float: left; margin: 0px 20px 0px 0px; } } @media (max-width: 991px) { .interview .interview-movie dt img { max-width: 100%; height: auto; } } .interview .interview-movie dd { line-height: 1.6; } .interview .interview-service { overflow: hidden; margin: 0px 0px 40px; padding: 20px; border: 1px solid rgb(232, 229, 220); background: rgb(255, 255, 255); } .interview .interview-service dl { float: left; width: 430px; margin: 0px; } @media (max-width: 991px) { .interview .interview-service dl { float: none; width: auto; margin: 0px 0px 20px; } } .interview .interview-service dl:last-child { float: right; } @media (max-width: 991px) { .interview .interview-service dl:last-child { float: none; margin: 0px; } } .interview .interview-service dt { margin: 0px 0px 15px; padding: 5px 0px 10px 15px; border-bottom: 1px solid rgb(232, 229, 220); border-left: 1px solid rgb(232, 229, 220); font-size: 1.6rem; } .interview .interview-header-image { float: right; margin: 0px; } @media (max-width: 991px) { .interview .interview-header-image { float: none; margin: 0px 0px 20px; text-align: center; } } @media (max-width: 991px) { .interview .interview-header-image img { max-width: 100%; height: auto; } } .interview .interview-header-text { float: left; width: 540px; } @media (max-width: 991px) { .interview .interview-header-text { float: none; width: auto; } } .interview .interview-header-text p { margin: 0px 0px 30px; } .interview .interview-box { overflow: hidden; margin: 30px 0px; } @media (max-width: 767px) { .interview .interview-box { margin: 20px 0px; } } .interview .interview-box h3 { margin: 0px 0px 20px; padding: 25px; border-width: 10px 1px 1px; border-style: solid; border-color: rgb(40, 68, 122) rgb(232, 229, 220) rgb(232, 229, 220); border-image: initial; font-size: 2.6rem; text-align: center; } @media (max-width: 767px) { .interview .interview-box h3 { padding: 15px; border-top: 5px solid rgb(40, 68, 122); font-size: 2rem; text-align: left; } } .interview .interview-box h4 { margin: 0px 0px 35px; padding: 0px 0px 15px; border-bottom: 2px solid rgb(232, 229, 220); font-size: 2rem; text-align: center; } @media (max-width: 767px) { .interview .interview-box h4 { margin: 0px 0px 20px; font-size: 1.8rem; text-align: left; } } .interview .interview-box dl { margin: 0px; } .interview .interview-box dt { line-height: 1.6; margin: 0px 0px 15px; padding: 5px 0px 25px 15px; color: rgb(40, 67, 122); font-size: 2rem; background: url("") 0px 100% no-repeat; } @media (max-width: 767px) { .interview .interview-box dt { font-size: 1.8rem; } } .interview .interview-box:last-child dt:last-child { padding: 5px 0px 15px 15px; background: url("") 0px 100% no-repeat; } .interview .interview-box dd { line-height: 1.6; margin: 0px 0px 30px; } @media (max-width: 767px) { .interview .interview-box dd { margin: 0px 0px 20px; } } .interview .interview-text1 { float: left; width: 540px; } @media (max-width: 991px) { .interview .interview-text1 { width: 430px; } } @media (max-width: 767px) { .interview .interview-text1 { float: none; width: auto; } } .interview .interview-text2 { float: right; width: 540px; } @media (max-width: 991px) { .interview .interview-text2 { width: 430px; } } @media (max-width: 767px) { .interview .interview-text2 { float: none; width: auto; } } .interview .interview-image1 { float: right; margin: 0px; } @media (max-width: 767px) { .interview .interview-image1 { float: none; margin: 0px 0px 20px; text-align: center; } } @media (max-width: 991px) { .interview .interview-image1 img { width: 260px; height: auto; } } .interview .interview-image2 { float: left; margin: 0px; } @media (max-width: 767px) { .interview .interview-image2 { float: none; margin: 0px 0px 20px; text-align: center; } } @media (max-width: 991px) { .interview .interview-image2 img { width: 260px; height: auto; } } .interview .clear { clear: both; } .interview .staff { margin: 20px 0px 40px; padding: 40px 0px; background: rgb(232, 229, 220); } @media (max-width: 767px) { .interview .staff { padding: 30px 0px; } } .interview .staff h3 { margin: 0px 0px 15px; text-align: center; } .interview .interview-footer { margin: 0px 0px 70px; text-align: center; } .interview .interview-footer div { margin: 0px 0px 40px; } @media (max-width: 991px) { .interview .interview-footer img { max-width: 100%; height: auto; } } @media (max-width: 991px) { .interview-header-sns { text-align: center; } } .anker_link { background-color: rgb(245, 245, 245); padding: 30px; } .anker_link p { font-size: 1.2em; } .three_column { padding: 10px 20px; width: 303px !important; height: 200px !important; display: inline-block !important; margin-right: 10px !important; } @media (max-width: 640px) { .three_column { padding: 10px 20px; width: 100% !important; height: 200px !important; display: inline-block !important; margin-right: 10px !important; } } .three_column dl { float: none !important; width: 100% !important; } .three_column dt { border-left: none !important; border-bottom: 3px solid rgb(40, 67, 122) !important; text-align: center !important; color: rgb(40, 67, 122) !important; } .three_column.last { margin-right: 0px !important; } .three_column span { margin-right: 7px; color: rgb(40, 67, 122); } .three_column ul { list-style-type: none; padding: 0px; } .three_column li { border-bottom: 1px dashed rgb(40, 67, 122); padding-bottom: 5px; margin-bottom: 8px; } .three_column img { width: 20px; height: auto; margin-right: 7px; } .three_column i { font-size: 1.5rem; margin-right: 7px; color: rgb(40, 67, 122); } .text_area { padding-left: 20px; display: inline-block; width: 52%; } @media (max-width: 640px) { .text_area { overflow: auto; padding: 0px 20px; width: 100%; } } @media (max-width: 940px) { .text_area { padding: 0px 20px; width: 100%; } } i.fa.fa-caret-right.title_icon { font-size: 1.2rem; background: rgb(191, 138, 80); padding: 3px 7px; color: rgb(255, 255, 255); border: 1px solid rgb(234, 216, 197); top: 47px; position: absolute; } @media (max-width: 640px) { i.fa.fa-caret-right.title_icon { font-size: 1.2rem; background: rgb(191, 138, 80); padding: 3px 7px; color: rgb(255, 255, 255); border: 1px solid rgb(234, 216, 197); top: 43px; position: absolute; } } .intervew-list a { text-decoration: none; } .interview-strong-line { background: linear-gradient(transparent 0%, rgb(221, 238, 255) 0%); } .interview-header-text, .interview-box { font-size: 1.8rem !important; } .mp3-table { display: table; } .mp3-cell { display: table-cell; vertical-align: middle; } .ulAiWidget-wrap { min-height: 507px; } .phone-number-1 { font-size: 30px; font-weight: bold; color: rgb(74, 180, 180); } .phone-number-1 .fa { margin-right: 4px; transform: rotate(109deg); font-size: 0.6em; top: -5px; position: relative; } .phone-number-2 { display: flex; flex-wrap: wrap; gap: 3px 30px; } .box-line-grey { border: 1px solid rgb(221, 221, 221); border-radius: 4px; padding: 30px; } .guide-ivr { list-style: none; padding-left: 0px; line-height: 1.4; font-weight: bold; margin: 20px 0px 0px; max-width: 470px; } .guide-ivr li { display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; margin-bottom: 8px; } .guide-ivr li:last-child { margin-bottom: 0px; } .dots { -webkit-box-flex: 1; flex: 1 1 auto; } .dot { position: relative; top: calc(50% - 1px); margin: 0px 10px; border-right: none; border-bottom: none; border-left: none; border-image: initial; border-top: 2px dotted rgb(204, 204, 204); } .number { font-size: 18px; color: rgb(255, 255, 255); background: rgb(0, 122, 123); border-radius: 4px; text-align: center; padding: 2px 5px; } @media (max-width: 767px) { .service { flex-basis: 72%; } } .sp-m { margin-bottom: 50px; } .privacy__btn-area { margin-top: 30px; } @media (max-width: 767px) { .privacy__btn-area > * + * { margin-top: 20px; } } .privacy__btn-area .btn { text-decoration: none !important; } .page-id-155 .container .article p { margin-bottom: calc(1em + 10px); } .page-id-155 .container .article ol > li > ol, .page-id-155 .container .article ol > li > ul, .page-id-155 .container .article ul > li > ol, .page-id-155 .container .article ul > li > ul { margin-left: 1.2em; padding: 0px; } .page-id-155 .container .article ol > li > ol > li > ol, .page-id-155 .container .article ol > li > ol > li > ul, .page-id-155 .container .article ol > li > ul > li > ol, .page-id-155 .container .article ol > li > ul > li > ul, .page-id-155 .container .article ul > li > ol > li > ol, .page-id-155 .container .article ul > li > ol > li > ul, .page-id-155 .container .article ul > li > ul > li > ol, .page-id-155 .container .article ul > li > ul > li > ul { margin-left: 2em; padding: 0px; } .page-id-155 .container .article ol li, .page-id-155 .container .article ul li { margin-bottom: 1em; } .page-id-155 .container .article ol li:last-child, .page-id-155 .container .article ul li:last-child { margin-bottom: 0px; } .page-id-155 .container .article .h-pickup-list li::marker { font-size: 1.12em; font-weight: bold; } @media (min-width: 768px) { .page-id-155 .container .article .col-sm-6 { padding-left: 35px; padding-right: 35px; } } @media (max-width: 767px) { .page-id-15698 .article ol { padding-left: 20px; } } body.page-id-15968 .covid-info-list { margin-bottom: 30px; padding-left: 0px; list-style: none; } body.page-id-15968 .covid-info-list li { padding: 20px; border-bottom: 1px solid rgb(50, 50, 50); } body.page-id-15968 .covid-info-list li:first-child { border-top: 1px solid rgb(50, 50, 50); } body.page-id-15968 .covid-info-list li span { margin-right: 1em; } body.page-id-15968 .covid-info-list li a { text-decoration: none; color: rgb(51, 51, 51); } body.page-id-15968 .covid-info-list li a:hover, body.page-id-15968 .covid-info-list li a:focus { text-decoration: underline; color: rgb(51, 51, 51); } body.page-id-15968 .covid-info-title { font-size: 18px; margin-top: 20px; margin-bottom: 0.8em; padding-left: 20px; border-bottom: 0px; text-align: left; } body.page-id-15968 .covid-section-title { font-size: 18px; font-weight: bold; margin-bottom: 1.5em; padding-bottom: 0.6em; border-bottom: 2px solid rgb(196, 196, 196); text-align: left; } body.page-id-15968 .page-covid .covid-info { margin-bottom: 0px; } body.page-id-15968 .page-covid .covid-section { margin-bottom: 100px; } body.page-id-15968 .page-covid .subsection { margin-bottom: 80px; } body.page-id-15968 .page-covid h3 { font-size: 18px; font-weight: bold; margin: 1em 0px; } body.page-id-15968 .page-covid h4 { font-size: 16px; font-weight: bold; margin-top: 1em; margin-bottom: 0.3em; color: rgb(45, 178, 181); } body.page-id-15968 .page-covid h4 + p { margin-bottom: 30px; } .list-client { overflow: hidden; } .list-client div { float: left; width: 50%; } @media (max-width: 640px) { .list-client div { float: none; width: auto; } } @media (max-width: 640px) { .list-client div ul { padding-left: 20px; } } .list-client div ul li a { text-decoration: none; } .list-client div ul li a:hover { text-decoration: underline; } .list-client div li { list-style: none; margin-bottom: 10px; font-size: 16px; } .list-client div p { color: rgb(66, 139, 202); padding-left: 40px; text-decoration: underline; font-size: 16px; } @media (max-width: 640px) { .list-client div p { padding-left: 20px; } } .list-client div p:hover { cursor: pointer; } .list-client div p + ul { padding-left: 55px; display: none; } @media (max-width: 640px) { .list-client div p + ul { padding-left: 35px; display: none; } } .list-client div p + ul li { font-size: 16px; } @media (max-width: 640px) { .list-client div p + ul li { font-size: 12px; margin-bottom: 5px; } } .panel-navy > .panel-heading > .panel-title > a { color: rgb(255, 255, 255); } .panel-navy.municipal > .panel-heading, .panel-navy.univers > .panel-heading, .panel-navy.it > .panel-heading, .panel-navy.consult > .panel-heading, .panel-navy.service > .panel-heading, .panel-navy.manufact > .panel-heading, .panel-navy.finance > .panel-heading, .panel-navy.architect > .panel-heading, .panel-navy.study > .panel-heading, .panel-navy.medical > .panel-heading, .panel-navy.media > .panel-heading, .panel-navy.public > .panel-heading, .panel-navy.law > .panel-heading { background: rgb(75, 117, 185); } .page-id-8797 ul.client { font-size: 16px; } .filteringHighlight { background-color: yellow; } p#before, p#after, p#keyword, p#count_answer, p#unit, p#hit { display: inline-block; } p#count_answer, p#unit { font-weight: bold; } .btn-client { color: rgb(255, 255, 255); text-shadow: rgba(0, 0, 0, 0.25) 0px -1px 0px; background-color: rgb(75, 117, 185); background-image: none; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); } .btn-client:hover, .btn-client:active, .btn-client:focus { color: rgb(255, 255, 255); background-color: rgb(67, 106, 169); } .accordion-toggle { cursor: pointer; display: block; color: rgb(255, 255, 255) !important; } .accordion-toggle:active, .accordion-toggle:hover, .accordion-toggle:focus, .accordion-toggle:visited { color: rgb(255, 255, 255) !important; } .accordion-toggle .panel-heading { background: rgb(1, 176, 179) !important; } .panel-title span.filteringHighlight { background-color: transparent; } .collapse.in { height: auto !important; } .anker_icon_area { margin-bottom: 80px; } .anker_icon_area ul { list-style: none; padding: 0px; display: flex; -webkit-box-pack: justify; justify-content: space-between; flex-wrap: wrap; margin-top: 50px; } .anker_icon_area ul li { width: 16.6%; text-align: center; height: 156px; } .anker_icon_area ul li a { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: center; justify-content: center; text-decoration: none; height: 100%; border-radius: 4px; } .anker_icon_area ul li a:hover { background: rgb(238, 238, 238); } .anker_icon_area ul li a:hover img { transform: scale(1.2); } .anker_icon_area ul li a img { height: 50px; margin-bottom: 10px; transition: all 0.5s ease 0s; } .anker_icon_area ul li p.category { color: rgb(1, 176, 179); line-height: 16px; margin-bottom: 0px; } .anker_icon_area ul li p.num { color: rgb(170, 170, 170); margin-bottom: 0px; } .anker_icon_area--c5 ul li { width: 20%; } .graph-client { padding: 30px 0px 0px; } .graph-client__img { width: 100%; max-width: 500px; margin: 0px auto; } .graph-client__img img { width: 100%; } .client-icon { max-width: 70px; height: 50px; margin: 0px auto 10px; } .client-icon svg { width: 100%; height: 50px; fill: rgb(1, 176, 179); } .input-group.client input[type="text"]:focus { box-shadow: none; } .tokyo_under_contents { position: relative; margin-bottom: 30px; } @media (max-width: 767px) { .tokyo_under_contents { margin-bottom: 30px; } } .comp_tokusyo { position: absolute; bottom: 0px; } @media (min-width: 768px) { .comp_tokusyo { left: 25%; } } @media (max-width: 767px) { .comp_tokusyo { left: 50%; } } .thumbnail .caption { padding: 3px; } .tokyo_under_contents { position: relative; margin-bottom: 30px; } .comp_tokusyo { position: absolute; bottom: 0px; } .thumbnail .caption { padding: 3px; } .profile_osaka_top { text-align: center; } @media (min-width: 768px) { .profile_osaka_top { margin-bottom: 80px; } } .profile_osaka_top img { width: 100%; } .profile_osaka_top ul { margin-top: 40px; } .osaka_tab_list div { margin-top: 40px; } .osaka_tab_list div a { font-size: 26px; font-weight: bold; display: block; width: 100%; height: 40px; transition: all 0.3s ease 0s; text-align: center; text-decoration: none; color: rgb(73, 73, 73); border-bottom: 3px solid rgb(145, 145, 145); } .row.osaka_tab_list { width: 60%; margin: auto; } .row.osaka_tab_list div a:hover { transition: all 0.3s ease 0s; border-bottom: 3px solid rgb(74, 188, 188); } .pickup { border-bottom: 3px solid rgb(74, 188, 188) !important; } .sp_tab_list { line-height: 35px; position: relative; margin: 20px 0px 0px; padding: 0px; list-style: none; text-align: center; } .sp_tab_list::after { position: absolute; z-index: 1; bottom: 0px; left: 0px; width: 100%; content: ""; border-bottom: 1px solid rgb(45, 178, 181); } .sp_tab_list li { position: relative; z-index: 0; display: inline-block; padding: 0px 6%; color: rgb(45, 178, 181); border: 1px solid rgb(45, 178, 181); } .sp_tab_list li.selected { z-index: 2; color: rgb(255, 255, 255); border-bottom-color: rgb(45, 178, 181); background: rgb(45, 178, 181); } .tabrow::before { z-index: 1; } .col-sm-6.col-sx-12.image-shadow img { width: 95%; } .info_tell a { cursor: default; pointer-events: none; } @media (max-width: 767px) { .info_tell a { pointer-events: auto; } } .info_tell img { width: 100%; } .page-child .service_area { padding: 40px 0px; border-top: 10px solid rgb(45, 178, 181); background-color: rgb(183, 223, 224); } @media (max-width: 767px) { .page-child .service_area { margin-bottom: 0px; padding: 10px 0px; border-top: 10px solid rgb(45, 178, 181); background-color: rgb(183, 223, 224); } } .onegai_image img { width: 80%; } @media (min-width: 768px) { .onegai_image img { margin-top: 320px; } } .col-sm-4.col-xs-12.onegai_image { text-align: center; } ul.service_photo { margin-top: 40px; list-style: none; text-align: center; } @media (max-width: 767px) { ul.service_photo { width: 100%; margin-top: 0px; padding: 0px; list-style: none; } } ul.service_photo li { display: inline; margin-right: 40px; } @media (max-width: 767px) { ul.service_photo li { height: 120px !important; margin: 10px !important; } } ul.service_photo img { height: 140px; } .image-shadow { margin-bottom: 20px; } .image-shadow img { box-shadow: rgb(129, 156, 156) 0px 3px 0px 1px; } .image-shadow a:hover > img { opacity: 0.8; } .row.access_info_area { margin-top: 80px; margin-bottom: 50px; } .text-center.info_tell.col-md-6 img, .subtitle td img { width: 100%; } .osaka_comp_toksyo { float: right; margin-right: 15px; } @media (max-width: 767px) { .row.osaka_table { margin-right: 0px; margin-left: 0px; } } .osaka_margin { margin: 30px; } @media (max-width: 767px) { .page-template-page-osaka .sp_tab_list a { text-decoration: none; } } .page-recruit section { margin-bottom: 120px; } .page-recruit section > div { margin-bottom: 60px; } .page-recruit p { margin: 15px 0px; } .page-recruit ul { padding-left: 1.5em; } .page-recruit a { text-decoration: none; word-break: break-all; } .page-recruit figcaption { font-size: 14px; line-height: 1.4; margin-top: 0.5em; margin-bottom: 2em; text-align: center; color: rgb(118, 118, 118); } ul.tab-recruit { display: flex; -webkit-box-pack: center; justify-content: center; margin-bottom: 50px; padding-left: 0px; list-style: none; text-align: center; } ul.tab-recruit li { font-size: 25px; font-weight: bold; width: 254px; margin: 0px 15px; border-bottom: 3px solid rgb(73, 180, 181); } @media (max-width: 767px) { ul.tab-recruit li { font-size: 16px; width: 118px; margin: 0px 5px; } } ul.tab-recruit li a { display: block; width: 100%; padding: 10px 0px 7px; color: rgb(73, 180, 181); } ul.tab-recruit li:focus, ul.tab-recruit li:hover { border-bottom: 0px; background: rgb(73, 180, 181); } ul.tab-recruit li:focus a, ul.tab-recruit li:hover a { padding: 10px 0px; color: rgb(255, 255, 255); } ul.tab-recruit li.active { pointer-events: none; border-bottom: 0px; background: rgb(73, 180, 181); } ul.tab-recruit li.active a { padding: 10px 0px; color: rgb(255, 255, 255); } .recruit-title { font-size: 1.6rem; font-weight: bold; margin: 15px 0px; } .recruit-title-green { font-size: 1.6rem; font-weight: bold; margin: 15px 0px; color: rgb(47, 195, 195); } .recruit-title-line { font-size: 1.6rem; margin: 50px 0px 40px; padding: 0px 10px 10px; border-bottom: 2px solid rgb(204, 204, 204); } .img-skillstep { margin-top: 40px; } .recruit-example { font-weight: bold; display: flex; -webkit-box-pack: center; justify-content: center; margin: 20px 0px; padding: 20px; background: rgb(244, 244, 244); } .recruit-table { width: 100%; } @media (max-width: 767px) { .recruit-table { border-bottom: 1px solid rgb(0, 0, 0); } } .recruit-table th { width: 30%; padding: 20px; border: 1px solid rgb(0, 0, 0); background: rgb(244, 244, 244); } .recruit-table td { width: 70%; padding: 20px; border: 1px solid rgb(0, 0, 0); } @media (max-width: 767px) { .recruit-table th, .recruit-table td { display: block; width: 100%; border-bottom: 0px; } } .page-recruit .r-interview__box { margin-bottom: 80px; } @media (max-width: 767px) { .page-recruit .r-interview__box { margin-bottom: 60px; } } .page-recruit .r-interview__img-box { position: relative; } @media (max-width: 767px) { .page-recruit .r-interview__img-box { margin-bottom: 0px !important; } } .page-recruit .r-interview__info-name { position: absolute; bottom: 20px; right: 20px; line-height: 1.6; margin: 0px; letter-spacing: 1px; } @media (max-width: 767px) { .page-recruit .r-interview__info-name { position: relative; bottom: auto; right: auto; font-size: 14px; margin-top: 16px !important; } } .page-recruit .r-interview__info-name .name { font-size: 24px; display: block; line-height: 1.07692; margin-top: 4px; } @media (max-width: 767px) { .page-recruit .r-interview__info-name .name { font-size: 16px; display: inline-block; margin-right: 6px; } } .page-recruit .r-interview__info-name .name-en { font-size: 14px; display: block; color: rgb(199, 199, 199); line-height: 2; margin-top: 2px; } @media (max-width: 767px) { .page-recruit .r-interview__info-name .name-en { font-size: 12px; display: inline-block; } } .page-recruit .r-interview__info-name .sp-only { display: none; } @media (max-width: 767px) { .page-recruit .r-interview__info-name .sp-only { display: inline-block; } } @media (max-width: 767px) { .page-recruit .r-interview__info-name .pc-only { display: none; } } .page-recruit .r-interview__info-name--left { right: auto; left: 20px; } @media (max-width: 767px) { .page-recruit .r-interview__info-name--left { left: auto; } } .page-recruit .r-interview__lead { max-width: 820px; margin: 50px auto 70px !important; } @media (max-width: 767px) { .page-recruit .r-interview__lead { margin: 30px auto 82px !important; } } .page-recruit .r-interview__sub-title { margin: 0px; } .page-recruit .r-interview__img img { width: 100%; } .page-recruit .r-interview__text span { font-weight: bold; } .page-recruit .r-interview__ol-list { font-weight: bold; padding-left: 1.2em; } .r-entry { margin-top: 100px !important; text-align: center; } .r-recruit__table colgroup col:nth-child(1) { width: 20%; } .r-recruit__table colgroup col:nth-child(2) { width: 80%; } @media (max-width: 767px) { .r-recruit__table colgroup { display: none; } } @media (max-width: 767px) { .r-recruit__table th, .r-recruit__table td { width: 100%; } } .company_link { background: rgb(251, 248, 241); padding: 20px 0px 20px 75px; margin-bottom: 30px; font-size: 16px; font-weight: bold; } @media (max-width: 992px) { .company_link { padding: 20px; } } .company_link a { color: rgb(74, 188, 188); display: block; margin-bottom: 5px; } .title_pattern_01 { width: 100%; margin: 0px auto 50px; background-color: rgb(233, 233, 233); } @media (min-width: 768px) and (max-width: 991px) { .title_pattern_01 { position: relative; margin-bottom: 50px; } } .title_pattern_01 div.title_img a { transition: all 0.3s ease 0s; } .title_pattern_01 a { transition: all 0.3s ease 0s; text-decoration: none; color: rgb(73, 73, 73) !important; } .title_pattern_01 a:hover { opacity: 0.8; } .title_pattern_01 a:hover img { opacity: 0.8; } .title_pattern_01 a h2 { transition: all 0.3s ease 0s; color: rgb(0, 0, 0); } .title_pattern_01 a h2:hover { color: rgb(47, 177, 180); } .title_pattern_01 a h3 { font-size: 20px; } @media (max-width: 767px) { .title_pattern_01 a h3 { font-size: 18px; } } .row.title_pattern_01 a:hover h2 { color: rgb(47, 177, 180); } .col-sm-6.col-xs-12.left.title_img { padding: 0px; } .col-sm-6.col-xs-12.right { display: table; height: auto; padding: 0px; } .title_pattern_text { display: table-cell; width: 720px; height: 304px; padding: 20px 0px; text-align: center; vertical-align: middle; } @media (min-width: 768px) and (max-width: 991px) { .title_pattern_text { height: 233px; } } @media (max-width: 767px) { .title_pattern_text { height: auto; } } .title_pattern_text h2 { font-size: 2.6rem; margin-bottom: 0px; } @media (min-width: 768px) and (max-width: 991px) { .title_pattern_text h2 { font-size: 28px; margin-bottom: 0px; } } @media (max-width: 767px) { .title_pattern_text h2 { font-size: 2.4rem; } } @media (max-width: 767px) { .title_pattern_text h2.sub_title { margin: 10px auto; } } .page .search-area-mp-guide { background: rgb(245, 245, 245); padding: 50px 15px; text-align: center; } .page .search-area-mp-guide .search-form { max-width: 460px; position: relative; margin: 0px auto; } .page .search-area-mp-guide .form-control { height: 46px; border: 1px solid rgb(221, 221, 221); border-radius: 4px; padding: 10px 40px 10px 15px; box-shadow: none; } .page .search-area-mp-guide button { top: 8px; right: 0px; position: absolute; background: none !important; border: none !important; text-shadow: none !important; box-shadow: none !important; color: rgb(173, 173, 173) !important; transition: none 0s ease 0s !important; } .page .search-area-mp-guide .fa-search { font-size: 22px; color: rgb(51, 51, 51); } .faq-area ul { padding-left: 1.5em; } .faq-area li { margin-bottom: 6px; line-height: 1.5; } .single-guide_mp h2 { font-size: 2.4rem; margin: 80px 0px 30px; padding: 0px 0px 7px; border-width: 0px 0px 1px; border-color: rgb(132, 132, 132); border-style: solid; background: rgb(255, 255, 255); color: rgb(51, 51, 51); line-height: 120%; } .single-guide_mp h3 { margin-top: 0px; margin-bottom: 0px; } .single-guide_mp h3 + p { margin-top: 5px; } .single-guide_mp section { margin-bottom: 60px; } .single-guide_mp section .row { margin-bottom: 30px; } .single-guide_mp .optional { color: rgb(255, 255, 255); font-size: 15px; text-align: center; font-weight: bold; margin-right: 2px; border-radius: 2px; padding: 5px 8px; background-color: rgb(103, 103, 103); letter-spacing: 1px; } .box-guide { background: rgb(245, 245, 245); padding: 20px; margin-bottom: 40px; } .box-guide h4 { font-size: 18px; font-weight: bold; border-bottom: 1px solid rgb(204, 204, 204); padding: 0px 0px 5px; margin: 0px 0px 15px; } .box-white { background: rgb(255, 255, 255); padding: 20px; } .box-white ul { padding-left: 1.5em; } .box-white h5 { font-size: 18px; font-weight: bold; margin-top: 20px; margin-bottom: 5px; } .accordion-mpguide { margin-bottom: 40px; } .accordion-mpguide .accordion-item { background: rgb(245, 245, 245); margin-bottom: 5px; } .accordion-mpguide .accordion-header { font-size: 18px; font-weight: bold; margin: 0px; cursor: pointer; } .accordion-mpguide .accordion-header a { padding: 20px; text-decoration: none; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; color: rgb(51, 51, 51) !important; } .accordion-mpguide .accordion-header a:hover { opacity: 0.7; transition: all 0.3s ease 0s; } .accordion-mpguide .accordion-header a .fas { margin-left: 10px; } .accordion-mpguide .accordion-body { padding: 0px 20px 15px; } .index { background: rgb(245, 245, 245); padding: 30px; } .index h2 { background: rgb(45, 178, 181); padding: 0.5rem 1rem; margin-top: 0px; margin-bottom: 10px; font-size: 1.7rem; color: rgb(255, 255, 255); font-weight: bold; border: 0px; border-radius: 10px; display: inline-block; line-height: 1.2; } .index ul { list-style: none; padding-left: 1em; } .index ul a { display: inline-block; margin-bottom: 5px; font-size: 18px; } img.border_deeply { border: 1px solid rgb(178, 178, 178); } h3.title_media { font-size: 2.5rem; } p.an_linke small { font-weight: bold; } @media (min-width: 768px) and (max-width: 991px) { .media_image_link a { transition: all 0.3s ease 0s; } } .media_image_link a:hover { transition: all 0.3s ease 0s; opacity: 0.8; } @media (min-width: 768px) and (max-width: 991px) { .media_image_link img { border: 1px solid rgb(178, 178, 178); } } @media (min-width: 768px) and (max-width: 991px) { .media_image_link p { font-weight: bold; color: rgb(73, 73, 73); } } @media (min-width: 768px) and (max-width: 991px) { .an_linke.tblt { font-size: 1.6rem; height: 6.8rem; margin-top: 10px !important; } } .flow_area { width: 100%; margin: auto; background-color: rgb(229, 229, 229); } .flow_image { padding: 0px; } .flow_text p { margin: auto; } @media (max-width: 767px) { .flow_text p { padding-bottom: 10px; } } .flow_text h3 { font-size: 3.2rem; margin-top: 10px; margin-bottom: auto; letter-spacing: 4px; color: rgb(74, 188, 188); } @media (max-width: 767px) { .flow_text h3 { font-size: 2.8rem; } } @media (max-width: 1024px) and (min-width: 768px) { .flow_text h3 { font-size: 26px; margin-top: 3px; margin-bottom: 5px; color: rgb(74, 188, 188); } } .flow_next_icon { width: 0px; margin: 5px auto -20px; border-top: 15px solid rgb(179, 179, 179); border-right: 12px solid transparent; border-left: 12px solid transparent; } @media (max-width: 767px) { .maintenance { padding: 0px; margin: 30px 0px 0px; } } @media (max-width: 767px) { .page-id-14739 .record-flow_hr { padding-left: 10px; padding-right: 10px; } .page-id-14739 .record-flow_hr h3 { margin: 0px 0px 10px; } .page-id-14739 .record-flow_hr ul { padding-left: 1.2em; } } .grant-case img { width: 100%; } .about_link_btn { margin-top: 30px; color: rgb(73, 73, 73); } .about_link_btn h2 { margin-top: 5px; } .about_link_btn img { width: 100%; } .about_link_btn a { text-decoration: none; } .anker_btn { transition: all 0.3s ease 0s; color: rgb(73, 73, 73); } .anker_btn:hover { opacity: 0.8; color: rgb(74, 180, 180); } .row.p_mark_info { margin: 30px 0px; } .row.p_mark_info div.col-sm-3.col-xs-12 { text-align: center; } .row.about_icon_area { text-align: center; } .row.about_icon_area img { width: 45%; } .row.about_icon_area p { margin: 0px 15px; text-align: left; } .row.about_icon_area div.col-sm-6.col-xs-12 { margin-bottom: 60px; } .row.about_content_img_text { margin-bottom: 50px; } .row.about_content_img_text img { width: 98%; } @media (max-width: 767px) { .row.about_content_img_text img { width: 50%; } } .row.about_content_img_text div.bg_glay li { font-weight: normal; } .bg_glay_text { padding: 12px 0px; background-color: rgb(233, 233, 233); } .bg_glay_text p { margin: auto auto auto 15px; } a.og_link { font-weight: bold; transition: all 0.3s ease 0s; text-decoration: underline; color: rgb(225, 81, 31); } a.og_link:hover { opacity: 0.7; } .article.about_faq { border-radius: 5px; border: 3px solid rgb(204, 204, 204) !important; } .about_faq_title { padding: 15px 0px 3px 10px; border-bottom: 1px solid rgb(204, 204, 204); background-color: rgb(233, 233, 233); } .about_faq_list { list-style: none; } .about_faq_list ul { padding: 15px; list-style: none; } .about_faq_list i { margin-right: 15px; color: rgb(233, 233, 233); } .about_faq_list li { margin-top: 10px; } .carousel_title h3 { font-size: 26px; } .carousel_area { position: relative; background-color: rgb(233, 233, 233); } .carousel_head { height: 55px; margin: auto; background-color: rgb(219, 219, 219); } @media (max-width: 767px) { .carousel_head { display: table-cell; width: inherit; height: 94px; margin: auto; vertical-align: middle; } } @media (max-width: 1024px) and (min-width: 768px) { .carousel_head { display: table-cell; width: inherit; height: 90px; margin: auto; vertical-align: middle; } } .carousel_head h3 { margin-top: 15px; letter-spacing: 1px; } @media (max-width: 767px) { .carousel_head h3 { margin: auto; } } .carousel_head h3 small { color: rgb(73, 73, 73); } .carousel_contents { margin: 20px 15px 30px; } .carousel_contents li { font-size: 17px; } @media (max-width: 767px) { .carousel_contents li { font-size: 1.4rem; } } .carousel-button-prev { padding: 12px 8px 8px; left: -7% !important; } .carousel-button-next, .carousel-button-prev { font-size: 22px; font-weight: bold; position: absolute; z-index: 10; top: 50%; width: 44px; height: 44px; cursor: pointer; color: rgb(255, 255, 255); margin-top: -22px; border-radius: 22px; background-position: center center; background-size: 27px 44px; background-color: rgb(179, 179, 179); } .carousel-button-next { padding: 12px 8px 8px 14px; right: -7% !important; } .left_col { padding-right: 0px; } .right_col { padding-left: 0px; } .swiper-slide ul { float: left; padding: 0px 10px; } br.sp-only--id42 { display: none; } @media (max-width: 767px) { .page-id-42 br.sp-only--id42 { display: block; } } .choice__list { display: flex; flex-wrap: wrap; gap: 10px 30px; width: 50%; } @media (max-width: 767px) { .choice__list { width: 100%; padding: 0px 20px 0px 30px; } } ul.under_list { margin-left: -39px; list-style: none; } ul.under_list li { margin-bottom: 4px; } .article .subtitle h2.under_content_title { line-height: 120%; margin: 50px 0px 20px; padding: 2px 8px; color: rgb(73, 73, 73); border-width: 0px 0px 3px; border-style: solid; border-color: rgb(204, 204, 204); background: rgb(255, 255, 255); } .table-page table tbody tr th, .table-page table tbody tr td { vertical-align: middle; } .table-page table tbody tr th { font-size: 1.1em; padding: 15px; text-align: center; background: rgb(217, 248, 233); } .table-page table tbody tr td { padding: 15px 20px; } .table-page tr td ul { padding-left: 20px; } .table-page tr td ul li { margin: 10px 0px; } .table-page tr td:first-child { background: rgb(249, 249, 249); text-align: center; width: 120px; } .table-page table tbody tr td:nth-child(2), .table-page table tbody tr td:nth-child(3), .table-page table tbody tr td:last-child { width: 250px; } .table-page table.choice-table tbody tr td { vertical-align: top !important; } .table-page table.choice-table tbody tr td:first-child { vertical-align: middle !important; } @media (min-width: 320px) and (max-width: 768px) { .table-page table.choice tr th, .table-page table.choice tr td { display: block; width: 100% !important; } } .btn-menu a.be_arrow span { position: relative; } .btn-menu a.be_arrow span.left1::before { content: ""; font-family: "Font Awesome 5 Pro"; font-weight: 400; font-size: 22px; left: -14px; position: absolute; } .btn-menu a.be_arrow span.left2::before { content: ""; font-family: "Font Awesome 5 Pro"; font-weight: 400; font-size: 22px; left: -23px; position: absolute; } @media (min-width: 768px) { .sidebar-word-outer { position: sticky; top: 90px; } } .sidebar-word { list-style: none; background: rgb(249, 249, 249); margin-bottom: 30px; padding: 0px; } @media (max-width: 767px) { .sidebar-word { padding: 10px; } } .sidebar-word li { text-align: center; } @media (max-width: 767px) { .sidebar-word li { display: inline-block; } } .sidebar-word li a { text-decoration: none; padding: 15px 0px; display: block; position: relative; } .sidebar-word li a::before { content: ""; font-family: fontawesome; color: rgb(36, 145, 146); position: absolute; transform: translateX(-10px); } .sidebar-word li a:hover { text-decoration: underline; background-color: rgb(240, 240, 240); color: rgb(36, 145, 146); } .sidebar-word li a.active { color: rgb(51, 51, 51); background-color: rgb(240, 240, 240); cursor: inherit; } .sidebar-word li a.active::before { color: rgb(51, 51, 51); } .sidebar-word li a.active:hover { text-decoration: none; } @media (max-width: 767px) { .sidebar-word li a { padding: 10px 15px; } } .article-word { padding: 60px 30px 50px; border-bottom: 1px solid rgb(210, 210, 210); } @media (max-width: 767px) { .article-word { padding: 40px 0px; } } .article-word:last-child { margin-bottom: 60px; border-bottom: none; } .title-word { font-size: 24px; font-weight: normal; line-height: 1.2; padding: 2px 10px; margin-top: 0px; margin-bottom: 50px; border-left: 7px solid rgb(39, 144, 148); position: relative; } @media (max-width: 767px) { .title-word { margin-bottom: 30px; } } .title-word span { font-size: 16px; line-height: 1.1; display: block; margin-top: 4px; margin-left: 1px; color: rgb(174, 174, 174); } .title-index { font-size: 34px; font-weight: bold; margin-top: 0px; margin-bottom: 0px; padding: 0px 20px; } @media (max-width: 767px) { .title-index { padding: 0px; } } .more-word { float: right; } .single .article-word { padding: 0px 30px 100px; border-bottom: none; } @media (max-width: 767px) { .single .article-word { padding: 0px 0px 40px; } } .single .body-word { margin-bottom: 80px; } .single .body-word h4 { font-size: 20px; font-weight: bold; margin-top: 40px; margin-bottom: 10px; } .single .body-word p { margin-bottom: 30px; } .single .body-word p:first-child { background: rgb(245, 245, 245); padding: 14px 18px; margin-bottom: 40px; } .single .body-word ul { margin-bottom: 30px; } .related-word-wrap { margin-bottom: 30px; } .related-word-wrap h4 { font-weight: bold; margin-bottom: 15px; } .related-word-wrap ul { list-style: none; padding-left: 0px; } .related-word-wrap ul li { margin-right: 15px; margin-bottom: 4px; } .related-word-wrap ul li a { text-decoration: none; } .related-word-wrap ul li .fa { margin-right: 3px; } .related-service-wrap h4 { font-weight: bold; margin-bottom: 10px; } .related-service-wrap ul { list-style: none; padding-left: 0px; } .related-service-wrap ul li { margin-bottom: 4px; } .related-service-wrap ul li a { text-decoration: none; } .related-service-wrap ul .fa { margin-right: 3px; } .image_link_caption { font-size: 1.6rem; font-weight: bold; margin-bottom: 30px; margin-top: 10px !important; } .room3d { width: 80%; margin: 0px auto; } .service-flow li { margin-bottom: 20px; } .case-tags { list-style: none; display: flex; flex-wrap: wrap; margin: 0px -2px; padding: 0px; } .case-tag { background: rgb(51, 87, 184); color: rgb(255, 255, 255); font-size: 12px; letter-spacing: 0.08em; margin: 0px 2px 4px; padding: 2px 10px; border-radius: 15px; } .head_area { background: rgb(245, 245, 245); height: auto; } .head_area img { height: 300px; width: 100%; object-fit: cover; } @media (max-width: 767px) { .head_area img { height: auto; } } .case-info { display: flex; -webkit-box-align: center; align-items: center; height: 300px; } @media (max-width: 767px) { .case-info { height: 260px; } } .case-info h2 { font-size: 26px; font-weight: bold; line-height: 1.38; margin: 0px; } @media (max-width: 767px) { .case-info h2 { font-size: 22px; } } .case-info dl { display: flex; flex-wrap: wrap; margin: 10px 0px; } .case-info dt { font-size: 14px; font-weight: normal; flex-basis: 70px; text-align: right; margin-bottom: 2px; } .case-info dd { font-size: 14px; font-weight: bold; margin-left: 0px; flex-basis: calc(100% - 70px); padding-left: 10px; margin-bottom: 2px; } .case-body { max-width: 820px; margin: 60px auto 80px; } .case-body h3 { font-size: 18px; font-weight: bold; position: relative; padding-left: 50px; margin: 60px 0px 6px; } .case-body h3::before { content: ""; width: 40px; height: 1px; background-color: rgb(51, 51, 51); position: absolute; left: 0px; top: 50%; transform: translateY(-50%); } .case-body .speaker { font-weight: bold; } .case-body .case-marker { font-weight: bold; background: linear-gradient(transparent 60%, rgb(254, 245, 161) 60%); padding-bottom: 2px; } .flex50--unconnect aside { max-width: 570px; } @media (max-width: 767px) { .flex50--unconnect aside { max-width: 100%; } } .flex50--unconnect aside + * { -webkit-box-flex: 1; flex: 1 1 0%; } .unconnect-info h2 { margin-top: 50px; margin-bottom: 12px; font-size: 18px; } .unconnect-info .list_style_disc { margin-bottom: 30px; } .unconnect-info .list_style_disc li { line-height: 1.875; } .page-id-101 .flex-jcsb { display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: end; align-items: flex-end; } @media (max-width: 991px) { .page-id-101 .flex-jcsb { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: start; align-items: flex-start; gap: 20px; margin-bottom: 20px; } } .service_edit .date_center img { object-fit: contain; margin: 0px auto; width: 100% !important; } @media (max-width: 767px) { .service_edit .date_center img { border: 1px solid rgb(178, 178, 178); } } .page-sample .panel-title i { margin-right: 8px; } .trans-entrust .entrust__btn-wrap { margin: 0px auto; } .trans-entrust .entrust__img { width: 20% !important; } .languages-content { display: flex; flex-wrap: wrap; gap: 20px; -webkit-box-pack: justify; justify-content: space-between; } @media (max-width: 767px) { .languages-content__wrap { width: 100%; } } .corpus__flow-img img { aspect-ratio: 455 / 274; } .corpus__row { display: flex; gap: 20px; } @media (max-width: 767px) { .corpus__row { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } } .corpus__row-box { -webkit-box-flex: 1; flex: 1 1 0%; } @media (max-width: 767px) { .corpus__row-box--sp-o1 { -webkit-box-ordinal-group: 2; order: 1; } } @media (max-width: 767px) { .corpus__row-box--sp-o2 { -webkit-box-ordinal-group: 3; order: 2; } } .faq_top_btn { margin-bottom: 20px; } .faq_top_btn a { color: rgb(170, 170, 170); text-decoration: none; position: relative; font-size: 1.6rem; padding-left: 25px; } .faq_top_btn a::before { content: "◂"; font-size: 3rem; position: absolute; left: 0px; } @media (min-width: 992px) { .faq_top_btn { display: none; } } .topics_sidebar { width: 25%; float: left; margin-bottom: 50px; } @media (max-width: 991px) { .topics_sidebar { display: none; } } .topics_sidebar .faq-item h1 { font-size: 1.6rem; position: relative; background-color: rgb(249, 249, 249); margin: 0px; } .topics_sidebar .faq-item h1 a { display: block; padding: 15px 20px 15px 35px; text-decoration: none; transition: all 0.1s ease 0s; } .topics_sidebar .faq-item h1 a::before { content: ">"; color: rgb(36, 145, 146); position: absolute; left: 20px; } .topics_sidebar .faq-item h1 a:hover { text-decoration: underline; background-color: rgb(240, 240, 240); color: rgb(36, 145, 146); } .topics_sidebar .faq-item h1 a.active { color: rgb(51, 51, 51); background-color: rgb(240, 240, 240); cursor: inherit; } .topics_sidebar .faq-item h1 a.active::before { color: rgb(51, 51, 51); } .topics_sidebar .faq-item h1 a.active:hover { text-decoration: none; } .topics_faq { width: 70%; float: right; } @media (max-width: 991px) { .topics_faq { display: block; width: auto; float: inherit; } } .topics_faq h3.entry-title { margin-bottom: 2em; font-weight: normal; font-size: 1.6rem; padding-left: 3.4em; position: relative; background-color: transparent; } .topics_faq h3.entry-title::before { content: ""; position: absolute; background-image: url(""); background-size: cover; width: 41px; height: 41px; top: -7px; left: 0px; } .topics_faq h3.entry-title:first-child { margin-top: 7px; } .topics_faq .entry-summary p { padding-left: 3.4em; position: relative; font-size: 1.6rem; margin-bottom: 2em; } .topics_faq .entry-summary p::before { content: ""; position: absolute; background-image: url(""); background-size: cover; width: 41px; height: 41px; left: 0px; } .topics_faq .section { border-bottom: 1px solid rgb(218, 218, 218); border-radius: 4px; margin-bottom: 2.6em; } .topics_faq h1 { margin-bottom: 2em; font-weight: normal; font-size: 1.6rem; padding-left: 3.4em; position: relative; background-color: transparent; } .topics_faq h1::before { content: ""; position: absolute; background-image: url(""); background-size: cover; width: 41px; height: 41px; top: -7px; left: 0px; } .topics_faq h1:first-child { margin-top: 7px; } .topics_faq .faq-answer { padding-left: 3.4em; position: relative; font-size: 1.6rem; margin-bottom: 2em; } .topics_faq .faq-answer::before { content: ""; position: absolute; background-image: url(""); background-size: cover; width: 41px; height: 41px; left: 0px; } .topics_faq .single-faq { border-bottom: 1px solid rgb(218, 218, 218); border-radius: 4px; margin-bottom: 2.6em; } .page_faq section.panel { margin-bottom: 0px; } .page_faq ul.accordion_ul { list-style: none; padding-left: 0px; } .page_faq h3.panel-title { background-color: rgb(238, 238, 238); padding: 20px; font-size: 16px; color: rgb(36, 145, 146); margin-bottom: 0px; border-radius: 4px; border: 1px solid rgba(51, 83, 169, 0.3); font-weight: normal; position: relative; display: block; } .page_faq h3.panel-title:hover { cursor: pointer; } .page_faq h3.panel-title.active::before { margin-top: -8px; } .page_faq h3.panel-title.active::after { margin-top: -16px; right: 18px; top: 54%; } .page_faq h3.panel-title::before, .page_faq h3.panel-title::after { display: block; content: ""; position: absolute; transform: rotate(45deg); top: 50%; margin-top: -5px; } .page_faq h3.panel-title::before { right: 17px; width: 15px; height: 16px; background: rgb(255, 255, 255); } .page_faq h3.panel-title::after { right: 22px; width: 20px; height: 10px; background: rgb(238, 238, 238); } .page_faq ol.list-usage { display: none; padding: 15px 40px; background-color: rgb(255, 255, 255); border-radius: 0px 0px 4px 4px; border: 1px solid rgba(51, 83, 169, 0.3); margin-top: -2px; } .faq_pickup { background-color: rgb(245, 245, 245); padding: 30px; margin-bottom: 10px; } .faq_pickup h2 { margin-top: 0px; font-size: 3.6rem; font-weight: normal; } @media screen and (max-width: 768px) { .faq_pickup h2 { font-size: 2.2rem; text-align: center; } } .faq_pickup_list { padding-left: 0px; } @media screen and (max-width: 768px) { .faq_pickup_list { padding-left: 14px; } } .faq_pickup_list li { display: inline-block; width: 100%; vertical-align: top; } @media screen and (max-width: 768px) { .faq_pickup_list li { width: 100%; text-indent: -14px; } } .faq_pickup_list li:nth-child(1), .faq_pickup_list li:nth-child(2) { margin-top: 0px; } @media screen and (max-width: 768px) { .faq_pickup_list li:nth-child(1), .faq_pickup_list li:nth-child(2) { margin-top: 10px; } } .faq_pickup_list li::before { content: "・"; color: rgb(36, 145, 146); } .faq_pickup_list li a { text-decoration: none; } .faq_pickup_list li a:hover { text-decoration: underline; } .faq_category_list { list-style: none; padding-left: 0px; display: flex; flex-wrap: wrap; } .faq_category_list li { width: 32.6%; margin-right: 1.1%; background-color: rgb(238, 238, 238); margin-top: 10px; border: 1px solid rgb(36, 145, 146); border-radius: 2px; height: 110px; transition: all 0.2s ease 0s; } @media screen and (max-width: 768px) { .faq_category_list li { width: 100%; margin-right: 0px; } } .faq_category_list li:nth-child(1), .faq_category_list li:nth-child(2), .faq_category_list li:nth-child(3) { margin-top: 0px; } @media screen and (max-width: 768px) { .faq_category_list li:nth-child(1), .faq_category_list li:nth-child(2), .faq_category_list li:nth-child(3) { margin-top: 10px; } } .faq_category_list li:nth-child(3n) { margin-right: 0px; } .faq_category_list li:hover { background-color: rgb(36, 145, 146); } .faq_category_list li a { display: table; text-decoration: none; width: 100%; height: 100%; transition: all 0.2s ease 0s; } .faq_category_list li a h3 { display: table-cell; vertical-align: middle; margin: auto; font-weight: normal; } .faq_category_list li a:hover { color: rgb(255, 255, 255); } .faq_category_icon { display: table-cell; vertical-align: middle; text-align: center; width: 32%; } p.budget_title span { background: rgb(45, 178, 181); padding: 0.5rem 1rem; font-size: 2.7rem; color: rgb(255, 255, 255); font-weight: bold; border-radius: 10px; } .row.budget_icon_area { text-align: center; } .row.budget_icon_area p { margin: 0px 10px 16px; text-align: center; } .row.budget_icon_area img { width: 45%; } .row.budget_icon_area div.col-sm-6.col-xs-12 { margin-bottom: 60px; } .budget_bold_h { color: rgb(73, 73, 73); font-weight: bold; font-size: 24px; margin: 5px 0px; } .page-referral h3 { margin-top: 0px; } .page-referral h3 + p { margin-top: 5px; } .page-referral section { margin-bottom: 60px; } .page-referral section .row { margin-bottom: 40px; } @media (max-width: 767px) { .parent-pageid-22111, .parent-pageid-20783, .parent-pageid-22098 { margin-top: 0px; } } .parent-pageid-22111 div.page-title, .parent-pageid-20783 div.page-title, .parent-pageid-22098 div.page-title { padding: 10px 0px 0px; border: none; border-radius: 0px; margin-bottom: 30px; } @media (max-width: 767px) { .parent-pageid-22111 div.page-title, .parent-pageid-20783 div.page-title, .parent-pageid-22098 div.page-title { margin: 60px 0px 30px; padding-top: 10px !important; } } @media (max-width: 767px) { .parent-pageid-22111 div.page-title div.well, .parent-pageid-20783 div.page-title div.well, .parent-pageid-22098 div.page-title div.well { margin-top: 0px; } } .parent-pageid-22111 div.page-title div.well h1, .parent-pageid-20783 div.page-title div.well h1, .parent-pageid-22098 div.page-title div.well h1 { font-size: 2.8rem; color: rgb(51, 51, 51); text-align: center; font-weight: bold; } .orijin-base .youtube { width: 100%; max-width: 700px; aspect-ratio: 16 / 9; margin: 0px 0px 20px; } .orijin-base .youtube iframe { width: 100%; height: 100%; } .orijin-base .index { background: rgb(245, 245, 245); padding: 30px; } .orijin-base .index h2 { background: rgb(45, 178, 181); padding: 0.5rem 1rem; margin-top: 0px; margin-bottom: 10px; font-size: 1.7rem; color: rgb(255, 255, 255); font-weight: bold; border: 0px; border-radius: 10px; display: inline-block; line-height: 1.2; } .orijin-base .index ul { list-style: none; padding-left: 1em; } .orijin-base .index ul a { display: inline-block; margin-bottom: 5px; font-size: 18px; } .orijin-base h2 { font-size: 2.4rem; margin: 80px 0px 20px; padding: 0px 0px 4px; border-width: 0px 0px 3px; border-color: rgb(204, 204, 204); border-style: solid; background: rgb(255, 255, 255); color: rgb(51, 51, 51); line-height: 120%; } .orijin-base a img { max-width: 100%; } .orijin-base a:hover img { opacity: 0.8; } ") no-repeat rgb(238, 248, 249); } a[class^="bg_"].english.bg_sm, div[class^="bg_"].english.bg_sm { background-position: right 15px top 12px; } a[class^="bg_"].english:hover, div[class^="bg_"].english:hover { background: url("data:image/svg+xml;utf8,") no-repeat rgb(1, 165, 164); } a[class^="bg_"].english:hover.bg_sm, div[class^="bg_"].english:hover.bg_sm { background-position: right 15px top 12px; } @media (max-width: 767px) { a[class^="bg_"].english, div[class^="bg_"].english { background-position: right 6px top 15px; } a[class^="bg_"].english:hover, div[class^="bg_"].english:hover { background-position: right 6px top 15px; } } a[class^="bg_"].medical, div[class^="bg_"].medical { background: url("data:image/svg+xml;utf8,") no-repeat rgb(238, 248, 249); } a[class^="bg_"].medical.bg_sm, div[class^="bg_"].medical.bg_sm { background-position: right 10px top 12px; } a[class^="bg_"].medical:hover, div[class^="bg_"].medical:hover { background: url("data:image/svg+xml;utf8,") no-repeat rgb(1, 165, 164); } a[class^="bg_"].medical:hover.bg_sm, div[class^="bg_"].medical:hover.bg_sm { background-position: right 10px top 12px; } @media (max-width: 767px) { a[class^="bg_"].medical, div[class^="bg_"].medical { background-position: right 6px top 15px; } a[class^="bg_"].medical:hover, div[class^="bg_"].medical:hover { background-position: right 6px top 15px; } } a[class^="bg_"].talk, div[class^="bg_"].talk { background: url("data:image/svg+xml;utf8,") no-repeat rgb(238, 248, 249); } a[class^="bg_"].talk.bg_sm, div[class^="bg_"].talk.bg_sm { background-position: right 12px top 12px; } a[class^="bg_"].talk:hover, div[class^="bg_"].talk:hover { background: url("data:image/svg+xml;utf8,") no-repeat rgb(1, 165, 164); } a[class^="bg_"].talk:hover.bg_sm, div[class^="bg_"].talk:hover.bg_sm { background-position: right 12px top 12px; } @media (max-width: 767px) { a[class^="bg_"].talk, div[class^="bg_"].talk { background-position: right 6px top 15px; } a[class^="bg_"].talk:hover, div[class^="bg_"].talk:hover { background-position: right 6px top 15px; } } a[class^="bg_"].data, div[class^="bg_"].data { background: url("data:image/svg+xml;utf8,") no-repeat rgb(238, 248, 249); } a[class^="bg_"].data.bg_sm, div[class^="bg_"].data.bg_sm { background-position: right 15px top 12px; } a[class^="bg_"].data:hover, div[class^="bg_"].data:hover { background: url("data:image/svg+xml;utf8,") no-repeat rgb(1, 165, 164); } a[class^="bg_"].data:hover.bg_sm, div[class^="bg_"].data:hover.bg_sm { background-position: right 15px top 12px; } @media (max-width: 767px) { a[class^="bg_"].data, div[class^="bg_"].data { background-position: right 6px top 15px; } a[class^="bg_"].data:hover, div[class^="bg_"].data:hover { background-position: right 6px top 15px; } } a[class^="bg_"].telop, div[class^="bg_"].telop { background: url("data:image/svg+xml;utf8,") 96.2% 47% no-repeat rgb(238, 248, 249); } a[class^="bg_"].telop.bg_sm, div[class^="bg_"].telop.bg_sm { background-position: right 12px top 12px; } a[class^="bg_"].telop:hover, div[class^="bg_"].telop:hover { background: url("data:image/svg+xml;utf8,") 96.2% 47% no-repeat rgb(1, 165, 164); } a[class^="bg_"].telop:hover.bg_sm, div[class^="bg_"].telop:hover.bg_sm { background-position: right 12px top 12px; } @media (max-width: 767px) { a[class^="bg_"].telop, div[class^="bg_"].telop { background-position: right 15px top 15px; } a[class^="bg_"].telop:hover, div[class^="bg_"].telop:hover { background-position: right 15px top 15px; } } a[class^="bg_"].edit, div[class^="bg_"].edit { background: url("data:image/svg+xml;utf8,>") no-repeat rgb(238, 248, 249); } a[class^="bg_"].edit.bg_sm, div[class^="bg_"].edit.bg_sm { background-position: right 6px top 12px; } a[class^="bg_"].edit:hover, div[class^="bg_"].edit:hover { background: url("data:image/svg+xml;utf8,>") no-repeat rgb(1, 165, 164); } a[class^="bg_"].edit:hover.bg_sm, div[class^="bg_"].edit:hover.bg_sm { background-position: right 6px top 12px; } @media (max-width: 767px) { a[class^="bg_"].edit, div[class^="bg_"].edit { background-position: right 6px top 15px; } a[class^="bg_"].edit:hover, div[class^="bg_"].edit:hover { background-position: right 6px top 15px; } } a[class^="bg_"].trans, div[class^="bg_"].trans { background: url("data:image/svg+xml;utf8,") 94.4% 44.5% no-repeat rgb(230, 241, 243); color: rgb(1, 128, 165); } a[class^="bg_"].trans.bg_sm, div[class^="bg_"].trans.bg_sm { background-position: right 12px top 12px; } a[class^="bg_"].trans:hover, div[class^="bg_"].trans:hover { background: url("data:image/svg+xml;utf8,") 94.4% 44.5% no-repeat rgb(1, 128, 165); color: rgb(255, 255, 255); } a[class^="bg_"].trans:hover.bg_sm, div[class^="bg_"].trans:hover.bg_sm { background-position: right 12px top 12px; } @media (max-width: 767px) { a[class^="bg_"].trans, div[class^="bg_"].trans { background-position: right 12px top 15px; } a[class^="bg_"].trans:hover, div[class^="bg_"].trans:hover { background-position: right 12px top 15px; } } a[class^="bg_"].corpus, div[class^="bg_"].corpus { background: url("data:image/svg+xml;utf8,") no-repeat rgb(238, 248, 249); } a[class^="bg_"].corpus.bg_sm, div[class^="bg_"].corpus.bg_sm { background-position: right 15px top 12px; } a[class^="bg_"].corpus:hover, div[class^="bg_"].corpus:hover { background: url("data:image/svg+xml;utf8,") no-repeat rgb(1, 165, 164); } a[class^="bg_"].corpus:hover.bg_sm, div[class^="bg_"].corpus:hover.bg_sm { background-position: right 15px top 12px; } @media (max-width: 767px) { a[class^="bg_"].corpus, div[class^="bg_"].corpus { background-position: right 6px top 15px; } a[class^="bg_"].corpus:hover, div[class^="bg_"].corpus:hover { background-position: right 6px top 15px; } } a[class^="bg_"].content-check, div[class^="bg_"].content-check { background: url("data:image/svg+xml;utf8,") 0% 0% / 50px no-repeat rgb(238, 248, 249); } a[class^="bg_"].content-check.bg_sm, div[class^="bg_"].content-check.bg_sm { background-position: right 15px top 12px; } a[class^="bg_"].content-check:hover, div[class^="bg_"].content-check:hover { background: url("data:image/svg+xml;utf8,") 0% 0% / 50px no-repeat rgb(1, 165, 164); } a[class^="bg_"].content-check:hover.bg_sm, div[class^="bg_"].content-check:hover.bg_sm { background-position: right 15px top 12px; } @media (max-width: 767px) { a[class^="bg_"].content-check, div[class^="bg_"].content-check { background-position: right 6px top 15px; } a[class^="bg_"].content-check:hover, div[class^="bg_"].content-check:hover { background-position: right 6px top 15px; } } a[class^="bg_"].proofreading, div[class^="bg_"].proofreading { background: url("data:image/svg+xml;utf8,") 0% 0% / 50px no-repeat rgb(238, 248, 249); height: 170px; border-bottom: none; } a[class^="bg_"].proofreading.bg_sm, div[class^="bg_"].proofreading.bg_sm { background-position: right 15px top 12px; } a[class^="bg_"].proofreading:hover, div[class^="bg_"].proofreading:hover { background: url("data:image/svg+xml;utf8,") 0% 0% / 50px no-repeat rgb(45, 178, 181); } a[class^="bg_"].proofreading:hover.bg_sm, div[class^="bg_"].proofreading:hover.bg_sm { background-position: right 15px top 12px; } @media (max-width: 767px) { a[class^="bg_"].proofreading, div[class^="bg_"].proofreading { height: 150px; } a[class^="bg_"].proofreading, div[class^="bg_"].proofreading { background-position: right 6px top 15px; background-size: 50px; } a[class^="bg_"].proofreading:hover, div[class^="bg_"].proofreading:hover { background-position: right 6px top 15px; } } a[class^="bg_"].website, div[class^="bg_"].website { background: url("data:image/svg+xml;utf8,") 0% 0% / 58px no-repeat rgb(238, 248, 249); height: 170px; border-bottom: none; } a[class^="bg_"].website.bg_sm, div[class^="bg_"].website.bg_sm { background-position: right 15px top 12px; } a[class^="bg_"].website:hover, div[class^="bg_"].website:hover { background: url("data:image/svg+xml;utf8,") 0% 0% / 58px no-repeat rgb(45, 178, 181); } a[class^="bg_"].website:hover.bg_sm, div[class^="bg_"].website:hover.bg_sm { background-position: right 15px top 12px; } @media (max-width: 767px) { a[class^="bg_"].website, div[class^="bg_"].website { height: 150px; } a[class^="bg_"].website, div[class^="bg_"].website { background-position: right 6px top 15px; background-size: 50px; } a[class^="bg_"].website:hover, div[class^="bg_"].website:hover { background-position: right 6px top 15px; } } a[class^="bg_"].audio, div[class^="bg_"].audio { background: url("data:image/svg+xml;utf8,") 0% 0% / 60px no-repeat rgb(238, 248, 249); } a[class^="bg_"].audio.audio-content, div[class^="bg_"].audio.audio-content { height: 170px; background-size: 70px; border-bottom: none; } a[class^="bg_"].audio.bg_sm, div[class^="bg_"].audio.bg_sm { background-position: right 15px top 6px; } a[class^="bg_"].audio.bg_sm.audio-content, div[class^="bg_"].audio.bg_sm.audio-content { background-position: right 15px top 12px; } a[class^="bg_"].audio:hover, div[class^="bg_"].audio:hover { background: url("data:image/svg+xml;utf8,") 0% 0% / 60px no-repeat rgb(45, 178, 181); } a[class^="bg_"].audio:hover.bg_sm, div[class^="bg_"].audio:hover.bg_sm { background-position: right 15px top 6px; } a[class^="bg_"].audio:hover.bg_sm.audio-content, div[class^="bg_"].audio:hover.bg_sm.audio-content { background-position: right 15px top 12px; background-size: 70px; } @media (max-width: 767px) { a[class^="bg_"].audio.audio-content, div[class^="bg_"].audio.audio-content { height: 150px; } a[class^="bg_"].audio, div[class^="bg_"].audio { background-position: right 6px top 15px; background-size: 50px; } a[class^="bg_"].audio:hover, div[class^="bg_"].audio:hover { background-position: right 6px top 15px; } } a[class^="bg_"].dubbing, div[class^="bg_"].dubbing { background: url("data:image/svg+xml;utf8,") 0% 0% / 60px no-repeat rgb(246, 244, 240); } a[class^="bg_"].dubbing.dubbing-content, div[class^="bg_"].dubbing.dubbing-content { height: 170px; background-size: 70px; border-bottom: none; } a[class^="bg_"].dubbing.bg_sm, div[class^="bg_"].dubbing.bg_sm { background-position: right 15px top 6px; } a[class^="bg_"].dubbing.bg_sm.dubbing-content, div[class^="bg_"].dubbing.bg_sm.dubbing-content { background-position: right 15px top 12px; } a[class^="bg_"].dubbing:hover, div[class^="bg_"].dubbing:hover { background: url("data:image/svg+xml;utf8,") 0% 0% / 60px no-repeat rgb(157, 137, 108); } a[class^="bg_"].dubbing:hover.bg_sm, div[class^="bg_"].dubbing:hover.bg_sm { background-position: right 15px top 6px; } a[class^="bg_"].dubbing:hover.bg_sm.dubbing-content, div[class^="bg_"].dubbing:hover.bg_sm.dubbing-content { background-position: right 15px top 12px; background-size: 70px; } @media (max-width: 767px) { a[class^="bg_"].dubbing.dubbing-content, div[class^="bg_"].dubbing.dubbing-content { height: 150px; } a[class^="bg_"].dubbing, div[class^="bg_"].dubbing { background-position: right 6px top 15px; } a[class^="bg_"].dubbing:hover, div[class^="bg_"].dubbing:hover { background-position: right 6px top 15px; } } .btn-mypage { width: 95%; height: 86px; border-radius: 5px; background-color: rgb(51, 87, 184); font-size: 24px; color: rgb(255, 255, 255); font-weight: bold; text-decoration: none; line-height: 1; transition: all 0.3s ease 0s; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; } @media (max-width: 991px) { .btn-mypage { width: 100%; } } .btn-mypage:hover, .btn-mypage:active, .btn-mypage:focus { background-color: rgb(81, 139, 255); text-decoration: none; color: rgb(255, 255, 255); } .btn-mypage .small { font-size: 0.625em; } .btn-mypage .btn-inner { position: relative; padding-left: 2em; } .btn-mypage .btn-inner::before { content: ""; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); font-family: "Font Awesome 5 Pro"; font-size: 26px; font-weight: 100; } .btn-mypage-header, .btn-mypage-footer { margin-left: auto; margin-right: auto; } .btn-mypage-header { margin-top: 10px; } .btn-mypage-footer { margin-bottom: 10px; } .btn-flex { display: flex; flex-wrap: wrap; gap: 20px; } @media (max-width: 767px) { .btn-flex { gap: 15px; } } .btn-flex_new { display: flex; flex-wrap: wrap; gap: 20px; } @media (max-width: 767px) { .btn-flex_new { gap: 15px; } } .btn-flex_new > * { width: calc(50% - 10px); } @media (max-width: 767px) { .btn-flex_new > * { width: 100%; } } .btn-flex_new > * a { width: 100%; } .btn-kakenhi, .btn-telop, .btn-orange, .btn-ai, .btn-movie { background: rgb(121, 104, 148); color: rgb(255, 255, 255); font-size: 20px; font-weight: bold; text-shadow: none; border: 0px; border-radius: 100vw; padding: 25px 60px; min-width: calc(50% - 15px); transition: all 0.3s ease 0s; white-space: normal; position: relative; } @media (min-width: 768px) and (max-width: 991px) { .btn-kakenhi, .btn-telop, .btn-orange, .btn-ai, .btn-movie { font-size: 14px; } } @media (max-width: 767px) { .btn-kakenhi, .btn-telop, .btn-orange, .btn-ai, .btn-movie { width: 100%; font-size: 16px; padding: 25px 30px; } } .btn-kakenhi:hover, .btn-telop:hover, .btn-orange:hover, .btn-ai:hover, .btn-movie:hover, .btn-kakenhi:focus, .btn-telop:focus, .btn-orange:focus, .btn-ai:focus, .btn-movie:focus, .btn-kakenhi:active, .btn-telop:active, .btn-orange:active, .btn-ai:active, .btn-movie:active { background: rgb(182, 153, 197); color: rgb(255, 255, 255); opacity: 0.8; transition: all 0.3s ease 0s; box-shadow: none; } .btn-kakenhi::before, .btn-telop::before, .btn-orange::before, .btn-ai::before, .btn-movie::before { content: ""; font-family: "Font Awesome 5 Pro"; font-size: 22px; position: absolute; right: 22px; top: 51%; transform: translateY(-50%); } @media (max-width: 767px) { .btn-kakenhi::before, .btn-telop::before, .btn-orange::before, .btn-ai::before, .btn-movie::before { font-size: 15px; right: 20px; } } .btn-movie { background: rgb(36, 179, 126); } .btn-movie:hover, .btn-movie:focus, .btn-movie:active { background: rgb(138, 200, 127); } .btn-ai { background: rgb(105, 126, 194); color: rgb(255, 255, 255); } .btn-ai:hover, .btn-ai:focus, .btn-ai:active { background: rgb(105, 126, 194); color: rgb(255, 255, 255); } .btn-ai::before { color: rgb(255, 255, 255); } .btn-orange { background: rgb(224, 124, 0); color: rgb(255, 255, 255); } .btn-orange:hover, .btn-orange:focus, .btn-orange:active { background: rgb(231, 154, 60); color: rgb(255, 255, 255); } .btn-orange::before { color: rgb(255, 255, 255); } .btn-telop { background: rgb(252, 169, 60); } .btn-telop:hover, .btn-telop:focus, .btn-telop:active { background: rgb(251, 189, 81); } .btn-kakenhi, .btn-movie, .btn-ai, .btn-orange, .btn-telop { text-decoration: none; } .btn-kakenhi .fa, .btn-ai .fa, .btn-orange .fa, .btn-movie .fa, .btn-telop .fa { position: absolute; left: 20px; top: 50%; transform: translateY(-50%); } @media (max-width: 767px) { .btn-kakenhi .fa, .btn-ai .fa, .btn-orange .fa, .btn-movie .fa, .btn-telop .fa { left: 14px; font-size: 18px; } } .btn-pattern-wrap { display: flex; width: 100%; margin: 40px 0px; text-align: center; border-radius: 2px; } @media (max-width: 991px) { .btn-pattern-wrap { display: block; } } .btn-pattern-wrap--3 a.btn-pattern { width: calc(33.3333% + 1.33333px); } @media (max-width: 991px) { .btn-pattern-wrap--3 a.btn-pattern { width: 100%; } } .btn-pattern-wrap--3 a.btn-pattern:nth-child(n+1) { margin-left: -2px; } @media (max-width: 991px) { .btn-pattern-wrap--3 a.btn-pattern:nth-child(n+1) { margin-left: 0px; margin-top: -2px; } } a.btn-pattern { font-size: 1.6rem; font-weight: bold; display: block; padding: 1.875em 0.625em; cursor: pointer; transition: all 0.3s ease 0s; vertical-align: middle; text-decoration: none; color: rgb(35, 145, 146); border: 2px solid rgb(45, 178, 181); } @media (max-width: 991px) { a.btn-pattern { font-size: 1.4rem; width: 100%; } } a.btn-pattern:hover, a.btn-pattern:focus { color: rgb(255, 255, 255); background: rgb(45, 178, 181); } a.btn-pattern i { margin-right: 5px; } @media (max-width: 767px) { .btn__sp-custom { width: 100%; padding: 25px 10px !important; } } .btn-s-larger { padding: 16px 19px; font-size: 17.5px; border-radius: 6px; } .btn-column2 { display: flex; flex-wrap: wrap; gap: 20px; } @media (max-width: 767px) { .btn-column2 { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } } .btn-column2 .half { -webkit-box-flex: 1; flex: 1 1 0%; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .btn-column2 .half .btn-service { width: 100% !important; } @media (max-width: 991px) { .btn-column2 .half .btn-service { -webkit-box-flex: 1; flex: 1 1 0%; } } .btn-service { display: flex; width: calc(50% - 10px); -webkit-box-align: center; align-items: center; border: 1px solid rgb(205, 205, 205); border-radius: 5px; background-color: rgb(251, 251, 251); text-decoration: none; color: rgb(51, 51, 51); padding: 22px 15px 22px 0px; transition: all 0.3s ease 0s; } @media (min-width: 768px) and (max-width: 991px) { .btn-service { padding: 22px 5px 22px 0px; } } @media (max-width: 767px) { .btn-service { width: 100%; } } .btn-service:hover, .btn-service:focus { text-decoration: none; } .btn-service i { font-size: 25px; text-align: center; width: 75px; } .btn-service__text { width: calc(100% - 75px); } .btn-service__text > * { line-height: 1.4; margin-bottom: 0px; } .btn-service__head { font-size: 20px; font-weight: bold; } .btn-service__body { font-size: 16px; margin-top: 1px; } .btn-service--dispatch { border: 1px solid rgb(148, 125, 32); color: rgb(148, 125, 32); } .btn-service--dispatch:hover { background: rgb(148, 125, 32); color: rgb(255, 255, 255); } .btn-service--unconnect { border: 1px solid rgb(92, 121, 197); color: rgb(92, 121, 197); } .btn-service--unconnect:hover { background: rgb(92, 121, 197); color: rgb(255, 255, 255); } .btn-service--green { border: 1px solid rgb(45, 178, 181); color: rgb(45, 178, 181); } .btn-service--green:hover { background: rgb(45, 178, 181); color: rgb(255, 255, 255); } .btn-type1 { display: inline-block; background: rgb(45, 178, 181); color: rgb(255, 255, 255); text-align: center; padding: 10px 45px 10px 20px; text-decoration: none; transition: all 0.3s ease 0s; border-radius: 100px; position: relative; } .btn-type1::before { content: ""; font-family: "Font Awesome 5 Pro"; font-size: 18px; position: absolute; right: 15px; top: 51%; transform: translateY(-50%); } .btn-type1:hover { opacity: 0.8; text-decoration: none; color: rgb(255, 255, 255); } .btn-type2 { display: inline-block; border: 1px solid rgb(51, 87, 184); color: rgb(51, 87, 184); background: rgb(250, 251, 254); padding: 14px 35px 14px 60px; text-decoration: none; transition: all 0.3s ease 0s; border-radius: 5px; font-weight: bold; font-size: 20px; position: relative; } .btn-type2::before { content: ""; font-family: "Font Awesome 5 Pro"; font-size: 20px; position: absolute; left: 35px; top: 51%; transform: translateY(-50%); font-weight: 300; } .btn-type2:hover { text-decoration: none; opacity: 0.8; } .btn-type3 { background: rgb(251, 251, 251); font-size: 15px; font-weight: bold; color: rgb(51, 51, 51); padding: 18px; border-radius: 4px; border: 1px solid rgb(205, 205, 205); display: inline-block; } .btn-type3 i { transition: all 0.3s ease 0s; color: rgb(51, 51, 51) !important; } .btn-type3:hover { background: rgb(135, 135, 135) !important; color: rgb(255, 255, 255) !important; } .btn-type3:hover i { color: rgb(255, 255, 255) !important; } .btn-type3--green { background: rgb(245, 248, 248); border-color: rgb(0, 122, 123); color: rgb(0, 122, 123) !important; } .btn-type3--green i { color: rgb(0, 122, 123) !important; } .btn-type3--green:hover { background: rgb(0, 122, 123) !important; color: rgb(255, 255, 255) !important; } .btn-type3--green:hover i { color: rgb(255, 255, 255) !important; } .service-btn { border: 1px solid; padding: 20px; } @media (max-width: 767px) { .service-btn { padding: 15px; } } .service-btn__content { display: flex; gap: 20px; } @media (max-width: 767px) { .service-btn__content { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 15px; } } .service-btn__link { padding: 10px 20px; border-radius: 5px; color: rgb(255, 255, 255); font-weight: bold; display: flex; width: fit-content; margin: 20px 0px 0px auto; text-decoration: none; transition: all 0.3s ease 0s; line-height: 1; } @media (max-width: 767px) { .service-btn__link { padding: 10px; margin: 15px auto 0px; } } .service-btn__link:hover { text-decoration: none; } .service-btn__title { font-size: 18px; font-weight: bold; margin: 0px; } @media (max-width: 767px) { .service-btn__title { text-align: center; } } .service-btn__title span { font-size: 0.8em; font-weight: normal; display: block; } .service-btn__text { margin: 8px 0px 0px; } @media (max-width: 767px) { .service-btn__img { text-align: center; } } .service-btn__img svg { width: 65px !important; } .service-btn__body { -webkit-box-flex: 1; flex: 1 1 0%; } .service-btn--unconnect { border-color: rgb(92, 121, 197); background: rgb(225, 236, 245); } .service-btn--unconnect svg { fill: rgb(92, 121, 197); } .service-btn--unconnect .service-btn__link { background: rgb(92, 121, 197); } .service-btn--unconnect .service-btn__link:hover, .service-btn--unconnect .service-btn__link:focus { background: rgb(255, 255, 255); color: rgb(92, 121, 197); text-decoration: none; } .service-btn--trans { border-color: rgb(1, 128, 165); background: rgb(230, 241, 243); } .service-btn--trans svg { fill: rgb(1, 128, 165); } .service-btn--trans .service-btn__link { background: rgb(1, 128, 165); } .service-btn--trans .service-btn__link:hover, .service-btn--trans .service-btn__link:focus { background: rgb(255, 255, 255); color: rgb(1, 128, 165); text-decoration: none; } .service-btn--default { border-color: rgb(1, 165, 164); background: rgb(238, 248, 249); } .service-btn--default svg { fill: rgb(1, 165, 164); } .service-btn--default .service-btn__link { background: rgb(1, 165, 164); } .service-btn--default .service-btn__link:hover, .service-btn--default .service-btn__link:focus { background: rgb(255, 255, 255); color: rgb(1, 165, 164); text-decoration: none; } div.pagination { clear: both; padding: 20px 0px; position: relative; font-size: 11px; line-height: 13px; background: none; margin: 10px 0px 20px; vertical-align: middle; } div.pagination span { display: block; float: left; margin: 2px 2px 2px 0px; padding: 6px 9px 5px; text-decoration: none; width: auto; color: rgb(255, 255, 255); background: rgb(153, 153, 153); } div.pagination a:hover { color: rgb(255, 255, 255); background: rgb(42, 148, 223); } div.pagination .current { padding: 6px 9px 5px; background: rgb(42, 148, 223); color: rgb(255, 255, 255); } .pagination a { display: block; float: left; margin: 2px 2px 2px 0px; padding: 6px 9px 5px; text-decoration: none; width: auto; color: rgb(255, 255, 255); background: rgb(153, 153, 153); } i.fa.fa-angle-right.fa-large { font-size: 24px; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { z-index: 2; color: rgb(255, 255, 255); cursor: default; background-color: rgb(51, 83, 169); border-color: rgb(51, 83, 169); } .pagination > li > a { color: rgb(51, 83, 169); } .pagination-word { margin-top: 80px; text-align: center; display: flex; } .pagination-word a { text-decoration: none; padding: 15px 10px; font-size: 14px; width: 100%; height: 100%; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; line-height: 1.4; } .pagination-word .next-post, .pagination-word .previous-post, .pagination-word .top-word { width: 33.33%; } .pagination-word .next-post:hover, .pagination-word .previous-post:hover, .pagination-word .top-word:hover { background: rgb(36, 145, 146); color: rgb(255, 255, 255); text-decoration: none; } .pagination-word .next-post:hover a, .pagination-word .previous-post:hover a, .pagination-word .top-word:hover a { color: rgb(255, 255, 255); text-decoration: none; } .pagination-word .next-post-empty, .pagination-word .previous-post-empty { background: rgb(215, 230, 230); } .pagination-word .next-post-empty:hover, .pagination-word .previous-post-empty:hover { background: rgb(215, 230, 230); } .pagination-word .next-post { border-width: 1px 0px 1px 1px; border-top-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(36, 145, 146); border-bottom-color: rgb(36, 145, 146); border-left-color: rgb(36, 145, 146); border-image: initial; border-right-style: initial; border-right-color: initial; border-radius: 3px 0px 0px 3px; } .pagination-word .next-post .fa { margin-right: 5px; } .pagination-word .previous-post { border-width: 1px 1px 1px 0px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-top-color: rgb(36, 145, 146); border-right-color: rgb(36, 145, 146); border-bottom-color: rgb(36, 145, 146); border-image: initial; border-left-style: initial; border-left-color: initial; border-radius: 0px 3px 3px 0px; } .pagination-word .previous-post .fa { margin-left: 5px; } .pagination-word .top-word { border: 1px solid rgb(36, 145, 146); } ul.silver_list { font-size: 1.6rem; list-style: none; } ul.silver_list li { margin: 10px 0px; } ul.silver_list span { margin-right: 15px; margin-left: -25px; color: rgb(75, 117, 185); } .nav-grid { display: flex; flex-wrap: wrap; margin: 40px 0px; border: 2px solid rgb(45, 178, 181); border-radius: 2px; } .nav-grid a { font-size: 1.6rem; font-weight: bold; display: flex; -webkit-box-align: center; align-items: center; flex-basis: 33.333%; -webkit-box-pack: center; justify-content: center; height: 90px; transition: all 0.3s ease 0s; text-decoration: none; color: rgb(45, 178, 181); box-shadow: rgb(45, 178, 181) 0px 0px 0px 1px; } @media (max-width: 991px) { .nav-grid a { flex-basis: 50%; } } @media (max-width: 767px) { .nav-grid a { flex-basis: 100%; } } .nav-grid a:hover, .nav-grid a:focus { color: rgb(255, 255, 255); background: rgb(45, 178, 181); } .nav-grid a .fa { margin-right: 10px; } .number-hanyaku { background: url("") 10px 0px no-repeat rgba(0, 0, 0, 0); position: absolute; z-index: 2; width: 90px; height: 70px; font-size: 32px; text-align: center; padding-top: 10px; color: rgb(255, 255, 255); } .number-user { background: url("") 10px 0px no-repeat rgba(0, 0, 0, 0); position: absolute; z-index: 2; width: 90px; height: 70px; font-size: 32px; text-align: center; padding-top: 10px; color: rgb(255, 255, 255); } .flow-hanyaku { top: 10px; width: 100%; background-color: rgb(217, 247, 247); border-radius: 5px; border: 1px solid rgb(47, 195, 195); position: relative; z-index: 1; padding-left: 90px; padding-right: 15px; } .flow-user { top: 10px; width: 100%; background-color: rgb(255, 235, 215); border: 1px solid rgb(255, 166, 77); border-radius: 5px; position: relative; z-index: 1; padding-left: 90px; padding-right: 15px; } .flow-title > h3 { margin: 10px; font-size: 18px; font-weight: bold; color: rgb(68, 68, 68); } .flow-text > p { margin: 10px; font-size: 14px; } .flow-user .flow-text a { color: rgb(46, 195, 195); text-decoration: underline; } .flow-user .flow-text .list-circle > li { background-image: url(""); } .flow-hanyaku .flow-text a { color: rgb(255, 102, 0); text-decoration: underline; } .flow-hanyaku .flow-text .list-circle > li { background-image: url(""); } .arrow-hanyaku { margin: 5px auto 10px; width: 0px; height: 0px; border-top: 15px solid rgb(47, 195, 195); border-right: 20px solid transparent; border-bottom: none; border-left: 20px solid transparent; padding: 0px; } .arrow-user { margin: 5px auto 10px; width: 0px; height: 0px; border-top: 15px solid rgb(255, 166, 77); border-right: 20px solid transparent; border-bottom: none; border-left: 20px solid transparent; padding: 0px; } ul.check_list { padding: 0.5em 0.5em 0em; list-style-type: none; margin-bottom: 0px; } ul.check_list li { position: relative; padding: 0em 0.3em 0.3em 1.3em; } ul.check_list li::after { position: absolute; content: ""; display: block; background: rgb(0, 207, 60); top: 0.43em; left: 0.5em; height: 11px; width: 4px; border-radius: 10px; transform: rotate(45deg); } ul.check_list li::before { position: absolute; content: ""; display: block; background: rgb(0, 207, 60); width: 4px; border-radius: 10px; top: 0.6em; left: 0.2em; height: 8px; transform: rotate(-45deg); } .box_point { padding: 1.5em; margin: 2em 0em; background: rgb(246, 254, 233); border-left: 10px solid rgb(93, 212, 128); } .box_point p { margin: 0px; padding: 10px; } .service_interview_wrap { display: block; text-decoration-color: rgb(51, 51, 51); line-height: 3.4rem; transition: all 0.2s ease 0s; text-align: center; } @media (min-width: 768px) { .service_interview_wrap { margin-bottom: 40px; text-decoration: none; line-height: 2.6rem; } } .service_interview_wrap:hover { opacity: 0.7; text-decoration: none; } .service_interview_img { padding: 30px 0px 30px 50px; float: left; width: 40%; } .service_interview_title { margin: 10px 0px 20px; max-width: 100%; } .service_interview_div { text-align: center; } @media (min-width: 768px) { .service_interview_div { float: left; width: 60%; padding: 10px; } } .service_interview_text { font-size: 1.4em; color: rgb(51, 51, 51); } .record-flow_sentence { margin: 0px 0px 60px; } .record-flow_sentence_3 { margin: 0px 0px 100px; } .record-flow_hr { border-bottom: 1px solid rgb(157, 157, 157); } .record-flow_h2 { padding: 20px 0px; } .record-flow_div { padding: 1px 40px 30px; } .record-flow_img { float: left; margin: 0px 30px 30px 0px; } .record-flow_clear { clear: both; } .record-flow_bottom { padding: 20px 40px 30px; } .upper-latin { list-style: upper-latin; } ul.gold_list { font-size: 1.6rem; list-style: none; } ul.gold_list li { margin: 10px 0px; } ul.gold_list span { margin-right: 10px; margin-left: -25px; color: rgb(225, 205, 17); } .row.about_content_img_text li { font-weight: bold; margin-left: -16px; text-align: left; } @media (max-width: 767px) { .row.about_content_img_text li { font-size: 16px; } } .case-studies table tbody { display: flex; flex-wrap: wrap; } .case-studies table tbody tr { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-flex: 1; flex: 1 1 0%; } @media (max-width: 767px) { .case-studies table tbody tr { flex: 1 1 100%; } } .case-studies table tbody tr:nth-child(n+2) th, .case-studies table tbody tr:nth-child(n+2) td { border-left: none; } @media (max-width: 767px) { .case-studies table tbody tr:nth-child(n+2) th, .case-studies table tbody tr:nth-child(n+2) td { border-left: 1px solid rgb(51, 51, 51); } } @media (max-width: 767px) { .case-studies table tbody tr:nth-child(n+2) th { border-top: none; } } .case-studies table tbody th, .case-studies table tbody td { width: 100%; } @media (max-width: 991px) { .case-studies table tbody th, .case-studies table tbody td { padding: 20px 10px; } } .case-studies table tbody th { border-bottom: none; } .case-studies table tbody td { -webkit-box-flex: 1; flex: 1 1 0%; } .service-item { display: flex; flex-wrap: wrap; -webkit-box-align: center; align-items: center; padding: 20px 0px; border-bottom: 1px solid rgb(213, 213, 213); margin: 0px 0px 10px; } .service-item .icon { width: 20%; text-align: center; padding: 30px; } @media (max-width: 767px) { .service-item .icon { width: 100%; padding-top: 0px; } } .service-item .icon img { width: 100%; max-width: 56px; max-height: 56px; } .service-item .body { width: 80%; display: flex; flex-wrap: wrap; -webkit-box-align: center; align-items: center; } @media (max-width: 767px) { .service-item .body { width: 100%; } } .service-item .text { width: 68%; margin-bottom: 15px; min-height: 85px; } @media (max-width: 767px) { .service-item .text { width: 100%; min-height: auto; } } .service-item .text h3 { font-size: 22px; margin: 0px 0px 0.2em; } @media (max-width: 767px) { .service-item .text h3 { font-size: 18px; } } .service-item .text p { margin: 0px; } .service-item .price { width: 32%; font-size: 35px; text-align: center; line-height: 1.05; margin-bottom: 5px; } @media (max-width: 767px) { .service-item .price { width: 50%; font-size: 33px; } } .service-item .price > div:first-child { font-size: 42.857%; font-weight: normal; margin-bottom: 0.3em; } .service-item .price > div:nth-child(2) { letter-spacing: 0.05em; } .service-item .price > div:nth-child(3) { font-size: 40%; font-weight: normal; margin-top: 0.4em; } .service-item .price .small:last-child { font-size: 55%; margin-left: 0.2em; position: relative; bottom: 1px; } .service-item .btn-wrap { display: flex; flex-wrap: wrap; -webkit-box-pack: end; justify-content: flex-end; gap: 15px; width: 100%; } @media (max-width: 767px) { .service-item .btn-wrap { width: 50%; gap: 10px; } } .service-item2 { display: flex; flex-wrap: wrap; -webkit-box-align: start; align-items: flex-start; padding: 20px 0px; border-bottom: 1px solid rgb(213, 213, 213); margin: 0px 0px 10px; gap: 40px; } @media (max-width: 991px) { .service-item2 { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; } } .service-item2__list { margin: 0px; padding: 0px; } .service-item2__img { width: 170px; } .service-item2 .body { -webkit-box-flex: 1; flex: 1 1 0%; } .service-item2 .text { margin-bottom: 15px; } @media (max-width: 767px) { .service-item2 .text { width: 100%; min-height: auto; } } .service-item2 .text h3 { font-size: 22px; margin: 0px 0px 0.2em; } @media (max-width: 767px) { .service-item2 .text h3 { font-size: 18px; } } .service-item2__scene { font-weight: bold; } .service-item2 .btn-wrap { margin-top: 1em; display: flex; -webkit-box-pack: end; justify-content: flex-end; } @media (max-width: 991px) { .service-item2 .btn-wrap { -webkit-box-pack: center; justify-content: center; } } .title-delivery { margin: 40px 0px 5px; } .title-delivery span { text-decoration: underline; } .list-content { margin-left: 3em; padding: 0px; } @media (max-width: 767px) { .list-content { margin-left: 1.5em; } } .list-content2 { margin-left: 1.5em; padding: 0px; } .list-content3 { padding: 0px; list-style: none; display: flex; flex-wrap: wrap; gap: 30px; } @media (max-width: 767px) { .list-content3 { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } } .list-content3__parent { width: calc(50% - 15px); font-weight: bold; } @media (max-width: 767px) { .list-content3__parent { width: 100%; } } .list-content3__child-list { padding: 0px; list-style: none; font-weight: normal; } .list-content4 { padding: 0px; list-style: none; margin-bottom: 20px; } .list-content4__item { font-weight: bold; } .list-content4__item p { font-weight: normal; margin: 0px; } .list-content4__item:not(:first-child) { margin-top: 20px; } @media (max-width: 767px) { .simple-list { padding-left: 0px; } } .simple-list2 { margin-left: 1.5em; padding: 0px; } .simple-list2 li:not(:first-child) { margin-top: 10px; } .parentheses-list { padding: 0px; margin-left: 2.6em; } .parentheses-list > li { list-style-type: none; counter-increment: cnt 1; position: relative; } .parentheses-list > li + * { margin-top: 1em; } .parentheses-list > li::before { content: "(" counter(cnt) ")"; display: inline-block; margin-left: -3em; width: 2.5em; text-align: right; position: absolute; top: -1px; left: 0px; } .parentheses-list--right > li::before { content: counter(cnt, lower-latin) ")"; } .parentheses-list--h4 > li::before { font-size: 16px; font-weight: bold; } .list-margin-none li { margin-bottom: 0px !important; } ul.style-disc { list-style: disc; } .style-none { list-style: none; } .toc-list { list-style: none; } .toc-list > li { margin-bottom: 1em; } .toc-list > li:last-child { margin-bottom: 0px; } .toc-list > li ul { padding-left: 0.8em; list-style: none; } .post-list { margin-top: 50px; margin-bottom: 50px; } .post-list article { margin-bottom: 0px; } .post-list article + * { margin-top: calc(2em + 2px); } .post-list h3 { margin: 0.5em 0px 0px; line-height: 1; font-size: 16px; } .tl-list { list-style: none; display: flex; flex-wrap: wrap; gap: 10px 30px; padding: 0px; } @media (max-width: 991px) { .tl-list { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } } .tl-list li a { display: inline-block; text-decoration: none; position: relative; line-height: 1.2; } .tl-list li a::after { content: ""; position: absolute; top: 50%; transform: translateY(-50%); right: -15px; height: 90%; width: 2px; background: rgb(221, 221, 221); } @media (max-width: 991px) { .tl-list li a::after { content: none !important; } } .tl-list li:last-child a::after { content: none; } .tl-list2 { padding: 0px 0px 0px 1em; margin-top: 0px; } .tl-list3 { padding: 0px 0px 0px 1em; margin-top: 0px; display: flex; flex-wrap: wrap; gap: 0.25em 30px; } .tl-list3 li { width: calc(50% - 15px); } @media (max-width: 767px) { .tl-list3 li { width: 100%; } } .basic-text-list { margin-bottom: 150px; } @media (max-width: 767px) { .basic-text-list { margin-bottom: 60px; } } .basic-text-list h3 { font-size: 1.12em; font-weight: bold; margin-bottom: 0.25em; } .basic-text-list h4 { font-weight: bold; margin-bottom: 6px; font-size: 16px; } .basic-text-list p { margin-bottom: calc(1em + 10px); } .basic-text-list ol > li > ol, .basic-text-list ol > li > ul, .basic-text-list ul > li > ol, .basic-text-list ul > li > ul { margin-left: 1.2em; padding: 0px; } .basic-text-list ol > li > ol > li > ol, .basic-text-list ol > li > ol > li > ul, .basic-text-list ol > li > ul > li > ol, .basic-text-list ol > li > ul > li > ul, .basic-text-list ul > li > ol > li > ol, .basic-text-list ul > li > ol > li > ul, .basic-text-list ul > li > ul > li > ol, .basic-text-list ul > li > ul > li > ul { margin-left: 2em; padding: 0px; } .basic-text-list ol li, .basic-text-list ul li { margin-bottom: 1em; } .basic-text-list ol li:last-child, .basic-text-list ul li:last-child { margin-bottom: 0px; } .basic-text-list .h-pickup-list li::marker { font-size: 1.12em; font-weight: bold; } @media (min-width: 768px) { .basic-text-list .col-sm-6 { padding-left: 35px; padding-right: 35px; } } .check-list { list-style: none; padding: 0px; margin: 0px; } .check-list li { position: relative; padding: 0px 0px 0px 1.8em; margin: 0px; } .check-list li::before { position: absolute; left: 0px; font-family: "Font Awesome 5 Pro"; font-weight: 400; content: ""; color: rgb(51, 51, 51); font-size: 18px; } .check-list--green li::before { color: rgb(45, 178, 181); } .annotation-list > * { display: flex; -webkit-box-align: start; align-items: flex-start; } .annotation-list dt { font-weight: bold; width: fit-content; } .annotation-list dd { -webkit-box-flex: 1; flex: 1 1 0%; } .box-lsit-col2 { margin: 0px; display: flex; flex-wrap: wrap; gap: 0px 30px; } @media (max-width: 767px) { .box-lsit-col2 { gap: 0px; } } .box-lsit-col2 > * { width: calc(50% - 15px); } @media (max-width: 767px) { .box-lsit-col2 > * { width: 100%; } } .box-list-col2 { margin: 0px; display: flex; flex-wrap: wrap; gap: 0px 30px; } @media (max-width: 767px) { .box-list-col2 { gap: 0px; padding-left: 1.5em; } } .box-list-col2 > * { width: calc(50% - 15px); } @media (max-width: 767px) { .box-list-col2 > * { width: 100%; } } @media (max-width: 767px) { .box-list-col2.pl0 { padding-left: 0px; } } .box-list-col2 li { line-height: 1.5; font-weight: bold; margin: 0.13em 0px; } .simple-t-horizon { display: flex; flex-wrap: wrap; padding: 0px; margin: 10px 0px 0px; list-style: none; } .simple-t-horizon > li:not(:last-child) { padding-right: 15px; position: relative; } .simple-t-horizon > li:not(:last-child)::after { content: "/"; position: absolute; top: 50%; transform: translateY(-50%); right: 6px; } .link-list { column-count: 2; column-gap: 0px; list-style: none; margin: 0px; padding: 0px; } @media (max-width: 991px) { .link-list { column-count: 1; } } .link-list li { margin: 0px; } .problem-list { max-width: 60%; margin: 60px auto; } @media (max-width: 767px) { .problem-list { max-width: 100%; width: 100%; margin: 0px auto; } } .problem-list > li + li { margin-top: 1em; } .grant-faq-div { padding: 10px 0px; background: rgb(244, 244, 244); } .grant-faq-dd { margin: 20px 0px !important; } .grant-faq-dt { margin: 10px 0px !important; } .faq-aco-list { list-style: none; margin: 0px; padding: 0px; } .faq-aco-list > li { border-bottom: 1px solid rgb(238, 238, 238); } .faq-aco-list__question, .faq-aco-list__answer-inner { display: flex; gap: 20px; padding: 16px 30px 16px 20px; } @media (max-width: 767px) { .faq-aco-list__question, .faq-aco-list__answer-inner { gap: 10px; padding: 16px 16px 16px 10px; } } .faq-aco-list__question .faq-aco-list__icon, .faq-aco-list__answer-inner .faq-aco-list__icon { text-transform: uppercase; font-size: 18px; font-weight: bold; border-radius: 100px; width: 38px; height: 38px; min-width: 38px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; margin: 0px; } @media (max-width: 767px) { .faq-aco-list__question .faq-aco-list__icon, .faq-aco-list__answer-inner .faq-aco-list__icon { font-size: 16px; min-width: 30px; width: 30px; height: 30px; } } .faq-aco-list__question { cursor: pointer; } .faq-aco-list__question .faq-aco-list__icon { color: rgb(255, 255, 255); background: rgb(45, 178, 181); padding-bottom: 0.2em; } .faq-aco-list__answer { background: rgb(245, 245, 245); display: none; } .faq-aco-list__answer .faq-aco-list__icon { color: rgb(45, 178, 181); background: rgb(255, 255, 255); border: 1px solid rgb(45, 178, 181); } .faq-aco-list__title { display: flex; -webkit-box-align: center; align-items: center; padding-right: 50px; position: relative; width: 100%; font-size: 18px !important; } @media (max-width: 767px) { .faq-aco-list__title { padding-right: 30px; margin-top: 0px !important; font-size: 18px !important; } } .faq-aco-list__title::before, .faq-aco-list__title::after { content: ""; position: absolute; top: 50%; transform: translateY(-50%); right: 0px; width: 26px; height: 1px; background: rgb(51, 51, 51); } @media (max-width: 767px) { .faq-aco-list__title::before, .faq-aco-list__title::after { width: 20px; } } .faq-aco-list__title::after { transition: all 0.3s ease 0s; transform: translateY(-50%) rotate(90deg); } .faq-aco-list__title.aco-open::after { transform: translateY(-50%) rotate(0deg); } .faq-aco-list__text { text-align: justify; } .cta-area { padding: 30px 0px; background: rgb(233, 233, 233); } .cta-area .row { display: flex; flex-wrap: wrap; -webkit-box-align: center; align-items: center; } .panel { margin-bottom: 50px; background-color: rgb(255, 255, 255); border: 3px solid transparent; border-radius: 5px; box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 1px; padding: 0px; } .panel-default { border-color: rgb(221, 221, 221); } .panel-default > .panel-heading { color: rgb(51, 51, 51); background-color: rgb(245, 245, 245); border-color: rgb(221, 221, 221); } .panel-gray { border-color: rgb(221, 221, 221); margin-bottom: 15px; } @media (min-width: 768px) and (max-width: 991px) { .panel-gray { margin: 0px -13px 15px; } } .panel-gray > .panel-heading { color: rgb(102, 102, 102); background-color: rgb(245, 245, 245); border-color: rgb(240, 240, 240); } .panel-gray > .panel-heading > .panel-title { font-size: 18px; font-weight: bold; text-align: left; } .panel-green { border-color: rgb(45, 178, 181); } .panel-green > .panel-body { padding: 15px; } .panel-green > .panel-heading { color: rgb(255, 255, 255); background-color: rgb(45, 178, 181); border-color: rgb(45, 178, 181); } .panel-blue { border-color: rgb(108, 186, 216); } .panel-blue > .panel-body { padding: 0px; } .panel-blue > .panel-heading { color: rgb(255, 255, 255); background-color: rgb(108, 186, 216); border-color: rgb(108, 186, 216); margin-bottom: 15px; } .panel-attention-r { background-image: url(""); background-repeat: no-repeat; background-position: 20px 23px; background-size: 20px 20px; padding: 0px 25px; border-color: rgb(255, 81, 116); } .panel-attention-r > .panel-body { padding: 0px; } .panel-attention-r > .panel-body h3, .panel-attention-r > .panel-body > .annotation { color: rgb(255, 19, 68); font-size: 18px; font-weight: bold; margin-top: 20px; margin-bottom: 10px; padding-left: 25px; } .panel-heading { padding: 20px; border-top-right-radius: 0px; border-top-left-radius: 0px; } .panel-heading.silver { display: table; width: 100%; height: 65px; padding: 0px; } .panel-title { margin-top: 0px; margin-bottom: 0px; font-size: 18px; font-weight: normal; } .paneller-body { position: relative; background-color: rgb(248, 246, 246); display: block; padding: 40px 10px; margin-bottom: 40px; overflow: hidden; top: 25px; left: 0px; z-index: 2; } .paneller-body .panel { background: none; box-shadow: none; } .paneller-body .panel .caption { color: rgb(75, 117, 185); } .paneller-body #stand { border: 1px solid rgb(221, 221, 221); } .paneller-body #stand .panel-heading { background: rgb(203, 217, 238); } .paneller-body #stand .panel-heading .panel-title { display: table-cell; text-align: center; vertical-align: middle; } .paneller-body #stand .panel-body { background: rgb(255, 255, 255); text-align: center; } .paneller-body h3 { padding-top: 1.6em; text-align: left; border-bottom: 1px solid rgb(223, 223, 223); clear: both; } .paneller-body div .col-md-4 { margin-left: 0px; margin-right: 0px; } .paneller.gold { background-color: rgb(225, 205, 17); } @media (min-width: 768px) and (max-width: 991px) { .paneller.gold { background-color: rgb(225, 205, 17); } } @media (max-width: 767px) { .panel.panel-gray.big div.panel-body-gold { height: auto; } } .panel.panel-gray.big div.panel-body-gold img { width: 55%; margin: auto; } .panel.panel-gray div.panel-body-gold p { margin: 0px 20px; text-align: left; } .paneller-body #stand .panel-heading.gold { background-color: rgb(237, 234, 181); } .panel-heading.gold { display: table; width: 100%; height: 65px; padding: 0px; vertical-align: middle; } @media (min-width: 768px) and (max-width: 991px) { .panel-heading.gold { background-color: rgb(237, 234, 181) !important; } } .panel-body-gold { padding: 15px 5px; } .paneller-body #stand .panel-body-gold { text-align: center; background: rgb(255, 255, 255); } @media (min-width: 768px) and (max-width: 991px) { .paneller-body #stand .panel-heading .panel-title { font-size: 1.6rem; } p.caption.gold { color: rgb(174, 159, 10) !important; } } .ribbon-panel { position: absolute; color: rgb(255, 255, 255); background: rgb(75, 117, 185); display: inline-block; margin: 20px -10px; padding: 5px 10px 0px; top: 0px; left: 0px; z-index: 3; } .ribbon-panel::after { content: ""; position: absolute; top: 100%; height: 0px; width: 0px; border-width: 5px; border-style: solid; border-color: rgb(51, 51, 51) rgb(51, 51, 51) transparent transparent; border-image: initial; left: 0px; } .ribbon-panel p { font-size: 16px; font-weight: bold; } .ribbon-panel-wrapper { position: relative; z-index: 1; } .ribbon-panel-body { position: relative; background-color: rgb(255, 255, 255); border-radius: 5px; border: 3px solid rgb(75, 117, 185); display: block; padding-top: 40px; padding-right: 15px; padding-left: 15px; margin-bottom: 65px; overflow: hidden; top: 30px; left: 0px; z-index: 2; } .paneller { border-radius: 0.2em 0.2em 0px 0px; position: absolute; color: rgb(255, 255, 255); background: rgb(75, 117, 185); display: inline-block; margin: 10px -10px 20px; padding: 5px 10px 0px; top: 0px; left: 0px; z-index: 3; } .paneller::after { content: ""; position: absolute; top: 100%; height: 0px; width: 0px; border-width: 5px; border-style: solid; border-color: rgb(51, 51, 51) rgb(51, 51, 51) transparent transparent; border-image: initial; left: 0px; } .paneller::before { right: 0px; border-left: 5px solid rgb(51, 51, 51); } .paneller p { opacity: 0.7; font-size: 18px; padding: 0px; margin: 1em 1em 0.3em; font-weight: normal; } .paneller-wrapper { position: relative; z-index: 1; } .paneller-wrapper h2 { margin-top: -1.2em; margin-left: 6.5em; padding: 0.2em; font-weight: bold; } @media (max-width: 767px) { .paneller-wrapper h2 { margin-top: 1rem; margin-left: 0px; } } @media (max-width: 320px) { .paneller-wrapper h2 { margin-top: 15px; margin-left: 0px; } } .paneller-wrapper * .panel-body { border-radius: 0.3em; } .panel-navy { border: 1px solid rgba(51, 83, 169, 0.3); } .panel-navy > .panel-heading { background-color: rgb(238, 238, 238); border-color: rgba(51, 83, 169, 0.3); } .panel-navy > .panel-heading > .panel-title > a { color: rgb(51, 83, 169); } .panel-navy > .panel-heading .panel-title { color: rgb(255, 255, 255); font-weight: normal; } .panel-group--green .panel-navy { border: 1px solid rgba(51, 169, 138, 0.3); } .panel-aqua { border: 1px solid rgb(210, 238, 238); } .panel-aqua > .panel-heading { background-color: rgb(210, 238, 238); border-color: rgb(210, 238, 238); } .panel-aqua > .panel-heading .panel-title { color: rgb(51, 51, 51); font-weight: normal; } .panel .panel-body h4, .panel .panel-body .panel-sub-title { font-weight: bold; border-left: 2px solid rgb(45, 178, 181); padding-left: 8px; font-size: 16px; } .panel .panel-body .marker { background-color: rgb(255, 223, 218); } @media (max-width: 768px) { .panel .panel-body .sample2 { margin-top: 20px; } } .panel-group--blue .accordion-toggle { text-decoration: none; } .panel-group--blue .accordion-toggle .panel-heading { background: rgb(2, 128, 165) !important; } .panel-group--blue .panel-title { font-size: 20px; font-weight: normal; } .panel-img img { width: 100%; } @media (min-width: 768px) { .glay_line { margin-top: -20px; border: 1px solid rgb(204, 204, 204); } } hr.news-list-border { border-top: 2px solid rgb(204, 204, 204); width: calc(100% - 30px); margin: 15px 15px 30px; display: inline-block; } @media (max-width: 767px) { .border-top-none { border-top: none !important; } } @media (min-width: 1025px) { body:not(.home) .swiper-pagination { display: none; } } .easy-select-box { overflow: hidden; text-align: left; border-radius: 5px; font-size: 1.4rem; color: rgb(255, 255, 255); background: rgb(255, 255, 255); width: 100% !important; } .home .easy-select-box { font-size: inherit; border: none; } .easy-select-box .esb-displayer { color: rgb(85, 85, 85); height: 38px; line-height: 30px; padding: 1px 20px 0px 4px; text-indent: 5px; width: 100%; cursor: pointer; border: 2px solid rgb(0, 122, 123); border-radius: 5px; position: relative; } .easy-select-box .esb-displayer::before { content: ""; font-family: "Font Awesome 5 Pro"; font-weight: 700; color: rgb(46, 162, 166); position: absolute; right: 0px; bottom: 0px; font-size: 18px; background: rgb(238, 238, 238); height: 34px; width: 30px; border-radius: 0px 3px 3px 0px; text-align: center; text-indent: 1px; line-height: 33px; } .easy-select-box .esb-displayer:hover { opacity: 0.8; } .easy-select-box .esb-displayer:hover .esb-displayer { text-decoration: none; } .easy-select-box.disabled .esb-displayer, .easy-select-box:hover.disabled .esb-displayer { background-position: 0px -36px; } .easy-select-box .esb-dropdown { position: absolute; z-index: 999; display: none; overflow: auto; max-height: 200px; border: 1px solid rgb(204, 204, 204); background: rgb(255, 255, 255); width: 100% !important; max-width: 100% !important; } .easy-select-box .esb-item { padding: 3px; cursor: default; color: rgb(12, 34, 69); background: rgb(255, 255, 255); width: 100% !important; } .easy-select-box .esb-item:hover { text-decoration: none; color: rgb(255, 255, 255); background: rgb(57, 203, 204); } .esb-displayer { line-height: 30px; position: relative; width: 100%; height: 38px; padding: 1px 20px 0px 4px; cursor: pointer; text-indent: 5px; color: rgb(85, 85, 85); border: 2px solid rgb(0, 122, 123); border-radius: 5px; } .esb-displayer::before { font-family: "Font Awesome 5 Pro"; font-weight: 700; font-size: 18px; line-height: 33px; position: absolute; right: 0px; bottom: 0px; width: 30px; height: 34px; content: ""; text-align: center; text-indent: 1px; color: rgb(46, 162, 166); border-radius: 0px 3px 3px 0px; background: rgb(238, 238, 238); } .form-group-service { position: relative; width: 205px; margin-right: 8px; } .form-group-date { position: relative; width: 130px; margin-right: 8px; } .form-group-date input { cursor: pointer !important; } .form-group-date:hover::before { opacity: 0.8; } .form-group-date::before { font-family: "Font Awesome 5 Pro"; font-weight: 400; font-size: 16px; position: absolute; right: 2px; bottom: 2px; width: 32px; height: 34px; content: ""; text-align: center; pointer-events: none; color: rgb(46, 162, 166); border-radius: 0px 3px 3px 0px; background: rgb(238, 238, 238); } @media (max-width: 767px) { .form-group-date::before { font-size: 14px; } } .form-group-time { width: 105px; margin-right: 8px; } .form-group-time input { border-right: none !important; } .form-group-time span { padding: 6px 8px 6px 6px; border: 2px solid rgb(0, 122, 123); border-radius: 0px 5px 5px 0px; background: rgb(255, 255, 255); } .form-group-service, .form-group-date, .form-group-time { float: left; line-height: 34px; margin-bottom: 0px; font-size: 1.4rem !important; } .form-group-service input, .form-group-service select, .form-group-date input, .form-group-date select, .form-group-time input, .form-group-time select { appearance: none; background: rgb(255, 255, 255); border: 2px solid rgb(0, 122, 123); border-radius: 5px; padding: 6px; text-align: left; overflow: hidden; height: 38px; box-shadow: none; } .form-group-service input::-webkit-input-placeholder, .form-group-service select::-webkit-input-placeholder, .form-group-date input::-webkit-input-placeholder, .form-group-date select::-webkit-input-placeholder, .form-group-time input::-webkit-input-placeholder, .form-group-time select::-webkit-input-placeholder { color: rgb(140, 140, 140); opacity: 1; } .form-group-service input::placeholder, .form-group-service select::placeholder, .form-group-date input::placeholder, .form-group-date select::placeholder, .form-group-time input::placeholder, .form-group-time select::placeholder { color: rgb(140, 140, 140); opacity: 1; } @media (max-width: 991px) { .form-group-service, .form-group-date, .form-group-time { margin-bottom: 10px; } } @media (max-width: 767px) { .form-group-service, .form-group-date, .form-group-time { float: none; width: 100%; margin-top: 10px; margin-bottom: 0px; font-size: 1.4rem; } } input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { appearance: none; margin: 0px; } @media (max-width: 767px) { .form-group-left { flex-basis: 100%; padding-right: 10px; } } @media (min-width: 768px) and (max-width: 991px) { .form-group-left { margin-left: 30px; } } @media (max-width: 767px) { .form-group-right { flex-basis: 180px; align-self: flex-end; } } .form-control { font-size: inherit; border: none; border-radius: 0px; } body:not(.home) .simple-estimate-outer { padding: 35px 0px; border: 2px solid rgb(0, 122, 123); border-radius: 5px; background: rgb(237, 237, 237); } @media (max-width: 767px) { body:not(.home) .simple-estimate-outer { margin: 0px -15px; padding: 30px 15px; border: none; border-radius: 0px; } } body:not(.home) .simple-estimate-outer .row { display: flex; flex-wrap: wrap; -webkit-box-align: center; align-items: center; } @media (max-width: 767px) { body:not(.home) .simple-estimate-outer form { display: flex; padding-top: 5px; } } .tooltip-simple-estimate { font-size: 14px; font-weight: bold; color: rgb(36, 145, 146); cursor: pointer; border-bottom: 2px dotted rgb(36, 145, 146); margin-left: 5px; padding: 0px 1px 1px; } .tooltip-simple-estimate:hover { opacity: 0.7; } .title-simple-estimate { font-size: 18px; display: inline-block; margin: 0px 0px 0px 30px; color: rgb(0, 122, 123); } @media (max-width: 991px) { .title-simple-estimate { margin-bottom: 10px; } } @media (max-width: 767px) { .title-simple-estimate { margin: 0px; } } .estimate_btn { font-size: 18px; font-weight: bold; width: 125px; height: 38px; padding: 3px 0px; transition: all 0.3s ease 0s; color: rgb(255, 255, 255); border: 0px; border-radius: 5px; background: rgb(0, 122, 123); box-shadow: none; text-shadow: none; } @media (max-width: 767px) { .estimate_btn { width: 100%; } } .estimate_btn:hover { transition: all 0.3s ease 0s; color: rgb(255, 255, 255); background-color: rgb(50, 204, 152); } #ui-datepicker-div { width: 340px; box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 15px 0px; background-color: rgb(255, 255, 255) !important; } @media (max-width: 767px) { #ui-datepicker-div { width: 95%; max-width: 400px; padding: 0px; box-shadow: rgba(0, 0, 0, 0.3) 1px 0px 10px 2px; position: fixed !important; z-index: 9999 !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; background-color: rgb(255, 255, 255) !important; } } input#datepicker { background: rgb(255, 255, 255) !important; } .ui-datepicker table { font-size: 1em !important; } @media (max-width: 767px) { .ui-datepicker table { height: 420px; max-height: 60vh; } } .ui-datepicker td span, .ui-datepicker td a { padding: 0.55em 0.6em 0.55em 0.2em !important; } @media (max-width: 767px) { .ui-datepicker td span, .ui-datepicker td a { font-size: 18px; padding: 5px 15px 5px 5px !important; } } .ui-datepicker td span { color: rgb(156, 156, 156); } @media (max-width: 767px) { .ui-datepicker td span { color: rgb(156, 156, 156); } } .ui-datepicker td a { font-weight: bold; } @media (max-width: 767px) { .ui-datepicker td a { font-weight: bold; } } .ui-datepicker .ui-datepicker-buttonpane { display: none; } @media (max-width: 767px) { .ui-datepicker .ui-datepicker-buttonpane { position: absolute; top: -45px; right: 2px; display: block; margin: 0px !important; padding: 0px !important; } } @media (max-width: 767px) { .ui-datepicker .ui-datepicker-buttonpane button { font-size: 38px; color: rgb(255, 255, 255); border: none; background: transparent; text-shadow: rgba(0, 0, 0, 0.3) 0px 1px 8px; margin: 0px !important; padding: 6px !important; } } @media (max-width: 767px) { .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { display: none; } } @media (max-width: 767px) { .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { font-size: 32px; font-weight: bold; color: rgb(255, 255, 255); top: -2px !important; } } .ui-datepicker .ui-datepicker-next { width: 1.2em !important; height: 1.2em !important; } @media (max-width: 767px) { .ui-datepicker .ui-datepicker-header { color: rgb(255, 255, 255); background: rgb(1, 160, 163); padding: 10px 0px !important; } } .list-attention { display: none; } #overlay { position: fixed; z-index: 9999; top: 0px; display: none; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.6); } @media (min-width: 768px) { #overlay { display: none !important; } } #overlay.is-open { display: block; } article img.img-responsive, .article img.img-responsive { margin-bottom: 10px; } div.well.strongpoint > h3 { font-size: 2.3rem; font-weight: normal; } div.well > div.row div > p { margin-bottom: 0px; } .label { font-weight: normal; padding: 2px 3px; } .label-lg { font-size: 12px; line-height: 33px; padding: 2px 5px; } .label-xl { font-size: 18px; line-height: 36px; padding: 5px 8px; } .label-xl-cube { font-size: 18px; line-height: 25px; padding: 5px; width: 36px; height: 36px; display: block; margin: 0px 10px; } .label-xl-cube.pull-left { margin: 0px 10px 0px 0px; display: block; } .label-primary { background-color: rgb(51, 83, 169); } .label-danger { background-color: rgb(47, 195, 195); } .label-point { border-radius: 15px; border: 1px solid rgb(184, 220, 237); background-color: rgb(184, 220, 237); display: inline; line-height: 1; font-size: 12px; font-weight: bold; color: rgb(68, 68, 68); padding: 5px 10px; float: left; margin-right: 15px; } .marker { padding: 0px 4px; background-color: rgb(243, 192, 171); white-space: nowrap; border-radius: 4px; } .triangle-arrow { position: relative; margin-top: 40px; } @media (max-width: 767px) { .triangle-arrow { margin-top: 60px; } } .triangle-arrow::before { content: ""; position: absolute; top: -20px; left: 50%; transform: translateX(-50%) rotate(180deg); height: 43.75px; width: 175px; clip-path: polygon(50% 0px, 100% 100%, 0px 100%); background: rgb(224, 224, 224); } @media (max-width: 767px) { .triangle-arrow::before { top: -50px; } } #news h2 { margin-top: 0px; padding: 10px 20px; border: 1px solid rgb(224, 224, 224); border-radius: 5px; background: linear-gradient(rgb(255, 255, 255) 0%, rgb(240, 240, 240) 100%); } #news article dl { padding: 1em 0px; } #news article dl dt { margin: 0px; padding-top: 1em; float: left; } #news article dl dd { padding-top: 1em; margin-left: 140px; padding-bottom: 1em; } #news aside h2 { margin: 0px; padding: 10px 20px; border-radius: 10px 10px 0px 0px; } #news aside ul { margin: 0px; padding: 0px; } #news aside ul li { margin: 0px; padding: 0px; border: 1px solid rgb(236, 236, 236); list-style: none; } #news aside ul li a { padding: 1em 2em; background: rgb(250, 250, 250); border-radius: 0px; text-align: left; } #news article section ul { margin: 0px; padding: 0px; } #news article section ul li { padding: 0px 0.7em; border-right: 1px solid rgb(160, 160, 160); list-style: none; float: left; } #news article section ul li:first-child { padding-left: 0px; } #news article section ul li:last-child { border: none; } @media (max-width: 767px) { #news article dl dt { float: none; } } @media (max-width: 767px) { #news article dl dd { margin-left: 0px; padding-top: 0px; } } #inquiry .article #search { border: none; margin: 2em 0px; } #inquiry .article .section { border: 3px solid rgb(218, 218, 218); border-radius: 4px; margin-bottom: 2em; } #inquiry .article .section h3 { margin: 0px 0px 1.2em; padding: 1em 1.2em; background: rgb(240, 240, 240); } #inquiry .article .section p { padding: 0px 1.5em; } #inquiry .article .section h3 { margin: 0px 0px 0.6em; } #inquiry .article .section p { overflow: hidden; } #inquiry .article .section p a { white-space: nowrap; } .single-post div.page-title div.well h1 { margin: 7px; color: rgb(255, 255, 255); font-size: 2rem; font-weight: bold; text-align: left; } .single-post > div.page-title div.well, .category-review div.page-title div.well { background-color: rgb(47, 195, 195); } .column_style { font-size: 1.6rem !important; line-height: 1.72; } @media (max-width: 767px) { .column_style { font-size: 1.6rem !important; } } @media (max-width: 767px) { .column_style img { max-width: 100%; height: auto; } } .column_div_index { background: rgb(245, 245, 245); padding: 3rem; margin: 0px; } @media (max-width: 767px) { .column_div_index ul li + * { margin-top: 6px; } } .column_span_index { background: rgb(45, 178, 181); padding: 0.5rem 1rem; font-size: 1.7rem; color: rgb(255, 255, 255); font-weight: bold; border-radius: 10px; } .single__m-referral .well { padding: 4px 0px !important; } .entry-thumbnail { display: inline-block; width: 23%; vertical-align: top; text-align: center; margin-top: 0.5em; margin-bottom: 1em; } .entry-thumbnail img { border: 1px solid rgb(204, 204, 204); width: 170px; } .entry-thumbnail a { position: relative; } .entry-thumbnail a img.screenshot { margin: auto; } .entry-thumbnail a img.screenshot + img.load { visibility: hidden; } .entry-thumbnail a:hover img.screenshot, .entry-thumbnail a:hover img.load { opacity: 0.8; } @media (-ms-high-contrast: none) { .entry-thumbnail { margin-top: 0px; } } @media screen and (min-width: 769px) and (max-width: 991px) { .entry-thumbnail { width: 29%; } } .entry-summary.site_search { display: inline-block; width: 76%; } @media screen and (min-width: 769px) and (max-width: 991px) { .entry-summary.site_search { width: 68%; } } @media screen and (max-width: 768px) { .entry-summary.site_search { width: 96%; } } @media screen and (min-width: 769px) and (max-width: 991px) { #inquiry .article .section p { margin: 0px 1.5em 0px 0px; padding: 0px; } } @media screen and (max-width: 768px) { .search_hit { margin-bottom: 40px; } .pc_only { display: none !important; } } .tooltip-supplement { position: relative; cursor: pointer; padding: 0px 5px; color: rgb(70, 130, 180); } .tooltip-supplement .balloon_bottom { width: 300px; position: absolute; top: 80%; left: 50%; transform: translateX(-50%); margin-top: 1rem; padding: 18px 22px; background: rgb(255, 255, 255); font-size: 14px; border-radius: 4px; color: rgb(51, 51, 51); visibility: hidden; opacity: 0; z-index: 1; transition: all 0.5s ease 0s; line-height: 1.72; box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 20px; } @media (max-width: 768px) { .tooltip-supplement .balloon_bottom { left: 100%; font-size: 12px; } } .tooltip-supplement:hover .balloon_bottom { top: 100%; visibility: visible; opacity: 1; } .tooltip-pattern { font-weight: bold; color: rgb(36, 145, 146); cursor: pointer; border-bottom: 2px dotted rgb(36, 145, 146); padding: 0px 0px 0.1em; } .tooltip-pattern .far { font-size: 20px; position: absolute; margin-left: 1px; } .ui-tooltip { background: rgb(255, 255, 255); border: 0px; padding: 18px 22px; color: rgb(51, 51, 51); border-radius: 4px; font-size: 16px; width: unset; position: absolute; z-index: 9999; max-width: 300px; box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 10px !important; } .m-referral { display: flex; flex-wrap: wrap; gap: 30px; list-style: none; padding: 0px; } .m-referral a { cursor: pointer; } .m-referral__item { width: calc(50% - 15px); } @media (max-width: 767px) { .m-referral__item { width: 100%; display: flex; -webkit-box-align: start; align-items: flex-start; } } .m-referral__img { border: 1px solid rgb(238, 238, 238); } @media (max-width: 767px) { .m-referral__img { width: 30%; } } .m-referral__img a { display: block; transition: all 0.3s ease 0s; aspect-ratio: 23 / 15; width: 100%; overflow: hidden; } .m-referral__img a:hover { opacity: 0.8; } .m-referral__img a img { width: 100%; height: auto; } .m-referral__info { display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; margin-top: 16px; } @media (max-width: 991px) { .m-referral__info { -webkit-box-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } } @media (max-width: 767px) { .m-referral__info { -webkit-box-flex: 1; flex: 1 1 0%; margin: 0px 0px 0px 20px; } } .m-referral__time { font-size: 14px; color: rgb(99, 99, 99); line-height: 1; } @media (max-width: 767px) { .m-referral__time { margin-bottom: 4px; } } .m-referral__tag { padding: 0px; } .m-referral .tag__list { list-style: none; display: flex; gap: 4px; } @media (max-width: 767px) { .m-referral .tag__list { margin-bottom: 4px; flex-wrap: wrap; } } .m-referral .tag__item a { padding: 4px 10px; border-radius: 50px; background: rgb(1, 165, 164); color: rgb(255, 255, 255); font-size: 12px; line-height: 1; text-decoration: none; transition: all 0.3s ease 0s; } .m-referral .tag__item a:hover { opacity: 0.8; } .m-referral__link { color: rgb(51, 51, 51); display: block; text-decoration: none; transition: all 0.3s ease 0s; margin-top: 4px; } .m-referral__link:hover { color: rgb(47, 177, 180); text-decoration: none; } @media (max-width: 767px) { .m-referral__link--pc { display: none; } } .m-referral__link--sp { display: none; } @media (max-width: 767px) { .m-referral__link--sp { display: block; } } .m-referral__name { margin: 0px; font-size: 16px !important; } .m-referral__title { margin-top: 2px; line-height: 1.5; } .m-referral__title i { margin-left: 8px; } .m-referral__relation { border-bottom: 3px solid rgb(204, 204, 204); margin-bottom: 30px; } .m-referral a[href*="8089.co.jp"] i, .m-referral a[href*="tokyo8089dev.xbiz.jp"] i, .m-referral a[href*="8089.conohawing.com"] i { display: none; } .top-m-referral { margin: 0px 0px 50px; } .top-m-referral h2 { border-bottom: 3px solid rgb(204, 204, 204); margin-bottom: 30px; } .top-m-referral .container { position: relative; } @media (max-width: 767px) { .top-m-referral .m-referral__name, .top-m-referral .m-referral__title { font-size: 14px; } } .case .item { background: rgb(245, 245, 245); border-radius: 8px; margin-bottom: 15px; display: block; text-decoration: none; transition: all 0.3s ease 0s; } .case .item img { height: 150px; width: 100%; border-radius: 6px 6px 0px 0px; object-fit: cover; } .case .item h3 { font-size: 16px; font-weight: normal; color: rgb(51, 51, 51); margin: 0px; } .case .item h4 { font-size: 17px; font-weight: bold; color: rgb(51, 51, 51); margin: 2px 0px 6px; line-height: 1.4; } .case .item:hover, .case .item:focus { opacity: 0.7; text-decoration: none; } .case .item-body { background: rgb(255, 255, 255); border-radius: 4px; margin: -25px 12px 0px; padding: 10px 15px; position: relative; } .case .item-detail { color: rgb(51, 87, 184); font-size: 14px; font-weight: bold; text-align: center; padding: 5px 12px; } .case .item-detail .fas { margin-right: 2px; } .w-full { margin-top: 20px; } @media (max-width: 991px) { .w-full { margin-top: 0px; } } .box-spec { position: relative; border: 1px solid rgb(221, 221, 221); border-radius: 4px; padding: 20px 22px; height: 100%; min-height: 340px; } @media (max-width: 991px) { .box-spec { height: calc(100% - 20px); margin-bottom: 20px; } } @media (max-width: 767px) { .box-spec { min-height: unset; } } .box-spec--non-height { min-height: auto; } .box-spec h3 { font-size: 17px; font-weight: bold; text-align: center; margin: 0px 0px 25px; } .box-spec h3::after { content: ""; width: 24px; height: 4px; background: rgb(36, 145, 147); display: block; margin: 8px auto 0px; } .box-spec p { font-size: 28px; font-weight: bold; text-align: center; margin: 0px 0px 30px; } .box-spec p .small { font-size: 70%; margin-left: 0.2em; } .box-spec .btn-square { position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); } @media (max-width: 767px) { .box-spec .btn-square { position: relative; bottom: 0px; margin-top: 20px; } } .box-spec .fa-ul { margin-left: 1.5em; margin-bottom: 80px; } @media (max-width: 767px) { .box-spec .fa-ul { margin-bottom: 0px; } } .box-spec .fa-li { font-size: 12px; color: rgb(0, 122, 123); } .box-spec .fa-check { color: rgb(0, 122, 123); } .box-spec .fa-times { color: rgb(252, 21, 67); } .box-spec li { margin-bottom: 6px; } .box-spec li:last-child { margin-bottom: 0px; } .box-spec .spec-option { display: grid; grid-template-columns: 136px 1fr; } .box-spec--v2 { min-height: 370px; } .box-spec--v2 p { font-size: 24px; } .box-spec--v2 .fa-ul { margin-bottom: 20px; } .box-spec .icon { text-align: center; } .box-spec .icon img { max-width: 56px; max-height: 56px; margin: 0px auto; width: 100%; height: 100%; } .card-list { display: flex; flex-wrap: wrap; gap: 30px; padding: 0px; } .card { border: 1px solid rgb(221, 221, 221); padding: 20px; width: calc(50% - 15px); list-style: none; } @media (max-width: 991px) { .card { width: 100%; } } .card__head { margin-top: 0px !important; text-align: center; } .card-col2-p1 { border: 1px solid rgb(221, 221, 221); border-radius: 10px; overflow: hidden; width: calc(50% - 15px); list-style: none; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .card-col2-p1 h3, .card-col2-p1 h4 { margin: 0px; } .card-col2-p1--yellow .card-col2-p1__head, .card-col2-p1--primary .card-col2-p1__head { color: rgb(255, 255, 255); text-align: center; padding: 20px 10px; } .card-col2-p1--yellow .card-col2-p1__head { background: rgb(190, 146, 74); } .card-col2-p1--primary .card-col2-p1__head { background: rgb(45, 178, 181); } @media (max-width: 991px) { .card-col2-p1 { width: 100%; } } .card-col2-p1__body { padding: 30px; -webkit-box-flex: 1; flex: 1 1 0%; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .card-col2-p1__wrap { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .card-col2-p1__wrap h4 { margin-bottom: 4px; } .card-col2-p1__wrap:last-child { -webkit-box-flex: 1; flex: 1 1 0%; } .card-col2-p1__wrap + * { border-top: 1px solid rgb(221, 221, 221); margin-top: 30px; padding-top: 30px; } .card-col2-p1__wrap > * + * { margin-bottom: 60px; } .card-col2-p1__wrap > :last-child { margin-top: auto; margin-bottom: 0px; } .card-col2-p1__img figcaption { margin-top: 12px; } .card-list-col3 { display: flex; flex-wrap: wrap; gap: 20px; padding: 0px; } .card-list-col3 > * { width: calc(33.3333% - 13.3333px); } @media (max-width: 767px) { .card-list-col3 > * { width: 100%; } } .card-list-col3 > li { list-style: none; border: 1px solid rgb(221, 221, 221); } .card-list-col3__img-box { position: relative; } .card-list-col3__img-box::before { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.4); } .card-list-col3__img img { width: 100%; height: 160px; object-fit: cover; } .card-list-col3__img-text { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; text-align: center; color: rgb(255, 255, 255); text-shadow: rgba(0, 0, 0, 0.8) 2px 2px 4px; font-size: 18px !important; } .card-list-col3__content { padding: 20px; } .card-list-col3__list-title { font-size: 16px; font-weight: bold; } .card-list-col3__list-title i { color: rgb(45, 178, 181); } .card-list-col3__list { padding-left: 1em; } .card-list-col3__list li { list-style: none; } .service-card a { text-decoration: none; } .service-card .label-text { background: rgb(45, 178, 181); color: rgb(255, 255, 255); padding: 8px; font-size: 20px; } @media (max-width: 767px) { .service-card .label-text { font-size: 16px; } } .service-card .text { font-size: 3rem !important; } @media (max-width: 767px) { .service-card .text { font-size: 2rem !important; } } .case-box { width: 50%; margin: 0px auto; padding: 20px; box-shadow: rgba(0, 0, 0, 0.1) 0px 6px 20px; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; border-radius: 10px; } @media (max-width: 767px) { .case-box { width: 100%; } } .case-box__img { width: 20%; margin-bottom: 10px; } @media (max-width: 767px) { .package-plan__service { display: flex; flex-wrap: wrap; } } .card-box { padding: 0px; margin: 0px; list-style: none; display: flex; flex-wrap: wrap; gap: 20px; } .card-box__item { width: calc(50% - 10px); background: rgb(245, 245, 245); padding: 20px; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } @media (max-width: 767px) { .card-box__item { width: 100%; padding: 16px; } } .card-box__title { margin: 0px; font-size: 18px; } .card-box .check-list { margin-top: 12px; } .card-box__labels { font-size: 12px; margin-top: 12px; line-height: 1.4; margin-bottom: 8px; } .card-box .link-wrap { text-align: right; margin-top: auto; } .card-link { margin: 0px; padding: 0px; list-style: none; display: flex; flex-wrap: wrap; gap: 20px; } @media (max-width: 767px) { .card-link { gap: 10px; } } .card-link__item { width: calc(33.3333% - 13.3333px); } @media (max-width: 767px) { .card-link__item { width: 100%; } } .card-link__item a { text-decoration: none; } .card-link__img img { width: 100%; } .card-link__title { font-size: 18px !important; } .icon-card { display: flex; gap: 20px; flex-wrap: wrap; list-style: none; margin: 0px; padding: 0px; } .icon-card__item { width: calc(25% - 15px); border: 2px solid rgb(51, 87, 184); border-radius: 5px; padding: 20px 12px; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; text-align: center; } @media (max-width: 991px) { .icon-card__item { width: calc(50% - 10px); } } @media (max-width: 767px) { .icon-card__item { width: 100%; } } .icon-card__title { text-align: center; font-weight: bold; min-height: 3.3em; margin-bottom: 0px; } @media (max-width: 767px) { .icon-card__title { min-height: auto; } } .icon-card__wrap { margin-top: 20px; } .icon-card__icon { width: 68px; margin: 0px auto; } .icon-card__icon img { width: 100%; } .icon-card__text { margin-top: 20px; margin-bottom: 0px; text-align: left; } .icon-card--c3 .icon-card__item { width: calc(33.3333% - 13.3333px); } @media (max-width: 991px) { .icon-card--c3 .icon-card__item { width: calc(50% - 10px); } } @media (max-width: 767px) { .icon-card--c3 .icon-card__item { width: 100%; } } .icon-card--green .icon-card__item { border-color: rgb(45, 178, 181); } .sub-service-card { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 40px; padding: 20px; background: rgb(245, 245, 245); list-style: none; } @media (max-width: 767px) { .sub-service-card { padding: 10px; gap: 30px; } } .sub-service-card__item { background: rgb(255, 255, 255); padding: 20px; } @media (max-width: 767px) { .sub-service-card__item { padding: 20px 10px; } } .sub-service-card__item > * + * { margin-top: 40px; } @media (max-width: 767px) { .sub-service-card__item > * + * { margin-top: 30px; } } .sub-service-card__title { margin: 0px; display: flex; -webkit-box-align: center; align-items: center; } @media (max-width: 767px) { .sub-service-card__title { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 10px; } } .sub-service-card__title i { color: rgb(45, 178, 181); margin-right: 4px; font-size: 30px; } .sub-service-card .gray-box { padding: 30px; margin-top: 20px; } @media (max-width: 767px) { .sub-service-card .gray-box { padding: 10px; margin-top: 10px; } } .sub-service-card h4 { font-weight: bold; font-size: 20px; margin: 0px 0px 20px; } .sub-service-card .simple-list { display: flex; flex-wrap: wrap; gap: 0px 40px; } @media (max-width: 767px) { .sub-service-card .simple-list { padding-left: 1.5em; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } } .sub-service-card .simple-list li { width: calc(50% - 20px); } @media (max-width: 767px) { .sub-service-card .simple-list li { width: 100%; } } .bnr-security a { transition: all 0.3s ease 0s; } .bnr-security a:hover { opacity: 0.8; } .paypal-p section { margin-bottom: 60px; } .paypal-p .index { background: rgb(245, 245, 245); padding: 30px; } .paypal-p .index h2 { background: rgb(45, 178, 181); padding: 0.5rem 1rem; margin-top: 0px; margin-bottom: 10px; font-size: 1.7rem; color: rgb(255, 255, 255); font-weight: bold; border: 0px; border-radius: 10px; display: inline-block; line-height: 1.2; } .paypal-p .index ul { list-style: none; padding-left: 1em; } .paypal-p .index ul a { display: inline-block; margin-bottom: 5px; font-size: 18px; } .local-nav { display: flex; -webkit-box-pack: center; justify-content: center; margin: 10px 15px 60px; } @media (max-width: 767px) { .local-nav { margin: 0px 0px 40px; } } .local-nav ul { list-style: none; display: flex; flex-wrap: wrap; align-content: center; background: rgb(247, 247, 247); border-radius: 50vh; margin: 0px; padding: 20px 50px; } @media (max-width: 767px) { .local-nav ul { height: auto; border-radius: 0px; padding: 15px 30px; } } .local-nav li { padding: 2px 25px; margin: 4px 0px; border-right: 1px solid rgb(211, 211, 211); display: flex; } @media (max-width: 767px) { .local-nav li { padding: 6px 0px; width: 100%; border-right: 0px; } } .local-nav li:last-child { border-right: 0px; } .local-nav a { color: rgb(51, 51, 51); text-decoration: none; font-size: 18px; font-weight: bold; display: flex; -webkit-box-align: center; align-items: center; line-height: 1.2; } .local-nav a:hover, .local-nav a:focus { opacity: 0.8; } .local-nav .fas { font-size: 14px; color: rgb(36, 145, 147); margin-right: 8px; } .link-wrap { margin-top: 15px; } .link-wrap a { font-weight: bold; display: inline-block; margin-bottom: 8px; text-decoration: none; line-height: 1.4; padding-left: 1.5em; text-indent: -0.74em; } .link-wrap a .fas, .link-wrap a .fa { margin-right: 8px; } .link-wrap a:last-child { margin-bottom: 0px; } .link-wrap--url { word-break: break-all; } .link-type1 { font-size: inherit; color: rgb(51, 51, 51); font-weight: bold; text-decoration: none; transition: all 0.3s ease 0s; } .link-type1[href*="8089.co.jp"] i { display: none; } .link-type1:hover { color: rgb(47, 177, 180); text-decoration: none; } .table_border tr th, .table_border tr td { border: 1px solid rgb(204, 204, 204) !important; } table.table-price.table.table_border.date_sptable td { white-space: inherit; } table.table-price.table.medical { width: 60%; } table.table-price > tbody > tr > td { white-space: nowrap; } @media (max-width: 767px) { table.sp_price_table { width: 100%; text-align: center; } } @media (max-width: 767px) { table.sp_price_table th { text-align: center; color: rgb(255, 255, 255); border: 1px solid rgb(255, 255, 255); } } @media (max-width: 767px) { table.sp_price_table td { height: 40px; border: 1px solid rgb(255, 255, 255); } } table.sp_price_table th.table_pink { background-color: rgb(217, 113, 149); } table.sp_price_table td.table_day.table_pink { background-color: rgb(242, 204, 225); } table.sp_price_table td.table_price.table_pink { background-color: rgb(251, 236, 245); } @media (min-width: 768px) { .pc_table, .w60 { width: 60%; } } table.dispatch_glay_table { border: 2px solid rgb(221, 221, 221); } table.dispatch_glay_table thead th { padding: 5px; border: 1px solid rgb(221, 221, 221); background-color: rgb(248, 246, 246); } table.dispatch_glay_table tbody th { width: 15%; padding: 5px; vertical-align: top; white-space: nowrap; border: 1px solid rgb(221, 221, 221); background-color: rgb(248, 246, 246); } table.dispatch_glay_table tbody td { width: 42%; padding: 5px; vertical-align: top; border: 1px solid rgb(221, 221, 221); } table.dispatch_glay_table tbody td li { margin-left: -15px; } table.knowhow_table { width: 95%; margin-left: 40px; } table.knowhow_table th { font-weight: normal; padding: 5px; vertical-align: top; border: 1px solid rgb(221, 221, 221); background-color: rgb(245, 245, 245); } table.knowhow_table td { padding: 5px; border: 1px solid rgb(221, 221, 221); } @media (min-width: 768px) { table.tableType01.mb20 { font-size: 15px; margin: 0px 130px; } } @media (max-width: 767px) { table.tableType01.mb20 { margin: auto; } } @media (min-width: 768px) { table.tableType01.mb20 a { font-size: 15px; font-weight: bold; text-decoration: none; color: rgb(74, 188, 188); } } @media (max-width: 767px) { table.tableType01.mb20 a { font-weight: bold; color: rgb(74, 188, 188); text-decoration: none !important; } } @media (min-width: 768px) { table.tableType01 th { width: 20%; text-align: left; } } @media (max-width: 767px) { table.tableType01 th { display: block; width: 100%; } } @media (max-width: 767px) { table.tableType01 td { display: block; width: 100%; } } @media (min-width: 768px) { table.tableType01 td p { margin-bottom: 50px; padding-left: 20px; letter-spacing: 2px; border-left: 8px solid rgb(74, 188, 188); } } @media (max-width: 767px) { table.tableType01 td p { margin-bottom: 50px; letter-spacing: 2px; border-top: 8px solid rgb(74, 188, 188); } } @media (max-width: 767px) { table.tableType01 td p br { display: none; } } @media (max-width: 767px) { .sp_table { width: 100%; } .date_sptable th, .date_sptable td { display: block; width: 100%; } td.table_time { background-color: rgb(224, 224, 224); } td.table_time p { margin: auto; } td.table_day p { margin: auto; } .sp_price_table th h3 { font-size: 22px; margin: 5px 0px; } .sp_price_table th p { margin-top: -22px; } th.table_yellow { background-color: rgb(244, 208, 112); } td.table_day.table_yellow { background-color: rgb(251, 233, 185); } td.table_price.table_yellow { background-color: rgb(253, 243, 218); } th.table_purple { background-color: rgb(176, 142, 202); } td.table_day.table_purple { background-color: rgb(215, 199, 228); } td.table_price.table_purple { background-color: rgb(241, 235, 245); } th.table_green { background-color: rgb(99, 201, 154); } td.table_day.table_green { background-color: rgb(192, 233, 215); } td.table_price.table_green { background-color: rgb(232, 247, 240); } table.knowhow_table { width: 100%; margin: auto; } table.knowhow_table th, table.knowhow_table td { display: block; } table.glay_sp_table { width: 100%; margin-bottom: 20px; border: 2px solid rgb(221, 221, 221); } table.glay_sp_table thead { text-align: center; background-color: rgb(233, 233, 233); } table.glay_sp_table thead tr { display: inline-block; } table.glay_sp_table thead tr th { font-size: 3rem; padding: 15px; } table.glay_sp_table thead tr td { display: block; padding: 15px 7px; } table.glay_sp_table thead tr td ul { padding-left: 30px; } table.glay_sp_table tbody tr th { font-size: 1.6rem; display: block; padding: 5px; border-top: 1px solid rgb(221, 221, 221); border-bottom: 1px solid rgb(221, 221, 221); background-color: rgb(248, 246, 246); } table.glay_sp_table tbody tr td { display: block; padding: 15px 7px; } table.glay_sp_table tbody tr td ul { padding-left: 30px; } table.dispatch_sp_table { margin-bottom: 10px; border: 1px solid rgb(0, 0, 0); } table.dispatch_sp_table thead { font-size: 1.8rem; text-align: center; } table.dispatch_sp_table thead tr { display: inline-block; } table.dispatch_sp_table thead tr th { padding: 10px; } table.dispatch_sp_table tbody th { font-size: 1.6rem; display: block; padding: 10px 5px; border-top: 1px solid; } table.dispatch_sp_table tbody td { display: block; padding: 8px 5px; border-top: 1px dotted; } } .table-grey { width: 100%; margin: 20px 0px; } .table-grey th { font-size: 15px; font-weight: normal; width: 40%; padding: 25px; border: 1px solid rgb(51, 51, 51); background: rgb(244, 244, 244); } .table-grey td { font-size: 15px; width: 60%; padding: 25px; border: 1px solid rgb(51, 51, 51); } .table-history tr { border-top: 1px solid rgb(51, 51, 51); border-bottom: 1px solid rgb(51, 51, 51); } .table-history th { font-weight: normal; width: 20%; padding: 20px; vertical-align: top; } .table-history td { width: 80%; padding: 20px; } .list-table { list-style: none; display: flex; flex-wrap: wrap; padding: 0px; } @media (max-width: 767px) { .list-table { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } } .list-table li { width: 50%; padding: 10px; border-bottom: 1px solid rgba(51, 83, 169, 0.3); border-right: 1px solid rgba(51, 83, 169, 0.3); } @media (max-width: 767px) { .list-table li { width: 100%; border-right: 1px solid rgba(51, 83, 169, 0.3); border-bottom: 1px solid rgba(51, 83, 169, 0.3); border-left: 1px solid rgba(51, 83, 169, 0.3); border-image: initial; border-top: transparent; } } .list-table li:nth-child(-n+2) { border-top: 1px solid rgba(51, 83, 169, 0.3); } @media (max-width: 767px) { .list-table li:nth-child(-n+2) { border-top: none; } } @media (max-width: 767px) { .list-table li:first-child { border-top: 1px solid rgba(51, 83, 169, 0.3); } } .list-table li:nth-child(2n+1) { border-left: 1px solid rgba(51, 83, 169, 0.3); } @media (max-width: 767px) { .table-fixed { table-layout: fixed; } } .regulation table { table-layout: fixed; } .regulation table th, .regulation table td { padding: 10px; } .regulation table .method, .regulation table .calling { width: 15%; min-width: 150px; } .minimum-charge-table { margin: 10px 0px 20px; } .minimum-charge-table h4 { margin-bottom: 10px; padding-left: 0px !important; border-left: none !important; } @media (max-width: 768px) { .minimum-charge-table tr { vertical-align: top; } } .minimum-charge-table th { font-weight: normal; } .minimum-charge-table .price { text-align: right; } .minimum-charge-table .annotation { font-size: 0.9em; color: rgb(153, 153, 153); text-align: right; } @media (max-width: 768px) { .minimum-charge-table .annotation { display: block; margin-right: -9px; } } .minimum-charge-table.half { display: flex; } @media (max-width: 768px) { .minimum-charge-table.half { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } } .minimum-charge-table.half .table-box:first-child { margin-right: 40px; } @media (max-width: 768px) { .minimum-charge-table.half .table-box:first-child { margin-right: 0px; } } .minimum-charge-table .sp-only { display: none; } @media (max-width: 768px) { .minimum-charge-table .sp-only { display: block; } } .page-id-97 table.sp-column th { width: 33%; } .page-id-97 table.sp-column td { width: 67%; } @media (max-width: 767px) { table.sp-column th, table.sp-column td { display: block; padding: 15px; width: 100% !important; } table.sp-column th { border-bottom: none; } table.sp-column tr:nth-child(n+2) th { border-top: none; } } .page-id-93 .sp-column table tr td:first-child { width: 50%; } @media (max-width: 767px) { .page-id-93 .sp-column table tr td { display: block; width: 100% !important; } } @media (max-width: 767px) { .page-id-93 .sp-column table tr td img { width: 410px; } } .page-id-93 .sp-column table tr td.table-img { padding: 15px !important; } .table-delivery { border: 2px solid rgb(173, 173, 173); width: 940px; max-width: none; } .table-delivery th, .table-delivery td { width: auto; padding: 0px; background: rgb(255, 255, 255); border: 1px solid rgb(173, 173, 173); line-height: 1.2; } .table-delivery th { font-weight: bold; text-align: center; } .table-delivery thead th { background: rgb(241, 241, 241); font-size: 15px; padding: 5px; } .table-delivery thead tr:first-child th:first-child { width: 140px; } .table-delivery thead tr:first-child th:nth-child(2) { width: 240px; } .table-delivery thead tr:first-child th:nth-child(3), .table-delivery thead tr:first-child th:nth-child(4), .table-delivery thead tr:first-child th:nth-child(5), .table-delivery thead tr:first-child th:nth-child(6), .table-delivery thead tr:first-child th:nth-child(7), .table-delivery thead tr:first-child th:nth-child(8), .table-delivery thead tr:first-child th:nth-child(9) { width: 80px; } .table-delivery tbody th { background: rgb(249, 249, 249); font-size: 15px; } .table-delivery tbody tr:first-child td:first-child, .table-delivery tbody tr:first-child td:nth-child(2), .table-delivery tbody tr:first-child td:nth-child(3) { width: 80px; } .table-delivery .border-top-bold { border-top-width: 2px; } .table-delivery .border-right-bold { border-right-width: 2px; } .table-delivery .border-bottom-bold { border-bottom-width: 2px; } .table-delivery .border-left-bold { border-left-width: 2px; } .table-delivery .border-right-dashed { border-right-style: dashed; border-right-color: rgb(36, 145, 147); } .table-delivery .border-left-dashed { border-left-style: dashed; border-left-color: rgb(36, 145, 147); } .table-delivery .box-reception { color: rgb(255, 255, 255); font-weight: bold; text-align: center; padding: 12px 10px; margin: 4px; border-radius: 4px; } .table-delivery .box-deliver { color: rgb(255, 255, 255); font-weight: bold; letter-spacing: 1px; text-align: center; background: rgb(36, 145, 147); padding: 12px 10px; margin: 4px; border-radius: 4px; } .table-delivery .box-dashed { border: 1px dashed rgb(160, 120, 190); margin: 5px; height: 50px; } .table-delivery .line { height: 2px; background: rgb(51, 51, 51); position: relative; } .table-delivery .arrow { width: 0px; height: 0px; border-width: 7px 0px 7px 10px; border-top-style: solid; border-top-color: transparent; border-bottom-style: solid; border-bottom-color: transparent; border-left-style: solid; border-left-color: rgb(51, 51, 51); border-right-style: initial; border-right-color: initial; background: none; position: absolute; top: -6px; right: -4px; } @media (min-width: 992px) { .company__table th.stand_head_area { background: rgb(255, 255, 255); text-align: left; font-weight: normal; width: 18%; } } @media (min-width: 768px) { .company__table th.stand_head_area { background: rgb(255, 255, 255); text-align: left; font-weight: normal; width: 22%; } } @media (max-width: 767px) { .company__table .pc-only { display: none; } } .company__table .num-text { display: inline-block; line-height: 1.6; } .company__table .num-text + * { margin-top: 10px; } @media (max-width: 767px) { .table-sp-vertical th, .table-sp-vertical td { display: block; width: 100% !important; border-bottom: none !important; } } .table-sp-vertical tr:last-child td { border-bottom: 1px solid rgb(51, 51, 51) !important; } .swiper-pagination-bullet-active { background: rgb(1, 165, 164); } .default-table { table-layout: fixed; width: 100%; } .default-table th { background: rgb(244, 244, 244); width: 25%; min-width: 205px; } .default-table th, .default-table td { padding: 15px; border: 1px solid rgb(199, 199, 199); } @media (max-width: 767px) { .default-table th, .default-table td { display: block; width: 100%; border-top: none; } } @media (max-width: 767px) { .default-table tr:first-child th { border: 1px solid rgb(199, 199, 199); } } .default-table-pc { table-layout: fixed; width: 100%; } @media (max-width: 767px) { .default-table-pc { min-width: 768px; } } .default-table-pc th { background: rgb(244, 244, 244); width: 25%; min-width: 205px; } .default-table-pc th, .default-table-pc td { padding: 15px; border: 1px solid rgb(199, 199, 199); } .default-table-pc th a, .default-table-pc td a { overflow-wrap: break-word; } .table-pickup { table-layout: fixed; width: 100%; margin: 20px 0px; } @media (max-width: 767px) { .table-pickup { min-width: 500px; } } .table-pickup th, .table-pickup td { border: 1px solid rgb(221, 221, 221); padding: 20px 15px; } @media (max-width: 767px) { .table-pickup th, .table-pickup td { padding: 10px; } } .table-pickup th.pickup, .table-pickup td.pickup { border-bottom: none !important; } .table-pickup th { background: rgb(244, 244, 244); } .table-pickup th.none { border: none; background: none; } .table-pickup th.pickup { background: rgb(36, 145, 146); color: rgb(255, 255, 255); border-right: 2px solid rgb(36, 145, 146); border-left: 2px solid rgb(36, 145, 146); } .table-pickup td.pickup { border-right: 2px solid rgb(36, 145, 146); border-left: 2px solid rgb(36, 145, 146); } .table-pickup tr.head th { text-align: center; } .table-pickup tr.head th:first-child { width: 200px; } @media (max-width: 767px) { .table-pickup tr.head th:first-child { width: 110px; } } .table-pickup tr:last-child td.pickup { border-bottom: 2px solid rgb(36, 145, 146) !important; } .vertical-top th, .vertical-top td { vertical-align: top; } div.page-title { padding: 10px 0px 0px; border: none; border-radius: 0px; margin-bottom: 20px; } div.page-title div.well { margin-bottom: auto; border: none; padding: 4px; background-color: rgb(200, 200, 200); } @media (max-width: 991px) { div.page-title div.well { margin-top: 15px; } } div.page-title .breadcrumb { margin-bottom: 10px; padding: 0px; border-radius: 0px; background-color: transparent; list-style: none; font-size: 1.4rem; } @media (max-width: 767px) { div.page-title .breadcrumb { overflow-x: scroll; width: auto; white-space: nowrap; margin: -15px -15px 0px; padding: 4px 15px; background: rgb(238, 238, 238); } } div.page-title .breadcrumb li a { font-weight: normal; } div.page-title .breadcrumb br { display: none !important; } div.page-title .breadcrumb .divider { padding: 0px 5px; color: rgb(204, 204, 204); } @media (max-width: 767px) { div.page-title-service { margin-bottom: 0px !important; } } @media (max-width: 767px) { div.page-title-service div.well { width: 100%; position: absolute; z-index: 3; margin: 0px; left: 0px; aspect-ratio: 16 / 10; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; } } div.page-title div.well { padding: 4px; border: none; background-color: transparent; } div.page-title div.well h1 { font-size: 3.2rem; font-weight: bold; text-align: center; color: rgb(51, 51, 51); } @media (max-width: 767px) { div.page-title div.well h1 { font-size: 2.4rem; line-height: 1.4; } } body.page-id-5 div.page-title div.well, body.parent-pageid-5 div.page-title div.well, body.page-id-122 div.page-title div.well, body.parent-pageid-122 div.page-title div.well, body.page-id-126 div.page-title div.well, body.page-id-132 div.page-title div.well, body.parent-pageid-126 div.page-title div.well, body.archive.search div.page-title div.well, body.search-no-results div.page-title div.well, body.page-id-42 div.page-title div.well, body.parent-pageid-42 div.page-title div.well, body.page-id-61 div.page-title div.well, body.parent-pageid-61 div.page-title div.well, body.page-id-7 div.page-title div.well, body.parent-pageid-7 div.page-title div.well { background-color: transparent; } @media (max-width: 767px) { .page-template-page-template-service div.page-title div.well h1 { color: rgb(255, 255, 255); text-shadow: rgba(0, 0, 0, 0.5) 0px 2px 10px; } } .head-area-video .row { display: flex; flex-wrap: wrap; -webkit-box-align: center; align-items: center; margin-right: -15px; margin-left: -15px; } .video-wrap { display: flex; } @media (max-width: 767px) { .video-wrap { margin-right: -15px; margin-left: -15px; } } .video-wrap iframe { width: 100%; height: 100%; aspect-ratio: 16 / 9; } .player { z-index: 1; width: 100%; } .thumb { z-index: 2; width: 100%; height: auto; cursor: pointer; } .thumb:hover { opacity: 0.7; } .interview-page * { line-height: 1.8; } .interview-page p { margin: 0px; } .interview-page .column_div_index { margin-bottom: 30px; } .interview-page .interview-wrap > * + * { margin-top: 2em; } .interview-content { margin-bottom: 60px; } .interview-content > * + * { margin: 60px 0px 0px; } .interview-content h2 { margin-bottom: 30px; } .interview-content h3 { margin-bottom: 15px; } .interview-thumbnail__list { padding: 0px; display: flex; gap: 20px; list-style: none; } @media (max-width: 767px) { .interview-thumbnail__list { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } } .interview-thumbnail__item { width: calc(33.3333% - 13.3333px); } @media (max-width: 767px) { .interview-thumbnail__item { width: 100%; } } .tag-list { display: flex; flex-wrap: wrap; gap: 2px 4px; list-style: none; padding: 0px; margin: 0px; } .tag-list__tag a { padding: 4px 10px 5px; border-radius: 50px; background: rgb(1, 165, 164); color: rgb(255, 255, 255); font-size: 12px; line-height: 1; text-decoration: none; display: block; transition: all 0.3s ease 0s; border: none; } .tag-list__tag a:hover { color: rgb(255, 255, 255); opacity: 0.8; border: none; } .form-base-wrap { margin-bottom: 80px; } .form-base-confirm .wpcf7-spinner { display: none; } .form-base h2 { font-size: 18px; text-align: center; } .form-base h2 span { color: rgb(50, 87, 183); } .form-base .optional { color: rgb(255, 255, 255); font-size: 14px; line-height: 16px; text-align: center; font-weight: bold; margin-left: 10px; top: -1px; position: relative; display: inline-block; padding: 3px 4px; border-radius: 2px; background-color: rgb(103, 103, 103); letter-spacing: 1px; } .form-base label { margin-bottom: 0px; } .form-base .wpcf7-list-item { margin-left: 0px; } .form-base input[type="text"], .form-base input[type="email"], .form-base input[type="tel"], .form-base input[type="number"] { max-width: 100%; border-top: none; border-right: none; border-left: none; border-image: initial; outline: none; border-bottom: 1px solid rgb(50, 87, 183); padding: 4px 2px 2px; } .form-base input[name="your-address"] { width: 100%; } .form-base input[type="submit"], .form-base input[type="button"], .form-base .btn-top { height: 52px; font-size: 16px; min-width: 130px; font-weight: bold; border-radius: 32px; border: none; padding: 0px 30px; margin: 0px 15px; } .form-base input[type="submit"]:hover, .form-base input[type="button"]:hover, .form-base .btn-top:hover { opacity: 0.8; } .form-base .wpcf7-acceptance label { font-weight: normal; } .form-base input[type="submit"], .form-base .btn-top { color: rgb(255, 255, 255); background-color: rgb(50, 87, 183); } .form-base input[type="button"] { color: rgb(50, 87, 183); background-color: rgb(255, 255, 255); } .form-base input[disabled] { background: rgb(163, 163, 163); } .form-base select { border-top: none; border-right: none; border-left: none; border-image: initial; outline: none; border-bottom: 1px solid rgb(50, 87, 183); padding: 4px 2px 2px; margin-top: 5px; width: 332px; max-width: 100%; height: 32px; } .form-base textarea { outline: none; border: 1px solid rgb(50, 87, 183); border-radius: 2px; padding: 5px 7px; margin-top: 5px; width: 100%; height: 120px; } .form-base .wpcf7-spinner { position: absolute; top: 50%; left: 50%; display: block; transform: translate(-50%, -50%); margin: 0px; } .form-base-box { max-width: 100%; border: 1px solid rgb(50, 87, 183); margin: 0px auto 50px; padding: 20px 50px; width: 100% !important; } @media (max-width: 767px) { .form-base-box { padding: 10px 30px; } } .form-base-box > div { margin: 40px 0px; } .form-base .agree-box { max-width: 100%; margin: 0px auto 50px; padding: 0px 100px; width: 100% !important; } @media (max-width: 767px) { .form-base .agree-box { padding: 10px 30px; } } .balloon { width: 100%; margin: 1.5em 0px; overflow: hidden; } .balloon .faceicon { float: left; margin-right: -90px; width: 80px; } .balloon .faceicon img { width: 100%; height: auto; border-radius: 50%; } .balloon .chatting { width: 100%; } .says { display: inline-block; position: relative; margin: 5px 0px 0px 105px; padding: 17px 13px; border-radius: 12px; background: rgba(45, 178, 181, 0.2); } .says::after { content: ""; display: inline-block; position: absolute; top: 18px; left: -24px; border-width: 12px; border-style: solid; border-color: transparent rgba(45, 178, 181, 0.2) transparent transparent; border-image: initial; } .says p { margin: 0px; padding: 0px; } .balloon--my .faceicon { float: right; margin-left: -90px; margin-right: auto; } .balloon--my .chatting { text-align: end; } .balloon--my .says { background: rgba(92, 121, 197, 0.2); } .balloon--my .says::after { right: -24px; left: auto; transform: rotate(180deg); border-right: 12px solid rgba(92, 121, 197, 0.2); } .balloon--my .says p { text-align: left; } @media (max-width: 767px) { .conversation .balloon .faceicon { width: 40px; margin-top: 16px; } } .conversation .balloon .says { margin: 5px 105px 0px; } @media (max-width: 767px) { .conversation .balloon .says { margin: 5px 60px 0px; } } .addtoany_list .addtoany_share img { width: 30px; } .tab__wrap { display: block; color: rgb(255, 255, 255); font-weight: bold; font-size: 20px; position: relative; } @media (max-width: 767px) { .tab__wrap { font-size: 15px; } } .tab__wrap::before { position: absolute; content: ""; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); z-index: 2; backface-visibility: hidden; transition: all 0.3s ease 0s; } .tab__wrap:hover::before { background: rgba(1, 128, 165, 0.3); mix-blend-mode: multiply; } .tab__img img { filter: grayscale(100%); } .tab__text { width: 100%; position: absolute; top: 50%; left: 0px; transform: translateY(-50%); text-align: center; z-index: 3; } .tab__text::after { font-family: "Font Awesome 5 pro"; font-weight: 900; content: ""; position: absolute; left: 50%; transform: translateX(-50%); bottom: -30px; font-size: 40px; } @media (max-width: 767px) { .tab__text::after { font-size: 30px; bottom: -20px; } } .tab__list { list-style: none; margin: 0px; padding: 0px; display: flex; flex-wrap: wrap; gap: 1px; } .tab__item { width: calc(25% - 0.75px); } @media (max-width: 991px) { .tab__item { width: calc(50% - 0.5px); } } .tab__item.active .tab__wrap::before { background: rgba(1, 128, 165, 0.8); mix-blend-mode: multiply; } .tab__item.active .tab__text { text-shadow: rgb(0, 0, 0) 0px 0px 6px; } .tab-body { display: none; opacity: 0; margin-top: 40px; } .tab-body > p { margin-bottom: 30px; } .tab-body.is-active { display: block; animation-name: displayAnime; animation-duration: 2s; animation-fill-mode: forwards; } @-webkit-keyframes displayAnime { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes displayAnime { 0% { opacity: 0; } 100% { opacity: 1; } } .tab-img img { width: 100%; } .tab-content__menu { display: flex; gap: 4px; } @media (max-width: 767px) { .tab-content__menu { overflow: scroll; } } .tab-content__menu--5 .tab-content__btn { width: calc(20% - 3.2px); } .tab-content__btn { background: rgb(245, 245, 245); text-align: center; padding: 4px; border-radius: 5px 5px 0px 0px; cursor: pointer; border-top: 2px solid transparent; border-right: 2px solid transparent; border-left: 2px solid transparent; border-image: initial; border-bottom: none; min-width: 120px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; } .tab-content__btn:hover { border-top: 2px solid rgb(45, 178, 181); border-right: 2px solid rgb(45, 178, 181); border-left: 2px solid rgb(45, 178, 181); border-image: initial; border-bottom: none; } .tab-content__btn.active { background: rgb(45, 178, 181); color: rgb(255, 255, 255); cursor: default; } .tab-content__body { display: none; padding: 30px; border: 2px solid rgb(45, 178, 181); } @media (max-width: 767px) { .tab-content__body { padding: 10px; } } .tab-content__body.active { display: block; } .tab-content__flexWrap { display: flex; gap: 20px; } @media (max-width: 767px) { .tab-content__flexWrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } } .tab-content__info { -webkit-box-flex: 1; flex: 1 1 0%; } .tab-content__title { text-align: center; margin: 30px 0px; } @media (max-width: 767px) { .tab-content__title { margin-top: 20px; } } .tab-content__sample { width: 55%; } @media (max-width: 767px) { .tab-content__sample { width: 100%; } } .tab-content__sample .link-wrap { text-align: right; margin-top: 10px; } .tab-content__text + .tab-content__text { margin-top: 2em; } .flow-chart { margin-top: 40px; border-radius: 5px; border: 2px solid rgb(45, 178, 181); background: rgb(255, 255, 255); } .flow-chart__inner { padding: 40px; } @media (min-width: 768px) and (max-width: 991px) { .flow-chart__inner { padding: 20px; } } @media (max-width: 767px) { .flow-chart__inner { padding: 20px; } } .flow-chart__question, .flow-chart__answer-wrap { display: none; } .flow-chart__question.active, .flow-chart__answer-wrap.active { display: block; } .flow-chart__question--second { margin-top: 40px; border-top: 1px dashed rgb(153, 153, 153); } .flow-chart__answer-wrap { margin-top: 40px; border-top: 1px dashed rgb(153, 153, 153); } .flow-chart__title { margin: 40px 0px; text-align: center; font-weight: bold; font-size: 20px; } .flow-chart__list { display: flex; -webkit-box-pack: center; justify-content: center; flex-wrap: wrap; list-style: none; gap: 40px; padding: 0px; margin: 0px; } @media (min-width: 768px) and (max-width: 991px) { .flow-chart__list { gap: 20px 10px; } } @media (max-width: 767px) { .flow-chart__list { gap: 20px; } } .flow-chart__list li { cursor: pointer; width: calc(50% - 20px); border: 1px solid rgb(45, 178, 181); background: rgb(245, 248, 248); color: rgb(1, 165, 164); transition: all 0.3s ease 0s; border-radius: 5px; text-align: center; padding: 16px; } @media (min-width: 768px) and (max-width: 991px) { .flow-chart__list li { width: calc(50% - 5px); padding: 20px 5px; } } @media (max-width: 767px) { .flow-chart__list li { width: 100%; padding: 20px 10px; word-break: auto-phrase; } } .flow-chart__list li:hover, .flow-chart__list li.positive { background: rgb(45, 178, 181); color: rgb(255, 255, 255); } .flow-chart__list li.positive { pointer-events: none; } .flow-chart__list li.non-positive { border: 1px solid rgb(238, 238, 238); background: rgb(238, 238, 238); pointer-events: none; color: rgb(51, 51, 51); } .flow-chart__answer-text { margin-bottom: 0px; margin-top: 40px; } .flow-chart__answer-link .link-wrap { margin-top: 10px; } .flow-chart__restart { display: none; text-align: center; margin-top: 80px; } @media (max-width: 767px) { .flow-chart__restart { word-break: auto-phrase; } } .flow-chart__loading { text-align: center; margin: 0px; } .flow-chart__reload_text { cursor: pointer; text-decoration: underline; color: rgb(45, 178, 181); } .flow-chart__content { display: none; } .radius-icon { padding: 4px 10px; border-radius: 50px; background: rgb(45, 178, 181); color: rgb(255, 255, 255); font-size: 12px; line-height: 1; font-weight: normal; } .radius-icon--clear { border: 1px solid rgb(45, 178, 181); color: rgb(45, 178, 181); background: transparent; } .flexslider { width: 100%; float: left; box-shadow: none !important; } @media (max-width: 991px) and (min-width: 767px) { .flexslider { width: 100%; float: none; } } @media (max-width: 767px) { .flexslider { border-radius: 0px; border: none !important; margin: 0px !important; box-shadow: none !important; } } .flexslider .slides img { width: auto; display: block; } @media (max-width: 767px) { .flexslider .slides img { width: 100%; display: block; } } .flex-control-nav { bottom: 3px !important; z-index: 9999; } @media (max-width: 767px) { .flex-control-nav { bottom: 3px !important; z-index: 2; } } .side_contents { width: 25%; float: right; margin-bottom: 30px; } @media (max-width: 991px) and (min-width: 767px) { .side_contents { width: 100%; float: none; } } .panel.panel-important.wit { color: rgb(255, 255, 255); border-radius: 15px; margin-bottom: 10px; background-color: rgb(45, 179, 182) !important; } @media (max-width: 991px) and (min-width: 767px) { .panel.panel-important.wit { width: 49%; float: left; margin-bottom: 20px !important; } } @media (max-width: 767px) { .panel.panel-important.wit { color: rgb(255, 255, 255); border-radius: 0px; background-color: rgb(45, 179, 182) !important; margin-bottom: 0px !important; } } @media (max-width: 1024px) and (min-width: 768px) { .panel.panel-important.wit { float: left; width: 49%; margin-bottom: 20px !important; } } .panel.panel-important.wit .form-control, .panel.panel-important.wit span.input-group-addon { border: none !important; } @media (max-width: 767px) { .panel.panel-important.wit .form-control, .panel.panel-important.wit span.input-group-addon { border: none !important; } } .panel.panel-important.wit .esb-displayer { border-color: rgb(255, 255, 255); } @media (max-width: 767px) { } div.panel-important > div.panel-heading { padding: 10px 15px !important; border: none !important; } @media (max-width: 767px) { div.panel-important > div.panel-heading { padding: 10px 15px !important; border: none !important; } } div.panel-important h3.panel-title { color: rgb(255, 255, 255) !important; } @media (max-width: 767px) { div.panel-important h3.panel-title { color: rgb(255, 255, 255) !important; text-align: left; } } div.panel-important .panel-body { padding: 0px 10px 15px !important; } @media (max-width: 767px) { div.panel-important .panel-body { padding: 0px 10px 15px !important; } } @media (max-width: 767px) { div.panel-important .form-control { font-size: 1.1rem !important; } } .div.panel-important { border-radius: 20px !important; } @media (max-width: 767px) { .div.panel-important { border-radius: 20px !important; } } .list-attention { clear: both; } ul.list-attention { display: none; } @media (max-width: 767px) { ul.list-attention { display: none; clear: both; } } .link-whats-mypage { text-decoration: none; margin-left: 5px; font-size: 14px; font-weight: bold; } .estimate_btn { background: rgb(0, 122, 123); font-size: 18px; box-shadow: none; padding: 3px 0px; border: 0px; border-radius: 5px; text-shadow: none; width: 125px; height: 38px; color: rgb(255, 255, 255); font-weight: bold; transition: all 0.3s ease 0s; text-decoration: none; } @media (max-width: 767px) { .estimate_btn { width: 100%; } } .estimate_btn:hover { background-color: rgb(50, 204, 152); color: rgb(255, 255, 255); transition: all 0.3s ease 0s; } .estimate_btn.btn-block { background: rgb(0, 122, 123); color: rgb(255, 255, 255); font-size: 20px; box-shadow: rgb(94, 134, 136) 0px 2px 0px 0px; border: none; border-radius: 5px; padding: 12px 0px; width: 180px; max-width: 100%; height: auto; transition: all 0.3s ease 0s; } .estimate_btn.btn-block:hover { transform: translateY(2px); box-shadow: none; background-color: rgb(0, 122, 123); color: rgb(255, 255, 255); transition: all 0.3s ease 0s; } .work_situation_area { clear: both; } @media (min-width: 768px) { .work_situation_area { background: rgb(241, 241, 241); font-weight: bold; } } @media (max-width: 767px) { .work_situation_area { border-top: 1px solid rgb(238, 238, 238); border-bottom: 1px solid rgb(238, 238, 238); } } .work_situation_area h4 { display: block; margin: 0px 10px 0px 0px; font-size: 1.4rem !important; } .work_situation_area h4 i { display: none; } .work_situation_area .textwidget { display: block; } @media (min-width: 768px) { .work_situation_area .textwidget { color: rgb(51, 51, 51); } } .work_situation_area .state { background: rgb(255, 255, 255); color: rgb(66, 66, 66); font-weight: bold; padding: 10px 0px; } @media (max-width: 767px) { .work_situation_area .state { font-size: 14px; background: rgb(245, 245, 245); padding: 5px 0px; } } .work_situation_area .state.caution { background: rgb(255, 234, 235); color: rgb(252, 87, 87); } .work_situation_area .state-inner { max-width: 940px; margin: 0px auto; padding: 0px 10px; } @media (max-width: 767px) { .work_situation_area .state-inner a { margin: 0px 0px 4px; display: inline-block; } } #first_wrap { background: rgb(183, 223, 224); padding: 50px 0px; } @media (max-width: 767px) { #first_wrap { background: rgb(183, 223, 224); padding: 50px 0px; } } #first_wrap .container { position: relative; } #first_wrap h2 { font-size: 24px; color: rgb(255, 255, 255); background: rgb(1, 176, 179); padding: 15px 18px 12px; display: inline-block; margin-bottom: 20px; } @media (min-width: 768px) and (max-width: 991px) { #first_wrap h2 { margin-bottom: 5px; } } @media (max-width: 767px) { #first_wrap h2 { margin-bottom: 5px; } } #first_wrap h2.m-spacer { margin-bottom: 20px; } #first_wrap h2 + p { font-size: 16px; font-weight: bold; color: rgb(36, 145, 146); margin: 0px 0px 0px 10px; display: inline-block !important; } @media (min-width: 768px) and (max-width: 991px) { #first_wrap h2 + p { margin: 0px 0px 20px; display: block !important; } } @media (max-width: 767px) { #first_wrap h2 + p { margin: 0px 0px 20px; } } .home .service_area, .home .security_area { margin-bottom: 50px; } @media (max-width: 991px) and (min-width: 767px) { .home .service_area h2::before, .home .security_area h2::before { left: 11px !important; } } @media (max-width: 1024px) and (min-width: 768px) { .home .service_area h2::before, .home .security_area h2::before { left: 11px !important; } } @media (max-width: 991px) and (min-width: 767px) { .data_area h2::before { left: 11px !important; } } @media (max-width: 1024px) and (min-width: 768px) { .data_area h2::before { left: 11px !important; } } @media (max-width: 1024px) and (min-width: 768px) { .service_area h2 { padding-left: 45px !important; } } @media (max-width: 1024px) and (min-width: 768px) { .security_area h2 { padding-left: 40px !important; } } @media (max-width: 1024px) and (min-width: 768px) { .data_area h2 { padding-left: 50px !important; } } .image-shadow-list { padding: 0px 15px; } .image-shadow { margin-bottom: 20px; } @media (max-width: 767px) { .image-shadow { margin-bottom: 20px; } } .image-shadow img { width: 100%; height: 166px; box-shadow: rgb(129, 156, 156) 0px 3px 0px 1px; } @media (max-width: 991px) and (min-width: 767px) { .image-shadow img { height: 126px; } } .image-shadow a:hover > img { opacity: 0.8; } .centering_area { text-align: center; clear: both; } .centering { display: inline-block; width: 25%; min-height: 1px; padding-right: 15px; padding-left: 15px; } .service-detail { display: block; text-align: right; color: rgb(36, 145, 147); font-weight: bold; font-size: 20px; text-decoration: none; } #second_wrap { padding: 0px 0px 50px; margin-top: 50px; } @media (max-width: 767px) { #second_wrap { padding: 25px 0px; } } #second_wrap .container { position: relative; } @media (max-width: 767px) { #second_wrap .container { position: relative; } } #second_wrap h2 { border-bottom: 3px solid rgb(204, 204, 204); margin-bottom: 30px; } a.detail-link { top: 22px; right: 15px; position: absolute; font-size: 15px; font-weight: bold; z-index: 1; } @media (max-width: 991px) and (min-width: 767px) { a.detail-link { right: 15px !important; } } @media (max-width: 767px) { a.detail-link { font-size: 1.2rem; position: absolute; right: 15px; top: 0px; } } @media (max-width: 1024px) and (min-width: 768px) { a.detail-link { right: 15px !important; } } a.detail-link i { margin-right: 7px; } .news-list { margin-bottom: 20px; } .home .news-list { margin-bottom: 15px; } @media (max-width: 767px) { .news-list { margin-bottom: 15px; } } .thum-area { display: block; margin-bottom: 10px; width: 100%; height: 135px; overflow: hidden; position: relative; border: 1px solid rgb(187, 187, 187); } @media (max-width: 991px) and (min-width: 767px) { .thum-area { height: 115px; } } @media (max-width: 1024px) and (min-width: 768px) { .thum-area { height: 115px; } } .thum-area a:hover img { opacity: 0.8; } .thum-area img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } @media (max-width: 767px) { body.home .thum-area { display: none; } } span.news-cat { background: rgb(255, 236, 125); color: rgb(160, 137, 0); font-weight: bold; padding: 5px 10px; } @media (max-width: 767px) { span.news-cat { margin-bottom: 3px; padding: 2px 7px; color: rgb(148, 122, 0); font-size: 1rem; font-weight: bold; background: rgb(254, 236, 124); display: inline-block; } } span.column-cat { background: rgb(255, 231, 231); color: rgb(138, 88, 88); font-weight: bold; letter-spacing: 1px; padding: 5px 10px; } @media (max-width: 767px) { span.column-cat { margin-bottom: 3px; padding: 2px 7px; font-size: 1rem; font-weight: bold; display: inline-block; } } a.news-title { font-size: 16px; font-weight: bold; margin: 5px 0px 0px; display: block; color: rgb(51, 51, 51); text-decoration: none; word-break: break-all; } @media (max-width: 767px) { a.news-title { font-size: 14px; margin: 0px; word-break: break-all; } } a.news-title:hover { opacity: 0.8; color: rgb(47, 177, 180); transition: all 0.3s ease 0s; } span.news-date { font-size: 14px; font-weight: bold; } .bnr-area { margin-top: 50px; } .bnr-thum { margin-bottom: 30px; } #top { display: none !important; } #third_wrap { padding: 0px 0px 50px; } #third_wrap .container { position: relative; } #third_wrap h2 { border-bottom: 3px solid rgb(204, 204, 204); margin-bottom: 30px; } .yellow-creature { bottom: 52px; right: 193px; position: absolute; display: none; width: 60px; height: auto; } .blue-creature { bottom: 55px; right: -40px; position: absolute; transform: scale(-1, 1); display: none; } .blue-creature-02 { right: 55px; bottom: -40px; position: absolute; transform: scale(-1, 1); display: none; } .yellow-creature-02 { right: 58px; bottom: 150px; position: absolute; display: none; width: 60px; height: auto; } .fonts_25 { font-size: 2.5rem; } @media (min-width: 768px) and (max-width: 991px) { .fonts_25 { font-size: 1.5rem !important; } } @media (max-width: 991px) and (min-width: 767px) { .fonts_25 { font-size: 1.5rem; } } .text span.letter_m6 { letter-spacing: -6px; } @media (max-width: 767px) { .text span.letter_m6 { letter-spacing: -6px; } } @media (min-width: 768px) { .text span.letter_m6 { letter-spacing: -6px; } } @media (max-width: 991px) and (min-width: 767px) { .header-left-content { width: 65%; overflow: hidden; float: left; } } @media (min-width: 768px) { .header-left-content { float: left; overflow: hidden; width: 60%; } } @media (max-width: 991px) and (min-width: 767px) { .header-left { margin-bottom: 0px; } #header-contact { margin-top: 10px !important; width: 190px !important; } #header-contact img { width: initial; } header#header #header-logo { width: 41.6667% !important; } #header-secure { width: 58.3333% !important; } .header-right-content { width: 35%; overflow: hidden; float: right; } .footer-navi-area td { padding: 0px 20px 10px; } .footer-info-area .header-left img { width: 100%; } .footer-info-area .logo-area, .footer-info-area .tel-area { padding-right: 0px; } .footer-info-area .header-right { margin-bottom: 10px; } .footer-info-area div.header-link { margin-top: 0px !important; } } .walk-area-wrap { position: fixed; width: 100%; bottom: 0px; z-index: 999; } .walk-area { animation: 16s linear 0s infinite normal none running walk; width: 60px; z-index: 9999; } @-webkit-keyframes walk { 0% { margin-left: -50px; } 100% { margin-left: 110%; } } @keyframes walk { 0% { margin-left: -50px; } 100% { margin-left: 110%; } } img.walk { width: 60px; height: auto; } @-webkit-keyframes purupuru { 0% { transform: scale(1, 1) translate(0%, 0%); } 20% { transform: scale(1, 1.06) translate(-5%, -4%) skew(6deg, 0deg); } 50% { transform: scale(1, 0.94) translate(5%, 4%) skew(-6deg, 0deg); } 65% { transform: scale(1, 1.03) translate(2%, -2%) skew(-3deg, 0deg); } 80% { transform: scale(1, 0.97) translate(-2%, 2%) skew(3deg, 0deg); } 100% { transform: scale(1, 1) translate(0%, 0%); } } @keyframes purupuru { 0% { transform: scale(1, 1) translate(0%, 0%); } 20% { transform: scale(1, 1.06) translate(-5%, -4%) skew(6deg, 0deg); } 50% { transform: scale(1, 0.94) translate(5%, 4%) skew(-6deg, 0deg); } 65% { transform: scale(1, 1.03) translate(2%, -2%) skew(-3deg, 0deg); } 80% { transform: scale(1, 0.97) translate(-2%, 2%) skew(3deg, 0deg); } 100% { transform: scale(1, 1) translate(0%, 0%); } } @-webkit-keyframes cloud { 0% { margin-left: -50px; } 100% { margin-left: 110%; } } @keyframes cloud { 0% { margin-left: -50px; } 100% { margin-left: 110%; } } @-webkit-keyframes body { 0% { width: 45px; } 100% { width: 50px; } } @keyframes body { 0% { width: 45px; } 100% { width: 50px; } } @-webkit-keyframes hands { 0% { height: 11px; margin-left: 5px; } 50% { height: 13px; margin-left: 5px; } 100% { height: 11px; margin-left: 11px; } } @keyframes hands { 0% { height: 11px; margin-left: 5px; } 50% { height: 13px; margin-left: 5px; } 100% { height: 11px; margin-left: 11px; } } @media (max-width: 991px) and (min-width: 767px) { #footer-btn-area-01 { display: none !important; } } #footer-btn-area-01 a:hover > img { opacity: 1; animation: 0.8s ease-out 0s 1 normal none running animScale; transform-origin: 50% 50%; } @-webkit-keyframes animScale { 0% { transform: scale(0.8, 0.8); } 40% { transform: scale(1.2, 1.2); } 60% { transform: scale(1, 1); } 80% { transform: scale(1.1, 1.1); } 100% { transform: scale(1, 1); } } @keyframes animScale { 0% { transform: scale(0.8, 0.8); } 40% { transform: scale(1.2, 1.2); } 60% { transform: scale(1, 1); } 80% { transform: scale(1.1, 1.1); } 100% { transform: scale(1, 1); } } .easy-select-box .esb-displayer:hover { opacity: 0.8; } .easy-select-box:hover .esb-displayer { text-decoration: none; } .easy-select-box.disabled .esb-displayer, .easy-select-box:hover.disabled .esb-displayer { background-position: 0px -36px; } .easy-select-box .esb-dropdown { background: rgb(255, 255, 255); border: 1px solid rgb(204, 204, 204); display: none; max-height: 200px; overflow: auto; position: absolute; z-index: 999; max-width: 100% !important; width: 100% !important; } .easy-select-box .esb-item { padding: 3px; background: rgb(255, 255, 255); color: rgb(12, 34, 69); cursor: default; width: 100% !important; } .easy-select-box .esb-item:hover { background: rgb(57, 203, 204); color: rgb(255, 255, 255); text-decoration: none; } .position-r { position: relative; } #ui-datepicker-div { box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 15px 0px; width: 340px; background-color: white !important; } @media (max-width: 767px) { #ui-datepicker-div { box-shadow: rgba(0, 0, 0, 0.3) 1px 0px 10px 2px; width: 95%; max-width: 400px; padding: 0px; z-index: 9999 !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; background-color: white !important; position: fixed !important; } } input#datepicker { background: rgb(255, 255, 255) !important; } .ui-datepicker table { font-size: 1em !important; } @media (max-width: 767px) { .ui-datepicker table { height: 420px; max-height: 60vh; } } .ui-datepicker td span, .ui-datepicker td a { padding: 0.55em 0.6em 0.55em 0.2em !important; } @media (max-width: 767px) { .ui-datepicker td span, .ui-datepicker td a { font-size: 18px; padding: 5px 15px 5px 5px !important; } } .ui-datepicker td span { color: rgb(156, 156, 156); } @media (max-width: 767px) { .ui-datepicker td span { color: rgb(156, 156, 156); } } .ui-datepicker td a { font-weight: bold; } @media (max-width: 767px) { .ui-datepicker td a { font-weight: bold; } } .ui-datepicker .ui-datepicker-buttonpane { display: none; } @media (max-width: 767px) { .ui-datepicker .ui-datepicker-buttonpane { display: block; position: absolute; top: -45px; right: 2px; margin: 0px !important; padding: 0px !important; } } @media (max-width: 767px) { .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { display: none; } } @media (max-width: 767px) { .ui-datepicker .ui-datepicker-buttonpane button { background: transparent; border: none; color: rgb(255, 255, 255); font-size: 38px; text-shadow: rgba(0, 0, 0, 0.3) 0px 1px 8px; margin: 0px !important; padding: 6px !important; } } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { width: 1.2em !important; height: 1.2em !important; } @media (max-width: 767px) { .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { color: rgb(255, 255, 255); font-weight: bold; font-size: 32px; top: -2px !important; } } @media (max-width: 767px) { .ui-datepicker .ui-datepicker-header { color: rgb(255, 255, 255); background: rgb(1, 160, 163); padding: 10px 0px !important; } } #overlay { display: none; background: rgba(0, 0, 0, 0.6); width: 100%; height: 100vh; position: fixed; top: 0px; z-index: 9999; } @media (min-width: 768px) { #overlay { display: none !important; } } #overlay.is-open { display: block; } @media (max-width: 1024px) { .page-id-443 .panel.panel-important.wit { width: auto; } } .home .swiper-container { width: 100%; background: rgb(255, 255, 255); } @media (min-width: 992px) { .home .swiper-container { height: 417px; } } @media (max-width: 767px) { .home .swiper-container { padding-bottom: 45px; } } .home .swiper-slide { text-align: center; font-size: 18px; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; max-width: 940px; } .home .swiper-slide img { opacity: 0.6; max-width: 100%; } .swiper-slide-active img { opacity: 1 !important; } div.well.well-cover { border-radius: 0px; border: none; padding: 0px; margin-bottom: 0px; } @media (max-width: 767px) { div.well.well-cover { padding: 0px !important; margin: 0px !important; } } @media (max-width: 767px) { div.well.well-cover > .container { padding-right: 0px; padding-left: 0px; } } .home .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { width: 50px; height: 8px; border-radius: 0px; background: rgb(145, 145, 145); } @media (max-width: 767px) { .home .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { width: 8px; height: 8px; border-radius: 100%; margin: 0px 15px; } } @media (max-width: 767px) { .home .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet-active { background: rgb(1, 176, 179); } } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: url(""); left: 50%; transform: translateX(-480px); transition: all 0.2s linear 0s; } .swiper-button-prev:hover, .swiper-container-rtl .swiper-button-next:hover { transform: translateX(-485px); } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: url(""); right: 50%; transform: translateX(480px); transition: all 0.2s linear 0s; } .swiper-button-next:hover, .swiper-container-rtl .swiper-button-prev:hover { transform: translateX(485px); } @media (max-width: 767px) { .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 12px; } } .simple-estimate-outer { background: rgb(237, 237, 237); } @media (max-width: 767px) { .simple-estimate-outer form { display: flex; align-content: flex-end; } } .simple-estimate-inner { position: relative; height: 100%; max-width: 940px; margin: 0px auto; } @media (min-width: 768px) and (max-width: 991px) { .simple-estimate-inner { width: 100%; } } .home .title-simple-estimate { font-size: 18px; color: rgb(0, 122, 123); margin: 22px 10px 8px 0px; display: inline-block; } @media (max-width: 767px) { .home .title-simple-estimate { margin-top: 15px; margin-bottom: 0px; } } .tooltip-simple-estimate { font-size: 14px; font-weight: bold; color: rgb(36, 145, 146); cursor: pointer; border-bottom: 2px dotted rgb(36, 145, 146); margin-left: 5px; padding: 0px 1px 1px; } .tooltip-simple-estimate:hover { opacity: 0.7; } .top-price { background: rgb(237, 237, 237); padding: 10px 0px 30px; display: none !important; } .top-price h2 { font-size: 18px; color: rgb(0, 122, 123); margin: 0px; padding-top: 25px; border-top: 1px solid rgb(141, 141, 141); } .top-price p { font-size: 15px; margin-bottom: 15px; } .difference { padding: 70px 0px; background: rgb(240, 240, 240); } .difference h2 { font-size: 30px; color: rgb(51, 87, 184); margin-bottom: 70px; } @media (max-width: 767px) { .difference h2 { font-size: 20px; margin-bottom: 30px; } } .difference a { text-decoration: none; display: block; margin: 0px -15px; padding: 15px; } .difference a p { color: rgb(66, 66, 66); max-width: 180px; margin: 0px auto; transition: all 0.3s linear 0s; } @media (max-width: 767px) { .difference a p { max-width: none; } } .difference a:hover p { color: rgb(51, 87, 184); } .difference h3 { font-size: 16px; font-weight: bold; color: rgb(51, 87, 184); margin: 1em 0px 0.3em; } .top-links { padding-top: 60px; padding-bottom: 50px; } @media (max-width: 767px) { .top-links { padding-top: 40px; padding-bottom: 20px; } } .top-links ul { list-style-type: none; padding-left: 0px; display: flex; flex-wrap: wrap; margin-left: -10px; margin-right: -10px; } .top-links ul li { flex-basis: 20%; max-width: 20%; padding: 0px 10px; } @media (max-width: 767px) { .top-links ul li { flex-basis: 100%; max-width: none; margin-bottom: 15px; } .top-links ul li:last-child { margin-bottom: 0px; } } .top-interview { padding-top: 90px; padding-bottom: 60px; } @media (max-width: 991px) { .top-interview h2 { width: 260px; } } .top-interview h2 { margin: 0px auto 60px; } .top-interview h2 img { max-width: 100%; } .box-interview { background: rgb(240, 240, 240); padding: 0px; text-decoration: none; display: block; transition: all 0.3s ease 0s; } @media (max-width: 991px) { .box-interview { margin-bottom: 30px; } } .box-interview:hover, .box-interview:focus { opacity: 0.8; text-decoration: none; } .box-interview:hover > img, .box-interview:focus > img { opacity: 1; } .box-interview-top { background: rgb(118, 118, 118); padding: 20px 20px 25px; } .box-interview-top h3 { color: rgb(255, 255, 255); font-weight: bold; margin: 0px 0px 10px; font-size: 18px; } .box-interview-top p { color: rgb(255, 255, 255); margin: 0px; font-size: 16px; } .box-interview-bottom { display: flex; flex-wrap: wrap; } .box-interview-bottom > div { flex-basis: 53%; padding-top: 20px; } .box-interview-bottom p { color: rgb(66, 66, 66); font-weight: normal; font-size: 16px; margin: 0px 20px; } .box-interview-bottom ul { color: rgb(66, 66, 66); padding-left: 25px; padding-bottom: 10px; margin-left: 20px; font-size: 16px; } .box-interview-bottom > figure { flex-basis: 47%; } .box-interview-bottom > figure img { width: 100%; } @media (max-width: 991px) { .box-interview-bottom { -webkit-box-orient: vertical; -webkit-box-direction: reverse; flex-direction: column-reverse; } .box-interview-bottom > div { flex-basis: 100%; } .box-interview-bottom > figure { flex-basis: 100%; } .box-interview-bottom > figure img { padding: 20px 20px 0px; } } .bnr_area_pc { max-width: 940px; margin: 0px auto 40px; } @media (min-width: 768px) and (max-width: 991px) { .bnr_area_pc { max-width: 720px; } } .bnr_area_pc img { max-width: 100%; display: block; } .state a:hover { opacity: 0.7; } .notice-delivery { color: rgb(255, 19, 68); font-weight: bold; margin: -10px 0px 20px; } .notice-delivery a { color: rgb(255, 19, 68); } .notice-delivery a:hover { opacity: 0.7; } @media (max-width: 767px) { body.open { overflow: hidden; } } @media (max-width: 767px) { article { margin-bottom: 0px !important; } } @media (max-width: 767px) { article #area_slider .flexslider { margin: 0px; padding: 0px; border: none; border-radius: 0px; box-shadow: none; } } @media (max-width: 767px) { article #area_slider .flex-control-nav { bottom: 0px; z-index: 10; } } article #area_slider .flex-control-paging li { margin: 0px 3px; } article #area_slider .flex-control-paging li a { width: 8px; height: 8px; } @media (max-width: 767px) { article h2 { margin: 0px 0px 20px; font-size: 1.6rem; font-weight: bold; } } @media (max-width: 767px) { article a { color: rgb(62, 160, 169); } } @media (max-width: 767px) { article #area_estimate { background: rgb(45, 179, 182); padding: 25px 0px; } } @media (max-width: 767px) { article #area_estimate h2 { color: rgb(255, 255, 255); } } @media (max-width: 767px) { article #area_estimate select { border: 1px solid rgb(255, 255, 255); background: none; margin-bottom: 5px; color: rgb(255, 255, 255); } } @media (max-width: 767px) { article #area_estimate #txt_date { margin-bottom: 5px; } } @media (max-width: 767px) { article #area_estimate .btn_estimate { width: 100%; height: 110px; color: rgb(255, 255, 255); font-size: 1.8rem; font-weight: bold; background: rgb(58, 204, 204); border-top: none; border-left: 1px solid rgb(33, 124, 127); border-right: 1px solid rgb(33, 124, 127); border-bottom: 4px solid rgb(33, 124, 127); border-radius: 10px; } } @media (max-width: 767px) { article #area_service { padding: 25px 0px; background: rgb(209, 240, 235); } } @media (max-width: 767px) { article #area_service ul { margin: 0px; padding: 0px; list-style: none; } } @media (max-width: 767px) { article #area_service .obj_link_more a { font-size: 1.2rem; } } @media (max-width: 767px) { article #area_service .obj_link_more a i { font-size: 1.5rem; } } @media (max-width: 767px) { article #area_service li a { margin-bottom: 10px; padding: 13px; color: rgb(62, 160, 169); font-size: 1.2rem; font-weight: bold; background: rgb(255, 255, 255); border-left: 1px solid rgb(148, 168, 166); border-right: 1px solid rgb(148, 168, 166); border-bottom: 3px solid rgb(148, 168, 166); border-radius: 7px; display: block; text-decoration: none; } } @media (max-width: 767px) { article #area_service li a.service_type01 { background: rgb(184, 238, 238); } } @media (max-width: 767px) { article #area_service li a.service_type02 { background: rgb(227, 227, 227); } } @media (max-width: 767px) { article #area_service li a.service_type03 { background: rgb(255, 244, 202); } } @media (max-width: 767px) { article #area_topic { padding: 25px 0px; } } @media (max-width: 767px) { article #area_topic ul { margin: 0px; padding: 0px; list-style: none; } } @media (max-width: 767px) { article #area_topic li { margin-bottom: 10px; } } @media (max-width: 767px) { article #area_topic li .label_topic { margin-bottom: 3px; padding: 2px 7px; color: rgb(148, 122, 0); font-size: 1rem; font-weight: bold; background: rgb(254, 236, 124); display: inline-block; } } @media (max-width: 767px) { article #area_topic li .wrap_topic { color: rgb(51, 51, 51); font-size: 1.4rem; font-weight: bold; display: block; } } @media (max-width: 767px) { article #area_topic a { text-decoration: none; } } @media (max-width: 767px) { article #area_topic .obj_link_more a { font-size: 1.2rem; } } @media (max-width: 767px) { article #area_banners { padding: 0px 0px 25px; } } @media (max-width: 767px) { article #area_banners a.bnr_link { margin-bottom: 5px; display: block; } } @media (max-width: 767px) { .home a.mypage_btn { display: none; border-radius: 20px; background: rgb(51, 87, 184); box-shadow: rgb(204, 204, 204) 0px 5px 0px 1px; font-size: 26px; color: rgb(255, 255, 255); font-weight: bold; text-decoration: none; text-align: center; padding: 30px; line-height: 130%; } .home a.mypage_btn:hover { transform: translateY(5px); box-shadow: none; } } @media (max-width: 1024px) and (min-width: 768px) { .home a.mypage_btn { font-size: 20px; padding: 25px 0px 25px 65px; background-position: 16px center; background-size: 42px; } } @media (max-width: 1024px) and (min-width: 768px) { .home a.mypage_btn span { font-size: 14px; } } @media (max-width: 767px) { .wrap_toggle_bg_on { z-index: 3; display: block; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgb(45, 178, 181); opacity: 0.5; overflow: hidden; } div.page-title { padding: 15px 0px 0px !important; } .sp_pl0 { padding-left: 0px !important; } .sp_pr0 { padding-right: 0px !important; } .sp_mlr0 { margin-left: 0px !important; margin-right: 0px !important; } } .header-widget-sp { margin-top: 55px; padding: 5px 10px; } .header-widget-sp p { margin: 0px; } .form-control { border: none; border-radius: 0px; } .well .simple-estimate-outer { padding-bottom: 5px; } @media (max-width: 767px) { .well .simple-estimate-outer { margin-bottom: 20px; } } .top-voice { padding: 70px 0px; } .top-voice h2 { font-size: 32px; font-weight: bold; margin: 0px 0px 31px; } @media (max-width: 767px) { .top-voice h2 { font-size: 20px; } } .top-voice h3 { margin: 0px; } .top-voice__lead { width: fit-content; margin: 0px auto; } .top-voice__link { text-align: right; margin-bottom: 0px; } .top-voice__content { overflow: hidden; padding-bottom: 50px; } .top-voice__item { height: 100%; } .top-voice .swiper-voice { margin: 0px auto; position: relative; overflow: visible; list-style: none; padding: 40px 0px 0px; z-index: 1; } .top-voice .swiper-voice::before, .top-voice .swiper-voice::after { content: ""; position: absolute; top: 0px; width: 284px; height: 100%; z-index: 10; } @media (max-width: 767px) { .top-voice .swiper-voice::before, .top-voice .swiper-voice::after { content: none; } } .top-voice .swiper-voice::before { background: linear-gradient(90deg, rgb(255, 255, 255) 25%, rgba(255, 255, 255, 0) 100%); left: 0px; } .top-voice .swiper-voice::after { background: linear-gradient(-90deg, rgb(255, 255, 255) 25%, rgba(255, 255, 255, 0) 100%); right: 0px; } .top-voice .swiper-voice .swiper-slide { height: auto; max-width: none; } .top-voice .swiper-voice .swiper-pagination { bottom: -40px; } .top-voice .swiper-voice .swiper-pagination--voice { margin-top: 50px; } .top-voice .swiper-voice .swiper-pagination-bullet { opacity: 1; background: rgb(221, 221, 221); width: 8px !important; height: 8px !important; border-radius: 100% !important; } .top-voice .swiper-voice .swiper-pagination-bullet-active { background: rgb(35, 145, 146) !important; } .top-voice .swiper-voice .swiper-button-prev--voice, .top-voice .swiper-voice .swiper-button-next--voice { position: absolute; top: 50%; transform: translateY(-50%); z-index: 100; cursor: pointer; width: 49px; height: 49px; } @media (max-width: 767px) { .top-voice .swiper-voice .swiper-button-prev--voice, .top-voice .swiper-voice .swiper-button-next--voice { width: 30px; height: 30px; } } .top-voice .swiper-voice .swiper-button-prev--voice { background: url("") 0% 0% / contain no-repeat; left: 66px; } @media (max-width: 767px) { .top-voice .swiper-voice .swiper-button-prev--voice { left: 10px; } } .top-voice .swiper-voice .swiper-button-next--voice { background: url("") 0% 0% / contain no-repeat; right: 66px; } @media (max-width: 767px) { .top-voice .swiper-voice .swiper-button-next--voice { right: 10px; } } .top-voice .voice-box { border-radius: 11px; border: none; box-shadow: rgba(0, 0, 0, 0.1) 0px 6px 20px; } .top-voice .voice-box__text, .top-voice .voice-box__link { text-align: left; } @media (max-width: 767px) { .top-voice .voice-box__text { font-size: 16px; } } .post-press .m-referral__title { font-weight: bold; } #sitemap .page-item-17011 > ul { display: none; } #sitemap > ul { padding-left: 1em; } @media (max-width: 767px) { #sitemap ul > * + * { margin-top: 6px !important; } } @media (max-width: 767px) { #sitemap ul.children > * { margin-top: 6px !important; } } body:not(.page-template-page-sitemap) br.title-xs { display: none; } @media (max-width: 767px) { body:not(.page-template-page-sitemap) br.title-xs { display: block; } } .page-template-page-sitemap br.title-xs { display: none; } .interview-index .intervew-list { max-width: 940px; margin: auto; } @media (max-width: 940px) { .interview-index .intervew-list { margin: 0px 10px; } } .interview-index .intervew-list ul { text-align: center; table-layout: fixed; word-spacing: -0.4em; overflow: hidden; margin-left: -5%; margin-top: 40px; padding: 0px; } @media (max-width: 640px) { .interview-index .intervew-list ul { margin: 0px; } } .interview-index .intervew-list li { text-align: left; display: inline-block; vertical-align: top; word-spacing: normal; position: relative; list-style: none; overflow: hidden; width: 45%; margin-left: 4%; margin-bottom: 4%; box-sizing: border-box; transition: all 0.2s ease 0s; background-color: rgb(240, 240, 240); } @media (max-width: 640px) { .interview-index .intervew-list li { float: none; margin: 0px 0px 20px; width: 100%; } } .interview-index .intervew-list li:hover { opacity: 0.7; } .interview-index .intervew-list li h2 { padding: 40px 20px 30px; border: 1px solid; position: relative; text-align: left; margin-bottom: 0px; line-height: 1em; } .interview-index .intervew-list li h2::before { position: absolute; top: 0px; left: 0px; line-height: 1.3em; display: block; padding: 5px 20px; background: rgb(255, 255, 255); font-weight: bold; font-size: 12px; } .interview-index .intervew-list li h2 span { text-decoration: none; font-size: 17px; font-weight: bold; color: rgb(51, 51, 51); display: inline; letter-spacing: 0.5px; padding-left: 35px; } .interview-index .intervew-list li figure { position: relative; float: right; display: table; overflow: hidden; } @media (max-width: 940px) { .interview-index .intervew-list li figure { float: none; margin: 0px auto 15px; width: 100%; padding: 0px 20px; } } .interview-index .intervew-list li figure img { width: 200px; height: auto; } @media (max-width: 940px) { .interview-index .intervew-list li figure img { width: 100%; } } .interview-index .intervew-list li figure figcaption { padding: 8px 10px; width: 100%; font-size: 13px; color: rgb(255, 255, 255); line-height: 1.3em; background: rgb(102, 102, 102); } .interview-index .intervew-list li.public h2, .interview-index .intervew-list li.press h2, .interview-index .intervew-list li.univers h2, .interview-index .intervew-list li.medical h2, .interview-index .intervew-list li.research h2 { border: none; } .interview-index .intervew-list li.public h2::before, .interview-index .intervew-list li.press h2::before, .interview-index .intervew-list li.univers h2::before, .interview-index .intervew-list li.medical h2::before, .interview-index .intervew-list li.research h2::before { color: rgb(255, 255, 255); } .interview-index .intervew-list li.public dt, .interview-index .intervew-list li.press dt, .interview-index .intervew-list li.univers dt, .interview-index .intervew-list li.medical dt, .interview-index .intervew-list li.research dt { color: rgb(51, 51, 51); } .interview-index .intervew-list li.public h2::before { content: "出版"; background: rgb(88, 163, 187); } .interview-index .intervew-list li.press h2::before { content: "マスコミ"; background: rgb(226, 167, 0); } .interview-index .intervew-list li.univers h2::before { content: "大学"; background: rgb(79, 179, 134); } .interview-index .intervew-list li.medical h2::before { content: "医療"; background: rgb(175, 122, 164); } .interview-index .intervew-list li.research h2::before { content: "研究"; background: rgb(208, 98, 60); } @media (max-width: 940px) { .interview-index .intervew-list li dl { float: none; width: auto; } } .interview-index .intervew-list dl { float: left; width: 210px; margin: 0px 0px 15px; } .interview-index .intervew-list dt { font-size: 15px; font-weight: bold; border-bottom: 1px solid; padding: 0px 0px 8px; line-height: 1; } .interview-index .intervew-list dd { padding: 5px 10px 5px 25px; font-size: 13px; background: 0px 8px no-repeat; border-bottom: 1px dashed; color: rgb(51, 51, 51); } .interview h1 { line-height: 1; margin: 90px auto 30px; border-top: 1px solid rgb(232, 229, 220); text-align: center; width: 970px; } @media (max-width: 767px) { .interview h1 { width: 100%; } } .interview h1 img { margin: -20px 0px 0px; } .interview h2 { margin: 0px 0px 40px; line-height: 2; font-size: 2.6rem; text-align: center; } @media (max-width: 767px) { .interview h2 { line-height: 1.6; font-size: 2.2rem; } } .interview h2 span { display: block; font-size: 2.4rem; font-weight: normal; } .interview .interview-header { margin: 0px 0px 30px; background: url("") 0px 0px repeat-x; } @media (max-width: 767px) { .interview .interview-header { background: none; } } .interview .interview-movie { position: relative; height: 441px; margin: 0px 0px 20px; background: url("") 0px 0px no-repeat; } @media (max-width: 991px) { .interview .interview-movie { height: 335px; background-size: 100% 100%; } } @media (max-width: 767px) { .interview .interview-movie { height: auto; overflow: hidden; margin: 0px 0px 20px; text-align: center; background: none; } } .interview .interview-movie iframe { position: absolute; top: 61px; left: 20px; } @media (max-width: 991px) { .interview .interview-movie iframe { width: 480px; height: 270px; top: 46px; } } @media (max-width: 767px) { .interview .interview-movie iframe { position: static; max-width: 100%; margin: 0px 0px 20px; } } .interview .interview-movie dl { position: absolute; top: 61px; left: 679px; width: 242px; margin: 0px; padding: 20px; font-size: 1.6rem; } @media (max-width: 991px) { .interview .interview-movie dl { top: 46px; left: auto; right: 15px; width: 185px; padding: 15px; font-size: inherit; } } @media (max-width: 767px) { .interview .interview-movie dl { position: static; width: auto; padding: 0px; text-align: left; } } .interview .interview-movie dt { margin: 0px 0px 15px; } @media (max-width: 767px) { .interview .interview-movie dt { float: left; margin: 0px 20px 0px 0px; } } @media (max-width: 991px) { .interview .interview-movie dt img { max-width: 100%; height: auto; } } .interview .interview-movie dd { line-height: 1.6; } .interview .interview-service { overflow: hidden; margin: 0px 0px 40px; padding: 20px; border: 1px solid rgb(232, 229, 220); background: rgb(255, 255, 255); } .interview .interview-service dl { float: left; width: 430px; margin: 0px; } @media (max-width: 991px) { .interview .interview-service dl { float: none; width: auto; margin: 0px 0px 20px; } } .interview .interview-service dl:last-child { float: right; } @media (max-width: 991px) { .interview .interview-service dl:last-child { float: none; margin: 0px; } } .interview .interview-service dt { margin: 0px 0px 15px; padding: 5px 0px 10px 15px; border-bottom: 1px solid rgb(232, 229, 220); border-left: 1px solid rgb(232, 229, 220); font-size: 1.6rem; } .interview .interview-header-image { float: right; margin: 0px; } @media (max-width: 991px) { .interview .interview-header-image { float: none; margin: 0px 0px 20px; text-align: center; } } @media (max-width: 991px) { .interview .interview-header-image img { max-width: 100%; height: auto; } } .interview .interview-header-text { float: left; width: 540px; } @media (max-width: 991px) { .interview .interview-header-text { float: none; width: auto; } } .interview .interview-header-text p { margin: 0px 0px 30px; } .interview .interview-box { overflow: hidden; margin: 30px 0px; } @media (max-width: 767px) { .interview .interview-box { margin: 20px 0px; } } .interview .interview-box h3 { margin: 0px 0px 20px; padding: 25px; border-width: 10px 1px 1px; border-style: solid; border-color: rgb(40, 68, 122) rgb(232, 229, 220) rgb(232, 229, 220); border-image: initial; font-size: 2.6rem; text-align: center; } @media (max-width: 767px) { .interview .interview-box h3 { padding: 15px; border-top: 5px solid rgb(40, 68, 122); font-size: 2rem; text-align: left; } } .interview .interview-box h4 { margin: 0px 0px 35px; padding: 0px 0px 15px; border-bottom: 2px solid rgb(232, 229, 220); font-size: 2rem; text-align: center; } @media (max-width: 767px) { .interview .interview-box h4 { margin: 0px 0px 20px; font-size: 1.8rem; text-align: left; } } .interview .interview-box dl { margin: 0px; } .interview .interview-box dt { line-height: 1.6; margin: 0px 0px 15px; padding: 5px 0px 25px 15px; color: rgb(40, 67, 122); font-size: 2rem; background: url("") 0px 100% no-repeat; } @media (max-width: 767px) { .interview .interview-box dt { font-size: 1.8rem; } } .interview .interview-box:last-child dt:last-child { padding: 5px 0px 15px 15px; background: url("") 0px 100% no-repeat; } .interview .interview-box dd { line-height: 1.6; margin: 0px 0px 30px; } @media (max-width: 767px) { .interview .interview-box dd { margin: 0px 0px 20px; } } .interview .interview-text1 { float: left; width: 540px; } @media (max-width: 991px) { .interview .interview-text1 { width: 430px; } } @media (max-width: 767px) { .interview .interview-text1 { float: none; width: auto; } } .interview .interview-text2 { float: right; width: 540px; } @media (max-width: 991px) { .interview .interview-text2 { width: 430px; } } @media (max-width: 767px) { .interview .interview-text2 { float: none; width: auto; } } .interview .interview-image1 { float: right; margin: 0px; } @media (max-width: 767px) { .interview .interview-image1 { float: none; margin: 0px 0px 20px; text-align: center; } } @media (max-width: 991px) { .interview .interview-image1 img { width: 260px; height: auto; } } .interview .interview-image2 { float: left; margin: 0px; } @media (max-width: 767px) { .interview .interview-image2 { float: none; margin: 0px 0px 20px; text-align: center; } } @media (max-width: 991px) { .interview .interview-image2 img { width: 260px; height: auto; } } .interview .clear { clear: both; } .interview .staff { margin: 20px 0px 40px; padding: 40px 0px; background: rgb(232, 229, 220); } @media (max-width: 767px) { .interview .staff { padding: 30px 0px; } } .interview .staff h3 { margin: 0px 0px 15px; text-align: center; } .interview .interview-footer { margin: 0px 0px 70px; text-align: center; } .interview .interview-footer div { margin: 0px 0px 40px; } @media (max-width: 991px) { .interview .interview-footer img { max-width: 100%; height: auto; } } @media (max-width: 991px) { .interview-header-sns { text-align: center; } } .anker_link { background-color: rgb(245, 245, 245); padding: 30px; } .anker_link p { font-size: 1.2em; } .three_column { padding: 10px 20px; width: 303px !important; height: 200px !important; display: inline-block !important; margin-right: 10px !important; } @media (max-width: 640px) { .three_column { padding: 10px 20px; width: 100% !important; height: 200px !important; display: inline-block !important; margin-right: 10px !important; } } .three_column dl { float: none !important; width: 100% !important; } .three_column dt { border-left: none !important; border-bottom: 3px solid rgb(40, 67, 122) !important; text-align: center !important; color: rgb(40, 67, 122) !important; } .three_column.last { margin-right: 0px !important; } .three_column span { margin-right: 7px; color: rgb(40, 67, 122); } .three_column ul { list-style-type: none; padding: 0px; } .three_column li { border-bottom: 1px dashed rgb(40, 67, 122); padding-bottom: 5px; margin-bottom: 8px; } .three_column img { width: 20px; height: auto; margin-right: 7px; } .three_column i { font-size: 1.5rem; margin-right: 7px; color: rgb(40, 67, 122); } .text_area { padding-left: 20px; display: inline-block; width: 52%; } @media (max-width: 640px) { .text_area { overflow: auto; padding: 0px 20px; width: 100%; } } @media (max-width: 940px) { .text_area { padding: 0px 20px; width: 100%; } } i.fa.fa-caret-right.title_icon { font-size: 1.2rem; background: rgb(191, 138, 80); padding: 3px 7px; color: rgb(255, 255, 255); border: 1px solid rgb(234, 216, 197); top: 47px; position: absolute; } @media (max-width: 640px) { i.fa.fa-caret-right.title_icon { font-size: 1.2rem; background: rgb(191, 138, 80); padding: 3px 7px; color: rgb(255, 255, 255); border: 1px solid rgb(234, 216, 197); top: 43px; position: absolute; } } .intervew-list a { text-decoration: none; } .interview-strong-line { background: linear-gradient(transparent 0%, rgb(221, 238, 255) 0%); } .interview-header-text, .interview-box { font-size: 1.8rem !important; } .mp3-table { display: table; } .mp3-cell { display: table-cell; vertical-align: middle; } .ulAiWidget-wrap { min-height: 507px; } .phone-number-1 { font-size: 30px; font-weight: bold; color: rgb(74, 180, 180); } .phone-number-1 .fa { margin-right: 4px; transform: rotate(109deg); font-size: 0.6em; top: -5px; position: relative; } .phone-number-2 { display: flex; flex-wrap: wrap; gap: 3px 30px; } .box-line-grey { border: 1px solid rgb(221, 221, 221); border-radius: 4px; padding: 30px; } .guide-ivr { list-style: none; padding-left: 0px; line-height: 1.4; font-weight: bold; margin: 20px 0px 0px; max-width: 470px; } .guide-ivr li { display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; margin-bottom: 8px; } .guide-ivr li:last-child { margin-bottom: 0px; } .dots { -webkit-box-flex: 1; flex: 1 1 auto; } .dot { position: relative; top: calc(50% - 1px); margin: 0px 10px; border-right: none; border-bottom: none; border-left: none; border-image: initial; border-top: 2px dotted rgb(204, 204, 204); } .number { font-size: 18px; color: rgb(255, 255, 255); background: rgb(0, 122, 123); border-radius: 4px; text-align: center; padding: 2px 5px; } @media (max-width: 767px) { .service { flex-basis: 72%; } } .sp-m { margin-bottom: 50px; } .privacy__btn-area { margin-top: 30px; } @media (max-width: 767px) { .privacy__btn-area > * + * { margin-top: 20px; } } .privacy__btn-area .btn { text-decoration: none !important; } .page-id-155 .container .article p { margin-bottom: calc(1em + 10px); } .page-id-155 .container .article ol > li > ol, .page-id-155 .container .article ol > li > ul, .page-id-155 .container .article ul > li > ol, .page-id-155 .container .article ul > li > ul { margin-left: 1.2em; padding: 0px; } .page-id-155 .container .article ol > li > ol > li > ol, .page-id-155 .container .article ol > li > ol > li > ul, .page-id-155 .container .article ol > li > ul > li > ol, .page-id-155 .container .article ol > li > ul > li > ul, .page-id-155 .container .article ul > li > ol > li > ol, .page-id-155 .container .article ul > li > ol > li > ul, .page-id-155 .container .article ul > li > ul > li > ol, .page-id-155 .container .article ul > li > ul > li > ul { margin-left: 2em; padding: 0px; } .page-id-155 .container .article ol li, .page-id-155 .container .article ul li { margin-bottom: 1em; } .page-id-155 .container .article ol li:last-child, .page-id-155 .container .article ul li:last-child { margin-bottom: 0px; } .page-id-155 .container .article .h-pickup-list li::marker { font-size: 1.12em; font-weight: bold; } @media (min-width: 768px) { .page-id-155 .container .article .col-sm-6 { padding-left: 35px; padding-right: 35px; } } @media (max-width: 767px) { .page-id-15698 .article ol { padding-left: 20px; } } body.page-id-15968 .covid-info-list { margin-bottom: 30px; padding-left: 0px; list-style: none; } body.page-id-15968 .covid-info-list li { padding: 20px; border-bottom: 1px solid rgb(50, 50, 50); } body.page-id-15968 .covid-info-list li:first-child { border-top: 1px solid rgb(50, 50, 50); } body.page-id-15968 .covid-info-list li span { margin-right: 1em; } body.page-id-15968 .covid-info-list li a { text-decoration: none; color: rgb(51, 51, 51); } body.page-id-15968 .covid-info-list li a:hover, body.page-id-15968 .covid-info-list li a:focus { text-decoration: underline; color: rgb(51, 51, 51); } body.page-id-15968 .covid-info-title { font-size: 18px; margin-top: 20px; margin-bottom: 0.8em; padding-left: 20px; border-bottom: 0px; text-align: left; } body.page-id-15968 .covid-section-title { font-size: 18px; font-weight: bold; margin-bottom: 1.5em; padding-bottom: 0.6em; border-bottom: 2px solid rgb(196, 196, 196); text-align: left; } body.page-id-15968 .page-covid .covid-info { margin-bottom: 0px; } body.page-id-15968 .page-covid .covid-section { margin-bottom: 100px; } body.page-id-15968 .page-covid .subsection { margin-bottom: 80px; } body.page-id-15968 .page-covid h3 { font-size: 18px; font-weight: bold; margin: 1em 0px; } body.page-id-15968 .page-covid h4 { font-size: 16px; font-weight: bold; margin-top: 1em; margin-bottom: 0.3em; color: rgb(45, 178, 181); } body.page-id-15968 .page-covid h4 + p { margin-bottom: 30px; } .list-client { overflow: hidden; } .list-client div { float: left; width: 50%; } @media (max-width: 640px) { .list-client div { float: none; width: auto; } } @media (max-width: 640px) { .list-client div ul { padding-left: 20px; } } .list-client div ul li a { text-decoration: none; } .list-client div ul li a:hover { text-decoration: underline; } .list-client div li { list-style: none; margin-bottom: 10px; font-size: 16px; } .list-client div p { color: rgb(66, 139, 202); padding-left: 40px; text-decoration: underline; font-size: 16px; } @media (max-width: 640px) { .list-client div p { padding-left: 20px; } } .list-client div p:hover { cursor: pointer; } .list-client div p + ul { padding-left: 55px; display: none; } @media (max-width: 640px) { .list-client div p + ul { padding-left: 35px; display: none; } } .list-client div p + ul li { font-size: 16px; } @media (max-width: 640px) { .list-client div p + ul li { font-size: 12px; margin-bottom: 5px; } } .panel-navy > .panel-heading > .panel-title > a { color: rgb(255, 255, 255); } .panel-navy.municipal > .panel-heading, .panel-navy.univers > .panel-heading, .panel-navy.it > .panel-heading, .panel-navy.consult > .panel-heading, .panel-navy.service > .panel-heading, .panel-navy.manufact > .panel-heading, .panel-navy.finance > .panel-heading, .panel-navy.architect > .panel-heading, .panel-navy.study > .panel-heading, .panel-navy.medical > .panel-heading, .panel-navy.media > .panel-heading, .panel-navy.public > .panel-heading, .panel-navy.law > .panel-heading { background: rgb(75, 117, 185); } .page-id-8797 ul.client { font-size: 16px; } .filteringHighlight { background-color: yellow; } p#before, p#after, p#keyword, p#count_answer, p#unit, p#hit { display: inline-block; } p#count_answer, p#unit { font-weight: bold; } .btn-client { color: rgb(255, 255, 255); text-shadow: rgba(0, 0, 0, 0.25) 0px -1px 0px; background-color: rgb(75, 117, 185); background-image: none; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); } .btn-client:hover, .btn-client:active, .btn-client:focus { color: rgb(255, 255, 255); background-color: rgb(67, 106, 169); } .accordion-toggle { cursor: pointer; display: block; color: rgb(255, 255, 255) !important; } .accordion-toggle:active, .accordion-toggle:hover, .accordion-toggle:focus, .accordion-toggle:visited { color: rgb(255, 255, 255) !important; } .accordion-toggle .panel-heading { background: rgb(1, 176, 179) !important; } .panel-title span.filteringHighlight { background-color: transparent; } .collapse.in { height: auto !important; } .anker_icon_area { margin-bottom: 80px; } .anker_icon_area ul { list-style: none; padding: 0px; display: flex; -webkit-box-pack: justify; justify-content: space-between; flex-wrap: wrap; margin-top: 50px; } .anker_icon_area ul li { width: 16.6%; text-align: center; height: 156px; } .anker_icon_area ul li a { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: center; justify-content: center; text-decoration: none; height: 100%; border-radius: 4px; } .anker_icon_area ul li a:hover { background: rgb(238, 238, 238); } .anker_icon_area ul li a:hover img { transform: scale(1.2); } .anker_icon_area ul li a img { height: 50px; margin-bottom: 10px; transition: all 0.5s ease 0s; } .anker_icon_area ul li p.category { color: rgb(1, 176, 179); line-height: 16px; margin-bottom: 0px; } .anker_icon_area ul li p.num { color: rgb(170, 170, 170); margin-bottom: 0px; } .anker_icon_area--c5 ul li { width: 20%; } .graph-client { padding: 30px 0px 0px; } .graph-client__img { width: 100%; max-width: 500px; margin: 0px auto; } .graph-client__img img { width: 100%; } .client-icon { max-width: 70px; height: 50px; margin: 0px auto 10px; } .client-icon svg { width: 100%; height: 50px; fill: rgb(1, 176, 179); } .input-group.client input[type="text"]:focus { box-shadow: none; } .tokyo_under_contents { position: relative; margin-bottom: 30px; } @media (max-width: 767px) { .tokyo_under_contents { margin-bottom: 30px; } } .comp_tokusyo { position: absolute; bottom: 0px; } @media (min-width: 768px) { .comp_tokusyo { left: 25%; } } @media (max-width: 767px) { .comp_tokusyo { left: 50%; } } .thumbnail .caption { padding: 3px; } .tokyo_under_contents { position: relative; margin-bottom: 30px; } .comp_tokusyo { position: absolute; bottom: 0px; } .thumbnail .caption { padding: 3px; } .profile_osaka_top { text-align: center; } @media (min-width: 768px) { .profile_osaka_top { margin-bottom: 80px; } } .profile_osaka_top img { width: 100%; } .profile_osaka_top ul { margin-top: 40px; } .osaka_tab_list div { margin-top: 40px; } .osaka_tab_list div a { font-size: 26px; font-weight: bold; display: block; width: 100%; height: 40px; transition: all 0.3s ease 0s; text-align: center; text-decoration: none; color: rgb(73, 73, 73); border-bottom: 3px solid rgb(145, 145, 145); } .row.osaka_tab_list { width: 60%; margin: auto; } .row.osaka_tab_list div a:hover { transition: all 0.3s ease 0s; border-bottom: 3px solid rgb(74, 188, 188); } .pickup { border-bottom: 3px solid rgb(74, 188, 188) !important; } .sp_tab_list { line-height: 35px; position: relative; margin: 20px 0px 0px; padding: 0px; list-style: none; text-align: center; } .sp_tab_list::after { position: absolute; z-index: 1; bottom: 0px; left: 0px; width: 100%; content: ""; border-bottom: 1px solid rgb(45, 178, 181); } .sp_tab_list li { position: relative; z-index: 0; display: inline-block; padding: 0px 6%; color: rgb(45, 178, 181); border: 1px solid rgb(45, 178, 181); } .sp_tab_list li.selected { z-index: 2; color: rgb(255, 255, 255); border-bottom-color: rgb(45, 178, 181); background: rgb(45, 178, 181); } .tabrow::before { z-index: 1; } .col-sm-6.col-sx-12.image-shadow img { width: 95%; } .info_tell a { cursor: default; pointer-events: none; } @media (max-width: 767px) { .info_tell a { pointer-events: auto; } } .info_tell img { width: 100%; } .page-child .service_area { padding: 40px 0px; border-top: 10px solid rgb(45, 178, 181); background-color: rgb(183, 223, 224); } @media (max-width: 767px) { .page-child .service_area { margin-bottom: 0px; padding: 10px 0px; border-top: 10px solid rgb(45, 178, 181); background-color: rgb(183, 223, 224); } } .onegai_image img { width: 80%; } @media (min-width: 768px) { .onegai_image img { margin-top: 320px; } } .col-sm-4.col-xs-12.onegai_image { text-align: center; } ul.service_photo { margin-top: 40px; list-style: none; text-align: center; } @media (max-width: 767px) { ul.service_photo { width: 100%; margin-top: 0px; padding: 0px; list-style: none; } } ul.service_photo li { display: inline; margin-right: 40px; } @media (max-width: 767px) { ul.service_photo li { height: 120px !important; margin: 10px !important; } } ul.service_photo img { height: 140px; } .image-shadow { margin-bottom: 20px; } .image-shadow img { box-shadow: rgb(129, 156, 156) 0px 3px 0px 1px; } .image-shadow a:hover > img { opacity: 0.8; } .row.access_info_area { margin-top: 80px; margin-bottom: 50px; } .text-center.info_tell.col-md-6 img, .subtitle td img { width: 100%; } .osaka_comp_toksyo { float: right; margin-right: 15px; } @media (max-width: 767px) { .row.osaka_table { margin-right: 0px; margin-left: 0px; } } .osaka_margin { margin: 30px; } @media (max-width: 767px) { .page-template-page-osaka .sp_tab_list a { text-decoration: none; } } .page-recruit section { margin-bottom: 120px; } .page-recruit section > div { margin-bottom: 60px; } .page-recruit p { margin: 15px 0px; } .page-recruit ul { padding-left: 1.5em; } .page-recruit a { text-decoration: none; word-break: break-all; } .page-recruit figcaption { font-size: 14px; line-height: 1.4; margin-top: 0.5em; margin-bottom: 2em; text-align: center; color: rgb(118, 118, 118); } ul.tab-recruit { display: flex; -webkit-box-pack: center; justify-content: center; margin-bottom: 50px; padding-left: 0px; list-style: none; text-align: center; } ul.tab-recruit li { font-size: 25px; font-weight: bold; width: 254px; margin: 0px 15px; border-bottom: 3px solid rgb(73, 180, 181); } @media (max-width: 767px) { ul.tab-recruit li { font-size: 16px; width: 118px; margin: 0px 5px; } } ul.tab-recruit li a { display: block; width: 100%; padding: 10px 0px 7px; color: rgb(73, 180, 181); } ul.tab-recruit li:focus, ul.tab-recruit li:hover { border-bottom: 0px; background: rgb(73, 180, 181); } ul.tab-recruit li:focus a, ul.tab-recruit li:hover a { padding: 10px 0px; color: rgb(255, 255, 255); } ul.tab-recruit li.active { pointer-events: none; border-bottom: 0px; background: rgb(73, 180, 181); } ul.tab-recruit li.active a { padding: 10px 0px; color: rgb(255, 255, 255); } .recruit-title { font-size: 1.6rem; font-weight: bold; margin: 15px 0px; } .recruit-title-green { font-size: 1.6rem; font-weight: bold; margin: 15px 0px; color: rgb(47, 195, 195); } .recruit-title-line { font-size: 1.6rem; margin: 50px 0px 40px; padding: 0px 10px 10px; border-bottom: 2px solid rgb(204, 204, 204); } .img-skillstep { margin-top: 40px; } .recruit-example { font-weight: bold; display: flex; -webkit-box-pack: center; justify-content: center; margin: 20px 0px; padding: 20px; background: rgb(244, 244, 244); } .recruit-table { width: 100%; } @media (max-width: 767px) { .recruit-table { border-bottom: 1px solid rgb(0, 0, 0); } } .recruit-table th { width: 30%; padding: 20px; border: 1px solid rgb(0, 0, 0); background: rgb(244, 244, 244); } .recruit-table td { width: 70%; padding: 20px; border: 1px solid rgb(0, 0, 0); } @media (max-width: 767px) { .recruit-table th, .recruit-table td { display: block; width: 100%; border-bottom: 0px; } } .page-recruit .r-interview__box { margin-bottom: 80px; } @media (max-width: 767px) { .page-recruit .r-interview__box { margin-bottom: 60px; } } .page-recruit .r-interview__img-box { position: relative; } @media (max-width: 767px) { .page-recruit .r-interview__img-box { margin-bottom: 0px !important; } } .page-recruit .r-interview__info-name { position: absolute; bottom: 20px; right: 20px; line-height: 1.6; margin: 0px; letter-spacing: 1px; } @media (max-width: 767px) { .page-recruit .r-interview__info-name { position: relative; bottom: auto; right: auto; font-size: 14px; margin-top: 16px !important; } } .page-recruit .r-interview__info-name .name { font-size: 24px; display: block; line-height: 1.07692; margin-top: 4px; } @media (max-width: 767px) { .page-recruit .r-interview__info-name .name { font-size: 16px; display: inline-block; margin-right: 6px; } } .page-recruit .r-interview__info-name .name-en { font-size: 14px; display: block; color: rgb(199, 199, 199); line-height: 2; margin-top: 2px; } @media (max-width: 767px) { .page-recruit .r-interview__info-name .name-en { font-size: 12px; display: inline-block; } } .page-recruit .r-interview__info-name .sp-only { display: none; } @media (max-width: 767px) { .page-recruit .r-interview__info-name .sp-only { display: inline-block; } } @media (max-width: 767px) { .page-recruit .r-interview__info-name .pc-only { display: none; } } .page-recruit .r-interview__info-name--left { right: auto; left: 20px; } @media (max-width: 767px) { .page-recruit .r-interview__info-name--left { left: auto; } } .page-recruit .r-interview__lead { max-width: 820px; margin: 50px auto 70px !important; } @media (max-width: 767px) { .page-recruit .r-interview__lead { margin: 30px auto 82px !important; } } .page-recruit .r-interview__sub-title { margin: 0px; } .page-recruit .r-interview__img img { width: 100%; } .page-recruit .r-interview__text span { font-weight: bold; } .page-recruit .r-interview__ol-list { font-weight: bold; padding-left: 1.2em; } .r-entry { margin-top: 100px !important; text-align: center; } .r-recruit__table colgroup col:nth-child(1) { width: 20%; } .r-recruit__table colgroup col:nth-child(2) { width: 80%; } @media (max-width: 767px) { .r-recruit__table colgroup { display: none; } } @media (max-width: 767px) { .r-recruit__table th, .r-recruit__table td { width: 100%; } } .company_link { background: rgb(251, 248, 241); padding: 20px 0px 20px 75px; margin-bottom: 30px; font-size: 16px; font-weight: bold; } @media (max-width: 992px) { .company_link { padding: 20px; } } .company_link a { color: rgb(74, 188, 188); display: block; margin-bottom: 5px; } .title_pattern_01 { width: 100%; margin: 0px auto 50px; background-color: rgb(233, 233, 233); } @media (min-width: 768px) and (max-width: 991px) { .title_pattern_01 { position: relative; margin-bottom: 50px; } } .title_pattern_01 div.title_img a { transition: all 0.3s ease 0s; } .title_pattern_01 a { transition: all 0.3s ease 0s; text-decoration: none; color: rgb(73, 73, 73) !important; } .title_pattern_01 a:hover { opacity: 0.8; } .title_pattern_01 a:hover img { opacity: 0.8; } .title_pattern_01 a h2 { transition: all 0.3s ease 0s; color: rgb(0, 0, 0); } .title_pattern_01 a h2:hover { color: rgb(47, 177, 180); } .title_pattern_01 a h3 { font-size: 20px; } @media (max-width: 767px) { .title_pattern_01 a h3 { font-size: 18px; } } .row.title_pattern_01 a:hover h2 { color: rgb(47, 177, 180); } .col-sm-6.col-xs-12.left.title_img { padding: 0px; } .col-sm-6.col-xs-12.right { display: table; height: auto; padding: 0px; } .title_pattern_text { display: table-cell; width: 720px; height: 304px; padding: 20px 0px; text-align: center; vertical-align: middle; } @media (min-width: 768px) and (max-width: 991px) { .title_pattern_text { height: 233px; } } @media (max-width: 767px) { .title_pattern_text { height: auto; } } .title_pattern_text h2 { font-size: 2.6rem; margin-bottom: 0px; } @media (min-width: 768px) and (max-width: 991px) { .title_pattern_text h2 { font-size: 28px; margin-bottom: 0px; } } @media (max-width: 767px) { .title_pattern_text h2 { font-size: 2.4rem; } } @media (max-width: 767px) { .title_pattern_text h2.sub_title { margin: 10px auto; } } .page .search-area-mp-guide { background: rgb(245, 245, 245); padding: 50px 15px; text-align: center; } .page .search-area-mp-guide .search-form { max-width: 460px; position: relative; margin: 0px auto; } .page .search-area-mp-guide .form-control { height: 46px; border: 1px solid rgb(221, 221, 221); border-radius: 4px; padding: 10px 40px 10px 15px; box-shadow: none; } .page .search-area-mp-guide button { top: 8px; right: 0px; position: absolute; background: none !important; border: none !important; text-shadow: none !important; box-shadow: none !important; color: rgb(173, 173, 173) !important; transition: none 0s ease 0s !important; } .page .search-area-mp-guide .fa-search { font-size: 22px; color: rgb(51, 51, 51); } .faq-area ul { padding-left: 1.5em; } .faq-area li { margin-bottom: 6px; line-height: 1.5; } .single-guide_mp h2 { font-size: 2.4rem; margin: 80px 0px 30px; padding: 0px 0px 7px; border-width: 0px 0px 1px; border-color: rgb(132, 132, 132); border-style: solid; background: rgb(255, 255, 255); color: rgb(51, 51, 51); line-height: 120%; } .single-guide_mp h3 { margin-top: 0px; margin-bottom: 0px; } .single-guide_mp h3 + p { margin-top: 5px; } .single-guide_mp section { margin-bottom: 60px; } .single-guide_mp section .row { margin-bottom: 30px; } .single-guide_mp .optional { color: rgb(255, 255, 255); font-size: 15px; text-align: center; font-weight: bold; margin-right: 2px; border-radius: 2px; padding: 5px 8px; background-color: rgb(103, 103, 103); letter-spacing: 1px; } .box-guide { background: rgb(245, 245, 245); padding: 20px; margin-bottom: 40px; } .box-guide h4 { font-size: 18px; font-weight: bold; border-bottom: 1px solid rgb(204, 204, 204); padding: 0px 0px 5px; margin: 0px 0px 15px; } .box-white { background: rgb(255, 255, 255); padding: 20px; } .box-white ul { padding-left: 1.5em; } .box-white h5 { font-size: 18px; font-weight: bold; margin-top: 20px; margin-bottom: 5px; } .accordion-mpguide { margin-bottom: 40px; } .accordion-mpguide .accordion-item { background: rgb(245, 245, 245); margin-bottom: 5px; } .accordion-mpguide .accordion-header { font-size: 18px; font-weight: bold; margin: 0px; cursor: pointer; } .accordion-mpguide .accordion-header a { padding: 20px; text-decoration: none; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; color: rgb(51, 51, 51) !important; } .accordion-mpguide .accordion-header a:hover { opacity: 0.7; transition: all 0.3s ease 0s; } .accordion-mpguide .accordion-header a .fas { margin-left: 10px; } .accordion-mpguide .accordion-body { padding: 0px 20px 15px; } .index { background: rgb(245, 245, 245); padding: 30px; } .index h2 { background: rgb(45, 178, 181); padding: 0.5rem 1rem; margin-top: 0px; margin-bottom: 10px; font-size: 1.7rem; color: rgb(255, 255, 255); font-weight: bold; border: 0px; border-radius: 10px; display: inline-block; line-height: 1.2; } .index ul { list-style: none; padding-left: 1em; } .index ul a { display: inline-block; margin-bottom: 5px; font-size: 18px; } img.border_deeply { border: 1px solid rgb(178, 178, 178); } h3.title_media { font-size: 2.5rem; } p.an_linke small { font-weight: bold; } @media (min-width: 768px) and (max-width: 991px) { .media_image_link a { transition: all 0.3s ease 0s; } } .media_image_link a:hover { transition: all 0.3s ease 0s; opacity: 0.8; } @media (min-width: 768px) and (max-width: 991px) { .media_image_link img { border: 1px solid rgb(178, 178, 178); } } @media (min-width: 768px) and (max-width: 991px) { .media_image_link p { font-weight: bold; color: rgb(73, 73, 73); } } @media (min-width: 768px) and (max-width: 991px) { .an_linke.tblt { font-size: 1.6rem; height: 6.8rem; margin-top: 10px !important; } } .flow_area { width: 100%; margin: auto; background-color: rgb(229, 229, 229); } .flow_image { padding: 0px; } .flow_text p { margin: auto; } @media (max-width: 767px) { .flow_text p { padding-bottom: 10px; } } .flow_text h3 { font-size: 3.2rem; margin-top: 10px; margin-bottom: auto; letter-spacing: 4px; color: rgb(74, 188, 188); } @media (max-width: 767px) { .flow_text h3 { font-size: 2.8rem; } } @media (max-width: 1024px) and (min-width: 768px) { .flow_text h3 { font-size: 26px; margin-top: 3px; margin-bottom: 5px; color: rgb(74, 188, 188); } } .flow_next_icon { width: 0px; margin: 5px auto -20px; border-top: 15px solid rgb(179, 179, 179); border-right: 12px solid transparent; border-left: 12px solid transparent; } @media (max-width: 767px) { .maintenance { padding: 0px; margin: 30px 0px 0px; } } @media (max-width: 767px) { .page-id-14739 .record-flow_hr { padding-left: 10px; padding-right: 10px; } .page-id-14739 .record-flow_hr h3 { margin: 0px 0px 10px; } .page-id-14739 .record-flow_hr ul { padding-left: 1.2em; } } .grant-case img { width: 100%; } .about_link_btn { margin-top: 30px; color: rgb(73, 73, 73); } .about_link_btn h2 { margin-top: 5px; } .about_link_btn img { width: 100%; } .about_link_btn a { text-decoration: none; } .anker_btn { transition: all 0.3s ease 0s; color: rgb(73, 73, 73); } .anker_btn:hover { opacity: 0.8; color: rgb(74, 180, 180); } .row.p_mark_info { margin: 30px 0px; } .row.p_mark_info div.col-sm-3.col-xs-12 { text-align: center; } .row.about_icon_area { text-align: center; } .row.about_icon_area img { width: 45%; } .row.about_icon_area p { margin: 0px 15px; text-align: left; } .row.about_icon_area div.col-sm-6.col-xs-12 { margin-bottom: 60px; } .row.about_content_img_text { margin-bottom: 50px; } .row.about_content_img_text img { width: 98%; } @media (max-width: 767px) { .row.about_content_img_text img { width: 50%; } } .row.about_content_img_text div.bg_glay li { font-weight: normal; } .bg_glay_text { padding: 12px 0px; background-color: rgb(233, 233, 233); } .bg_glay_text p { margin: auto auto auto 15px; } a.og_link { font-weight: bold; transition: all 0.3s ease 0s; text-decoration: underline; color: rgb(225, 81, 31); } a.og_link:hover { opacity: 0.7; } .article.about_faq { border-radius: 5px; border: 3px solid rgb(204, 204, 204) !important; } .about_faq_title { padding: 15px 0px 3px 10px; border-bottom: 1px solid rgb(204, 204, 204); background-color: rgb(233, 233, 233); } .about_faq_list { list-style: none; } .about_faq_list ul { padding: 15px; list-style: none; } .about_faq_list i { margin-right: 15px; color: rgb(233, 233, 233); } .about_faq_list li { margin-top: 10px; } .carousel_title h3 { font-size: 26px; } .carousel_area { position: relative; background-color: rgb(233, 233, 233); } .carousel_head { height: 55px; margin: auto; background-color: rgb(219, 219, 219); } @media (max-width: 767px) { .carousel_head { display: table-cell; width: inherit; height: 94px; margin: auto; vertical-align: middle; } } @media (max-width: 1024px) and (min-width: 768px) { .carousel_head { display: table-cell; width: inherit; height: 90px; margin: auto; vertical-align: middle; } } .carousel_head h3 { margin-top: 15px; letter-spacing: 1px; } @media (max-width: 767px) { .carousel_head h3 { margin: auto; } } .carousel_head h3 small { color: rgb(73, 73, 73); } .carousel_contents { margin: 20px 15px 30px; } .carousel_contents li { font-size: 17px; } @media (max-width: 767px) { .carousel_contents li { font-size: 1.4rem; } } .carousel-button-prev { padding: 12px 8px 8px; left: -7% !important; } .carousel-button-next, .carousel-button-prev { font-size: 22px; font-weight: bold; position: absolute; z-index: 10; top: 50%; width: 44px; height: 44px; cursor: pointer; color: rgb(255, 255, 255); margin-top: -22px; border-radius: 22px; background-position: center center; background-size: 27px 44px; background-color: rgb(179, 179, 179); } .carousel-button-next { padding: 12px 8px 8px 14px; right: -7% !important; } .left_col { padding-right: 0px; } .right_col { padding-left: 0px; } .swiper-slide ul { float: left; padding: 0px 10px; } br.sp-only--id42 { display: none; } @media (max-width: 767px) { .page-id-42 br.sp-only--id42 { display: block; } } .choice__list { display: flex; flex-wrap: wrap; gap: 10px 30px; width: 50%; } @media (max-width: 767px) { .choice__list { width: 100%; padding: 0px 20px 0px 30px; } } ul.under_list { margin-left: -39px; list-style: none; } ul.under_list li { margin-bottom: 4px; } .article .subtitle h2.under_content_title { line-height: 120%; margin: 50px 0px 20px; padding: 2px 8px; color: rgb(73, 73, 73); border-width: 0px 0px 3px; border-style: solid; border-color: rgb(204, 204, 204); background: rgb(255, 255, 255); } .table-page table tbody tr th, .table-page table tbody tr td { vertical-align: middle; } .table-page table tbody tr th { font-size: 1.1em; padding: 15px; text-align: center; background: rgb(217, 248, 233); } .table-page table tbody tr td { padding: 15px 20px; } .table-page tr td ul { padding-left: 20px; } .table-page tr td ul li { margin: 10px 0px; } .table-page tr td:first-child { background: rgb(249, 249, 249); text-align: center; width: 120px; } .table-page table tbody tr td:nth-child(2), .table-page table tbody tr td:nth-child(3), .table-page table tbody tr td:last-child { width: 250px; } .table-page table.choice-table tbody tr td { vertical-align: top !important; } .table-page table.choice-table tbody tr td:first-child { vertical-align: middle !important; } @media (min-width: 320px) and (max-width: 768px) { .table-page table.choice tr th, .table-page table.choice tr td { display: block; width: 100% !important; } } .btn-menu a.be_arrow span { position: relative; } .btn-menu a.be_arrow span.left1::before { content: ""; font-family: "Font Awesome 5 Pro"; font-weight: 400; font-size: 22px; left: -14px; position: absolute; } .btn-menu a.be_arrow span.left2::before { content: ""; font-family: "Font Awesome 5 Pro"; font-weight: 400; font-size: 22px; left: -23px; position: absolute; } @media (min-width: 768px) { .sidebar-word-outer { position: sticky; top: 90px; } } .sidebar-word { list-style: none; background: rgb(249, 249, 249); margin-bottom: 30px; padding: 0px; } @media (max-width: 767px) { .sidebar-word { padding: 10px; } } .sidebar-word li { text-align: center; } @media (max-width: 767px) { .sidebar-word li { display: inline-block; } } .sidebar-word li a { text-decoration: none; padding: 15px 0px; display: block; position: relative; } .sidebar-word li a::before { content: ""; font-family: fontawesome; color: rgb(36, 145, 146); position: absolute; transform: translateX(-10px); } .sidebar-word li a:hover { text-decoration: underline; background-color: rgb(240, 240, 240); color: rgb(36, 145, 146); } .sidebar-word li a.active { color: rgb(51, 51, 51); background-color: rgb(240, 240, 240); cursor: inherit; } .sidebar-word li a.active::before { color: rgb(51, 51, 51); } .sidebar-word li a.active:hover { text-decoration: none; } @media (max-width: 767px) { .sidebar-word li a { padding: 10px 15px; } } .article-word { padding: 60px 30px 50px; border-bottom: 1px solid rgb(210, 210, 210); } @media (max-width: 767px) { .article-word { padding: 40px 0px; } } .article-word:last-child { margin-bottom: 60px; border-bottom: none; } .title-word { font-size: 24px; font-weight: normal; line-height: 1.2; padding: 2px 10px; margin-top: 0px; margin-bottom: 50px; border-left: 7px solid rgb(39, 144, 148); position: relative; } @media (max-width: 767px) { .title-word { margin-bottom: 30px; } } .title-word span { font-size: 16px; line-height: 1.1; display: block; margin-top: 4px; margin-left: 1px; color: rgb(174, 174, 174); } .title-index { font-size: 34px; font-weight: bold; margin-top: 0px; margin-bottom: 0px; padding: 0px 20px; } @media (max-width: 767px) { .title-index { padding: 0px; } } .more-word { float: right; } .single .article-word { padding: 0px 30px 100px; border-bottom: none; } @media (max-width: 767px) { .single .article-word { padding: 0px 0px 40px; } } .single .body-word { margin-bottom: 80px; } .single .body-word h4 { font-size: 20px; font-weight: bold; margin-top: 40px; margin-bottom: 10px; } .single .body-word p { margin-bottom: 30px; } .single .body-word p:first-child { background: rgb(245, 245, 245); padding: 14px 18px; margin-bottom: 40px; } .single .body-word ul { margin-bottom: 30px; } .related-word-wrap { margin-bottom: 30px; } .related-word-wrap h4 { font-weight: bold; margin-bottom: 15px; } .related-word-wrap ul { list-style: none; padding-left: 0px; } .related-word-wrap ul li { margin-right: 15px; margin-bottom: 4px; } .related-word-wrap ul li a { text-decoration: none; } .related-word-wrap ul li .fa { margin-right: 3px; } .related-service-wrap h4 { font-weight: bold; margin-bottom: 10px; } .related-service-wrap ul { list-style: none; padding-left: 0px; } .related-service-wrap ul li { margin-bottom: 4px; } .related-service-wrap ul li a { text-decoration: none; } .related-service-wrap ul .fa { margin-right: 3px; } .image_link_caption { font-size: 1.6rem; font-weight: bold; margin-bottom: 30px; margin-top: 10px !important; } .room3d { width: 80%; margin: 0px auto; } .service-flow li { margin-bottom: 20px; } .case-tags { list-style: none; display: flex; flex-wrap: wrap; margin: 0px -2px; padding: 0px; } .case-tag { background: rgb(51, 87, 184); color: rgb(255, 255, 255); font-size: 12px; letter-spacing: 0.08em; margin: 0px 2px 4px; padding: 2px 10px; border-radius: 15px; } .head_area { background: rgb(245, 245, 245); height: auto; } .head_area img { height: 300px; width: 100%; object-fit: cover; } @media (max-width: 767px) { .head_area img { height: auto; } } .case-info { display: flex; -webkit-box-align: center; align-items: center; height: 300px; } @media (max-width: 767px) { .case-info { height: 260px; } } .case-info h2 { font-size: 26px; font-weight: bold; line-height: 1.38; margin: 0px; } @media (max-width: 767px) { .case-info h2 { font-size: 22px; } } .case-info dl { display: flex; flex-wrap: wrap; margin: 10px 0px; } .case-info dt { font-size: 14px; font-weight: normal; flex-basis: 70px; text-align: right; margin-bottom: 2px; } .case-info dd { font-size: 14px; font-weight: bold; margin-left: 0px; flex-basis: calc(100% - 70px); padding-left: 10px; margin-bottom: 2px; } .case-body { max-width: 820px; margin: 60px auto 80px; } .case-body h3 { font-size: 18px; font-weight: bold; position: relative; padding-left: 50px; margin: 60px 0px 6px; } .case-body h3::before { content: ""; width: 40px; height: 1px; background-color: rgb(51, 51, 51); position: absolute; left: 0px; top: 50%; transform: translateY(-50%); } .case-body .speaker { font-weight: bold; } .case-body .case-marker { font-weight: bold; background: linear-gradient(transparent 60%, rgb(254, 245, 161) 60%); padding-bottom: 2px; } .flex50--unconnect aside { max-width: 570px; } @media (max-width: 767px) { .flex50--unconnect aside { max-width: 100%; } } .flex50--unconnect aside + * { -webkit-box-flex: 1; flex: 1 1 0%; } .unconnect-info h2 { margin-top: 50px; margin-bottom: 12px; font-size: 18px; } .unconnect-info .list_style_disc { margin-bottom: 30px; } .unconnect-info .list_style_disc li { line-height: 1.875; } .page-id-101 .flex-jcsb { display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: end; align-items: flex-end; } @media (max-width: 991px) { .page-id-101 .flex-jcsb { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: start; align-items: flex-start; gap: 20px; margin-bottom: 20px; } } .service_edit .date_center img { object-fit: contain; margin: 0px auto; width: 100% !important; } @media (max-width: 767px) { .service_edit .date_center img { border: 1px solid rgb(178, 178, 178); } } .page-sample .panel-title i { margin-right: 8px; } .trans-entrust .entrust__btn-wrap { margin: 0px auto; } .trans-entrust .entrust__img { width: 20% !important; } .languages-content { display: flex; flex-wrap: wrap; gap: 20px; -webkit-box-pack: justify; justify-content: space-between; } @media (max-width: 767px) { .languages-content__wrap { width: 100%; } } .corpus__flow-img img { aspect-ratio: 455 / 274; } .corpus__row { display: flex; gap: 20px; } @media (max-width: 767px) { .corpus__row { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } } .corpus__row-box { -webkit-box-flex: 1; flex: 1 1 0%; } @media (max-width: 767px) { .corpus__row-box--sp-o1 { -webkit-box-ordinal-group: 2; order: 1; } } @media (max-width: 767px) { .corpus__row-box--sp-o2 { -webkit-box-ordinal-group: 3; order: 2; } } .faq_top_btn { margin-bottom: 20px; } .faq_top_btn a { color: rgb(170, 170, 170); text-decoration: none; position: relative; font-size: 1.6rem; padding-left: 25px; } .faq_top_btn a::before { content: "◂"; font-size: 3rem; position: absolute; left: 0px; } @media (min-width: 992px) { .faq_top_btn { display: none; } } .topics_sidebar { width: 25%; float: left; margin-bottom: 50px; } @media (max-width: 991px) { .topics_sidebar { display: none; } } .topics_sidebar .faq-item h1 { font-size: 1.6rem; position: relative; background-color: rgb(249, 249, 249); margin: 0px; } .topics_sidebar .faq-item h1 a { display: block; padding: 15px 20px 15px 35px; text-decoration: none; transition: all 0.1s ease 0s; } .topics_sidebar .faq-item h1 a::before { content: ">"; color: rgb(36, 145, 146); position: absolute; left: 20px; } .topics_sidebar .faq-item h1 a:hover { text-decoration: underline; background-color: rgb(240, 240, 240); color: rgb(36, 145, 146); } .topics_sidebar .faq-item h1 a.active { color: rgb(51, 51, 51); background-color: rgb(240, 240, 240); cursor: inherit; } .topics_sidebar .faq-item h1 a.active::before { color: rgb(51, 51, 51); } .topics_sidebar .faq-item h1 a.active:hover { text-decoration: none; } .topics_faq { width: 70%; float: right; } @media (max-width: 991px) { .topics_faq { display: block; width: auto; float: inherit; } } .topics_faq h3.entry-title { margin-bottom: 2em; font-weight: normal; font-size: 1.6rem; padding-left: 3.4em; position: relative; background-color: transparent; } .topics_faq h3.entry-title::before { content: ""; position: absolute; background-image: url(""); background-size: cover; width: 41px; height: 41px; top: -7px; left: 0px; } .topics_faq h3.entry-title:first-child { margin-top: 7px; } .topics_faq .entry-summary p { padding-left: 3.4em; position: relative; font-size: 1.6rem; margin-bottom: 2em; } .topics_faq .entry-summary p::before { content: ""; position: absolute; background-image: url(""); background-size: cover; width: 41px; height: 41px; left: 0px; } .topics_faq .section { border-bottom: 1px solid rgb(218, 218, 218); border-radius: 4px; margin-bottom: 2.6em; } .topics_faq h1 { margin-bottom: 2em; font-weight: normal; font-size: 1.6rem; padding-left: 3.4em; position: relative; background-color: transparent; } .topics_faq h1::before { content: ""; position: absolute; background-image: url(""); background-size: cover; width: 41px; height: 41px; top: -7px; left: 0px; } .topics_faq h1:first-child { margin-top: 7px; } .topics_faq .faq-answer { padding-left: 3.4em; position: relative; font-size: 1.6rem; margin-bottom: 2em; } .topics_faq .faq-answer::before { content: ""; position: absolute; background-image: url(""); background-size: cover; width: 41px; height: 41px; left: 0px; } .topics_faq .single-faq { border-bottom: 1px solid rgb(218, 218, 218); border-radius: 4px; margin-bottom: 2.6em; } .page_faq section.panel { margin-bottom: 0px; } .page_faq ul.accordion_ul { list-style: none; padding-left: 0px; } .page_faq h3.panel-title { background-color: rgb(238, 238, 238); padding: 20px; font-size: 16px; color: rgb(36, 145, 146); margin-bottom: 0px; border-radius: 4px; border: 1px solid rgba(51, 83, 169, 0.3); font-weight: normal; position: relative; display: block; } .page_faq h3.panel-title:hover { cursor: pointer; } .page_faq h3.panel-title.active::before { margin-top: -8px; } .page_faq h3.panel-title.active::after { margin-top: -16px; right: 18px; top: 54%; } .page_faq h3.panel-title::before, .page_faq h3.panel-title::after { display: block; content: ""; position: absolute; transform: rotate(45deg); top: 50%; margin-top: -5px; } .page_faq h3.panel-title::before { right: 17px; width: 15px; height: 16px; background: rgb(255, 255, 255); } .page_faq h3.panel-title::after { right: 22px; width: 20px; height: 10px; background: rgb(238, 238, 238); } .page_faq ol.list-usage { display: none; padding: 15px 40px; background-color: rgb(255, 255, 255); border-radius: 0px 0px 4px 4px; border: 1px solid rgba(51, 83, 169, 0.3); margin-top: -2px; } .faq_pickup { background-color: rgb(245, 245, 245); padding: 30px; margin-bottom: 10px; } .faq_pickup h2 { margin-top: 0px; font-size: 3.6rem; font-weight: normal; } @media screen and (max-width: 768px) { .faq_pickup h2 { font-size: 2.2rem; text-align: center; } } .faq_pickup_list { padding-left: 0px; } @media screen and (max-width: 768px) { .faq_pickup_list { padding-left: 14px; } } .faq_pickup_list li { display: inline-block; width: 100%; vertical-align: top; } @media screen and (max-width: 768px) { .faq_pickup_list li { width: 100%; text-indent: -14px; } } .faq_pickup_list li:nth-child(1), .faq_pickup_list li:nth-child(2) { margin-top: 0px; } @media screen and (max-width: 768px) { .faq_pickup_list li:nth-child(1), .faq_pickup_list li:nth-child(2) { margin-top: 10px; } } .faq_pickup_list li::before { content: "・"; color: rgb(36, 145, 146); } .faq_pickup_list li a { text-decoration: none; } .faq_pickup_list li a:hover { text-decoration: underline; } .faq_category_list { list-style: none; padding-left: 0px; display: flex; flex-wrap: wrap; } .faq_category_list li { width: 32.6%; margin-right: 1.1%; background-color: rgb(238, 238, 238); margin-top: 10px; border: 1px solid rgb(36, 145, 146); border-radius: 2px; height: 110px; transition: all 0.2s ease 0s; } @media screen and (max-width: 768px) { .faq_category_list li { width: 100%; margin-right: 0px; } } .faq_category_list li:nth-child(1), .faq_category_list li:nth-child(2), .faq_category_list li:nth-child(3) { margin-top: 0px; } @media screen and (max-width: 768px) { .faq_category_list li:nth-child(1), .faq_category_list li:nth-child(2), .faq_category_list li:nth-child(3) { margin-top: 10px; } } .faq_category_list li:nth-child(3n) { margin-right: 0px; } .faq_category_list li:hover { background-color: rgb(36, 145, 146); } .faq_category_list li a { display: table; text-decoration: none; width: 100%; height: 100%; transition: all 0.2s ease 0s; } .faq_category_list li a h3 { display: table-cell; vertical-align: middle; margin: auto; font-weight: normal; } .faq_category_list li a:hover { color: rgb(255, 255, 255); } .faq_category_icon { display: table-cell; vertical-align: middle; text-align: center; width: 32%; } p.budget_title span { background: rgb(45, 178, 181); padding: 0.5rem 1rem; font-size: 2.7rem; color: rgb(255, 255, 255); font-weight: bold; border-radius: 10px; } .row.budget_icon_area { text-align: center; } .row.budget_icon_area p { margin: 0px 10px 16px; text-align: center; } .row.budget_icon_area img { width: 45%; } .row.budget_icon_area div.col-sm-6.col-xs-12 { margin-bottom: 60px; } .budget_bold_h { color: rgb(73, 73, 73); font-weight: bold; font-size: 24px; margin: 5px 0px; } .page-referral h3 { margin-top: 0px; } .page-referral h3 + p { margin-top: 5px; } .page-referral section { margin-bottom: 60px; } .page-referral section .row { margin-bottom: 40px; } @media (max-width: 767px) { .parent-pageid-22111, .parent-pageid-20783, .parent-pageid-22098 { margin-top: 0px; } } .parent-pageid-22111 div.page-title, .parent-pageid-20783 div.page-title, .parent-pageid-22098 div.page-title { padding: 10px 0px 0px; border: none; border-radius: 0px; margin-bottom: 30px; } @media (max-width: 767px) { .parent-pageid-22111 div.page-title, .parent-pageid-20783 div.page-title, .parent-pageid-22098 div.page-title { margin: 60px 0px 30px; padding-top: 10px !important; } } @media (max-width: 767px) { .parent-pageid-22111 div.page-title div.well, .parent-pageid-20783 div.page-title div.well, .parent-pageid-22098 div.page-title div.well { margin-top: 0px; } } .parent-pageid-22111 div.page-title div.well h1, .parent-pageid-20783 div.page-title div.well h1, .parent-pageid-22098 div.page-title div.well h1 { font-size: 2.8rem; color: rgb(51, 51, 51); text-align: center; font-weight: bold; } .orijin-base .youtube { width: 100%; max-width: 700px; aspect-ratio: 16 / 9; margin: 0px 0px 20px; } .orijin-base .youtube iframe { width: 100%; height: 100%; } .orijin-base .index { background: rgb(245, 245, 245); padding: 30px; } .orijin-base .index h2 { background: rgb(45, 178, 181); padding: 0.5rem 1rem; margin-top: 0px; margin-bottom: 10px; font-size: 1.7rem; color: rgb(255, 255, 255); font-weight: bold; border: 0px; border-radius: 10px; display: inline-block; line-height: 1.2; } .orijin-base .index ul { list-style: none; padding-left: 1em; } .orijin-base .index ul a { display: inline-block; margin-bottom: 5px; font-size: 18px; } .orijin-base h2 { font-size: 2.4rem; margin: 80px 0px 20px; padding: 0px 0px 4px; border-width: 0px 0px 3px; border-color: rgb(204, 204, 204); border-style: solid; background: rgb(255, 255, 255); color: rgb(51, 51, 51); line-height: 120%; } .orijin-base a img { max-width: 100%; } .orijin-base a:hover img { opacity: 0.8; } img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px; } .wp-block-archives { box-sizing: border-box; } .wp-block-archives-dropdown label { display: block; } .wp-block-avatar { line-height: 0; } .wp-block-avatar, .wp-block-avatar img { box-sizing: border-box; } .wp-block-avatar.aligncenter { text-align: center; } .wp-block-audio { box-sizing: border-box; } .wp-block-audio :where(figcaption) { margin-bottom: 1em; margin-top: 0.5em; } .wp-block-audio audio { min-width: 300px; width: 100%; } .wp-block-button__link { align-content: center; box-sizing: border-box; cursor: pointer; display: inline-block; height: 100%; text-align: center; word-break: break-word; } .wp-block-button__link.aligncenter { text-align: center; } .wp-block-button__link.alignright { text-align: right; } :where(.wp-block-button__link) { border-radius: 9999px; box-shadow: none; padding: calc(0.667em + 2px) calc(1.333em + 2px); text-decoration: none; } .wp-block-button[style*="text-decoration"] .wp-block-button__link { text-decoration: inherit; } .wp-block-buttons > .wp-block-button.has-custom-width { max-width: none; } .wp-block-buttons > .wp-block-button.has-custom-width .wp-block-button__link { width: 100%; } .wp-block-buttons > .wp-block-button.has-custom-font-size .wp-block-button__link { font-size: inherit; } .wp-block-buttons > .wp-block-button.wp-block-button__width-25 { width: calc(25% - var(--wp--style--block-gap, .5em)*.75); } .wp-block-buttons > .wp-block-button.wp-block-button__width-50 { width: calc(50% - var(--wp--style--block-gap, .5em)*.5); } .wp-block-buttons > .wp-block-button.wp-block-button__width-75 { width: calc(75% - var(--wp--style--block-gap, .5em)*.25); } .wp-block-buttons > .wp-block-button.wp-block-button__width-100 { flex-basis: 100%; width: 100%; } .wp-block-buttons.is-vertical > .wp-block-button.wp-block-button__width-25 { width: 25%; } .wp-block-buttons.is-vertical > .wp-block-button.wp-block-button__width-50 { width: 50%; } .wp-block-buttons.is-vertical > .wp-block-button.wp-block-button__width-75 { width: 75%; } .wp-block-button.is-style-squared, .wp-block-button__link.wp-block-button.is-style-squared { border-radius: 0px; } .wp-block-button.no-border-radius, .wp-block-button__link.no-border-radius { border-radius: 0px !important; } :root :where(.wp-block-button .wp-block-button__link.is-style-outline), :root :where(.wp-block-button.is-style-outline > .wp-block-button__link) { border: 2px solid; padding: 0.667em 1.333em; } :root :where(.wp-block-button .wp-block-button__link.is-style-outline:not(.has-text-color)), :root :where(.wp-block-button.is-style-outline > .wp-block-button__link:not(.has-text-color)) { color: currentcolor; } :root :where(.wp-block-button .wp-block-button__link.is-style-outline:not(.has-background)), :root :where(.wp-block-button.is-style-outline > .wp-block-button__link:not(.has-background)) { background-color: initial; background-image: none; } .wp-block-buttons { box-sizing: border-box; } .wp-block-buttons.is-vertical { flex-direction: column; } .wp-block-buttons.is-vertical > .wp-block-button:last-child { margin-bottom: 0px; } .wp-block-buttons > .wp-block-button { display: inline-block; margin: 0px; } .wp-block-buttons.is-content-justification-left { justify-content: flex-start; } .wp-block-buttons.is-content-justification-left.is-vertical { align-items: flex-start; } .wp-block-buttons.is-content-justification-center { justify-content: center; } .wp-block-buttons.is-content-justification-center.is-vertical { align-items: center; } .wp-block-buttons.is-content-justification-right { justify-content: flex-end; } .wp-block-buttons.is-content-justification-right.is-vertical { align-items: flex-end; } .wp-block-buttons.is-content-justification-space-between { justify-content: space-between; } .wp-block-buttons.aligncenter { text-align: center; } .wp-block-buttons:not(.is-content-justification-space-between, .is-content-justification-right, .is-content-justification-left, .is-content-justification-center) .wp-block-button.aligncenter { margin-left: auto; margin-right: auto; width: 100%; } .wp-block-buttons[style*="text-decoration"] .wp-block-button, .wp-block-buttons[style*="text-decoration"] .wp-block-button__link { text-decoration: inherit; } .wp-block-buttons.has-custom-font-size .wp-block-button__link { font-size: inherit; } .wp-block-buttons .wp-block-button__link { width: 100%; } .wp-block-button.aligncenter, .wp-block-calendar { text-align: center; } .wp-block-calendar td, .wp-block-calendar th { border: 1px solid; padding: 0.25em; } .wp-block-calendar th { font-weight: 400; } .wp-block-calendar caption { background-color: inherit; } .wp-block-calendar table { border-collapse: collapse; width: 100%; } .wp-block-calendar table:where(:not(.has-text-color)) { color: rgb(64, 70, 77); } .wp-block-calendar table:where(:not(.has-text-color)) td, .wp-block-calendar table:where(:not(.has-text-color)) th { border-color: rgb(221, 221, 221); } .wp-block-calendar table.has-background th { background-color: inherit; } .wp-block-calendar table.has-text-color th { color: inherit; } :where(.wp-block-calendar table:not(.has-background) th) { background: rgb(221, 221, 221); } .wp-block-categories { box-sizing: border-box; } .wp-block-categories.alignleft { margin-right: 2em; } .wp-block-categories.alignright { margin-left: 2em; } .wp-block-categories.wp-block-categories-dropdown.aligncenter { text-align: center; } .wp-block-categories .wp-block-categories__label { display: block; width: 100%; } .wp-block-code { box-sizing: border-box; } .wp-block-code code { direction: ltr; display: block; font-family: inherit; overflow-wrap: break-word; text-align: initial; white-space: pre-wrap; } .wp-block-columns { box-sizing: border-box; display: flex; align-items: normal !important; flex-wrap: wrap !important; } @media (min-width: 782px) { .wp-block-columns { flex-wrap: nowrap !important; } } .wp-block-columns.are-vertically-aligned-top { align-items: flex-start; } .wp-block-columns.are-vertically-aligned-center { align-items: center; } .wp-block-columns.are-vertically-aligned-bottom { align-items: flex-end; } @media (max-width: 781px) { .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column { flex-basis: 100% !important; } } @media (min-width: 782px) { .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column { flex-basis: 0px; flex-grow: 1; } .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column[style*="flex-basis"] { flex-grow: 0; } } .wp-block-columns.is-not-stacked-on-mobile { flex-wrap: nowrap !important; } .wp-block-columns.is-not-stacked-on-mobile > .wp-block-column { flex-basis: 0px; flex-grow: 1; } .wp-block-columns.is-not-stacked-on-mobile > .wp-block-column[style*="flex-basis"] { flex-grow: 0; } :where(.wp-block-columns) { margin-bottom: 1.75em; } :where(.wp-block-columns.has-background) { padding: 1.25em 2.375em; } .wp-block-column { flex-grow: 1; min-width: 0px; overflow-wrap: break-word; word-break: break-word; } .wp-block-column.is-vertically-aligned-top { align-self: flex-start; } .wp-block-column.is-vertically-aligned-center { align-self: center; } .wp-block-column.is-vertically-aligned-bottom { align-self: flex-end; } .wp-block-column.is-vertically-aligned-stretch { align-self: stretch; } .wp-block-column.is-vertically-aligned-bottom, .wp-block-column.is-vertically-aligned-center, .wp-block-column.is-vertically-aligned-top { width: 100%; } .wp-block-post-comments { box-sizing: border-box; } .wp-block-post-comments .alignleft { float: left; } .wp-block-post-comments .alignright { float: right; } .wp-block-post-comments .navigation::after { clear: both; content: ""; display: table; } .wp-block-post-comments .commentlist { clear: both; list-style: none; margin: 0px; padding: 0px; } .wp-block-post-comments .commentlist .comment { min-height: 2.25em; padding-left: 3.25em; } .wp-block-post-comments .commentlist .comment p { font-size: 1em; line-height: 1.8; margin: 1em 0px; } .wp-block-post-comments .commentlist .children { list-style: none; margin: 0px; padding: 0px; } .wp-block-post-comments .comment-author { line-height: 1.5; } .wp-block-post-comments .comment-author .avatar { border-radius: 1.5em; display: block; float: left; height: 2.5em; margin-right: 0.75em; margin-top: 0.5em; width: 2.5em; } .wp-block-post-comments .comment-author cite { font-style: normal; } .wp-block-post-comments .comment-meta { font-size: 0.875em; line-height: 1.5; } .wp-block-post-comments .comment-meta b { font-weight: 400; } .wp-block-post-comments .comment-meta .comment-awaiting-moderation { display: block; margin-bottom: 1em; margin-top: 1em; } .wp-block-post-comments .comment-body .commentmetadata { font-size: 0.875em; } .wp-block-post-comments .comment-form-author label, .wp-block-post-comments .comment-form-comment label, .wp-block-post-comments .comment-form-email label, .wp-block-post-comments .comment-form-url label { display: block; margin-bottom: 0.25em; } .wp-block-post-comments .comment-form input:not([type="submit"]):not([type="checkbox"]), .wp-block-post-comments .comment-form textarea { box-sizing: border-box; display: block; width: 100%; } .wp-block-post-comments .comment-form-cookies-consent { display: flex; gap: 0.25em; } .wp-block-post-comments .comment-form-cookies-consent #wp-comment-cookies-consent { margin-top: 0.35em; } .wp-block-post-comments .comment-reply-title { margin-bottom: 0px; } .wp-block-post-comments .comment-reply-title :where(small) { font-size: var(--wp--preset--font-size--medium,smaller); margin-left: 0.5em; } .wp-block-post-comments .reply { font-size: 0.875em; margin-bottom: 1.4em; } .wp-block-post-comments input:not([type="submit"]), .wp-block-post-comments textarea { border: 1px solid rgb(148, 148, 148); font-family: inherit; font-size: 1em; } .wp-block-post-comments input:not([type="submit"]):not([type="checkbox"]), .wp-block-post-comments textarea { padding: calc(0.667em + 2px); } :where(.wp-block-post-comments input[type="submit"]) { border: none; } .wp-block-comments { box-sizing: border-box; } .wp-block-comments-pagination > .wp-block-comments-pagination-next, .wp-block-comments-pagination > .wp-block-comments-pagination-numbers, .wp-block-comments-pagination > .wp-block-comments-pagination-previous { font-size: inherit; margin-bottom: 0.5em; margin-right: 0.5em; } .wp-block-comments-pagination > .wp-block-comments-pagination-next:last-child, .wp-block-comments-pagination > .wp-block-comments-pagination-numbers:last-child, .wp-block-comments-pagination > .wp-block-comments-pagination-previous:last-child { margin-right: 0px; } .wp-block-comments-pagination .wp-block-comments-pagination-previous-arrow { display: inline-block; margin-right: 1ch; } .wp-block-comments-pagination .wp-block-comments-pagination-previous-arrow:not(.is-arrow-chevron) { transform: scaleX(1); } .wp-block-comments-pagination .wp-block-comments-pagination-next-arrow { display: inline-block; margin-left: 1ch; } .wp-block-comments-pagination .wp-block-comments-pagination-next-arrow:not(.is-arrow-chevron) { transform: scaleX(1); } .wp-block-comments-pagination.aligncenter { justify-content: center; } .wp-block-comment-template { box-sizing: border-box; list-style: none; margin-bottom: 0px; max-width: 100%; padding: 0px; } .wp-block-comment-template li { clear: both; } .wp-block-comment-template ol { list-style: none; margin-bottom: 0px; max-width: 100%; padding-left: 2rem; } .wp-block-comment-template.alignleft { float: left; } .wp-block-comment-template.aligncenter { margin-left: auto; margin-right: auto; width: fit-content; } .wp-block-comment-template.alignright { float: right; } .wp-block-comment-date { box-sizing: border-box; } .comment-awaiting-moderation { display: block; font-size: 0.875em; line-height: 1.5; } .wp-block-comment-author-name, .wp-block-comment-content, .wp-block-comment-edit-link, .wp-block-comment-reply-link { box-sizing: border-box; } .wp-block-cover, .wp-block-cover-image { align-items: center; background-position: 50% center; box-sizing: border-box; display: flex; justify-content: center; min-height: 430px; overflow: clip; padding: 1em; position: relative; } .wp-block-cover .has-background-dim:not([class*="-background-color"]), .wp-block-cover-image .has-background-dim:not([class*="-background-color"]), .wp-block-cover-image.has-background-dim:not([class*="-background-color"]), .wp-block-cover.has-background-dim:not([class*="-background-color"]) { background-color: rgb(0, 0, 0); } .wp-block-cover .has-background-dim.has-background-gradient, .wp-block-cover-image .has-background-dim.has-background-gradient { background-color: initial; } .wp-block-cover-image.has-background-dim::before, .wp-block-cover.has-background-dim::before { background-color: inherit; content: ""; } .wp-block-cover .wp-block-cover__background, .wp-block-cover .wp-block-cover__gradient-background, .wp-block-cover-image .wp-block-cover__background, .wp-block-cover-image .wp-block-cover__gradient-background, .wp-block-cover-image.has-background-dim:not(.has-background-gradient)::before, .wp-block-cover.has-background-dim:not(.has-background-gradient)::before { inset: 0px; opacity: 0.5; position: absolute; } .wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__background, .wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background, .wp-block-cover-image.has-background-dim.has-background-dim-10:not(.has-background-gradient)::before, .wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__background, .wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-10:not(.has-background-gradient)::before { opacity: 0.1; } .wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__background, .wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background, .wp-block-cover-image.has-background-dim.has-background-dim-20:not(.has-background-gradient)::before, .wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__background, .wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-20:not(.has-background-gradient)::before { opacity: 0.2; } .wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__background, .wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background, .wp-block-cover-image.has-background-dim.has-background-dim-30:not(.has-background-gradient)::before, .wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__background, .wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-30:not(.has-background-gradient)::before { opacity: 0.3; } .wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__background, .wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background, .wp-block-cover-image.has-background-dim.has-background-dim-40:not(.has-background-gradient)::before, .wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__background, .wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-40:not(.has-background-gradient)::before { opacity: 0.4; } .wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__background, .wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background, .wp-block-cover-image.has-background-dim.has-background-dim-50:not(.has-background-gradient)::before, .wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__background, .wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-50:not(.has-background-gradient)::before { opacity: 0.5; } .wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__background, .wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background, .wp-block-cover-image.has-background-dim.has-background-dim-60:not(.has-background-gradient)::before, .wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__background, .wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-60:not(.has-background-gradient)::before { opacity: 0.6; } .wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__background, .wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background, .wp-block-cover-image.has-background-dim.has-background-dim-70:not(.has-background-gradient)::before, .wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__background, .wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-70:not(.has-background-gradient)::before { opacity: 0.7; } .wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__background, .wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background, .wp-block-cover-image.has-background-dim.has-background-dim-80:not(.has-background-gradient)::before, .wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__background, .wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-80:not(.has-background-gradient)::before { opacity: 0.8; } .wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__background, .wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background, .wp-block-cover-image.has-background-dim.has-background-dim-90:not(.has-background-gradient)::before, .wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__background, .wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-90:not(.has-background-gradient)::before { opacity: 0.9; } .wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__background, .wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background, .wp-block-cover-image.has-background-dim.has-background-dim-100:not(.has-background-gradient)::before, .wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__background, .wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-100:not(.has-background-gradient)::before { opacity: 1; } .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-0, .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-0, .wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-0, .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-0 { opacity: 0; } .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-10, .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-10, .wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-10, .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-10 { opacity: 0.1; } .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-20, .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-20, .wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-20, .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-20 { opacity: 0.2; } .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-30, .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-30, .wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-30, .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-30 { opacity: 0.3; } .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-40, .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-40, .wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-40, .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-40 { opacity: 0.4; } .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-50, .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-50, .wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-50, .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-50 { opacity: 0.5; } .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-60, .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-60, .wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-60, .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-60 { opacity: 0.6; } .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-70, .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-70, .wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-70, .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-70 { opacity: 0.7; } .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-80, .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-80, .wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-80, .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-80 { opacity: 0.8; } .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-90, .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-90, .wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-90, .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-90 { opacity: 0.9; } .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-100, .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-100, .wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-100, .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-100 { opacity: 1; } .wp-block-cover-image.alignleft, .wp-block-cover-image.alignright, .wp-block-cover.alignleft, .wp-block-cover.alignright { max-width: 420px; width: 100%; } .wp-block-cover-image.aligncenter, .wp-block-cover-image.alignleft, .wp-block-cover-image.alignright, .wp-block-cover.aligncenter, .wp-block-cover.alignleft, .wp-block-cover.alignright { display: flex; } .wp-block-cover .wp-block-cover__inner-container, .wp-block-cover-image .wp-block-cover__inner-container { color: inherit; position: relative; width: 100%; } .wp-block-cover-image.is-position-top-left, .wp-block-cover.is-position-top-left { align-items: flex-start; justify-content: flex-start; } .wp-block-cover-image.is-position-top-center, .wp-block-cover.is-position-top-center { align-items: flex-start; justify-content: center; } .wp-block-cover-image.is-position-top-right, .wp-block-cover.is-position-top-right { align-items: flex-start; justify-content: flex-end; } .wp-block-cover-image.is-position-center-left, .wp-block-cover.is-position-center-left { align-items: center; justify-content: flex-start; } .wp-block-cover-image.is-position-center-center, .wp-block-cover.is-position-center-center { align-items: center; justify-content: center; } .wp-block-cover-image.is-position-center-right, .wp-block-cover.is-position-center-right { align-items: center; justify-content: flex-end; } .wp-block-cover-image.is-position-bottom-left, .wp-block-cover.is-position-bottom-left { align-items: flex-end; justify-content: flex-start; } .wp-block-cover-image.is-position-bottom-center, .wp-block-cover.is-position-bottom-center { align-items: flex-end; justify-content: center; } .wp-block-cover-image.is-position-bottom-right, .wp-block-cover.is-position-bottom-right { align-items: flex-end; justify-content: flex-end; } .wp-block-cover-image.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container, .wp-block-cover.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container { margin: 0px; } .wp-block-cover-image.has-custom-content-position.has-custom-content-position.is-position-bottom-left .wp-block-cover__inner-container, .wp-block-cover-image.has-custom-content-position.has-custom-content-position.is-position-bottom-right .wp-block-cover__inner-container, .wp-block-cover-image.has-custom-content-position.has-custom-content-position.is-position-center-left .wp-block-cover__inner-container, .wp-block-cover-image.has-custom-content-position.has-custom-content-position.is-position-center-right .wp-block-cover__inner-container, .wp-block-cover-image.has-custom-content-position.has-custom-content-position.is-position-top-left .wp-block-cover__inner-container, .wp-block-cover-image.has-custom-content-position.has-custom-content-position.is-position-top-right .wp-block-cover__inner-container, .wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-bottom-left .wp-block-cover__inner-container, .wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-bottom-right .wp-block-cover__inner-container, .wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-center-left .wp-block-cover__inner-container, .wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-center-right .wp-block-cover__inner-container, .wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-top-left .wp-block-cover__inner-container, .wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-top-right .wp-block-cover__inner-container { margin: 0px; width: auto; } .wp-block-cover .wp-block-cover__image-background, .wp-block-cover video.wp-block-cover__video-background, .wp-block-cover-image .wp-block-cover__image-background, .wp-block-cover-image video.wp-block-cover__video-background { border: none; inset: 0px; box-shadow: none; height: 100%; margin: 0px; max-height: none; max-width: none; object-fit: cover; outline: none; padding: 0px; position: absolute; width: 100%; } .wp-block-cover-image.has-parallax, .wp-block-cover.has-parallax, .wp-block-cover__image-background.has-parallax, video.wp-block-cover__video-background.has-parallax { background-attachment: fixed; background-repeat: no-repeat; background-size: cover; } @supports (-webkit-touch-callout:inherit) { .wp-block-cover-image.has-parallax, .wp-block-cover.has-parallax, .wp-block-cover__image-background.has-parallax, video.wp-block-cover__video-background.has-parallax { background-attachment: scroll; } } @media (prefers-reduced-motion: reduce) { .wp-block-cover-image.has-parallax, .wp-block-cover.has-parallax, .wp-block-cover__image-background.has-parallax, video.wp-block-cover__video-background.has-parallax { background-attachment: scroll; } } .wp-block-cover-image.is-repeated, .wp-block-cover.is-repeated, .wp-block-cover__image-background.is-repeated, video.wp-block-cover__video-background.is-repeated { background-repeat: repeat; background-size: auto; } .wp-block-cover-image-text, .wp-block-cover-image-text a, .wp-block-cover-image-text a:active, .wp-block-cover-image-text a:focus, .wp-block-cover-image-text a:hover, .wp-block-cover-text, .wp-block-cover-text a, .wp-block-cover-text a:active, .wp-block-cover-text a:focus, .wp-block-cover-text a:hover, section.wp-block-cover-image h2, section.wp-block-cover-image h2 a, section.wp-block-cover-image h2 a:active, section.wp-block-cover-image h2 a:focus, section.wp-block-cover-image h2 a:hover { color: rgb(255, 255, 255); } .wp-block-cover-image .wp-block-cover.has-left-content { justify-content: flex-start; } .wp-block-cover-image .wp-block-cover.has-right-content { justify-content: flex-end; } .wp-block-cover-image.has-left-content .wp-block-cover-image-text, .wp-block-cover.has-left-content .wp-block-cover-text, section.wp-block-cover-image.has-left-content > h2 { margin-left: 0px; text-align: left; } .wp-block-cover-image.has-right-content .wp-block-cover-image-text, .wp-block-cover.has-right-content .wp-block-cover-text, section.wp-block-cover-image.has-right-content > h2 { margin-right: 0px; text-align: right; } .wp-block-cover .wp-block-cover-text, .wp-block-cover-image .wp-block-cover-image-text, section.wp-block-cover-image > h2 { font-size: 2em; line-height: 1.25; margin-bottom: 0px; max-width: 840px; padding: 0.44em; text-align: center; z-index: 1; } :where(.wp-block-cover-image:not(.has-text-color)), :where(.wp-block-cover:not(.has-text-color)) { color: rgb(255, 255, 255); } :where(.wp-block-cover-image.is-light:not(.has-text-color)), :where(.wp-block-cover.is-light:not(.has-text-color)) { color: rgb(0, 0, 0); } :root :where(.wp-block-cover h1:not(.has-text-color)), :root :where(.wp-block-cover h2:not(.has-text-color)), :root :where(.wp-block-cover h3:not(.has-text-color)), :root :where(.wp-block-cover h4:not(.has-text-color)), :root :where(.wp-block-cover h5:not(.has-text-color)), :root :where(.wp-block-cover h6:not(.has-text-color)), :root :where(.wp-block-cover p:not(.has-text-color)) { color: inherit; } body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background + .wp-block-cover__inner-container)) .wp-block-cover__image-background, body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background + .wp-block-cover__inner-container)) .wp-block-cover__video-background { z-index: 0; } body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background + .wp-block-cover__inner-container)) .wp-block-cover__background, body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background + .wp-block-cover__inner-container)) .wp-block-cover__gradient-background, body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background + .wp-block-cover__inner-container)) .wp-block-cover__inner-container, body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background + .wp-block-cover__inner-container)).has-background-dim:not(.has-background-gradient)::before { z-index: 1; } .has-modal-open body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background + .wp-block-cover__inner-container)) .wp-block-cover__inner-container { z-index: auto; } .wp-block-details { box-sizing: border-box; } .wp-block-details summary { cursor: pointer; } .wp-block-embed.alignleft, .wp-block-embed.alignright, .wp-block[data-align="left"] > [data-type="core/embed"], .wp-block[data-align="right"] > [data-type="core/embed"] { max-width: 360px; width: 100%; } .wp-block-embed.alignleft .wp-block-embed__wrapper, .wp-block-embed.alignright .wp-block-embed__wrapper, .wp-block[data-align="left"] > [data-type="core/embed"] .wp-block-embed__wrapper, .wp-block[data-align="right"] > [data-type="core/embed"] .wp-block-embed__wrapper { min-width: 280px; } .wp-block-cover .wp-block-embed { min-height: 240px; min-width: 320px; } .wp-block-embed { overflow-wrap: break-word; } .wp-block-embed :where(figcaption) { margin-bottom: 1em; margin-top: 0.5em; } .wp-block-embed iframe { max-width: 100%; } .wp-block-embed__wrapper { position: relative; } .wp-embed-responsive .wp-has-aspect-ratio .wp-block-embed__wrapper::before { content: ""; display: block; padding-top: 50%; } .wp-embed-responsive .wp-has-aspect-ratio iframe { inset: 0px; height: 100%; position: absolute; width: 100%; } .wp-embed-responsive .wp-embed-aspect-21-9 .wp-block-embed__wrapper::before { padding-top: 42.85%; } .wp-embed-responsive .wp-embed-aspect-18-9 .wp-block-embed__wrapper::before { padding-top: 50%; } .wp-embed-responsive .wp-embed-aspect-16-9 .wp-block-embed__wrapper::before { padding-top: 56.25%; } .wp-embed-responsive .wp-embed-aspect-4-3 .wp-block-embed__wrapper::before { padding-top: 75%; } .wp-embed-responsive .wp-embed-aspect-1-1 .wp-block-embed__wrapper::before { padding-top: 100%; } .wp-embed-responsive .wp-embed-aspect-9-16 .wp-block-embed__wrapper::before { padding-top: 177.77%; } .wp-embed-responsive .wp-embed-aspect-1-2 .wp-block-embed__wrapper::before { padding-top: 200%; } .wp-block-file { box-sizing: border-box; } .wp-block-file:not(.wp-element-button) { font-size: 0.8em; } .wp-block-file.aligncenter { text-align: center; } .wp-block-file.alignright { text-align: right; } .wp-block-file * + .wp-block-file__button { margin-left: 0.75em; } :where(.wp-block-file) { margin-bottom: 1.5em; } .wp-block-file__embed { margin-bottom: 1em; } :where(.wp-block-file__button) { border-radius: 2em; display: inline-block; padding: 0.5em 1em; } :where(.wp-block-file__button):is(a):active, :where(.wp-block-file__button):is(a):focus, :where(.wp-block-file__button):is(a):hover, :where(.wp-block-file__button):is(a):visited { box-shadow: none; color: rgb(255, 255, 255); opacity: 0.85; text-decoration: none; } .wp-block-form-input__label { display: flex; flex-direction: column; gap: 0.25em; margin-bottom: 0.5em; width: 100%; } .wp-block-form-input__label.is-label-inline { align-items: center; flex-direction: row; gap: 0.5em; } .wp-block-form-input__label.is-label-inline .wp-block-form-input__label-content { margin-bottom: 0.5em; } .wp-block-form-input__label:has(input[type="checkbox"]) { flex-direction: row; width: fit-content; } .wp-block-form-input__label:has(input[type="checkbox"]) .wp-block-form-input__label-content { margin: 0px; } .wp-block-form-input__label:has(.wp-block-form-input__label-content + input[type="checkbox"]) { flex-direction: row-reverse; } .wp-block-form-input__label-content { width: fit-content; } .wp-block-form-input__input { font-size: 1em; margin-bottom: 0.5em; padding: 0px 0.5em; } .wp-block-form-input__input[type="date"], .wp-block-form-input__input[type="datetime-local"], .wp-block-form-input__input[type="datetime"], .wp-block-form-input__input[type="email"], .wp-block-form-input__input[type="month"], .wp-block-form-input__input[type="number"], .wp-block-form-input__input[type="password"], .wp-block-form-input__input[type="search"], .wp-block-form-input__input[type="tel"], .wp-block-form-input__input[type="text"], .wp-block-form-input__input[type="time"], .wp-block-form-input__input[type="url"], .wp-block-form-input__input[type="week"] { border: 1px solid; line-height: 2; min-height: 2em; } textarea.wp-block-form-input__input { min-height: 10em; } .blocks-gallery-grid:not(.has-nested-images), .wp-block-gallery:not(.has-nested-images) { display: flex; flex-wrap: wrap; list-style-type: none; margin: 0px; padding: 0px; } .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image, .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item, .wp-block-gallery:not(.has-nested-images) .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images) .blocks-gallery-item { display: flex; flex-direction: column; flex-grow: 1; justify-content: center; margin: 0px 1em 1em 0px; position: relative; width: calc(50% - 1em); } .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image:nth-of-type(2n), .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item:nth-of-type(2n), .wp-block-gallery:not(.has-nested-images) .blocks-gallery-image:nth-of-type(2n), .wp-block-gallery:not(.has-nested-images) .blocks-gallery-item:nth-of-type(2n) { margin-right: 0px; } .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figure, .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figure, .wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figure, .wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figure { align-items: flex-end; display: flex; height: 100%; justify-content: flex-start; margin: 0px; } .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image img, .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item img, .wp-block-gallery:not(.has-nested-images) .blocks-gallery-image img, .wp-block-gallery:not(.has-nested-images) .blocks-gallery-item img { display: block; height: auto; max-width: 100%; width: auto; } .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figcaption, .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figcaption, .wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figcaption, .wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figcaption { background: linear-gradient(0deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.3) 70%, rgba(0, 0, 0, 0)); bottom: 0px; box-sizing: border-box; color: rgb(255, 255, 255); font-size: 0.8em; margin: 0px; max-height: 100%; overflow: auto; padding: 3em 0.77em 0.7em; position: absolute; text-align: center; width: 100%; z-index: 2; } .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figcaption img, .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figcaption img, .wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figcaption img, .wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figcaption img { display: inline; } .blocks-gallery-grid:not(.has-nested-images) figcaption, .wp-block-gallery:not(.has-nested-images) figcaption { flex-grow: 1; } .blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-image a, .blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-image img, .blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-item a, .blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-item img, .wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-image a, .wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-image img, .wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-item a, .wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-item img { flex: 1 1 0%; height: 100%; object-fit: cover; width: 100%; } .blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-image, .blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-item, .wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-item { margin-right: 0px; width: 100%; } @media (min-width: 600px) { .blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-image, .blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-item, .wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-item { margin-right: 1em; width: calc(33.3333% - 0.66667em); } .blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-image, .blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-item, .wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-item { margin-right: 1em; width: calc(25% - 0.75em); } .blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-image, .blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-item, .wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-item { margin-right: 1em; width: calc(20% - 0.8em); } .blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-image, .blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-item, .wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-item { margin-right: 1em; width: calc(16.6667% - 0.83333em); } .blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-image, .blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-item, .wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-item { margin-right: 1em; width: calc(14.2857% - 0.85714em); } .blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-image, .blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-item, .wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-item { margin-right: 1em; width: calc(12.5% - 0.875em); } .blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-image:nth-of-type(n), .blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-item:nth-of-type(n), .blocks-gallery-grid:not(.has-nested-images).columns-2 .blocks-gallery-image:nth-of-type(2n), .blocks-gallery-grid:not(.has-nested-images).columns-2 .blocks-gallery-item:nth-of-type(2n), .blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-image:nth-of-type(3n), .blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-item:nth-of-type(3n), .blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-image:nth-of-type(4n), .blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-item:nth-of-type(4n), .blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-image:nth-of-type(5n), .blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-item:nth-of-type(5n), .blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-image:nth-of-type(6n), .blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-item:nth-of-type(6n), .blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-image:nth-of-type(7n), .blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-item:nth-of-type(7n), .blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-image:nth-of-type(8n), .blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-item:nth-of-type(8n), .wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-image:nth-of-type(n), .wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-item:nth-of-type(n), .wp-block-gallery:not(.has-nested-images).columns-2 .blocks-gallery-image:nth-of-type(2n), .wp-block-gallery:not(.has-nested-images).columns-2 .blocks-gallery-item:nth-of-type(2n), .wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-image:nth-of-type(3n), .wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-item:nth-of-type(3n), .wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-image:nth-of-type(4n), .wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-item:nth-of-type(4n), .wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-image:nth-of-type(5n), .wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-item:nth-of-type(5n), .wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-image:nth-of-type(6n), .wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-item:nth-of-type(6n), .wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-image:nth-of-type(7n), .wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-item:nth-of-type(7n), .wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-image:nth-of-type(8n), .wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-item:nth-of-type(8n) { margin-right: 0px; } } .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image:last-child, .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item:last-child, .wp-block-gallery:not(.has-nested-images) .blocks-gallery-image:last-child, .wp-block-gallery:not(.has-nested-images) .blocks-gallery-item:last-child { margin-right: 0px; } .blocks-gallery-grid:not(.has-nested-images).alignleft, .blocks-gallery-grid:not(.has-nested-images).alignright, .wp-block-gallery:not(.has-nested-images).alignleft, .wp-block-gallery:not(.has-nested-images).alignright { max-width: 420px; width: 100%; } .blocks-gallery-grid:not(.has-nested-images).aligncenter .blocks-gallery-item figure, .wp-block-gallery:not(.has-nested-images).aligncenter .blocks-gallery-item figure { justify-content: center; } .wp-block-gallery:not(.is-cropped) .blocks-gallery-item { align-self: flex-start; } figure.wp-block-gallery.has-nested-images { align-items: normal; } .wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) { margin: 0px; width: calc(50% - var(--wp--style--unstable-gallery-gap, 16px)/2); } .wp-block-gallery.has-nested-images figure.wp-block-image { box-sizing: border-box; display: flex; flex-direction: column; flex-grow: 1; justify-content: center; max-width: 100%; position: relative; } .wp-block-gallery.has-nested-images figure.wp-block-image > a, .wp-block-gallery.has-nested-images figure.wp-block-image > div { flex-direction: column; flex-grow: 1; margin: 0px; } .wp-block-gallery.has-nested-images figure.wp-block-image img { display: block; height: auto; width: auto; max-width: 100% !important; } .wp-block-gallery.has-nested-images figure.wp-block-image figcaption, .wp-block-gallery.has-nested-images figure.wp-block-image:has(figcaption)::before { bottom: 0px; left: 0px; max-height: 100%; position: absolute; right: 0px; } .wp-block-gallery.has-nested-images figure.wp-block-image:has(figcaption)::before { backdrop-filter: blur(3px); content: ""; height: 100%; mask-image: linear-gradient(0deg, rgb(0, 0, 0) 20%, rgba(0, 0, 0, 0)); max-height: 40%; } .wp-block-gallery.has-nested-images figure.wp-block-image figcaption { background: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0)); box-sizing: border-box; color: rgb(255, 255, 255); font-size: 13px; margin: 0px; overflow: auto; padding: 1em; scrollbar-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); scrollbar-gutter: stable both-edges; scrollbar-width: thin; text-align: center; text-shadow: rgb(0, 0, 0) 0px 0px 1.5px; will-change: transform; } .wp-block-gallery.has-nested-images figure.wp-block-image figcaption::-webkit-scrollbar { height: 12px; width: 12px; } .wp-block-gallery.has-nested-images figure.wp-block-image figcaption::-webkit-scrollbar-track { background-color: initial; } .wp-block-gallery.has-nested-images figure.wp-block-image figcaption::-webkit-scrollbar-thumb { background-clip: padding-box; background-color: initial; border: 3px solid rgba(0, 0, 0, 0); border-radius: 8px; } .wp-block-gallery.has-nested-images figure.wp-block-image figcaption:focus-within::-webkit-scrollbar-thumb, .wp-block-gallery.has-nested-images figure.wp-block-image figcaption:focus::-webkit-scrollbar-thumb, .wp-block-gallery.has-nested-images figure.wp-block-image figcaption:hover::-webkit-scrollbar-thumb { background-color: rgba(255, 255, 255, 0.8); } .wp-block-gallery.has-nested-images figure.wp-block-image figcaption:focus, .wp-block-gallery.has-nested-images figure.wp-block-image figcaption:focus-within, .wp-block-gallery.has-nested-images figure.wp-block-image figcaption:hover { scrollbar-color: rgba(255, 255, 255, 0.8) rgba(0, 0, 0, 0); } @media (hover: none) { .wp-block-gallery.has-nested-images figure.wp-block-image figcaption { scrollbar-color: rgba(255, 255, 255, 0.8) rgba(0, 0, 0, 0); } } .wp-block-gallery.has-nested-images figure.wp-block-image figcaption img { display: inline; } .wp-block-gallery.has-nested-images figure.wp-block-image figcaption a { color: inherit; } .wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border img { box-sizing: border-box; } .wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border > a, .wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border > div, .wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded > a, .wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded > div { flex: 1 1 auto; } .wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border figcaption, .wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded figcaption { background: none; color: inherit; flex: initial; margin: 0px; padding: 10px 10px 9px; position: relative; text-shadow: none; } .wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border::before, .wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded::before { content: none; } .wp-block-gallery.has-nested-images figcaption { flex-basis: 100%; flex-grow: 1; text-align: center; } .wp-block-gallery.has-nested-images:not(.is-cropped) figure.wp-block-image:not(#individual-image) { margin-bottom: auto; margin-top: 0px; } .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) { align-self: inherit; } .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) > a, .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) > div:not(.components-drop-zone) { display: flex; } .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) a, .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) img { flex: 1 0 0%; height: 100%; object-fit: cover; width: 100%; } .wp-block-gallery.has-nested-images.columns-1 figure.wp-block-image:not(#individual-image) { width: 100%; } @media (min-width: 600px) { .wp-block-gallery.has-nested-images.columns-3 figure.wp-block-image:not(#individual-image) { width: calc(33.33333% - var(--wp--style--unstable-gallery-gap, 16px)*.66667); } .wp-block-gallery.has-nested-images.columns-4 figure.wp-block-image:not(#individual-image) { width: calc(25% - var(--wp--style--unstable-gallery-gap, 16px)*.75); } .wp-block-gallery.has-nested-images.columns-5 figure.wp-block-image:not(#individual-image) { width: calc(20% - var(--wp--style--unstable-gallery-gap, 16px)*.8); } .wp-block-gallery.has-nested-images.columns-6 figure.wp-block-image:not(#individual-image) { width: calc(16.66667% - var(--wp--style--unstable-gallery-gap, 16px)*.83333); } .wp-block-gallery.has-nested-images.columns-7 figure.wp-block-image:not(#individual-image) { width: calc(14.28571% - var(--wp--style--unstable-gallery-gap, 16px)*.85714); } .wp-block-gallery.has-nested-images.columns-8 figure.wp-block-image:not(#individual-image) { width: calc(12.5% - var(--wp--style--unstable-gallery-gap, 16px)*.875); } .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image) { width: calc(33.33% - var(--wp--style--unstable-gallery-gap, 16px)*.66667); } .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(2), .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(2) ~ figure.wp-block-image:not(#individual-image) { width: calc(50% - var(--wp--style--unstable-gallery-gap, 16px)*.5); } .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:last-child { width: 100%; } } .wp-block-gallery.has-nested-images.alignleft, .wp-block-gallery.has-nested-images.alignright { max-width: 420px; width: 100%; } .wp-block-gallery.has-nested-images.aligncenter { justify-content: center; } .wp-block-group { box-sizing: border-box; } :where(.wp-block-group.wp-block-group-is-layout-constrained) { position: relative; } h1.has-background, h2.has-background, h3.has-background, h4.has-background, h5.has-background, h6.has-background { padding: 1.25em 2.375em; } h1.has-text-align-left[style*="writing-mode"]:where([style*="vertical-lr"]), h1.has-text-align-right[style*="writing-mode"]:where([style*="vertical-rl"]), h2.has-text-align-left[style*="writing-mode"]:where([style*="vertical-lr"]), h2.has-text-align-right[style*="writing-mode"]:where([style*="vertical-rl"]), h3.has-text-align-left[style*="writing-mode"]:where([style*="vertical-lr"]), h3.has-text-align-right[style*="writing-mode"]:where([style*="vertical-rl"]), h4.has-text-align-left[style*="writing-mode"]:where([style*="vertical-lr"]), h4.has-text-align-right[style*="writing-mode"]:where([style*="vertical-rl"]), h5.has-text-align-left[style*="writing-mode"]:where([style*="vertical-lr"]), h5.has-text-align-right[style*="writing-mode"]:where([style*="vertical-rl"]), h6.has-text-align-left[style*="writing-mode"]:where([style*="vertical-lr"]), h6.has-text-align-right[style*="writing-mode"]:where([style*="vertical-rl"]) { rotate: 180deg; } .wp-block-image > a, .wp-block-image > figure > a { display: inline-block; } .wp-block-image img { box-sizing: border-box; height: auto; max-width: 100%; vertical-align: bottom; } @media not (prefers-reduced-motion) { .wp-block-image img.hide { visibility: hidden; } .wp-block-image img.show { animation: 0.4s ease 0s 1 normal none running show-content-image; } } .wp-block-image[style*="border-radius"] img, .wp-block-image[style*="border-radius"] > a { border-radius: inherit; } .wp-block-image.has-custom-border img { box-sizing: border-box; } .wp-block-image.aligncenter { text-align: center; } .wp-block-image.alignfull > a, .wp-block-image.alignwide > a { width: 100%; } .wp-block-image.alignfull img, .wp-block-image.alignwide img { height: auto; width: 100%; } .wp-block-image .aligncenter, .wp-block-image .alignleft, .wp-block-image .alignright, .wp-block-image.aligncenter, .wp-block-image.alignleft, .wp-block-image.alignright { display: table; } .wp-block-image .aligncenter > figcaption, .wp-block-image .alignleft > figcaption, .wp-block-image .alignright > figcaption, .wp-block-image.aligncenter > figcaption, .wp-block-image.alignleft > figcaption, .wp-block-image.alignright > figcaption { caption-side: bottom; display: table-caption; } .wp-block-image .alignleft { float: left; margin: 0.5em 1em 0.5em 0px; } .wp-block-image .alignright { float: right; margin: 0.5em 0px 0.5em 1em; } .wp-block-image .aligncenter { margin-left: auto; margin-right: auto; } .wp-block-image :where(figcaption) { margin-bottom: 1em; margin-top: 0.5em; } .wp-block-image.is-style-circle-mask img { border-radius: 9999px; } @supports ((-webkit-mask-image:none) or (mask-image:none)) or (-webkit-mask-image:none) { .wp-block-image.is-style-circle-mask img { border-radius: 0px; mask-image: url("data:image/svg+xml;utf8,"); mask-mode: alpha; mask-position: center center; mask-repeat: no-repeat; mask-size: contain; } } :root :where(.wp-block-image.is-style-rounded img, .wp-block-image .is-style-rounded img) { border-radius: 9999px; } .wp-block-image figure { margin: 0px; } .wp-lightbox-container { display: flex; flex-direction: column; position: relative; } .wp-lightbox-container img { cursor: zoom-in; } .wp-lightbox-container img:hover + button { opacity: 1; } .wp-lightbox-container button { align-items: center; backdrop-filter: blur(16px) saturate(180%); background-color: rgba(90, 90, 90, 0.25); border: none; border-radius: 4px; cursor: zoom-in; display: flex; height: 20px; justify-content: center; opacity: 0; padding: 0px; position: absolute; right: 16px; text-align: center; top: 16px; width: 20px; z-index: 100; } @media not (prefers-reduced-motion) { .wp-lightbox-container button { transition: opacity 0.2s ease 0s; } } .wp-lightbox-container button:focus-visible { outline: -webkit-focus-ring-color auto 3px; outline-offset: 3px; } .wp-lightbox-container button:hover { cursor: pointer; opacity: 1; } .wp-lightbox-container button:focus { opacity: 1; } .wp-lightbox-container button:focus, .wp-lightbox-container button:hover, .wp-lightbox-container button:not(:hover):not(:active):not(.has-background) { background-color: rgba(90, 90, 90, 0.25); border: none; } .wp-lightbox-overlay { box-sizing: border-box; cursor: zoom-out; height: 100vh; left: 0px; overflow: hidden; position: fixed; top: 0px; visibility: hidden; width: 100%; z-index: 100000; } .wp-lightbox-overlay .close-button { align-items: center; cursor: pointer; display: flex; justify-content: center; min-height: 40px; min-width: 40px; padding: 0px; position: absolute; right: calc(env(safe-area-inset-right) + 16px); top: calc(env(safe-area-inset-top) + 16px); z-index: 5000000; } .wp-lightbox-overlay .close-button:focus, .wp-lightbox-overlay .close-button:hover, .wp-lightbox-overlay .close-button:not(:hover):not(:active):not(.has-background) { background: none; border: none; } .wp-lightbox-overlay .lightbox-image-container { height: var(--wp--lightbox-container-height); left: 50%; overflow: hidden; position: absolute; top: 50%; transform: translate(-50%, -50%); transform-origin: left top; width: var(--wp--lightbox-container-width); z-index: 2147483647; } .wp-lightbox-overlay .wp-block-image { align-items: center; box-sizing: border-box; display: flex; height: 100%; justify-content: center; margin: 0px; position: relative; transform-origin: 0px 0px; width: 100%; z-index: 3000000; } .wp-lightbox-overlay .wp-block-image img { height: var(--wp--lightbox-image-height); min-height: var(--wp--lightbox-image-height); min-width: var(--wp--lightbox-image-width); width: var(--wp--lightbox-image-width); } .wp-lightbox-overlay .wp-block-image figcaption { display: none; } .wp-lightbox-overlay button { background: none; border: none; } .wp-lightbox-overlay .scrim { background-color: rgb(255, 255, 255); height: 100%; opacity: 0.9; position: absolute; width: 100%; z-index: 2000000; } .wp-lightbox-overlay.active { visibility: visible; } @media not (prefers-reduced-motion) { .wp-lightbox-overlay.active { animation: 0.25s ease 0s 1 normal both running turn-on-visibility; } .wp-lightbox-overlay.active img { animation: 0.35s ease 0s 1 normal both running turn-on-visibility; } .wp-lightbox-overlay.show-closing-animation:not(.active) { animation: 0.35s ease 0s 1 normal both running turn-off-visibility; } .wp-lightbox-overlay.show-closing-animation:not(.active) img { animation: 0.25s ease 0s 1 normal both running turn-off-visibility; } .wp-lightbox-overlay.zoom.active { animation: auto ease 0s 1 normal none running none; opacity: 1; visibility: visible; } .wp-lightbox-overlay.zoom.active .lightbox-image-container { animation: 0.4s ease 0s 1 normal none running lightbox-zoom-in; } .wp-lightbox-overlay.zoom.active .lightbox-image-container img { animation: auto ease 0s 1 normal none running none; } .wp-lightbox-overlay.zoom.active .scrim { animation: 0.4s ease 0s 1 normal forwards running turn-on-visibility; } .wp-lightbox-overlay.zoom.show-closing-animation:not(.active) { animation: auto ease 0s 1 normal none running none; } .wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .lightbox-image-container { animation: 0.4s ease 0s 1 normal none running lightbox-zoom-out; } .wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .lightbox-image-container img { animation: auto ease 0s 1 normal none running none; } .wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .scrim { animation: 0.4s ease 0s 1 normal forwards running turn-off-visibility; } } @keyframes show-content-image { 0% { visibility: hidden; } 99% { visibility: hidden; } 100% { visibility: visible; } } @keyframes turn-on-visibility { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes turn-off-visibility { 0% { opacity: 1; visibility: visible; } 99% { opacity: 0; visibility: visible; } 100% { opacity: 0; visibility: hidden; } } @keyframes lightbox-zoom-in { 0% { transform: translate(calc((-100vw + var(--wp--lightbox-scrollbar-width))/2 + var(--wp--lightbox-initial-left-position)),calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale)); } 100% { transform: translate(-50%, -50%) scale(1); } } @keyframes lightbox-zoom-out { 0% { transform: translate(-50%, -50%) scale(1); visibility: visible; } 99% { visibility: visible; } 100% { transform: translate(calc((-100vw + var(--wp--lightbox-scrollbar-width))/2 + var(--wp--lightbox-initial-left-position)),calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale)); visibility: hidden; } } ol.wp-block-latest-comments { box-sizing: border-box; margin-left: 0px; } :where(.wp-block-latest-comments:not([style*="line-height"] .wp-block-latest-comments__comment)) { line-height: 1.1; } :where(.wp-block-latest-comments:not([style*="line-height"] .wp-block-latest-comments__comment-excerpt p)) { line-height: 1.8; } .has-dates :where(.wp-block-latest-comments:not([style*="line-height"])), .has-excerpts :where(.wp-block-latest-comments:not([style*="line-height"])) { line-height: 1.5; } .wp-block-latest-comments .wp-block-latest-comments { padding-left: 0px; } .wp-block-latest-comments__comment { list-style: none; margin-bottom: 1em; } .has-avatars .wp-block-latest-comments__comment { list-style: none; min-height: 2.25em; } .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt, .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta { margin-left: 3.25em; } .wp-block-latest-comments__comment-excerpt p { font-size: 0.875em; margin: 0.36em 0px 1.4em; } .wp-block-latest-comments__comment-date { display: block; font-size: 0.75em; } .wp-block-latest-comments .avatar, .wp-block-latest-comments__comment-avatar { border-radius: 1.5em; display: block; float: left; height: 2.5em; margin-right: 0.75em; width: 2.5em; } .wp-block-latest-comments[class*="-font-size"] a, .wp-block-latest-comments[style*="font-size"] a { font-size: inherit; } .wp-block-latest-posts { box-sizing: border-box; } .wp-block-latest-posts.alignleft { margin-right: 2em; } .wp-block-latest-posts.alignright { margin-left: 2em; } .wp-block-latest-posts.wp-block-latest-posts__list { list-style: none; } .wp-block-latest-posts.wp-block-latest-posts__list li { clear: both; overflow-wrap: break-word; } .wp-block-latest-posts.is-grid { display: flex; flex-wrap: wrap; } .wp-block-latest-posts.is-grid li { margin: 0px 1.25em 1.25em 0px; width: 100%; } @media (min-width: 600px) { .wp-block-latest-posts.columns-2 li { width: calc(50% - 0.625em); } .wp-block-latest-posts.columns-2 li:nth-child(2n) { margin-right: 0px; } .wp-block-latest-posts.columns-3 li { width: calc(33.3333% - 0.83333em); } .wp-block-latest-posts.columns-3 li:nth-child(3n) { margin-right: 0px; } .wp-block-latest-posts.columns-4 li { width: calc(25% - 0.9375em); } .wp-block-latest-posts.columns-4 li:nth-child(4n) { margin-right: 0px; } .wp-block-latest-posts.columns-5 li { width: calc(20% - 1em); } .wp-block-latest-posts.columns-5 li:nth-child(5n) { margin-right: 0px; } .wp-block-latest-posts.columns-6 li { width: calc(16.6667% - 1.04167em); } .wp-block-latest-posts.columns-6 li:nth-child(6n) { margin-right: 0px; } } :root :where(.wp-block-latest-posts.is-grid) { padding: 0px; } :root :where(.wp-block-latest-posts.wp-block-latest-posts__list) { padding-left: 0px; } .wp-block-latest-posts__post-author, .wp-block-latest-posts__post-date { display: block; font-size: 0.8125em; } .wp-block-latest-posts__post-excerpt, .wp-block-latest-posts__post-full-content { margin-bottom: 1em; margin-top: 0.5em; } .wp-block-latest-posts__featured-image a { display: inline-block; } .wp-block-latest-posts__featured-image img { height: auto; max-width: 100%; width: auto; } .wp-block-latest-posts__featured-image.alignleft { float: left; margin-right: 1em; } .wp-block-latest-posts__featured-image.alignright { float: right; margin-left: 1em; } .wp-block-latest-posts__featured-image.aligncenter { margin-bottom: 1em; text-align: center; } ol, ul { box-sizing: border-box; } :root :where(.wp-block-list.has-background) { padding: 1.25em 2.375em; } .wp-block-loginout, .wp-block-media-text { box-sizing: border-box; } .wp-block-media-text { direction: ltr; display: grid; grid-template-columns: 50% 1fr; grid-template-rows: auto; } .wp-block-media-text.has-media-on-the-right { grid-template-columns: 1fr 50%; } .wp-block-media-text.is-vertically-aligned-top > .wp-block-media-text__content, .wp-block-media-text.is-vertically-aligned-top > .wp-block-media-text__media { align-self: start; } .wp-block-media-text.is-vertically-aligned-center > .wp-block-media-text__content, .wp-block-media-text.is-vertically-aligned-center > .wp-block-media-text__media, .wp-block-media-text > .wp-block-media-text__content, .wp-block-media-text > .wp-block-media-text__media { align-self: center; } .wp-block-media-text.is-vertically-aligned-bottom > .wp-block-media-text__content, .wp-block-media-text.is-vertically-aligned-bottom > .wp-block-media-text__media { align-self: end; } .wp-block-media-text > .wp-block-media-text__media { grid-area: 1 / 1; margin: 0px; } .wp-block-media-text > .wp-block-media-text__content { direction: ltr; grid-area: 1 / 2; padding: 0px 8%; word-break: break-word; } .wp-block-media-text.has-media-on-the-right > .wp-block-media-text__media { grid-area: 1 / 2; } .wp-block-media-text.has-media-on-the-right > .wp-block-media-text__content { grid-area: 1 / 1; } .wp-block-media-text__media a { display: block; } .wp-block-media-text__media img, .wp-block-media-text__media video { height: auto; max-width: unset; vertical-align: middle; width: 100%; } .wp-block-media-text.is-image-fill > .wp-block-media-text__media { background-size: cover; height: 100%; min-height: 250px; } .wp-block-media-text.is-image-fill > .wp-block-media-text__media > a { display: block; height: 100%; } .wp-block-media-text.is-image-fill > .wp-block-media-text__media img { height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; clip: rect(0px, 0px, 0px, 0px); border: 0px; } .wp-block-media-text.is-image-fill-element > .wp-block-media-text__media { height: 100%; min-height: 250px; position: relative; } .wp-block-media-text.is-image-fill-element > .wp-block-media-text__media > a { display: block; height: 100%; } .wp-block-media-text.is-image-fill-element > .wp-block-media-text__media img { height: 100%; object-fit: cover; position: absolute; width: 100%; } @media (max-width: 600px) { .wp-block-media-text.is-stacked-on-mobile { grid-template-columns: 100% !important; } .wp-block-media-text.is-stacked-on-mobile > .wp-block-media-text__media { grid-area: 1 / 1; } .wp-block-media-text.is-stacked-on-mobile > .wp-block-media-text__content { grid-area: 2 / 1; } } .wp-block-navigation { position: relative; --navigation-layout-justification-setting: flex-start; --navigation-layout-direction: row; --navigation-layout-wrap: wrap; --navigation-layout-justify: flex-start; --navigation-layout-align: center; } .wp-block-navigation ul { margin-bottom: 0px; margin-left: 0px; margin-top: 0px; padding-left: 0px; } .wp-block-navigation ul, .wp-block-navigation ul li { list-style: none; padding: 0px; } .wp-block-navigation .wp-block-navigation-item { align-items: center; display: flex; position: relative; } .wp-block-navigation .wp-block-navigation-item .wp-block-navigation__submenu-container:empty { display: none; } .wp-block-navigation .wp-block-navigation-item__content { display: block; } .wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content { color: inherit; } .wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content, .wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content:active, .wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content:focus { text-decoration: underline; } .wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content, .wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content:active, .wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content:focus { text-decoration: line-through; } .wp-block-navigation :where(a), .wp-block-navigation :where(a:active), .wp-block-navigation :where(a:focus) { text-decoration: none; } .wp-block-navigation .wp-block-navigation__submenu-icon { align-self: center; background-color: inherit; border: none; color: currentcolor; display: inline-block; font-size: inherit; height: 0.6em; line-height: 0; margin-left: 0.25em; padding: 0px; width: 0.6em; } .wp-block-navigation .wp-block-navigation__submenu-icon svg { display: inline-block; stroke: currentcolor; height: inherit; margin-top: 0.075em; width: inherit; } .wp-block-navigation.is-vertical { --navigation-layout-direction: column; --navigation-layout-justify: initial; --navigation-layout-align: flex-start; } .wp-block-navigation.no-wrap { --navigation-layout-wrap: nowrap; } .wp-block-navigation.items-justified-center { --navigation-layout-justification-setting: center; --navigation-layout-justify: center; } .wp-block-navigation.items-justified-center.is-vertical { --navigation-layout-align: center; } .wp-block-navigation.items-justified-right { --navigation-layout-justification-setting: flex-end; --navigation-layout-justify: flex-end; } .wp-block-navigation.items-justified-right.is-vertical { --navigation-layout-align: flex-end; } .wp-block-navigation.items-justified-space-between { --navigation-layout-justification-setting: space-between; --navigation-layout-justify: space-between; } .wp-block-navigation .has-child .wp-block-navigation__submenu-container { align-items: normal; background-color: inherit; color: inherit; display: flex; flex-direction: column; height: 0px; left: -1px; opacity: 0; overflow: hidden; position: absolute; top: 100%; visibility: hidden; width: 0px; z-index: 2; } @media not (prefers-reduced-motion) { .wp-block-navigation .has-child .wp-block-navigation__submenu-container { transition: opacity 0.1s linear 0s; } } .wp-block-navigation .has-child .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content { display: flex; flex-grow: 1; } .wp-block-navigation .has-child .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content .wp-block-navigation__submenu-icon { margin-left: auto; margin-right: 0px; } .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation-item__content { margin: 0px; } @media (min-width: 782px) { .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container { left: 100%; top: -1px; } .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container::before { background: rgba(0, 0, 0, 0); content: ""; display: block; height: 100%; position: absolute; right: 100%; width: 0.5em; } .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon { margin-right: 0.25em; } .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon svg { transform: rotate(-90deg); } } .wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded="true"] ~ .wp-block-navigation__submenu-container, .wp-block-navigation .has-child:not(.open-on-click):hover > .wp-block-navigation__submenu-container, .wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within > .wp-block-navigation__submenu-container { height: auto; min-width: 200px; opacity: 1; overflow: visible; visibility: visible; width: auto; } .wp-block-navigation.has-background .has-child .wp-block-navigation__submenu-container { left: 0px; top: 100%; } @media (min-width: 782px) { .wp-block-navigation.has-background .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container { left: 100%; top: 0px; } } .wp-block-navigation-submenu { display: flex; position: relative; } .wp-block-navigation-submenu .wp-block-navigation__submenu-icon svg { stroke: currentcolor; } button.wp-block-navigation-item__content { background-color: initial; border: none; color: currentcolor; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; letter-spacing: inherit; line-height: inherit; text-align: left; text-transform: inherit; } .wp-block-navigation-submenu__toggle { cursor: pointer; } .wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle { padding-left: 0px; padding-right: 0.85em; } .wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle + .wp-block-navigation__submenu-icon { margin-left: -0.6em; pointer-events: none; } .wp-block-navigation-item.open-on-click button.wp-block-navigation-item__content:not(.wp-block-navigation-submenu__toggle) { padding: 0px; } .wp-block-navigation .wp-block-page-list, .wp-block-navigation__container, .wp-block-navigation__responsive-close, .wp-block-navigation__responsive-container, .wp-block-navigation__responsive-container-content, .wp-block-navigation__responsive-dialog { gap: inherit; } :where(.wp-block-navigation.has-background .wp-block-navigation-item a:not(.wp-element-button)), :where(.wp-block-navigation.has-background .wp-block-navigation-submenu a:not(.wp-element-button)) { padding: 0.5em 1em; } :where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item a:not(.wp-element-button)), :where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu a:not(.wp-element-button)), :where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu button.wp-block-navigation-item__content), :where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-pages-list__item button.wp-block-navigation-item__content) { padding: 0.5em 1em; } .wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container, .wp-block-navigation.items-justified-right .wp-block-page-list > .has-child .wp-block-navigation__submenu-container, .wp-block-navigation.items-justified-space-between .wp-block-page-list > .has-child:last-child .wp-block-navigation__submenu-container, .wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .wp-block-navigation__submenu-container { left: auto; right: 0px; } .wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container, .wp-block-navigation.items-justified-right .wp-block-page-list > .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container, .wp-block-navigation.items-justified-space-between .wp-block-page-list > .has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container, .wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container { left: -1px; right: -1px; } @media (min-width: 782px) { .wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container, .wp-block-navigation.items-justified-right .wp-block-page-list > .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container, .wp-block-navigation.items-justified-space-between .wp-block-page-list > .has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container, .wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container { left: auto; right: 100%; } } .wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container { background-color: rgb(255, 255, 255); border: 1px solid rgba(0, 0, 0, 0.15); } .wp-block-navigation.has-background .wp-block-navigation__submenu-container { background-color: inherit; } .wp-block-navigation:not(.has-text-color) .wp-block-navigation__submenu-container { color: rgb(0, 0, 0); } .wp-block-navigation__container { align-items: var(--navigation-layout-align,initial); display: flex; flex-direction: var(--navigation-layout-direction,initial); flex-wrap: var(--navigation-layout-wrap,wrap); justify-content: var(--navigation-layout-justify,initial); list-style: none; margin: 0px; padding-left: 0px; } .wp-block-navigation__container .is-responsive { display: none; } .wp-block-navigation__container:only-child, .wp-block-page-list:only-child { flex-grow: 1; } @keyframes overlay-menu__fade-in-animation { 0% { opacity: 0; transform: translateY(0.5em); } 100% { opacity: 1; transform: translateY(0px); } } .wp-block-navigation__responsive-container { inset: 0px; display: none; position: fixed; } .wp-block-navigation__responsive-container :where(.wp-block-navigation-item a) { color: inherit; } .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content { align-items: var(--navigation-layout-align,initial); display: flex; flex-direction: var(--navigation-layout-direction,initial); flex-wrap: var(--navigation-layout-wrap,wrap); justify-content: var(--navigation-layout-justify,initial); } .wp-block-navigation__responsive-container:not(.is-menu-open.is-menu-open) { background-color: inherit !important; color: inherit !important; } .wp-block-navigation__responsive-container.is-menu-open { background-color: inherit; display: flex; flex-direction: column; overflow: auto; padding: clamp(1rem,var(--wp--style--root--padding-top),20rem) clamp(1rem,var(--wp--style--root--padding-right),20rem) clamp(1rem,var(--wp--style--root--padding-bottom),20rem) clamp(1rem,var(--wp--style--root--padding-left),20rem); z-index: 100000; } @media not (prefers-reduced-motion) { .wp-block-navigation__responsive-container.is-menu-open { animation: 0.1s ease-out 0s 1 normal forwards running overlay-menu__fade-in-animation; } } .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content { align-items: var(--navigation-layout-justification-setting,inherit); display: flex; flex-flow: column; overflow: visible; padding-top: calc(24px + 2rem); } .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content, .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container, .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list { justify-content: flex-start; } .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-icon { display: none; } .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container { border: none; height: auto; min-width: 200px; opacity: 1; overflow: initial; padding-left: 2rem; padding-right: 2rem; position: static; visibility: visible; width: auto; } .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container, .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container { gap: inherit; } .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container { padding-top: var(--wp--style--block-gap,2em); } .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content { padding: 0px; } .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item, .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container, .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list { align-items: var(--navigation-layout-justification-setting,initial); display: flex; flex-direction: column; } .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item, .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item .wp-block-navigation__submenu-container, .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container, .wp-block-navigation__responsive-container.is-menu-open .wp-block-page-list { background: rgba(0, 0, 0, 0) !important; color: inherit !important; } .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container { left: auto; right: auto; } @media (min-width: 600px) { .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) { background-color: inherit; display: block; position: relative; width: 100%; z-index: auto; } .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) .wp-block-navigation__responsive-container-close { display: none; } .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container { left: 0px; } } .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open { background-color: rgb(255, 255, 255); } .wp-block-navigation:not(.has-text-color) .wp-block-navigation__responsive-container.is-menu-open { color: rgb(0, 0, 0); } .wp-block-navigation__toggle_button_label { font-size: 1rem; font-weight: 700; } .wp-block-navigation__responsive-container-close, .wp-block-navigation__responsive-container-open { background: rgba(0, 0, 0, 0); border: none; color: currentcolor; cursor: pointer; margin: 0px; padding: 0px; text-transform: inherit; vertical-align: middle; } .wp-block-navigation__responsive-container-close svg, .wp-block-navigation__responsive-container-open svg { fill: currentcolor; display: block; height: 24px; pointer-events: none; width: 24px; } .wp-block-navigation__responsive-container-open { display: flex; } .wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open { font-family: inherit; font-size: inherit; font-weight: inherit; } @media (min-width: 600px) { .wp-block-navigation__responsive-container-open:not(.always-shown) { display: none; } } .wp-block-navigation__responsive-container-close { position: absolute; right: 0px; top: 0px; z-index: 2; } .wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close { font-family: inherit; font-size: inherit; font-weight: inherit; } .wp-block-navigation__responsive-close { width: 100%; } .has-modal-open .wp-block-navigation__responsive-close { margin-left: auto; margin-right: auto; max-width: var(--wp--style--global--wide-size,100%); } .wp-block-navigation__responsive-close:focus { outline: none; } .is-menu-open .wp-block-navigation__responsive-close, .is-menu-open .wp-block-navigation__responsive-container-content, .is-menu-open .wp-block-navigation__responsive-dialog { box-sizing: border-box; } .wp-block-navigation__responsive-dialog { position: relative; } .has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog { margin-top: 46px; } @media (min-width: 782px) { .has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog { margin-top: 32px; } } html.has-modal-open { overflow: hidden; } .wp-block-navigation .wp-block-navigation-item__label { overflow-wrap: break-word; } .wp-block-navigation .wp-block-navigation-item__description { display: none; } .link-ui-tools { border-top: 1px solid rgb(240, 240, 240); padding: 8px; } .link-ui-block-inserter { padding-top: 8px; } .link-ui-block-inserter__back { margin-left: 8px; text-transform: uppercase; } .wp-block-navigation .wp-block-page-list { align-items: var(--navigation-layout-align,initial); background-color: inherit; display: flex; flex-direction: var(--navigation-layout-direction,initial); flex-wrap: var(--navigation-layout-wrap,wrap); justify-content: var(--navigation-layout-justify,initial); } .wp-block-navigation .wp-block-navigation-item { background-color: inherit; } .wp-block-page-list { box-sizing: border-box; } .is-small-text { font-size: 0.875em; } .is-regular-text { font-size: 1em; } .is-large-text { font-size: 2.25em; } .is-larger-text { font-size: 3em; } .has-drop-cap:not(:focus)::first-letter { float: left; font-size: 8.4em; font-style: normal; font-weight: 100; line-height: 0.68; margin: 0.05em 0.1em 0px 0px; text-transform: uppercase; } body.rtl .has-drop-cap:not(:focus)::first-letter { float: none; margin-left: 0.1em; } p.has-drop-cap.has-background { overflow: hidden; } :root :where(p.has-background) { padding: 1.25em 2.375em; } :where(p.has-text-color:not(.has-link-color)) a { color: inherit; } p.has-text-align-left[style*="writing-mode:vertical-lr"], p.has-text-align-right[style*="writing-mode:vertical-rl"] { rotate: 180deg; } .wp-block-post-author { box-sizing: border-box; display: flex; flex-wrap: wrap; } .wp-block-post-author__byline { font-size: 0.5em; margin-bottom: 0px; margin-top: 0px; width: 100%; } .wp-block-post-author__avatar { margin-right: 1em; } .wp-block-post-author__bio { font-size: 0.7em; margin-bottom: 0.7em; } .wp-block-post-author__content { flex-basis: 0px; flex-grow: 1; } .wp-block-post-author__name { margin: 0px; } .wp-block-post-author-biography { box-sizing: border-box; } :where(.wp-block-post-comments-form) input:not([type="submit"]), :where(.wp-block-post-comments-form) textarea { border: 1px solid rgb(148, 148, 148); font-family: inherit; font-size: 1em; } :where(.wp-block-post-comments-form) input:where(:not([type="submit"]):not([type="checkbox"])), :where(.wp-block-post-comments-form) textarea { padding: calc(0.667em + 2px); } .wp-block-post-comments-form { box-sizing: border-box; } .wp-block-post-comments-form[style*="font-weight"] :where(.comment-reply-title) { font-weight: inherit; } .wp-block-post-comments-form[style*="font-family"] :where(.comment-reply-title) { font-family: inherit; } .wp-block-post-comments-form[class*="-font-size"] :where(.comment-reply-title), .wp-block-post-comments-form[style*="font-size"] :where(.comment-reply-title) { font-size: inherit; } .wp-block-post-comments-form[style*="line-height"] :where(.comment-reply-title) { line-height: inherit; } .wp-block-post-comments-form[style*="font-style"] :where(.comment-reply-title) { font-style: inherit; } .wp-block-post-comments-form[style*="letter-spacing"] :where(.comment-reply-title) { letter-spacing: inherit; } .wp-block-post-comments-form :where(input[type="submit"]) { box-shadow: none; cursor: pointer; display: inline-block; overflow-wrap: break-word; text-align: center; } .wp-block-post-comments-form .comment-form input:not([type="submit"]):not([type="checkbox"]):not([type="hidden"]), .wp-block-post-comments-form .comment-form textarea { box-sizing: border-box; display: block; width: 100%; } .wp-block-post-comments-form .comment-form-author label, .wp-block-post-comments-form .comment-form-email label, .wp-block-post-comments-form .comment-form-url label { display: block; margin-bottom: 0.25em; } .wp-block-post-comments-form .comment-form-cookies-consent { display: flex; gap: 0.25em; } .wp-block-post-comments-form .comment-form-cookies-consent #wp-comment-cookies-consent { margin-top: 0.35em; } .wp-block-post-comments-form .comment-reply-title { margin-bottom: 0px; } .wp-block-post-comments-form .comment-reply-title :where(small) { font-size: var(--wp--preset--font-size--medium,smaller); margin-left: 0.5em; } .wp-block-post-comments-count { box-sizing: border-box; } .wp-block-post-content { display: flow-root; } .wp-block-post-comments-link, .wp-block-post-date { box-sizing: border-box; } :where(.wp-block-post-excerpt) { box-sizing: border-box; margin-bottom: var(--wp--style--block-gap); margin-top: var(--wp--style--block-gap); } .wp-block-post-excerpt__excerpt { margin-bottom: 0px; margin-top: 0px; } .wp-block-post-excerpt__more-text { margin-bottom: 0px; margin-top: var(--wp--style--block-gap); } .wp-block-post-excerpt__more-link { display: inline-block; } .wp-block-post-featured-image { margin-left: 0px; margin-right: 0px; } .wp-block-post-featured-image a { display: block; height: 100%; } .wp-block-post-featured-image :where(img) { box-sizing: border-box; height: auto; max-width: 100%; vertical-align: bottom; width: 100%; } .wp-block-post-featured-image.alignfull img, .wp-block-post-featured-image.alignwide img { width: 100%; } .wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim { background-color: rgb(0, 0, 0); inset: 0px; position: absolute; } .wp-block-post-featured-image { position: relative; } .wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-gradient { background-color: initial; } .wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-0 { opacity: 0; } .wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-10 { opacity: 0.1; } .wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-20 { opacity: 0.2; } .wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-30 { opacity: 0.3; } .wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-40 { opacity: 0.4; } .wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-50 { opacity: 0.5; } .wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-60 { opacity: 0.6; } .wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-70 { opacity: 0.7; } .wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-80 { opacity: 0.8; } .wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-90 { opacity: 0.9; } .wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-100 { opacity: 1; } .wp-block-post-featured-image:where(.alignleft, .alignright) { width: 100%; } .wp-block-post-navigation-link .wp-block-post-navigation-link__arrow-previous { display: inline-block; margin-right: 1ch; } .wp-block-post-navigation-link .wp-block-post-navigation-link__arrow-previous:not(.is-arrow-chevron) { transform: scaleX(1); } .wp-block-post-navigation-link .wp-block-post-navigation-link__arrow-next { display: inline-block; margin-left: 1ch; } .wp-block-post-navigation-link .wp-block-post-navigation-link__arrow-next:not(.is-arrow-chevron) { transform: scaleX(1); } .wp-block-post-navigation-link.has-text-align-left[style*="writing-mode: vertical-lr"], .wp-block-post-navigation-link.has-text-align-right[style*="writing-mode: vertical-rl"] { rotate: 180deg; } .wp-block-post-terms { box-sizing: border-box; } .wp-block-post-terms .wp-block-post-terms__separator { white-space: pre-wrap; } .wp-block-post-time-to-read, .wp-block-post-title { box-sizing: border-box; } .wp-block-post-title { word-break: break-word; } .wp-block-post-title :where(a) { display: inline-block; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; letter-spacing: inherit; line-height: inherit; text-decoration: inherit; } .wp-block-post-author-name { box-sizing: border-box; } .wp-block-preformatted { box-sizing: border-box; white-space: pre-wrap; } :where(.wp-block-preformatted.has-background) { padding: 1.25em 2.375em; } .wp-block-pullquote { box-sizing: border-box; margin: 0px 0px 1em; overflow-wrap: break-word; padding: 4em 0px; text-align: center; } .wp-block-pullquote blockquote, .wp-block-pullquote cite, .wp-block-pullquote p { color: inherit; } .wp-block-pullquote blockquote { margin: 0px; } .wp-block-pullquote p { margin-top: 0px; } .wp-block-pullquote p:last-child { margin-bottom: 0px; } .wp-block-pullquote.alignleft, .wp-block-pullquote.alignright { max-width: 420px; } .wp-block-pullquote cite, .wp-block-pullquote footer { position: relative; } .wp-block-pullquote .has-text-color a { color: inherit; } .wp-block-pullquote.has-text-align-left blockquote { text-align: left; } .wp-block-pullquote.has-text-align-right blockquote { text-align: right; } .wp-block-pullquote.has-text-align-center blockquote { text-align: center; } .wp-block-pullquote.is-style-solid-color { border: none; } .wp-block-pullquote.is-style-solid-color blockquote { margin-left: auto; margin-right: auto; max-width: 60%; } .wp-block-pullquote.is-style-solid-color blockquote p { font-size: 2em; margin-bottom: 0px; margin-top: 0px; } .wp-block-pullquote.is-style-solid-color blockquote cite { font-style: normal; text-transform: none; } .wp-block-pullquote cite { color: inherit; display: block; } .wp-block-post-template { box-sizing: border-box; list-style: none; margin-bottom: 0px; margin-top: 0px; max-width: 100%; padding: 0px; } .wp-block-post-template.is-flex-container { display: flex; flex-flow: wrap; gap: 1.25em; } .wp-block-post-template.is-flex-container > li { margin: 0px; width: 100%; } @media (min-width: 600px) { .wp-block-post-template.is-flex-container.is-flex-container.columns-2 > li { width: calc(50% - 0.625em); } .wp-block-post-template.is-flex-container.is-flex-container.columns-3 > li { width: calc(33.3333% - 0.83333em); } .wp-block-post-template.is-flex-container.is-flex-container.columns-4 > li { width: calc(25% - 0.9375em); } .wp-block-post-template.is-flex-container.is-flex-container.columns-5 > li { width: calc(20% - 1em); } .wp-block-post-template.is-flex-container.is-flex-container.columns-6 > li { width: calc(16.6667% - 1.04167em); } } @media (max-width: 600px) { .wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid { grid-template-columns: 1fr; } } .wp-block-post-template-is-layout-constrained > li > .alignright, .wp-block-post-template-is-layout-flow > li > .alignright { float: right; margin-inline: 2em 0px; } .wp-block-post-template-is-layout-constrained > li > .alignleft, .wp-block-post-template-is-layout-flow > li > .alignleft { float: left; margin-inline: 0px 2em; } .wp-block-post-template-is-layout-constrained > li > .aligncenter, .wp-block-post-template-is-layout-flow > li > .aligncenter { margin-inline: auto; } .wp-block-query-pagination.is-content-justification-space-between > .wp-block-query-pagination-next:last-of-type { margin-inline-start: auto; } .wp-block-query-pagination.is-content-justification-space-between > .wp-block-query-pagination-previous:first-child { margin-inline-end: auto; } .wp-block-query-pagination .wp-block-query-pagination-previous-arrow { display: inline-block; margin-right: 1ch; } .wp-block-query-pagination .wp-block-query-pagination-previous-arrow:not(.is-arrow-chevron) { transform: scaleX(1); } .wp-block-query-pagination .wp-block-query-pagination-next-arrow { display: inline-block; margin-left: 1ch; } .wp-block-query-pagination .wp-block-query-pagination-next-arrow:not(.is-arrow-chevron) { transform: scaleX(1); } .wp-block-query-pagination.aligncenter { justify-content: center; } .wp-block-query-title, .wp-block-query-total, .wp-block-quote { box-sizing: border-box; } .wp-block-quote { overflow-wrap: break-word; } .wp-block-quote.is-large:where(:not(.is-style-plain)), .wp-block-quote.is-style-large:where(:not(.is-style-plain)) { margin-bottom: 1em; padding: 0px 1em; } .wp-block-quote.is-large:where(:not(.is-style-plain)) p, .wp-block-quote.is-style-large:where(:not(.is-style-plain)) p { font-size: 1.5em; font-style: italic; line-height: 1.6; } .wp-block-quote.is-large:where(:not(.is-style-plain)) cite, .wp-block-quote.is-large:where(:not(.is-style-plain)) footer, .wp-block-quote.is-style-large:where(:not(.is-style-plain)) cite, .wp-block-quote.is-style-large:where(:not(.is-style-plain)) footer { font-size: 1.125em; text-align: right; } .wp-block-quote > cite { display: block; } .wp-block-read-more { display: block; width: fit-content; } .wp-block-read-more:where(:not([style*="text-decoration"])) { text-decoration: none; } .wp-block-read-more:where(:not([style*="text-decoration"])):active, .wp-block-read-more:where(:not([style*="text-decoration"])):focus { text-decoration: none; } ul.wp-block-rss.alignleft { margin-right: 2em; } ul.wp-block-rss.alignright { margin-left: 2em; } ul.wp-block-rss.is-grid { display: flex; flex-wrap: wrap; padding: 0px; } ul.wp-block-rss.is-grid li { margin: 0px 1em 1em 0px; width: 100%; } @media (min-width: 600px) { ul.wp-block-rss.columns-2 li { width: calc(50% - 1em); } ul.wp-block-rss.columns-3 li { width: calc(33.3333% - 1em); } ul.wp-block-rss.columns-4 li { width: calc(25% - 1em); } ul.wp-block-rss.columns-5 li { width: calc(20% - 1em); } ul.wp-block-rss.columns-6 li { width: calc(16.6667% - 1em); } } .wp-block-rss__item-author, .wp-block-rss__item-publish-date { display: block; font-size: 0.8125em; } .wp-block-rss { box-sizing: border-box; list-style: none; padding: 0px; } .wp-block-search__button { margin-left: 10px; word-break: normal; } .wp-block-search__button.has-icon { line-height: 0; } .wp-block-search__button svg { height: 1.25em; min-height: 24px; min-width: 24px; width: 1.25em; fill: currentcolor; vertical-align: text-bottom; } :where(.wp-block-search__button) { border: 1px solid rgb(204, 204, 204); padding: 6px 10px; } .wp-block-search__inside-wrapper { display: flex; flex: 1 1 auto; flex-wrap: nowrap; max-width: 100%; } .wp-block-search__label { width: 100%; } .wp-block-search__input { appearance: none; border: 1px solid rgb(148, 148, 148); flex-grow: 1; margin-left: 0px; margin-right: 0px; min-width: 3rem; padding: 8px; text-decoration: unset !important; } .wp-block-search.wp-block-search__button-only .wp-block-search__button { box-sizing: border-box; display: flex; flex-shrink: 0; justify-content: center; margin-left: 0px; max-width: 100%; } .wp-block-search.wp-block-search__button-only .wp-block-search__inside-wrapper { min-width: 0px !important; transition-property: width; } .wp-block-search.wp-block-search__button-only .wp-block-search__input { flex-basis: 100%; transition-duration: 0.3s; } .wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden, .wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden .wp-block-search__inside-wrapper { overflow: hidden; } .wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden .wp-block-search__input { flex-basis: 0px; flex-grow: 0; margin: 0px; border-left-width: 0px !important; border-right-width: 0px !important; min-width: 0px !important; padding-left: 0px !important; padding-right: 0px !important; width: 0px !important; } :where(.wp-block-search__input) { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; letter-spacing: inherit; line-height: inherit; text-transform: inherit; } :where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) { border: 1px solid rgb(148, 148, 148); box-sizing: border-box; padding: 4px; } :where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input { border: none; border-radius: 0px; padding: 0px 4px; } :where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input:focus { outline: none; } :where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) :where(.wp-block-search__button) { padding: 4px 8px; } .wp-block-search.aligncenter .wp-block-search__inside-wrapper { margin: auto; } .wp-block[data-align="right"] .wp-block-search.wp-block-search__button-only .wp-block-search__inside-wrapper { float: right; } .wp-block-separator { border-right: none; border-bottom: none; border-left: none; border-image: initial; border-top: 2px solid; } :root :where(.wp-block-separator.is-style-dots) { height: auto; line-height: 1; text-align: center; } :root :where(.wp-block-separator.is-style-dots)::before { color: currentcolor; content: "···"; font-family: serif; font-size: 1.5em; letter-spacing: 2em; padding-left: 2em; } .wp-block-separator.is-style-dots { background: none !important; border: none !important; } .wp-block-site-logo { box-sizing: border-box; line-height: 0; } .wp-block-site-logo a { display: inline-block; line-height: 0; } .wp-block-site-logo.is-default-size img { height: auto; width: 120px; } .wp-block-site-logo img { height: auto; max-width: 100%; } .wp-block-site-logo a, .wp-block-site-logo img { border-radius: inherit; } .wp-block-site-logo.aligncenter { margin-left: auto; margin-right: auto; text-align: center; } :root :where(.wp-block-site-logo.is-style-rounded) { border-radius: 9999px; } .wp-block-site-tagline, .wp-block-site-title { box-sizing: border-box; } .wp-block-site-title :where(a) { color: inherit; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; letter-spacing: inherit; line-height: inherit; text-decoration: inherit; } .wp-block-social-links { background: none; box-sizing: border-box; margin-left: 0px; padding-left: 0px; padding-right: 0px; text-indent: 0px; } .wp-block-social-links .wp-social-link a, .wp-block-social-links .wp-social-link a:hover { border-bottom: 0px; box-shadow: none; text-decoration: none; } .wp-block-social-links .wp-social-link svg { height: 1em; width: 1em; } .wp-block-social-links .wp-social-link span:not(.screen-reader-text) { font-size: 0.65em; margin-left: 0.5em; margin-right: 0.5em; } .wp-block-social-links.has-small-icon-size { font-size: 16px; } .wp-block-social-links, .wp-block-social-links.has-normal-icon-size { font-size: 24px; } .wp-block-social-links.has-large-icon-size { font-size: 36px; } .wp-block-social-links.has-huge-icon-size { font-size: 48px; } .wp-block-social-links.aligncenter { display: flex; justify-content: center; } .wp-block-social-links.alignright { justify-content: flex-end; } .wp-block-social-link { border-radius: 9999px; display: block; height: auto; } @media not (prefers-reduced-motion) { .wp-block-social-link { transition: transform 0.1s ease 0s; } } .wp-block-social-link a { align-items: center; display: flex; line-height: 0; } .wp-block-social-link:hover { transform: scale(1.1); } .wp-block-social-links .wp-block-social-link.wp-social-link { display: inline-block; margin: 0px; padding: 0px; } .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor, .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor svg, .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:active, .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:hover, .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:visited { color: currentcolor; fill: currentcolor; } :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link { background-color: rgb(240, 240, 240); color: rgb(68, 68, 68); } :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-amazon { background-color: rgb(255, 153, 0); color: rgb(255, 255, 255); } :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-bandcamp { background-color: rgb(30, 160, 195); color: rgb(255, 255, 255); } :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-behance { background-color: rgb(7, 87, 254); color: rgb(255, 255, 255); } :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-bluesky { background-color: rgb(10, 122, 255); color: rgb(255, 255, 255); } :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-codepen { background-color: rgb(30, 31, 38); color: rgb(255, 255, 255); } :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-deviantart { background-color: rgb(2, 228, 155); color: rgb(255, 255, 255); } :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-discord { background-color: rgb(88, 101, 242); color: rgb(255, 255, 255); } :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-dribbble { background-color: rgb(233, 76, 137); color: rgb(255, 255, 255); } :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-dropbox { background-color: rgb(66, 128, 255); color: rgb(255, 255, 255); } :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-etsy { background-color: rgb(244, 88, 0); color: rgb(255, 255, 255); } :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-facebook { background-color: rgb(8, 102, 255); color: rgb(255, 255, 255); } :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-fivehundredpx { background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); } :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-flickr { background-color: rgb(4, 97, 221); color: rgb(255, 255, 255); } :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-foursquare { background-color: rgb(230, 86, 120); color: rgb(255, 255, 255); } :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-github { background-color: rgb(36, 41, 45); color: rgb(255, 255, 255); } :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-goodreads { background-color: rgb(236, 234, 221); color: rgb(56, 33, 16); } :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-google { background-color: rgb(234, 68, 52); color: rgb(255, 255, 255); } :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-gravatar { background-color: rgb(29, 79, 196); color: rgb(255, 255, 255); } :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-instagram { background-color: rgb(240, 0, 117); color: rgb(255, 255, 255); } :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-lastfm { background-color: rgb(226, 27, 36); color: rgb(255, 255, 255); } :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-linkedin { background-color: rgb(13, 102, 194); color: rgb(255, 255, 255); } :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-mastodon { background-color: rgb(50, 136, 212); color: rgb(255, 255, 255); } :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-medium { background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); } :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-meetup { background-color: rgb(246, 64, 95); color: rgb(255, 255, 255); } :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-patreon { background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); } :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-pinterest { background-color: rgb(230, 1, 34); color: rgb(255, 255, 255); } :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-pocket { background-color: rgb(239, 65, 85); color: rgb(255, 255, 255); } :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-reddit { background-color: rgb(255, 69, 0); color: rgb(255, 255, 255); } :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-skype { background-color: rgb(4, 120, 215); color: rgb(255, 255, 255); } :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-snapchat { background-color: rgb(254, 252, 0); color: rgb(255, 255, 255); stroke: rgb(0, 0, 0); } :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-soundcloud { background-color: rgb(255, 86, 0); color: rgb(255, 255, 255); } :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-spotify { background-color: rgb(27, 215, 96); color: rgb(255, 255, 255); } :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-telegram { background-color: rgb(42, 171, 238); color: rgb(255, 255, 255); } :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-threads { background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); } :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-tiktok { background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); } :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-tumblr { background-color: rgb(1, 24, 53); color: rgb(255, 255, 255); } :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-twitch { background-color: rgb(100, 64, 164); color: rgb(255, 255, 255); } :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-twitter { background-color: rgb(29, 161, 242); color: rgb(255, 255, 255); } :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-vimeo { background-color: rgb(30, 183, 234); color: rgb(255, 255, 255); } :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-vk { background-color: rgb(70, 128, 194); color: rgb(255, 255, 255); } :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-wordpress { background-color: rgb(52, 153, 205); color: rgb(255, 255, 255); } :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-whatsapp { background-color: rgb(37, 211, 102); color: rgb(255, 255, 255); } :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-x { background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); } :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-yelp { background-color: rgb(211, 36, 34); color: rgb(255, 255, 255); } :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-youtube { background-color: red; color: rgb(255, 255, 255); } :where(.wp-block-social-links.is-style-logos-only) .wp-social-link { background: none; } :where(.wp-block-social-links.is-style-logos-only) .wp-social-link svg { height: 1.25em; width: 1.25em; } :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-amazon { color: rgb(255, 153, 0); } :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-bandcamp { color: rgb(30, 160, 195); } :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-behance { color: rgb(7, 87, 254); } :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-bluesky { color: rgb(10, 122, 255); } :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-codepen { color: rgb(30, 31, 38); } :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-deviantart { color: rgb(2, 228, 155); } :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-discord { color: rgb(88, 101, 242); } :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-dribbble { color: rgb(233, 76, 137); } :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-dropbox { color: rgb(66, 128, 255); } :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-etsy { color: rgb(244, 88, 0); } :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-facebook { color: rgb(8, 102, 255); } :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-fivehundredpx { color: rgb(0, 0, 0); } :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-flickr { color: rgb(4, 97, 221); } :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-foursquare { color: rgb(230, 86, 120); } :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-github { color: rgb(36, 41, 45); } :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-goodreads { color: rgb(56, 33, 16); } :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-google { color: rgb(234, 68, 52); } :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-gravatar { color: rgb(29, 79, 196); } :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-instagram { color: rgb(240, 0, 117); } :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-lastfm { color: rgb(226, 27, 36); } :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-linkedin { color: rgb(13, 102, 194); } :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-mastodon { color: rgb(50, 136, 212); } :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-medium { color: rgb(0, 0, 0); } :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-meetup { color: rgb(246, 64, 95); } :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-patreon { color: rgb(0, 0, 0); } :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-pinterest { color: rgb(230, 1, 34); } :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-pocket { color: rgb(239, 65, 85); } :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-reddit { color: rgb(255, 69, 0); } :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-skype { color: rgb(4, 120, 215); } :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-snapchat { color: rgb(255, 255, 255); stroke: rgb(0, 0, 0); } :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-soundcloud { color: rgb(255, 86, 0); } :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-spotify { color: rgb(27, 215, 96); } :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-telegram { color: rgb(42, 171, 238); } :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-threads { color: rgb(0, 0, 0); } :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-tiktok { color: rgb(0, 0, 0); } :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-tumblr { color: rgb(1, 24, 53); } :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-twitch { color: rgb(100, 64, 164); } :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-twitter { color: rgb(29, 161, 242); } :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-vimeo { color: rgb(30, 183, 234); } :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-vk { color: rgb(70, 128, 194); } :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-whatsapp { color: rgb(37, 211, 102); } :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-wordpress { color: rgb(52, 153, 205); } :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-x { color: rgb(0, 0, 0); } :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-yelp { color: rgb(211, 36, 34); } :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-youtube { color: red; } .wp-block-social-links.is-style-pill-shape .wp-social-link { width: auto; } :root :where(.wp-block-social-links .wp-social-link a) { padding: 0.25em; } :root :where(.wp-block-social-links.is-style-logos-only .wp-social-link a) { padding: 0px; } :root :where(.wp-block-social-links.is-style-pill-shape .wp-social-link a) { padding-left: 0.666667em; padding-right: 0.666667em; } .wp-block-social-links:not(.has-icon-color):not(.has-icon-background-color) .wp-social-link-snapchat .wp-block-social-link-label { color: rgb(0, 0, 0); } .wp-block-spacer { clear: both; } .wp-block-tag-cloud { box-sizing: border-box; } .wp-block-tag-cloud.aligncenter { justify-content: center; text-align: center; } .wp-block-tag-cloud.alignfull { padding-left: 1em; padding-right: 1em; } .wp-block-tag-cloud a { display: inline-block; margin-right: 5px; } .wp-block-tag-cloud span { display: inline-block; margin-left: 5px; text-decoration: none; } :root :where(.wp-block-tag-cloud.is-style-outline) { display: flex; flex-wrap: wrap; gap: 1ch; } :root :where(.wp-block-tag-cloud.is-style-outline a) { border: 1px solid; margin-right: 0px; padding: 1ch 2ch; font-size: unset !important; text-decoration: none !important; } .wp-block-table { overflow-x: auto; } .wp-block-table table { border-collapse: collapse; width: 100%; } .wp-block-table thead { border-bottom: 3px solid; } .wp-block-table tfoot { border-top: 3px solid; } .wp-block-table td, .wp-block-table th { border: 1px solid; padding: 0.5em; } .wp-block-table .has-fixed-layout { table-layout: fixed; width: 100%; } .wp-block-table .has-fixed-layout td, .wp-block-table .has-fixed-layout th { word-break: break-word; } .wp-block-table.aligncenter, .wp-block-table.alignleft, .wp-block-table.alignright { display: table; width: auto; } .wp-block-table.aligncenter td, .wp-block-table.aligncenter th, .wp-block-table.alignleft td, .wp-block-table.alignleft th, .wp-block-table.alignright td, .wp-block-table.alignright th { word-break: break-word; } .wp-block-table .has-subtle-light-gray-background-color { background-color: rgb(243, 244, 245); } .wp-block-table .has-subtle-pale-green-background-color { background-color: rgb(233, 251, 229); } .wp-block-table .has-subtle-pale-blue-background-color { background-color: rgb(231, 245, 254); } .wp-block-table .has-subtle-pale-pink-background-color { background-color: rgb(252, 240, 239); } .wp-block-table.is-style-stripes { background-color: initial; border-bottom: 1px solid rgb(240, 240, 240); border-collapse: inherit; border-spacing: 0px; } .wp-block-table.is-style-stripes tbody tr:nth-child(2n+1) { background-color: rgb(240, 240, 240); } .wp-block-table.is-style-stripes.has-subtle-light-gray-background-color tbody tr:nth-child(2n+1) { background-color: rgb(243, 244, 245); } .wp-block-table.is-style-stripes.has-subtle-pale-green-background-color tbody tr:nth-child(2n+1) { background-color: rgb(233, 251, 229); } .wp-block-table.is-style-stripes.has-subtle-pale-blue-background-color tbody tr:nth-child(2n+1) { background-color: rgb(231, 245, 254); } .wp-block-table.is-style-stripes.has-subtle-pale-pink-background-color tbody tr:nth-child(2n+1) { background-color: rgb(252, 240, 239); } .wp-block-table.is-style-stripes td, .wp-block-table.is-style-stripes th { border-color: rgba(0, 0, 0, 0); } .wp-block-table .has-border-color td, .wp-block-table .has-border-color th, .wp-block-table .has-border-color tr, .wp-block-table .has-border-color > * { border-color: inherit; } .wp-block-table table[style*="border-top-color"] tr:first-child, .wp-block-table table[style*="border-top-color"] tr:first-child td, .wp-block-table table[style*="border-top-color"] tr:first-child th, .wp-block-table table[style*="border-top-color"] > *, .wp-block-table table[style*="border-top-color"] > * td, .wp-block-table table[style*="border-top-color"] > * th { border-top-color: inherit; } .wp-block-table table[style*="border-top-color"] tr:not(:first-child) { border-top-color: initial; } .wp-block-table table[style*="border-right-color"] td:last-child, .wp-block-table table[style*="border-right-color"] th, .wp-block-table table[style*="border-right-color"] tr, .wp-block-table table[style*="border-right-color"] > * { border-right-color: inherit; } .wp-block-table table[style*="border-bottom-color"] tr:last-child, .wp-block-table table[style*="border-bottom-color"] tr:last-child td, .wp-block-table table[style*="border-bottom-color"] tr:last-child th, .wp-block-table table[style*="border-bottom-color"] > *, .wp-block-table table[style*="border-bottom-color"] > * td, .wp-block-table table[style*="border-bottom-color"] > * th { border-bottom-color: inherit; } .wp-block-table table[style*="border-bottom-color"] tr:not(:last-child) { border-bottom-color: initial; } .wp-block-table table[style*="border-left-color"] td:first-child, .wp-block-table table[style*="border-left-color"] th, .wp-block-table table[style*="border-left-color"] tr, .wp-block-table table[style*="border-left-color"] > * { border-left-color: inherit; } .wp-block-table table[style*="border-style"] td, .wp-block-table table[style*="border-style"] th, .wp-block-table table[style*="border-style"] tr, .wp-block-table table[style*="border-style"] > * { border-style: inherit; } .wp-block-table table[style*="border-width"] td, .wp-block-table table[style*="border-width"] th, .wp-block-table table[style*="border-width"] tr, .wp-block-table table[style*="border-width"] > * { border-style: inherit; border-width: inherit; } :root :where(.wp-block-table-of-contents) { box-sizing: border-box; } :where(.wp-block-term-description) { box-sizing: border-box; margin-bottom: var(--wp--style--block-gap); margin-top: var(--wp--style--block-gap); } .wp-block-term-description p { margin-bottom: 0px; margin-top: 0px; } .wp-block-text-columns, .wp-block-text-columns.aligncenter { display: flex; } .wp-block-text-columns .wp-block-column { margin: 0px 1em; padding: 0px; } .wp-block-text-columns .wp-block-column:first-child { margin-left: 0px; } .wp-block-text-columns .wp-block-column:last-child { margin-right: 0px; } .wp-block-text-columns.columns-2 .wp-block-column { width: 50%; } .wp-block-text-columns.columns-3 .wp-block-column { width: 33.3333%; } .wp-block-text-columns.columns-4 .wp-block-column { width: 25%; } pre.wp-block-verse { overflow: auto; white-space: pre-wrap; } :where(pre.wp-block-verse) { font-family: inherit; } .wp-block-video { box-sizing: border-box; } .wp-block-video video { vertical-align: middle; width: 100%; } @supports (position:sticky) { .wp-block-video [poster] { object-fit: cover; } } .wp-block-video.aligncenter { text-align: center; } .wp-block-video :where(figcaption) { margin-bottom: 1em; margin-top: 0.5em; } .editor-styles-wrapper, .entry-content { counter-reset: footnotes 0; } a[data-fn].fn { counter-increment: footnotes 1; display: inline-flex; font-size: smaller; text-decoration: none; text-indent: -1e+07px; vertical-align: super; } a[data-fn].fn::after { content: "[" counter(footnotes) "]"; float: left; text-indent: 0px; } .wp-element-button { cursor: pointer; } :root { --wp--preset--font-size--normal: 16px; --wp--preset--font-size--huge: 42px; } :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)); } .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; } #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,rgba(6,147,227,1) 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,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%); --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 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 rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1); --wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1); } :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; } :where(.wp-block-post-template.is-layout-flex) { gap: 1.25em; } :where(.wp-block-post-template.is-layout-grid) { gap: 1.25em; } :where(.wp-block-columns.is-layout-flex) { gap: 2em; } :where(.wp-block-columns.is-layout-grid) { gap: 2em; } :root :where(.wp-block-pullquote) { font-size: 1.5em; line-height: 1.6; } #biz_calendar { max-width: 250px; margin: auto; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "MS Pゴシック", sans-serif; } #biz_calendar p { margin: 0px; line-height: 170%; } #biz_calendar p span.boxholiday { background-color: rgb(246, 60, 159); padding-left: 25px; margin-right: 10px; } #biz_calendar p span.boxeventday { background-color: rgb(100, 189, 235); padding-left: 25px; margin-right: 10px; } #biz_calendar table.bizcal { margin: 10px 0px; width: 100%; background-color: rgb(255, 255, 255); table-layout: fixed; border: 1px solid rgb(181, 181, 182); line-height: 1.6; cursor: default; vertical-align: middle; } #biz_calendar table.bizcal th { text-align: center; border-width: 0px; padding: 2px; color: rgb(0, 0, 0); background-color: rgb(222, 222, 222); } #biz_calendar table.bizcal th:first-child { color: red; } #biz_calendar table.bizcal th:nth-last-of-type(1) { color: blue; } #biz_calendar table.bizcal td { text-align: center; border-width: 0px; padding: 2px; color: rgb(0, 0, 0); } #biz_calendar table.bizcal .calmonth { text-align: left; font-weight: bold; padding: 2px 7px; border: none; } #biz_calendar table.bizcal .calbtn { border: none; cursor: pointer; } #biz_calendar table.bizcal .holiday { background-color: rgb(246, 60, 159); color: rgb(255, 255, 255); } #biz_calendar table.bizcal .eventday { background-color: rgb(100, 189, 235); color: rgb(255, 255, 255); } #biz_calendar table.bizcal .eventday a { color: rgb(255, 255, 255); } #biz_calendar table.bizcal .today { font-weight: bold; text-decoration: underline; color: rgb(0, 0, 0); } #biz_calendar table.bizcal .today a { font-weight: bold; color: rgb(0, 0, 0); } #biz_calendar table.bizcal img { vertical-align: middle; box-shadow: none; margin: 0px; } #biz_calendar table.bizcal .down-img { text-align: right; } #biz_calendar table.bizcal .today-img { text-align: center; } #biz_calendar table.bizcal .up-img { text-align: left; } .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; } .wpcf7-back { float: left; margin-top: 5px; position: relative; width: 70px; } .cf7msm-ro { white-space: pre-wrap; } .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0px; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; } .ui-helper-reset { margin: 0px; padding: 0px; border: 0px; outline: 0px; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix::after, .ui-helper-clearfix::before { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix::after { clear: both; } .ui-helper-clearfix { min-height: 0px; } .ui-helper-zfix { width: 100%; height: 100%; top: 0px; left: 0px; position: absolute; opacity: 0; } .ui-front { z-index: 100; } .ui-state-disabled { cursor: default !important; } .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } .ui-widget-overlay { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; } .ui-resizable { position: relative; } .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; touch-action: none; } .ui-resizable-autohide .ui-resizable-handle, .ui-resizable-disabled .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0px; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0px; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0px; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0px; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; } .ui-button { display: inline-block; text-decoration: none; font-size: 13px; line-height: 2; height: 28px; margin: 0px; padding: 0px 10px 1px; cursor: pointer; border-width: 1px; border-style: solid; appearance: none; border-radius: 3px; white-space: nowrap; box-sizing: border-box; color: rgb(80, 87, 94); border-color: rgb(195, 196, 199); background: rgb(246, 247, 247); box-shadow: rgb(195, 196, 199) 0px 1px 0px; vertical-align: top; } .ui-button:active, .ui-button:focus { outline: 0px; } .ui-button:focus, .ui-button:hover { background: rgb(246, 247, 247); border-color: rgb(140, 143, 148); color: rgb(29, 35, 39); } .ui-button:focus { border-color: rgb(79, 148, 212); box-shadow: rgba(34, 113, 177, 0.8) 0px 0px 3px; } .ui-button:active { background: rgb(240, 240, 241); border-color: rgb(140, 143, 148); box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 5px -3px inset; } .ui-button:disabled, .ui-button[disabled] { cursor: default; color: rgb(167, 170, 173) !important; border-color: rgb(220, 220, 222) !important; background: rgb(246, 247, 247) !important; box-shadow: none !important; text-shadow: rgb(255, 255, 255) 0px 1px 0px !important; transform: none !important; } @media screen and (max-width: 782px) { .ui-button { padding: 6px 14px; line-height: normal; font-size: 14px; vertical-align: middle; height: auto; margin-bottom: 4px; } } .ui-dialog { position: absolute; top: 0px; left: 0px; z-index: 100102; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.3) 0px 3px 6px; overflow: hidden; } .ui-dialog-titlebar { background: rgb(255, 255, 255); border-bottom: 1px solid rgb(220, 220, 222); height: 36px; font-size: 18px; font-weight: 600; line-height: 2; padding: 0px 36px 0px 16px; } .ui-button.ui-dialog-titlebar-close { background: 0px 0px; border: none; box-shadow: none; color: rgb(100, 105, 112); cursor: pointer; display: block; padding: 0px; position: absolute; top: 0px; right: 0px; width: 36px; height: 36px; text-align: center; border-radius: 0px; overflow: hidden; } .ui-dialog-titlebar-close::before { font: 20px / 1.8 dashicons; vertical-align: top; -webkit-font-smoothing: antialiased; width: 36px; height: 36px; content: ""; } .ui-button.ui-dialog-titlebar-close:focus, .ui-button.ui-dialog-titlebar-close:hover { color: rgb(19, 94, 150); } .ui-button.ui-dialog-titlebar-close:focus { box-shadow: rgb(34, 113, 177) 0px 0px 0px 2px; outline: transparent solid 2px; outline-offset: -2px; } .ui-dialog-content { padding: 16px; overflow: auto; } .ui-dialog-buttonpane { background: rgb(255, 255, 255); border-top: 1px solid rgb(220, 220, 222); padding: 16px; } .ui-dialog-buttonpane .ui-button { margin-left: 16px; } .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-widget-overlay { position: fixed; inset: 0px; min-height: 360px; background: rgb(0, 0, 0); opacity: 0.7; z-index: 100101; } .wpcf7cp-force-hide { display: none !important; } .wpcf7cp-form-hide { visibility: hidden !important; } div.wpcf7 { position: relative; height: auto; } div#wpcf7cpcnf { position: absolute; z-index: 1000; background-color: transparent; width: 100%; height: auto; top: 0px; left: 0px; margin: auto; } div.wpcf7cp-progress-cover { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; margin: 0px; background-color: rgb(255, 255, 255); opacity: 0.5; z-index: 1000; } div.wpcf7cp-progress-content { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; margin: 0px; opacity: 1; z-index: 1001; } div.wpcf7cp-progress-content p { width: 200px; height: 1em; position: absolute; margin-left: -100px; margin-top: -0.5em; top: 50%; left: 50%; line-height: 1; padding: 0px; text-align: center; } div.wpcf7cp-btns { margin-top: 2em; } button.wpcf7cp-cfm-edit-btn { margin-right: 20px; margin-bottom: 20px; } button.wpcf7cp-cfm-submit-btn { margin-bottom: 20px; } .addtoany_content { clear: both; margin: 16px auto; } .addtoany_header { margin: 0px 0px 16px; } .addtoany_list { display: inline; line-height: 16px; } .a2a_kit a:empty, .a2a_kit a[class^="a2a_button_"]:has(.a2a_s_undefined) { display: none; } .addtoany_list a, .widget .addtoany_list a { border: 0px; box-shadow: none; display: inline-block; font-size: 16px; padding: 0px 4px; vertical-align: middle; } .addtoany_list a img { border: 0px; display: inline-block; opacity: 1; overflow: hidden; vertical-align: baseline; } .addtoany_list a span { display: inline-block; float: none; } .addtoany_list.a2a_kit_size_32 a { font-size: 32px; } .addtoany_list.a2a_kit_size_32 a:not(.addtoany_special_service) > span { height: 32px; line-height: 32px; width: 32px; } .addtoany_list a:not(.addtoany_special_service) > span { border-radius: 4px; display: inline-block; opacity: 1; } .addtoany_list a .a2a_count { position: relative; vertical-align: top; } .site .a2a_kit.addtoany_list a:focus, .addtoany_list a:hover, .widget .addtoany_list a:hover { background: none; border: 0px; box-shadow: none; } .addtoany_list a:hover img, .addtoany_list a:hover span { opacity: 0.7; } .addtoany_list a.addtoany_special_service:hover img, .addtoany_list a.addtoany_special_service:hover span { opacity: 1; } .addtoany_special_service { display: inline-block; vertical-align: middle; } .addtoany_special_service a, .addtoany_special_service div, .addtoany_special_service div.fb_iframe_widget, .addtoany_special_service iframe, .addtoany_special_service span { margin: 0px; vertical-align: baseline !important; } .addtoany_special_service iframe { display: inline; max-width: none; } a.addtoany_share.addtoany_no_icon span.a2a_img_text { display: none; } a.addtoany_share img { border: 0px; width: auto; height: auto; } @media (min-width: 768px) { .addtoany_list .addtoany_share_save, .addtoany_list .a2a_button_copy_link { display: none; } } .lazyload { background-image: none !important; } .lazyload::before { background-image: none !important; } .wp-block-gallery.is-cropped .blocks-gallery-item picture { height: 100%; width: 100%; } .wpcf7cp-form-hide { visibility: hidden !important; height: 0px !important; overflow: hidden !important; position: absolute !important; } div.wpcf7cp-progress-cover { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; } div.wpcf7cp-progress-content p { display: none; } div.wpcf7cp-progress-content { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; justify-content: center; align-items: center; width: 100px; } div.wpcf7cp-progress-content::after { content: ""; width: 50px; height: 50px; border-width: 5px; border-style: solid; border-color: rgb(45, 80, 163) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1); border-image: initial; border-radius: 50%; animation: 1s linear 0s infinite normal none running spin; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .thum-area img { width: 210px; height: 135px; object-fit: cover; display: block; } .well { background-color: rgb(255, 255, 255); } .ivr-wrap { } .before-fix { display: none; } .page-id-172 .page-item-15389 { display: none; } .btn-entry { text-decoration: none; } .btn-entry:hover { text-decoration: none; } .nda-request-form-wrap { margin-bottom: 80px; } .nda-request-form h2 { font-size: 18px; text-align: center; } .nda-request-form h2 span { color: rgb(1, 83, 182); } .nda-request-form .optional { color: rgb(255, 255, 255); font-size: 14px; line-height: 16px; text-align: center; font-weight: bold; margin-left: 10px; top: -1px; position: relative; display: inline-block; padding: 3px 4px; border-radius: 2px; background-color: rgb(103, 103, 103); letter-spacing: 1px; } .nda-request-form label { margin-bottom: 0px; } .nda-request-form .wpcf7-list-item { margin-left: 0px; } .nda-request-form input[type="text"], .nda-request-form input[type="email"], .nda-request-form input[type="tel"], .nda-request-form input[type="number"] { width: 332px; max-width: 100%; border-top: none; border-right: none; border-left: none; border-image: initial; border-radius: 0px; outline: none; border-bottom: 1px solid rgb(50, 87, 183); padding: 4px 2px 2px; } .wpcf7-acceptance label { font-weight: normal; } .nda-request-form input[name="your-address"] { width: 100%; } .nda-request-form input[type="submit"], .nda-request-form input[type="button"], .btn-top { height: 52px; font-size: 16px; min-width: 130px; font-weight: bold; border-radius: 32px; border: none; padding: 0px 30px; margin: 0px 15px; } .nda-request-form input[type="submit"], .btn-top { color: rgb(255, 255, 255); background-color: rgb(50, 87, 183); } .nda-request-form input[type="button"] { color: rgb(50, 87, 183); background-color: rgb(255, 255, 255); } .nda-request-form input[type="submit"]:hover, .nda-request-form input[type="button"]:hover, .btn-top:hover { opacity: 0.8; } .nda-request-form input[disabled] { background: rgb(163, 163, 163); } .nda-request-form select { border-top: none; border-right: none; border-left: none; border-image: initial; outline: none; border-bottom: 1px solid rgb(50, 87, 183); border-radius: 0px; padding: 4px 2px 2px; margin-top: 5px; width: 332px; max-width: 100%; height: 32px; background: rgb(255, 255, 255); color: rgb(51, 51, 51); } .nda-request-form textarea { outline: none; border: 1px solid rgb(50, 87, 183); border-radius: 2px; padding: 5px 7px; margin-top: 5px; width: 100%; height: 120px; } .nda-request-form .wpcf7-spinner { position: absolute; top: 50%; left: 50%; display: block; transform: translate(-50%, -50%); margin: 0px; } .nda-request-form-confirm .wpcf7-spinner { display: none; } .nda-request-form-box { width: 826px; max-width: 100%; border: 1px solid rgb(50, 87, 183); margin: 0px auto 50px; padding: 20px 100px; } .nda-request-form-box > div { margin: 40px 0px; display: flex; } .nda-request-form-box p { overflow-wrap: break-word; white-space: normal; width: 100%; } .nda-request-form-box .note { margin: 20px 0px 0px 30px; font-size: 15px; line-height: 1.4; color: rgb(68, 68, 68); text-indent: -1em; padding-left: 1em; } .agree-box { width: 826px; max-width: 100%; margin: 0px auto 50px; padding: 0px 100px; } @media (max-width: 767px) { .nda-request-form-box { padding: 10px 30px; } .agree-box { padding: 10px 30px; } .nda-request-form-box > div { flex-wrap: wrap; } .nda-request-form-box .note { margin: 0px; font-size: 14px; } } .agree { } .box-line-grey { border: 1px solid rgb(221, 221, 221); border-radius: 4px; padding: 30px; } .guide-ivr { list-style: none; padding-left: 0px; line-height: 1.4; font-weight: bold; margin: 20px 0px 0px; max-width: 470px; } .guide-ivr li { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-bottom: 8px; } .guide-ivr li:last-child { margin-bottom: 0px; } .dots { flex: 1 1 auto; } .dot { position: relative; top: calc(50% - 1px); margin: 0px 10px; border-right: none; border-bottom: none; border-left: none; border-image: initial; border-top: 2px dotted rgb(204, 204, 204); } .number { font-size: 18px; color: rgb(255, 255, 255); background: rgb(0, 122, 123); border-radius: 4px; text-align: center; padding: 2px 5px; } @media (max-width: 767px) { .service { flex-basis: 72%; } } .entrust { background: rgb(245, 245, 245); margin-top: 60px; } .entrust .entrust__inner { padding: 40px 40px 30px; } .entrust .entrust__main { width: 100%; margin: 0px auto; display: flex; } .entrust .entrust__img { width: 24%; text-align: center; } .entrust .entrust__img img { width: 130px; height: 130px; } .entrust .entrust__info { flex: 1 1 0%; margin: 0px 0px 30px; } .entrust .entrust__title { color: rgb(35, 145, 146); font-size: 24px; line-height: 1.45; margin: 0px 0px 10px; } .entrust .entrust__text { margin: 0px 0px 10px; } .entrust .entrust__signature { text-align: right; font-weight: bold; margin: 0px; } .entrust .entrust__signature span { font-weight: normal; font-size: 14px; } .entrust .entrust__signature br { display: none; } .entrust .entrust__btns { display: flex; gap: 20px; } .entrust .entrust__btn-wrap { width: calc(50% - 10px); } .entrust .entrust__btn-wrap .btn-inquiry { background: rgb(68, 188, 189); } .entrust .entrust__btn-wrap .btn-inquiry:hover { background: rgb(128, 212, 214); } .entrust .entrust__btn-wrap .btn-inquiry .btn-inner::before { content: ""; } .entrust .entrust__btn-wrap .btn-mypage { font-size: 22px; margin: 0px; width: 100%; height: 96px; } .entrust .entrust__btn-wrap .btn-mypage .small { font-size: 0.725em; margin-bottom: 6px; display: inline-block; } .entrust .entrust__btn-wrap br.sp { display: none; } .entrust .entrust__btn-wrap .btn-inner .small { font-weight: normal; } @media screen and (max-width: 991px) { .entrust .entrust__btns { flex-direction: column; } .entrust .entrust__btn-wrap { width: 100%; } } @media screen and (max-width: 768px) { .entrust .entrust__img { width: 100%; } .entrust .entrust__main { align-items: center; gap: 20px; } .entrust .entrust__inner { padding: 20px; } .entrust .entrust__main { flex-direction: column; } .entrust .entrust__title { font-size: 20px; } .entrust .entrust__btn-wrap .btn-inquiry .btn-inner::before { top: 18px; } .entrust .entrust__btn-wrap br.sp { display: block; } .entrust .entrust__btn-wrap .btn-inquiry .btn-inner .small { line-height: 1.2em; display: inline-block; margin-bottom: 6px; } .entrust .entrust__signature br { display: block; } } div.faq_answer { display: block !important; } p.faq_nav { display: none; } .\[\&_\.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; } .top.ad, a[href^="https://m.do.co/c/"] > img, [href="https://ourgoldguy.com/contact/"] img { display: none !important; } #onetrust-banner-sdk { text-size-adjust: 100%; } #onetrust-banner-sdk .onetrust-vendors-list-handler { cursor: pointer; color: rgb(31, 150, 219); font-size: inherit; font-weight: bold; text-decoration: none; margin-left: 5px; } #onetrust-banner-sdk .onetrust-vendors-list-handler:hover { color: rgb(31, 150, 219); } #onetrust-banner-sdk:focus { outline: rgb(0, 0, 0) solid 2px; outline-offset: -2px; } #onetrust-banner-sdk a:focus { outline: rgb(0, 0, 0) solid 2px; } #onetrust-banner-sdk #onetrust-accept-btn-handler, #onetrust-banner-sdk #onetrust-reject-all-handler, #onetrust-banner-sdk #onetrust-pc-btn-handler { outline-offset: 1px; } #onetrust-banner-sdk.ot-bnr-w-logo .ot-bnr-logo { height: 64px; width: 64px; } #onetrust-banner-sdk .ot-tcf2-vendor-count.ot-text-bold { font-weight: bold; } #onetrust-banner-sdk .ot-close-icon, #onetrust-pc-sdk .ot-close-icon, #ot-sync-ntfy .ot-close-icon { background-size: contain; background-repeat: no-repeat; background-position: center center; height: 12px; width: 12px; } #onetrust-banner-sdk .powered-by-logo, #onetrust-banner-sdk .ot-pc-footer-logo a, #onetrust-pc-sdk .powered-by-logo, #onetrust-pc-sdk .ot-pc-footer-logo a, #ot-sync-ntfy .powered-by-logo, #ot-sync-ntfy .ot-pc-footer-logo a { background-size: contain; background-repeat: no-repeat; background-position: center center; height: 25px; width: 152px; display: block; text-decoration: none; font-size: 0.75em; } #onetrust-banner-sdk .powered-by-logo:hover, #onetrust-banner-sdk .ot-pc-footer-logo a:hover, #onetrust-pc-sdk .powered-by-logo:hover, #onetrust-pc-sdk .ot-pc-footer-logo a:hover, #ot-sync-ntfy .powered-by-logo:hover, #ot-sync-ntfy .ot-pc-footer-logo a:hover { color: rgb(86, 86, 86); } #onetrust-banner-sdk h3 *, #onetrust-banner-sdk h4 *, #onetrust-banner-sdk h6 *, #onetrust-banner-sdk button *, #onetrust-banner-sdk a[data-parent-id] *, #onetrust-pc-sdk h3 *, #onetrust-pc-sdk h4 *, #onetrust-pc-sdk h6 *, #onetrust-pc-sdk button *, #onetrust-pc-sdk a[data-parent-id] *, #ot-sync-ntfy h3 *, #ot-sync-ntfy h4 *, #ot-sync-ntfy h6 *, #ot-sync-ntfy button *, #ot-sync-ntfy a[data-parent-id] * { font-size: inherit; font-weight: inherit; color: inherit; } #onetrust-banner-sdk .ot-hide, #onetrust-pc-sdk .ot-hide, #ot-sync-ntfy .ot-hide { display: none !important; } #onetrust-banner-sdk button.ot-link-btn:hover, #onetrust-pc-sdk button.ot-link-btn:hover, #ot-sync-ntfy button.ot-link-btn:hover { text-decoration: underline; opacity: 1; } #onetrust-pc-sdk .ot-sdk-row .ot-sdk-column { padding: 0px; } #onetrust-pc-sdk .ot-sdk-container { padding-right: 0px; } #onetrust-pc-sdk .ot-sdk-row { flex-direction: initial; width: 100%; } #onetrust-pc-sdk [type="checkbox"]:checked, #onetrust-pc-sdk [type="checkbox"]:not(:checked) { pointer-events: initial; } #onetrust-pc-sdk [type="checkbox"]:disabled + label::before, #onetrust-pc-sdk [type="checkbox"]:disabled + label::after, #onetrust-pc-sdk [type="checkbox"]:disabled + label { pointer-events: none; opacity: 0.7; } #onetrust-pc-sdk #vendor-list-content { transform: translate3d(0px, 0px, 0px); } #onetrust-pc-sdk li input[type="checkbox"] { z-index: 1; } #onetrust-pc-sdk li .ot-checkbox label { z-index: 2; } #onetrust-pc-sdk li .ot-checkbox input[type="checkbox"] { height: auto; width: auto; } #onetrust-pc-sdk li .host-title a, #onetrust-pc-sdk li .ot-host-name a, #onetrust-pc-sdk li .accordion-text, #onetrust-pc-sdk li .ot-acc-txt { z-index: 2; position: relative; } #onetrust-pc-sdk input { margin: 3px 0.1ex; } #onetrust-pc-sdk .pc-logo, #onetrust-pc-sdk .ot-pc-logo { height: 60px; width: 180px; background-position: center center; background-size: contain; background-repeat: no-repeat; display: inline-flex; justify-content: center; align-items: center; } #onetrust-pc-sdk .pc-logo img, #onetrust-pc-sdk .ot-pc-logo img { max-height: 100%; max-width: 100%; } #onetrust-pc-sdk .screen-reader-only, #onetrust-pc-sdk .ot-scrn-rdr, .ot-sdk-cookie-policy .screen-reader-only, .ot-sdk-cookie-policy .ot-scrn-rdr { border: 0px; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; } #onetrust-pc-sdk.ot-fade-in, .onetrust-pc-dark-filter.ot-fade-in, #onetrust-banner-sdk.ot-fade-in { animation-name: onetrust-fade-in; animation-duration: 400ms; animation-timing-function: ease-in-out; } #onetrust-pc-sdk.ot-hide { display: none !important; } .onetrust-pc-dark-filter.ot-hide { display: none !important; } #ot-sdk-btn.ot-sdk-show-settings, #ot-sdk-btn.optanon-show-settings { color: rgb(104, 182, 49); border: 1px solid rgb(104, 182, 49); height: auto; white-space: normal; overflow-wrap: break-word; padding: 0.8em 2em; font-size: 0.8em; line-height: 1.2; cursor: pointer; transition: all 0.1s ease 0s; } #ot-sdk-btn.ot-sdk-show-settings:hover, #ot-sdk-btn.optanon-show-settings:hover { color: rgb(255, 255, 255); background-color: rgb(104, 182, 49); } .onetrust-pc-dark-filter { background: rgba(0, 0, 0, 0.5); z-index: 2147483646; width: 100%; height: 100%; overflow: hidden; position: fixed; top: 0px; bottom: 0px; left: 0px; } @keyframes onetrust-fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } .ot-cookie-label { text-decoration: underline; } @media only screen and (min-width: 426px) and (max-width: 896px) and (orientation: landscape) { #onetrust-pc-sdk p { font-size: 0.75em; } } #onetrust-banner-sdk .banner-option-input:focus + label { outline: rgb(0, 0, 0) auto 1px; } .category-vendors-list-handler + a:focus, .category-vendors-list-handler + a:focus-visible { outline: rgb(0, 0, 0) solid 2px; } #onetrust-pc-sdk .ot-userid-title { margin-top: 10px; } #onetrust-pc-sdk .ot-userid-title > span, #onetrust-pc-sdk .ot-userid-timestamp > span { font-weight: 700; } #onetrust-pc-sdk .ot-userid-desc { font-style: italic; } #onetrust-pc-sdk .ot-host-desc a { pointer-events: initial; } #onetrust-pc-sdk .ot-ven-hdr > p a { position: relative; z-index: 2; pointer-events: initial; } #onetrust-pc-sdk .ot-vnd-serv .ot-vnd-item .ot-vnd-info a, #onetrust-pc-sdk .ot-vs-list .ot-vnd-item .ot-vnd-info a { margin-right: auto; } #onetrust-pc-sdk .ot-pc-footer-logo img { width: 136px; height: 16px; } #onetrust-pc-sdk .ot-pur-vdr-count { font-weight: 400; font-size: 0.7rem; padding-top: 3px; display: block; } #onetrust-banner-sdk .ot-optout-signal, #onetrust-pc-sdk .ot-optout-signal { border: 1px solid rgb(50, 174, 136); border-radius: 3px; padding: 5px; margin-bottom: 10px; background-color: rgb(249, 255, 250); font-size: 0.85rem; line-height: 2; } #onetrust-banner-sdk .ot-optout-signal .ot-optout-icon, #onetrust-pc-sdk .ot-optout-signal .ot-optout-icon { display: inline; margin-right: 5px; } #onetrust-banner-sdk .ot-optout-signal svg, #onetrust-pc-sdk .ot-optout-signal svg { height: 20px; width: 30px; transform: scale(0.5); } #onetrust-banner-sdk .ot-optout-signal svg path, #onetrust-pc-sdk .ot-optout-signal svg path { fill: rgb(50, 174, 136); } #onetrust-banner-sdk, #onetrust-pc-sdk, #ot-sdk-cookie-policy, #ot-sync-ntfy { font-size: 16px; } #onetrust-banner-sdk *, #onetrust-banner-sdk ::after, #onetrust-banner-sdk ::before, #onetrust-pc-sdk *, #onetrust-pc-sdk ::after, #onetrust-pc-sdk ::before, #ot-sdk-cookie-policy *, #ot-sdk-cookie-policy ::after, #ot-sdk-cookie-policy ::before, #ot-sync-ntfy *, #ot-sync-ntfy ::after, #ot-sync-ntfy ::before { box-sizing: content-box; } #onetrust-banner-sdk div, #onetrust-banner-sdk span, #onetrust-banner-sdk h1, #onetrust-banner-sdk h2, #onetrust-banner-sdk h3, #onetrust-banner-sdk h4, #onetrust-banner-sdk h5, #onetrust-banner-sdk h6, #onetrust-banner-sdk p, #onetrust-banner-sdk img, #onetrust-banner-sdk svg, #onetrust-banner-sdk button, #onetrust-banner-sdk section, #onetrust-banner-sdk a, #onetrust-banner-sdk label, #onetrust-banner-sdk input, #onetrust-banner-sdk ul, #onetrust-banner-sdk li, #onetrust-banner-sdk nav, #onetrust-banner-sdk table, #onetrust-banner-sdk thead, #onetrust-banner-sdk tr, #onetrust-banner-sdk td, #onetrust-banner-sdk tbody, #onetrust-banner-sdk .ot-main-content, #onetrust-banner-sdk .ot-toggle, #onetrust-banner-sdk #ot-content, #onetrust-banner-sdk #ot-pc-content, #onetrust-banner-sdk .checkbox, #onetrust-pc-sdk div, #onetrust-pc-sdk span, #onetrust-pc-sdk h1, #onetrust-pc-sdk h2, #onetrust-pc-sdk h3, #onetrust-pc-sdk h4, #onetrust-pc-sdk h5, #onetrust-pc-sdk h6, #onetrust-pc-sdk p, #onetrust-pc-sdk img, #onetrust-pc-sdk svg, #onetrust-pc-sdk button, #onetrust-pc-sdk section, #onetrust-pc-sdk a, #onetrust-pc-sdk label, #onetrust-pc-sdk input, #onetrust-pc-sdk ul, #onetrust-pc-sdk li, #onetrust-pc-sdk nav, #onetrust-pc-sdk table, #onetrust-pc-sdk thead, #onetrust-pc-sdk tr, #onetrust-pc-sdk td, #onetrust-pc-sdk tbody, #onetrust-pc-sdk .ot-main-content, #onetrust-pc-sdk .ot-toggle, #onetrust-pc-sdk #ot-content, #onetrust-pc-sdk #ot-pc-content, #onetrust-pc-sdk .checkbox, #ot-sdk-cookie-policy div, #ot-sdk-cookie-policy span, #ot-sdk-cookie-policy h1, #ot-sdk-cookie-policy h2, #ot-sdk-cookie-policy h3, #ot-sdk-cookie-policy h4, #ot-sdk-cookie-policy h5, #ot-sdk-cookie-policy h6, #ot-sdk-cookie-policy p, #ot-sdk-cookie-policy img, #ot-sdk-cookie-policy svg, #ot-sdk-cookie-policy button, #ot-sdk-cookie-policy section, #ot-sdk-cookie-policy a, #ot-sdk-cookie-policy label, #ot-sdk-cookie-policy input, #ot-sdk-cookie-policy ul, #ot-sdk-cookie-policy li, #ot-sdk-cookie-policy nav, #ot-sdk-cookie-policy table, #ot-sdk-cookie-policy thead, #ot-sdk-cookie-policy tr, #ot-sdk-cookie-policy td, #ot-sdk-cookie-policy tbody, #ot-sdk-cookie-policy .ot-main-content, #ot-sdk-cookie-policy .ot-toggle, #ot-sdk-cookie-policy #ot-content, #ot-sdk-cookie-policy #ot-pc-content, #ot-sdk-cookie-policy .checkbox, #ot-sync-ntfy div, #ot-sync-ntfy span, #ot-sync-ntfy h1, #ot-sync-ntfy h2, #ot-sync-ntfy h3, #ot-sync-ntfy h4, #ot-sync-ntfy h5, #ot-sync-ntfy h6, #ot-sync-ntfy p, #ot-sync-ntfy img, #ot-sync-ntfy svg, #ot-sync-ntfy button, #ot-sync-ntfy section, #ot-sync-ntfy a, #ot-sync-ntfy label, #ot-sync-ntfy input, #ot-sync-ntfy ul, #ot-sync-ntfy li, #ot-sync-ntfy nav, #ot-sync-ntfy table, #ot-sync-ntfy thead, #ot-sync-ntfy tr, #ot-sync-ntfy td, #ot-sync-ntfy tbody, #ot-sync-ntfy .ot-main-content, #ot-sync-ntfy .ot-toggle, #ot-sync-ntfy #ot-content, #ot-sync-ntfy #ot-pc-content, #ot-sync-ntfy .checkbox { font-family: inherit; font-weight: normal; -webkit-font-smoothing: auto; letter-spacing: normal; line-height: normal; padding: 0px; margin: 0px; height: auto; min-height: 0px; max-height: none; width: auto; min-width: 0px; max-width: none; border-radius: 0px; border: none; clear: none; float: none; position: static; inset: auto; text-align: left; text-decoration: none; text-indent: 0px; text-shadow: none; text-transform: none; white-space: normal; background: none; overflow: visible; vertical-align: baseline; visibility: visible; z-index: auto; box-shadow: none; } #onetrust-banner-sdk label::before, #onetrust-banner-sdk label::after, #onetrust-banner-sdk .checkbox::after, #onetrust-banner-sdk .checkbox::before, #onetrust-pc-sdk label::before, #onetrust-pc-sdk label::after, #onetrust-pc-sdk .checkbox::after, #onetrust-pc-sdk .checkbox::before, #ot-sdk-cookie-policy label::before, #ot-sdk-cookie-policy label::after, #ot-sdk-cookie-policy .checkbox::after, #ot-sdk-cookie-policy .checkbox::before, #ot-sync-ntfy label::before, #ot-sync-ntfy label::after, #ot-sync-ntfy .checkbox::after, #ot-sync-ntfy .checkbox::before { content: none; } #onetrust-banner-sdk .ot-sdk-container, #onetrust-pc-sdk .ot-sdk-container, #ot-sdk-cookie-policy .ot-sdk-container { position: relative; width: 100%; max-width: 100%; margin: 0px auto; padding: 0px 20px; box-sizing: border-box; } #onetrust-banner-sdk .ot-sdk-column, #onetrust-banner-sdk .ot-sdk-columns, #onetrust-pc-sdk .ot-sdk-column, #onetrust-pc-sdk .ot-sdk-columns, #ot-sdk-cookie-policy .ot-sdk-column, #ot-sdk-cookie-policy .ot-sdk-columns { width: 100%; float: left; box-sizing: border-box; padding: 0px; display: initial; } @media (min-width: 400px) { #onetrust-banner-sdk .ot-sdk-container, #onetrust-pc-sdk .ot-sdk-container, #ot-sdk-cookie-policy .ot-sdk-container { width: 90%; padding: 0px; } } @media (min-width: 550px) { #onetrust-banner-sdk .ot-sdk-container, #onetrust-pc-sdk .ot-sdk-container, #ot-sdk-cookie-policy .ot-sdk-container { width: 100%; } #onetrust-banner-sdk .ot-sdk-column, #onetrust-banner-sdk .ot-sdk-columns, #onetrust-pc-sdk .ot-sdk-column, #onetrust-pc-sdk .ot-sdk-columns, #ot-sdk-cookie-policy .ot-sdk-column, #ot-sdk-cookie-policy .ot-sdk-columns { margin-left: 4%; } #onetrust-banner-sdk .ot-sdk-column:first-child, #onetrust-banner-sdk .ot-sdk-columns:first-child, #onetrust-pc-sdk .ot-sdk-column:first-child, #onetrust-pc-sdk .ot-sdk-columns:first-child, #ot-sdk-cookie-policy .ot-sdk-column:first-child, #ot-sdk-cookie-policy .ot-sdk-columns:first-child { margin-left: 0px; } #onetrust-banner-sdk .ot-sdk-two.ot-sdk-columns, #onetrust-pc-sdk .ot-sdk-two.ot-sdk-columns, #ot-sdk-cookie-policy .ot-sdk-two.ot-sdk-columns { width: 13.3333%; } #onetrust-banner-sdk .ot-sdk-three.ot-sdk-columns, #onetrust-pc-sdk .ot-sdk-three.ot-sdk-columns, #ot-sdk-cookie-policy .ot-sdk-three.ot-sdk-columns { width: 22%; } #onetrust-banner-sdk .ot-sdk-four.ot-sdk-columns, #onetrust-pc-sdk .ot-sdk-four.ot-sdk-columns, #ot-sdk-cookie-policy .ot-sdk-four.ot-sdk-columns { width: 30.6667%; } #onetrust-banner-sdk .ot-sdk-eight.ot-sdk-columns, #onetrust-pc-sdk .ot-sdk-eight.ot-sdk-columns, #ot-sdk-cookie-policy .ot-sdk-eight.ot-sdk-columns { width: 65.3333%; } #onetrust-banner-sdk .ot-sdk-nine.ot-sdk-columns, #onetrust-pc-sdk .ot-sdk-nine.ot-sdk-columns, #ot-sdk-cookie-policy .ot-sdk-nine.ot-sdk-columns { width: 74%; } #onetrust-banner-sdk .ot-sdk-ten.ot-sdk-columns, #onetrust-pc-sdk .ot-sdk-ten.ot-sdk-columns, #ot-sdk-cookie-policy .ot-sdk-ten.ot-sdk-columns { width: 82.6667%; } #onetrust-banner-sdk .ot-sdk-eleven.ot-sdk-columns, #onetrust-pc-sdk .ot-sdk-eleven.ot-sdk-columns, #ot-sdk-cookie-policy .ot-sdk-eleven.ot-sdk-columns { width: 91.3333%; } #onetrust-banner-sdk .ot-sdk-twelve.ot-sdk-columns, #onetrust-pc-sdk .ot-sdk-twelve.ot-sdk-columns, #ot-sdk-cookie-policy .ot-sdk-twelve.ot-sdk-columns { width: 100%; margin-left: 0px; } } #onetrust-banner-sdk h1, #onetrust-banner-sdk h2, #onetrust-banner-sdk h3, #onetrust-banner-sdk h4, #onetrust-banner-sdk h5, #onetrust-banner-sdk h6, #onetrust-pc-sdk h1, #onetrust-pc-sdk h2, #onetrust-pc-sdk h3, #onetrust-pc-sdk h4, #onetrust-pc-sdk h5, #onetrust-pc-sdk h6, #ot-sdk-cookie-policy h1, #ot-sdk-cookie-policy h2, #ot-sdk-cookie-policy h3, #ot-sdk-cookie-policy h4, #ot-sdk-cookie-policy h5, #ot-sdk-cookie-policy h6 { margin-top: 0px; font-weight: 600; font-family: inherit; } #onetrust-banner-sdk h1, #onetrust-pc-sdk h1, #ot-sdk-cookie-policy h1 { font-size: 1.5rem; line-height: 1.2; } #onetrust-banner-sdk h2, #onetrust-pc-sdk h2, #ot-sdk-cookie-policy h2 { font-size: 1.5rem; line-height: 1.25; } #onetrust-banner-sdk h3, #onetrust-pc-sdk h3, #ot-sdk-cookie-policy h3 { font-size: 1.5rem; line-height: 1.3; } #onetrust-banner-sdk h4, #onetrust-pc-sdk h4, #ot-sdk-cookie-policy h4 { font-size: 1.5rem; line-height: 1.35; } #onetrust-banner-sdk h5, #onetrust-pc-sdk h5, #ot-sdk-cookie-policy h5 { font-size: 1.5rem; line-height: 1.5; } #onetrust-banner-sdk h6, #onetrust-pc-sdk h6, #ot-sdk-cookie-policy h6 { font-size: 1.5rem; line-height: 1.6; } @media (min-width: 550px) { #onetrust-banner-sdk h1, #onetrust-pc-sdk h1, #ot-sdk-cookie-policy h1 { font-size: 1.5rem; } #onetrust-banner-sdk h2, #onetrust-pc-sdk h2, #ot-sdk-cookie-policy h2 { font-size: 1.5rem; } #onetrust-banner-sdk h3, #onetrust-pc-sdk h3, #ot-sdk-cookie-policy h3 { font-size: 1.5rem; } #onetrust-banner-sdk h4, #onetrust-pc-sdk h4, #ot-sdk-cookie-policy h4 { font-size: 1.5rem; } #onetrust-banner-sdk h5, #onetrust-pc-sdk h5, #ot-sdk-cookie-policy h5 { font-size: 1.5rem; } #onetrust-banner-sdk h6, #onetrust-pc-sdk h6, #ot-sdk-cookie-policy h6 { font-size: 1.5rem; } } #onetrust-banner-sdk p, #onetrust-pc-sdk p, #ot-sdk-cookie-policy p { margin: 0px 0px 1em; font-family: inherit; line-height: normal; } #onetrust-banner-sdk a, #onetrust-pc-sdk a, #ot-sdk-cookie-policy a { color: rgb(86, 86, 86); text-decoration: underline; } #onetrust-banner-sdk a:hover, #onetrust-pc-sdk a:hover, #ot-sdk-cookie-policy a:hover { color: rgb(86, 86, 86); text-decoration: none; } #onetrust-banner-sdk .ot-sdk-button, #onetrust-banner-sdk button, #onetrust-pc-sdk .ot-sdk-button, #onetrust-pc-sdk button, #ot-sdk-cookie-policy .ot-sdk-button, #ot-sdk-cookie-policy button { margin-bottom: 1rem; font-family: inherit; } #onetrust-banner-sdk .ot-sdk-button, #onetrust-banner-sdk button, #onetrust-pc-sdk .ot-sdk-button, #onetrust-pc-sdk button, #ot-sdk-cookie-policy .ot-sdk-button, #ot-sdk-cookie-policy button { display: inline-block; height: 38px; padding: 0px 30px; color: rgb(85, 85, 85); text-align: center; font-size: 0.9em; font-weight: 400; line-height: 38px; letter-spacing: 0.01em; text-decoration: none; white-space: nowrap; background-color: rgba(0, 0, 0, 0); border-radius: 2px; border: 1px solid rgb(187, 187, 187); cursor: pointer; box-sizing: border-box; } #onetrust-banner-sdk .ot-sdk-button:hover, #onetrust-banner-sdk :not(.ot-leg-btn-container) > button:not(.ot-link-btn):hover, #onetrust-banner-sdk :not(.ot-leg-btn-container) > button:not(.ot-link-btn):focus, #onetrust-pc-sdk .ot-sdk-button:hover, #onetrust-pc-sdk :not(.ot-leg-btn-container) > button:not(.ot-link-btn):hover, #onetrust-pc-sdk :not(.ot-leg-btn-container) > button:not(.ot-link-btn):focus, #ot-sdk-cookie-policy .ot-sdk-button:hover, #ot-sdk-cookie-policy :not(.ot-leg-btn-container) > button:not(.ot-link-btn):hover, #ot-sdk-cookie-policy :not(.ot-leg-btn-container) > button:not(.ot-link-btn):focus { color: rgb(51, 51, 51); border-color: rgb(136, 136, 136); opacity: 0.7; } #onetrust-banner-sdk .ot-sdk-button:focus, #onetrust-banner-sdk :not(.ot-leg-btn-container) > button:focus, #onetrust-pc-sdk .ot-sdk-button:focus, #onetrust-pc-sdk :not(.ot-leg-btn-container) > button:focus, #ot-sdk-cookie-policy .ot-sdk-button:focus, #ot-sdk-cookie-policy :not(.ot-leg-btn-container) > button:focus { outline: rgb(0, 0, 0) solid 2px; } #onetrust-banner-sdk .ot-sdk-button.ot-sdk-button-primary, #onetrust-banner-sdk button.ot-sdk-button-primary, #onetrust-banner-sdk input[type="submit"].ot-sdk-button-primary, #onetrust-banner-sdk input[type="reset"].ot-sdk-button-primary, #onetrust-banner-sdk input[type="button"].ot-sdk-button-primary, #onetrust-pc-sdk .ot-sdk-button.ot-sdk-button-primary, #onetrust-pc-sdk button.ot-sdk-button-primary, #onetrust-pc-sdk input[type="submit"].ot-sdk-button-primary, #onetrust-pc-sdk input[type="reset"].ot-sdk-button-primary, #onetrust-pc-sdk input[type="button"].ot-sdk-button-primary, #ot-sdk-cookie-policy .ot-sdk-button.ot-sdk-button-primary, #ot-sdk-cookie-policy button.ot-sdk-button-primary, #ot-sdk-cookie-policy input[type="submit"].ot-sdk-button-primary, #ot-sdk-cookie-policy input[type="reset"].ot-sdk-button-primary, #ot-sdk-cookie-policy input[type="button"].ot-sdk-button-primary { color: rgb(255, 255, 255); background-color: rgb(51, 195, 240); border-color: rgb(51, 195, 240); } #onetrust-banner-sdk .ot-sdk-button.ot-sdk-button-primary:hover, #onetrust-banner-sdk button.ot-sdk-button-primary:hover, #onetrust-banner-sdk input[type="submit"].ot-sdk-button-primary:hover, #onetrust-banner-sdk input[type="reset"].ot-sdk-button-primary:hover, #onetrust-banner-sdk input[type="button"].ot-sdk-button-primary:hover, #onetrust-banner-sdk .ot-sdk-button.ot-sdk-button-primary:focus, #onetrust-banner-sdk button.ot-sdk-button-primary:focus, #onetrust-banner-sdk input[type="submit"].ot-sdk-button-primary:focus, #onetrust-banner-sdk input[type="reset"].ot-sdk-button-primary:focus, #onetrust-banner-sdk input[type="button"].ot-sdk-button-primary:focus, #onetrust-pc-sdk .ot-sdk-button.ot-sdk-button-primary:hover, #onetrust-pc-sdk button.ot-sdk-button-primary:hover, #onetrust-pc-sdk input[type="submit"].ot-sdk-button-primary:hover, #onetrust-pc-sdk input[type="reset"].ot-sdk-button-primary:hover, #onetrust-pc-sdk input[type="button"].ot-sdk-button-primary:hover, #onetrust-pc-sdk .ot-sdk-button.ot-sdk-button-primary:focus, #onetrust-pc-sdk button.ot-sdk-button-primary:focus, #onetrust-pc-sdk input[type="submit"].ot-sdk-button-primary:focus, #onetrust-pc-sdk input[type="reset"].ot-sdk-button-primary:focus, #onetrust-pc-sdk input[type="button"].ot-sdk-button-primary:focus, #ot-sdk-cookie-policy .ot-sdk-button.ot-sdk-button-primary:hover, #ot-sdk-cookie-policy button.ot-sdk-button-primary:hover, #ot-sdk-cookie-policy input[type="submit"].ot-sdk-button-primary:hover, #ot-sdk-cookie-policy input[type="reset"].ot-sdk-button-primary:hover, #ot-sdk-cookie-policy input[type="button"].ot-sdk-button-primary:hover, #ot-sdk-cookie-policy .ot-sdk-button.ot-sdk-button-primary:focus, #ot-sdk-cookie-policy button.ot-sdk-button-primary:focus, #ot-sdk-cookie-policy input[type="submit"].ot-sdk-button-primary:focus, #ot-sdk-cookie-policy input[type="reset"].ot-sdk-button-primary:focus, #ot-sdk-cookie-policy input[type="button"].ot-sdk-button-primary:focus { color: rgb(255, 255, 255); background-color: rgb(30, 174, 219); border-color: rgb(30, 174, 219); } #onetrust-banner-sdk input[type="text"], #onetrust-pc-sdk input[type="text"], #ot-sdk-cookie-policy input[type="text"] { height: 38px; padding: 6px 10px; background-color: rgb(255, 255, 255); border: 1px solid rgb(209, 209, 209); border-radius: 4px; box-shadow: none; box-sizing: border-box; } #onetrust-banner-sdk input[type="text"], #onetrust-pc-sdk input[type="text"], #ot-sdk-cookie-policy input[type="text"] { appearance: none; } #onetrust-banner-sdk input[type="text"]:focus, #onetrust-pc-sdk input[type="text"]:focus, #ot-sdk-cookie-policy input[type="text"]:focus { border: 1px solid rgb(0, 0, 0); outline: 0px; } #onetrust-banner-sdk label, #onetrust-pc-sdk label, #ot-sdk-cookie-policy label { display: block; margin-bottom: 0.5rem; font-weight: 600; } #onetrust-banner-sdk input[type="checkbox"], #onetrust-pc-sdk input[type="checkbox"], #ot-sdk-cookie-policy input[type="checkbox"] { display: inline; } #onetrust-banner-sdk ul, #onetrust-pc-sdk ul, #ot-sdk-cookie-policy ul { list-style: inside circle; } #onetrust-banner-sdk ul, #onetrust-pc-sdk ul, #ot-sdk-cookie-policy ul { padding-left: 0px; margin-top: 0px; } #onetrust-banner-sdk ul ul, #onetrust-pc-sdk ul ul, #ot-sdk-cookie-policy ul ul { margin: 1.5rem 0px 1.5rem 3rem; font-size: 90%; } #onetrust-banner-sdk li, #onetrust-pc-sdk li, #ot-sdk-cookie-policy li { margin-bottom: 1rem; } #onetrust-banner-sdk th, #onetrust-banner-sdk td, #onetrust-pc-sdk th, #onetrust-pc-sdk td, #ot-sdk-cookie-policy th, #ot-sdk-cookie-policy td { padding: 12px 15px; text-align: left; border-bottom: 1px solid rgb(225, 225, 225); } #onetrust-banner-sdk button, #onetrust-pc-sdk button, #ot-sdk-cookie-policy button { margin-bottom: 1rem; font-family: inherit; } #onetrust-banner-sdk .ot-sdk-container::after, #onetrust-banner-sdk .ot-sdk-row::after, #onetrust-pc-sdk .ot-sdk-container::after, #onetrust-pc-sdk .ot-sdk-row::after, #ot-sdk-cookie-policy .ot-sdk-container::after, #ot-sdk-cookie-policy .ot-sdk-row::after { content: ""; display: table; clear: both; } #onetrust-banner-sdk .ot-sdk-row, #onetrust-pc-sdk .ot-sdk-row, #ot-sdk-cookie-policy .ot-sdk-row { margin: 0px; max-width: none; display: block; } #onetrust-banner-sdk { box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 18px; } #onetrust-banner-sdk.otFlat { position: fixed; z-index: 2147483645; bottom: 0px; right: 0px; left: 0px; background-color: rgb(255, 255, 255); max-height: 90%; overflow: hidden auto; } #onetrust-banner-sdk.otFlat.top { top: 0px; bottom: auto; } #onetrust-banner-sdk.otRelFont { font-size: 1rem; } #onetrust-banner-sdk > .ot-sdk-container { overflow: hidden; } #onetrust-banner-sdk::-webkit-scrollbar { width: 11px; } #onetrust-banner-sdk::-webkit-scrollbar-thumb { border-radius: 10px; background: rgb(193, 193, 193); } #onetrust-banner-sdk { } #onetrust-banner-sdk #onetrust-policy { margin: 1.25em 0px 0.625em 2em; overflow: hidden; } #onetrust-banner-sdk #onetrust-policy .ot-gv-list-handler { float: left; font-size: 0.82em; padding: 0px; margin-bottom: 0px; border: 0px; line-height: normal; height: auto; width: auto; } #onetrust-banner-sdk #onetrust-policy-title { font-size: 1.2em; line-height: 1.3; margin-bottom: 10px; } #onetrust-banner-sdk #onetrust-policy-text { clear: both; text-align: left; font-size: 0.88em; line-height: 1.4; } #onetrust-banner-sdk #onetrust-policy-text * { font-size: inherit; line-height: inherit; } #onetrust-banner-sdk #onetrust-policy-text a { font-weight: bold; margin-left: 5px; } #onetrust-banner-sdk #onetrust-policy-title, #onetrust-banner-sdk #onetrust-policy-text { color: dimgray; float: left; } #onetrust-banner-sdk #onetrust-button-group-parent { min-height: 1px; text-align: center; } #onetrust-banner-sdk #onetrust-button-group { display: inline-block; } #onetrust-banner-sdk #onetrust-accept-btn-handler, #onetrust-banner-sdk #onetrust-reject-all-handler, #onetrust-banner-sdk #onetrust-pc-btn-handler { background-color: rgb(104, 182, 49); color: rgb(255, 255, 255); border-color: rgb(104, 182, 49); margin-right: 1em; min-width: 125px; height: auto; white-space: normal; word-break: break-word; overflow-wrap: break-word; padding: 12px 10px; line-height: 1.2; font-size: 0.813em; font-weight: 600; } #onetrust-banner-sdk #onetrust-pc-btn-handler.cookie-setting-link { background-color: rgb(255, 255, 255); border: none; color: rgb(104, 182, 49); text-decoration: underline; padding-left: 0px; padding-right: 0px; } #onetrust-banner-sdk .onetrust-close-btn-ui { width: 44px; height: 44px; background-size: 12px; border: none; position: relative; margin: auto; padding: 0px; } #onetrust-banner-sdk .banner_logo { display: none; } #onetrust-banner-sdk.ot-bnr-w-logo .ot-bnr-logo { position: absolute; top: 50%; transform: translateY(-50%); left: 0px; } #onetrust-banner-sdk.ot-bnr-w-logo #onetrust-policy { margin-left: 65px; } #onetrust-banner-sdk .ot-b-addl-desc { clear: both; float: left; display: block; } #onetrust-banner-sdk #banner-options { float: left; display: table; margin-right: 0px; margin-left: 1em; width: calc(100% - 1em); } #onetrust-banner-sdk .banner-option-input { cursor: pointer; width: auto; height: auto; border: none; padding: 0px 3px 0px 0px; margin: 0px 0px 10px; font-size: 0.82em; line-height: 1.4; } #onetrust-banner-sdk .banner-option-input * { pointer-events: none; font-size: inherit; line-height: inherit; } #onetrust-banner-sdk .banner-option-input[aria-expanded="true"] ~ .banner-option-details { display: block; height: auto; } #onetrust-banner-sdk .banner-option-input[aria-expanded="true"] .ot-arrow-container { transform: rotate(90deg); } #onetrust-banner-sdk .banner-option { margin-bottom: 12px; margin-left: 0px; border: none; float: left; padding: 0px; } #onetrust-banner-sdk .banner-option:first-child { padding-left: 2px; } #onetrust-banner-sdk .banner-option:not(:first-child) { padding: 0px; border: none; } #onetrust-banner-sdk .banner-option-header { cursor: pointer; display: inline-block; } #onetrust-banner-sdk .banner-option-header :first-child { color: dimgray; font-weight: bold; float: left; } #onetrust-banner-sdk .banner-option-header .ot-arrow-container { display: inline-block; border-top: 6px solid rgba(0, 0, 0, 0); border-bottom: 6px solid rgba(0, 0, 0, 0); border-left: 6px solid dimgray; margin-left: 10px; vertical-align: middle; } #onetrust-banner-sdk .banner-option-details { display: none; font-size: 0.83em; line-height: 1.5; padding: 10px 0px 5px 10px; margin-right: 10px; height: 0px; } #onetrust-banner-sdk .banner-option-details * { font-size: inherit; line-height: inherit; color: dimgray; } #onetrust-banner-sdk .ot-arrow-container, #onetrust-banner-sdk .banner-option-details { transition: all 300ms ease-in 0s; } #onetrust-banner-sdk .ot-dpd-container { float: left; } #onetrust-banner-sdk .ot-dpd-title { margin-bottom: 10px; } #onetrust-banner-sdk .ot-dpd-title, #onetrust-banner-sdk .ot-dpd-desc { font-size: 0.88em; line-height: 1.4; color: dimgray; } #onetrust-banner-sdk .ot-dpd-title *, #onetrust-banner-sdk .ot-dpd-desc * { font-size: inherit; line-height: inherit; } #onetrust-banner-sdk.ot-iab-2 #onetrust-policy-text * { margin-bottom: 0px; } #onetrust-banner-sdk.ot-iab-2 .onetrust-vendors-list-handler { display: block; margin-left: 0px; margin-top: 5px; clear: both; margin-bottom: 0px; padding: 0px; border: 0px; height: auto; width: auto; } #onetrust-banner-sdk.ot-iab-2 #onetrust-button-group button { display: block; } #onetrust-banner-sdk.ot-close-btn-link { padding-top: 25px; } #onetrust-banner-sdk.ot-close-btn-link #onetrust-close-btn-container { top: 15px; transform: none; right: 15px; } #onetrust-banner-sdk.ot-close-btn-link #onetrust-close-btn-container button { padding: 0px; white-space: pre-wrap; border: none; height: auto; line-height: 1.5; text-decoration: underline; font-size: 0.69em; } #onetrust-banner-sdk #onetrust-policy-text, #onetrust-banner-sdk .ot-dpd-desc, #onetrust-banner-sdk .ot-b-addl-desc { font-size: 0.813em; line-height: 1.5; } #onetrust-banner-sdk .ot-dpd-desc { margin-bottom: 10px; } #onetrust-banner-sdk .ot-dpd-desc > .ot-b-addl-desc { margin-top: 10px; margin-bottom: 10px; font-size: 1em; } @media only screen and (max-width: 425px) { #onetrust-banner-sdk #onetrust-close-btn-container { position: absolute; top: 6px; right: 2px; } #onetrust-banner-sdk #onetrust-policy { margin-left: 0px; margin-top: 3em; } #onetrust-banner-sdk #onetrust-button-group { display: block; } #onetrust-banner-sdk #onetrust-accept-btn-handler, #onetrust-banner-sdk #onetrust-reject-all-handler, #onetrust-banner-sdk #onetrust-pc-btn-handler { width: 100%; } #onetrust-banner-sdk .onetrust-close-btn-ui { top: auto; transform: none; } #onetrust-banner-sdk #onetrust-policy-title { display: inline; float: none; } #onetrust-banner-sdk #banner-options { margin: 0px; padding: 0px; width: 100%; } } @media only screen and (min-width: 426px) and (max-width: 896px) { #onetrust-banner-sdk #onetrust-close-btn-container { position: absolute; top: 0px; right: 0px; } #onetrust-banner-sdk #onetrust-policy { margin-left: 1em; margin-right: 1em; } #onetrust-banner-sdk .onetrust-close-btn-ui { top: 10px; right: 10px; } #onetrust-banner-sdk:not(.ot-iab-2) #onetrust-group-container { width: 95%; } #onetrust-banner-sdk.ot-iab-2 #onetrust-group-container { width: 100%; } #onetrust-banner-sdk.ot-bnr-w-logo #onetrust-button-group-parent { padding-left: 50px; } #onetrust-banner-sdk #onetrust-button-group-parent { width: 100%; position: relative; margin-left: 0px; } #onetrust-banner-sdk #onetrust-button-group button { display: inline-block; } #onetrust-banner-sdk #onetrust-button-group { margin-right: 0px; text-align: center; } #onetrust-banner-sdk .has-reject-all-button #onetrust-pc-btn-handler { float: left; } #onetrust-banner-sdk .has-reject-all-button #onetrust-reject-all-handler, #onetrust-banner-sdk .has-reject-all-button #onetrust-accept-btn-handler { float: right; } #onetrust-banner-sdk .has-reject-all-button #onetrust-button-group { width: calc(100% - 2em); margin-right: 0px; } #onetrust-banner-sdk .has-reject-all-button #onetrust-pc-btn-handler.cookie-setting-link { padding-left: 0px; text-align: left; } #onetrust-banner-sdk.ot-buttons-fw .ot-sdk-three button { width: 100%; text-align: center; } #onetrust-banner-sdk.ot-buttons-fw #onetrust-button-group-parent button { float: none; } #onetrust-banner-sdk.ot-buttons-fw #onetrust-pc-btn-handler.cookie-setting-link { text-align: center; } } @media only screen and (min-width: 550px) { #onetrust-banner-sdk .banner-option:not(:first-child) { border-left: 1px solid rgb(216, 216, 216); padding-left: 25px; } } @media only screen and (min-width: 425px) and (max-width: 550px) { #onetrust-banner-sdk.ot-iab-2 #onetrust-button-group, #onetrust-banner-sdk.ot-iab-2 #onetrust-policy, #onetrust-banner-sdk.ot-iab-2 .banner-option { width: 100%; } } @media only screen and (min-width: 769px) { #onetrust-banner-sdk #onetrust-button-group { margin-right: 30%; } #onetrust-banner-sdk #banner-options { margin-left: 2em; margin-right: 5em; margin-bottom: 1.25em; width: calc(100% - 7em); } } @media only screen and (min-width: 897px) and (max-width: 1023px) { #onetrust-banner-sdk.vertical-align-content #onetrust-button-group-parent { position: absolute; top: 50%; left: 75%; transform: translateY(-50%); } #onetrust-banner-sdk #onetrust-close-btn-container { top: 50%; margin: auto; transform: translate(-50%, -50%); position: absolute; padding: 0px; right: 0px; } #onetrust-banner-sdk #onetrust-close-btn-container button { position: relative; margin: 0px; right: -22px; top: 2px; } } @media only screen and (min-width: 1024px) { #onetrust-banner-sdk #onetrust-close-btn-container { top: 50%; margin: auto; transform: translate(-50%, -50%); position: absolute; right: 0px; } #onetrust-banner-sdk #onetrust-close-btn-container button { right: -12px; } #onetrust-banner-sdk #onetrust-policy { margin-left: 2em; } #onetrust-banner-sdk.vertical-align-content #onetrust-button-group-parent { position: absolute; top: 50%; left: 60%; transform: translateY(-50%); } #onetrust-banner-sdk .ot-optout-signal { width: 50%; } #onetrust-banner-sdk.ot-iab-2 #onetrust-policy-title { width: 50%; } #onetrust-banner-sdk.ot-iab-2 #onetrust-policy-text, #onetrust-banner-sdk.ot-iab-2 :not(.ot-dpd-desc) > .ot-b-addl-desc { margin-bottom: 1em; width: 50%; border-right: 1px solid rgb(216, 216, 216); padding-right: 1rem; } #onetrust-banner-sdk.ot-iab-2 #onetrust-policy-text { margin-bottom: 0px; padding-bottom: 1em; } #onetrust-banner-sdk.ot-iab-2 :not(.ot-dpd-desc) > .ot-b-addl-desc { margin-bottom: 0px; padding-bottom: 1em; } #onetrust-banner-sdk.ot-iab-2 .ot-dpd-container { width: 45%; padding-left: 1rem; display: inline-block; float: none; } #onetrust-banner-sdk.ot-iab-2 .ot-dpd-title { line-height: 1.7; } #onetrust-banner-sdk.ot-iab-2 #onetrust-button-group-parent { left: auto; right: 4%; margin-left: 0px; } #onetrust-banner-sdk.ot-iab-2 #onetrust-button-group button { display: block; } #onetrust-banner-sdk:not(.ot-iab-2) #onetrust-button-group-parent { margin: auto; width: 30%; } #onetrust-banner-sdk:not(.ot-iab-2) #onetrust-group-container { width: 60%; } #onetrust-banner-sdk #onetrust-button-group { margin-right: auto; } #onetrust-banner-sdk #onetrust-accept-btn-handler, #onetrust-banner-sdk #onetrust-reject-all-handler, #onetrust-banner-sdk #onetrust-pc-btn-handler { margin-top: 1em; } } @media only screen and (min-width: 890px) { #onetrust-banner-sdk.ot-buttons-fw:not(.ot-iab-2) #onetrust-button-group-parent { padding-left: 3%; padding-right: 4%; margin-left: 0px; } #onetrust-banner-sdk.ot-buttons-fw:not(.ot-iab-2) #onetrust-button-group { margin-right: 0px; margin-top: 1.25em; width: 100%; } #onetrust-banner-sdk.ot-buttons-fw:not(.ot-iab-2) #onetrust-button-group button { width: 100%; margin-bottom: 5px; margin-top: 5px; } #onetrust-banner-sdk.ot-buttons-fw:not(.ot-iab-2) #onetrust-button-group button:last-of-type { margin-bottom: 20px; } } @media only screen and (min-width: 1280px) { #onetrust-banner-sdk:not(.ot-iab-2) #onetrust-group-container { width: 55%; } #onetrust-banner-sdk:not(.ot-iab-2) #onetrust-button-group-parent { width: 44%; padding-left: 2%; padding-right: 2%; } #onetrust-banner-sdk:not(.ot-iab-2).vertical-align-content #onetrust-button-group-parent { position: absolute; left: 55%; } } #onetrust-consent-sdk #onetrust-banner-sdk { background-color: rgb(255, 255, 255); } #onetrust-consent-sdk #onetrust-policy-title, #onetrust-consent-sdk #onetrust-policy-text, #onetrust-consent-sdk .ot-b-addl-desc, #onetrust-consent-sdk .ot-dpd-desc, #onetrust-consent-sdk .ot-dpd-title, #onetrust-consent-sdk #onetrust-policy-text :not(.onetrust-vendors-list-handler), #onetrust-consent-sdk .ot-dpd-desc :not(.onetrust-vendors-list-handler), #onetrust-consent-sdk #onetrust-banner-sdk #banner-options *, #onetrust-banner-sdk .ot-cat-header, #onetrust-banner-sdk .ot-optout-signal { color: rgb(105, 105, 105); } #onetrust-consent-sdk #onetrust-banner-sdk .banner-option-details { background-color: rgb(233, 233, 233); } #onetrust-consent-sdk #onetrust-banner-sdk a[href], #onetrust-consent-sdk #onetrust-banner-sdk a[href] font, #onetrust-consent-sdk #onetrust-banner-sdk .ot-link-btn { color: rgb(56, 96, 190); } #onetrust-consent-sdk #onetrust-accept-btn-handler, #onetrust-banner-sdk #onetrust-reject-all-handler { background-color: rgb(1, 176, 179); border-color: rgb(1, 176, 179); color: rgb(255, 255, 255); } #onetrust-consent-sdk #onetrust-banner-sdk :focus, #onetrust-consent-sdk #onetrust-banner-sdk:focus { outline-color: rgb(0, 0, 0); outline-width: 1px; } #onetrust-consent-sdk #onetrust-pc-btn-handler, #onetrust-consent-sdk #onetrust-pc-btn-handler.cookie-setting-link { color: rgb(1, 176, 179); border-color: rgb(1, 176, 179); background-color: rgb(255, 255, 255); } @keyframes ot-slide-in-left { 0% { transform: translate3d(-100%, 0px, 0px); } 100% { transform: translate3d(0px, 0px, 0px); } } @keyframes ot-slide-in-right { 0% { transform: translate3d(100%, 0px, 0px); } 100% { transform: translate3d(0px, 0px, 0px); } } @keyframes ot-slide-out-left { 0% { transform: translate3d(0px, 0px, 0px); } 100% { transform: translate3d(-100%, 0px, 0px); } } @keyframes ot-slide-out-right { 0% { transform: translate3d(0px, 0px, 0px); } 100% { transform: translate3d(100%, 0px, 0px); } } #onetrust-pc-sdk.otPcPanel.ot-slide-out-right { animation-name: ot-slide-out-right; } #onetrust-pc-sdk.otPcPanel.ot-slide-in-left { animation-name: ot-slide-in-left; } #onetrust-pc-sdk.otPcPanel.ot-slide-in-right { animation-name: ot-slide-in-right; } #onetrust-pc-sdk.otPcPanel.ot-slide-out-left { animation-name: ot-slide-out-left; } @media print, (prefers-reduced-motion) { .ot-animated { animation: initial !important; transition: none 0s ease 0s !important; } #onetrust-pc-sdk.otPcPanel.ot-slide-out-left { transform: translate3d(-100%, 0px, 0px); } #onetrust-pc-sdk.otPcPanel.ot-slide-out-right { transform: translate3d(100%, 0px, 0px); } } #onetrust-pc-sdk { position: fixed; z-index: 2147483647; bottom: 0px; left: 0px; background-color: rgb(255, 255, 255); max-width: 480px; min-width: 480px; height: 100%; box-shadow: rgb(153, 153, 153) 0px 2px 10px -3px; } #onetrust-pc-sdk.otRelFont { font-size: 1rem; } #onetrust-pc-sdk.otPcPanel.right, #onetrust-pc-sdk.otPcPanel[dir="rtl"] { right: 0px; left: auto; } #onetrust-pc-sdk.otPcPanel.right-rtl[dir="rtl"] { left: 0px; right: auto; } #onetrust-pc-sdk.otPcPanel.ot-animated { animation-duration: 1s; animation-fill-mode: both; } #onetrust-pc-sdk #close-pc-btn-handler.ot-close-icon { background-color: rgba(0, 0, 0, 0); border: none; } #onetrust-pc-sdk .ot-optout-signal { margin-top: 0.625rem; } #onetrust-pc-sdk .ot-pc-scrollbar::-webkit-scrollbar-track { margin-right: 20px; } #onetrust-pc-sdk .ot-pc-scrollbar::-webkit-scrollbar { width: 11px; } #onetrust-pc-sdk .ot-pc-scrollbar::-webkit-scrollbar-thumb { border-radius: 10px; background: rgb(216, 216, 216); } #onetrust-pc-sdk .ot-pc-scrollbar { } #onetrust-pc-sdk.ot-ftr-stacked .ot-pc-refuse-all-handler { margin-bottom: 0px; } #onetrust-pc-sdk.ot-ftr-stacked #ot-pc-content { bottom: 160px; } #onetrust-pc-sdk.ot-ftr-stacked .ot-pc-footer button { width: 100%; max-width: none; } #onetrust-pc-sdk.ot-ftr-stacked #ot-lst-cnt { max-height: 84%; } #onetrust-pc-sdk #ot-addtl-venlst .ot-arw-cntr, #onetrust-pc-sdk #ot-addtl-venlst .ot-plus-minus, #onetrust-pc-sdk .ot-hide-tgl { visibility: hidden; } #onetrust-pc-sdk #ot-addtl-venlst .ot-arw-cntr *, #onetrust-pc-sdk #ot-addtl-venlst .ot-plus-minus *, #onetrust-pc-sdk .ot-hide-tgl * { visibility: hidden; } #onetrust-pc-sdk .ot-pc-header { height: 39px; border-bottom: 1px solid rgb(233, 233, 233); padding: 10px 0px 10px 25px; } #onetrust-pc-sdk .ot-pc-logo { height: 40px; width: 120px; } #onetrust-pc-sdk .ot-close-icon { float: right; height: 10px; width: 10px; margin-top: 10px; margin-right: 5px; } #onetrust-pc-sdk #ot-pc-content, #onetrust-pc-sdk #ot-pc-lst { position: absolute; top: 60px; bottom: 104px; } #onetrust-pc-sdk #ot-pc-content { padding-left: 2px; padding-right: 10px; margin-left: 23px; margin-right: 7px; width: calc(100% - 42px); overflow-y: auto; } #onetrust-pc-sdk #ot-pc-lst { width: 100%; } #onetrust-pc-sdk .ot-pc-footer { position: absolute; bottom: 0px; width: 100%; max-height: 160px; border-top: 1px solid rgb(216, 216, 216); } #onetrust-pc-sdk .ot-pc-footer button { margin-top: 19px; } #onetrust-pc-sdk .ot-btn-container { text-align: left; margin-left: 25px; margin-right: 25px; } #onetrust-pc-sdk .ot-btn-container button { min-width: calc(50% - 5px); } #onetrust-pc-sdk .ot-pc-footer-logo { padding-left: 25px; height: 30px; background: rgb(244, 244, 244); text-align: right; } #onetrust-pc-sdk .ot-pc-footer-logo a { display: inline-block; margin-top: 5px; margin-right: 10px; } #onetrust-pc-sdk.otPcPanel[dir="rtl"] .ot-pc-footer-logo { direction: rtl; } #onetrust-pc-sdk.otPcPanel[dir="rtl"] .ot-pc-footer-logo a { margin-right: 25px; } #onetrust-pc-sdk button { display: inline-block; font-size: 0.75em; letter-spacing: 0.08em; max-width: 394px; padding: 12px 30px; line-height: 1; word-break: break-word; overflow-wrap: break-word; white-space: normal; font-weight: bold; height: auto; } #onetrust-pc-sdk button:hover, #onetrust-pc-sdk button:focus { color: rgb(255, 255, 255); border-color: rgb(104, 182, 49); } #onetrust-pc-sdk .ot-link-btn { padding: 0px; margin-bottom: 0px; border: 0px; font-weight: normal; line-height: normal; width: auto; height: auto; } #onetrust-pc-sdk #accept-recommended-btn-handler { margin-right: 10px; margin-bottom: 25px; } #onetrust-pc-sdk .ot-pc-refuse-all-handler { margin-right: 5px; } #onetrust-pc-sdk .ot-tgl { float: right; position: relative; z-index: 1; } #onetrust-pc-sdk .ot-tgl input:checked + .ot-switch .ot-switch-nob { background-color: rgb(213, 233, 255); border: 1px solid rgb(56, 96, 190); } #onetrust-pc-sdk .ot-tgl input:checked + .ot-switch .ot-switch-nob::before { transform: translateX(21px); background-color: rgb(56, 96, 190); } #onetrust-pc-sdk .ot-tgl input:focus + .ot-switch .ot-switch-nob { box-shadow: rgb(33, 150, 243) 0px 0px 1px; outline-style: auto !important; outline-width: 1px !important; } #onetrust-pc-sdk .ot-switch { position: relative; display: inline-block; width: 45px; height: 25px; margin-bottom: 0px; } #onetrust-pc-sdk .ot-switch-nob { position: absolute; cursor: pointer; inset: 0px; background-color: rgb(242, 241, 241); border: 1px solid rgb(221, 221, 221); transition: all 0.2s ease-in 0s; border-radius: 20px; } #onetrust-pc-sdk .ot-switch-nob::before { position: absolute; content: ""; height: 21px; width: 21px; bottom: 1px; background-color: rgb(125, 125, 125); transition: all 0.4s ease 0s; border-radius: 20px; } #onetrust-pc-sdk .ot-chkbox { z-index: 1; } #onetrust-pc-sdk .ot-chkbox input:checked ~ label::before { background-color: rgb(56, 96, 190); } #onetrust-pc-sdk .ot-chkbox input + label::after { content: none; color: rgb(255, 255, 255); } #onetrust-pc-sdk .ot-chkbox input:checked + label::after { content: ""; } #onetrust-pc-sdk .ot-chkbox input:focus + label::before { outline-width: 2px; outline-style: auto; } #onetrust-pc-sdk .ot-chkbox label { position: relative; display: inline-block; cursor: pointer; } #onetrust-pc-sdk .ot-chkbox label::before, #onetrust-pc-sdk .ot-chkbox label::after { position: absolute; content: ""; display: inline-block; border-radius: 3px; } #onetrust-pc-sdk .ot-chkbox label::before { height: 18px; width: 18px; border: 1px solid rgb(56, 96, 190); left: 0px; } #onetrust-pc-sdk .ot-chkbox label::after { height: 5px; width: 9px; border-left: 3px solid; border-bottom: 3px solid; transform: rotate(-45deg); left: 4px; top: 5px; } #onetrust-pc-sdk .ot-label-txt { display: none; } #onetrust-pc-sdk .ot-chkbox input, #onetrust-pc-sdk .ot-tgl input { position: absolute; opacity: 0; width: 0px; height: 0px; } #onetrust-pc-sdk .ot-arw-cntr { left: 5px; float: right; position: relative; pointer-events: none; } #onetrust-pc-sdk .ot-arw { width: 16px; height: 16px; margin-left: 5px; color: dimgray; display: inline-block; vertical-align: middle; transition: all 150ms ease-in 0s; } #onetrust-pc-sdk input:checked ~ .ot-acc-hdr .ot-arw, #onetrust-pc-sdk button[aria-expanded="true"] ~ .ot-acc-hdr .ot-arw-cntr svg { transform: rotate(90deg); } #onetrust-pc-sdk input[type="checkbox"]:focus + .ot-acc-hdr { outline: rgb(0, 0, 0) solid 1px; } #onetrust-pc-sdk .ot-acc-hdr { display: inline-block; width: 100%; } #onetrust-pc-sdk #ot-fltr-modal .ot-label-txt { display: inline-block; font-size: 0.85em; color: dimgray; } #onetrust-pc-sdk .ot-label-status { padding-left: 5px; font-size: 0.75em; display: none; } #onetrust-pc-sdk .ot-plus-minus { width: 20px; height: 20px; font-size: 1.5em; position: relative; display: inline-block; margin-right: 5px; top: 3px; } #onetrust-pc-sdk .ot-plus-minus span { position: absolute; background: rgb(39, 69, 92); border-radius: 1px; } #onetrust-pc-sdk .ot-plus-minus span:first-of-type { top: 25%; bottom: 25%; width: 10%; left: 45%; } #onetrust-pc-sdk .ot-plus-minus span:last-of-type { left: 25%; right: 25%; height: 10%; top: 45%; } #onetrust-pc-sdk button[aria-expanded="true"] ~ .ot-acc-hdr .ot-arw, #onetrust-pc-sdk button[aria-expanded="true"] ~ .ot-acc-hdr .ot-plus-minus span:first-of-type, #onetrust-pc-sdk button[aria-expanded="true"] ~ .ot-acc-hdr .ot-plus-minus span:last-of-type { transform: rotate(90deg); } #onetrust-pc-sdk button[aria-expanded="true"] ~ .ot-acc-hdr .ot-plus-minus span:last-of-type { left: 50%; right: 50%; } #onetrust-pc-sdk .ot-host-item, #onetrust-pc-sdk .ot-ven-item { padding-right: 0px; } #onetrust-pc-sdk .ot-host-item .ot-plus-minus, #onetrust-pc-sdk .ot-ven-item .ot-plus-minus { float: left; margin-right: 8px; margin-top: 10px; } #onetrust-pc-sdk .ot-ven-item ul { list-style: inside none; font-size: 100%; margin: 0px; } #onetrust-pc-sdk .ot-ven-item ul li { padding: 0px; margin: 0px !important; border: none !important; } #onetrust-pc-sdk .ot-hide-acc > button { pointer-events: none; } #onetrust-pc-sdk .ot-hide-acc .ot-plus-minus > *, #onetrust-pc-sdk .ot-hide-acc .ot-arw-cntr > * { visibility: hidden; } #onetrust-pc-sdk .ot-hide-acc .ot-acc-hdr { min-height: 30px; } #onetrust-pc-sdk #ot-pc-title, #onetrust-pc-sdk #ot-pc-desc, #onetrust-pc-sdk #ot-category-title, #onetrust-pc-sdk .ot-cat-header, #onetrust-pc-sdk .ot-cat-item p:last-of-type { color: dimgray; } #onetrust-pc-sdk #ot-pc-title { margin-top: 20px; margin-bottom: 10px; } #onetrust-pc-sdk #ot-pc-desc, #onetrust-pc-sdk .ot-cat-item p { font-size: 0.79em; line-height: 1.4; } #onetrust-pc-sdk #ot-pc-desc *, #onetrust-pc-sdk .ot-cat-item p * { font-size: inherit; line-height: inherit; } #onetrust-pc-sdk #ot-category-title, #onetrust-pc-sdk #ot-pc-title { font-size: 1.125em; line-height: 1.2; } #onetrust-pc-sdk #ot-pc-desc { clear: both; font-size: 0.813em; line-height: 1.5; margin-bottom: 25px; } #onetrust-pc-sdk #ot-pc-desc * { font-size: inherit; } #onetrust-pc-sdk #ot-pc-desc a { display: block; margin-top: 5px; margin-bottom: 5px; } #onetrust-pc-sdk #ot-pc-desc li { padding: 10px 0px; } #onetrust-pc-sdk #ot-pc-desc, #onetrust-pc-sdk #accept-recommended-btn-handler, #onetrust-pc-sdk #ot-pc-title, #onetrust-pc-sdk #ot-category-title, #onetrust-pc-sdk .ot-cat-header { float: left; } #onetrust-pc-sdk #ot-category-title { width: 100%; text-align: left; } #onetrust-pc-sdk #ot-pc-title, #onetrust-pc-sdk #ot-category-title, #onetrust-pc-sdk .ot-cat-header, #onetrust-pc-sdk #ot-lst-title, #onetrust-pc-sdk .ot-ven-hdr .ot-ven-name, #onetrust-pc-sdk .ot-always-active { font-weight: bold; } #onetrust-pc-sdk a { color: rgb(101, 101, 101); cursor: pointer; } #onetrust-pc-sdk a:hover { color: rgb(56, 96, 190); } #onetrust-pc-sdk .ot-always-active { float: right; color: rgb(56, 96, 190); margin-top: -2px; } #onetrust-pc-sdk .ot-cat-header, #onetrust-pc-sdk .ot-always-active { font-size: 0.88em; line-height: 1.4; position: relative; } #onetrust-pc-sdk .ot-cat-item { margin-top: 25px; line-height: 1.1; } #onetrust-pc-sdk .ot-cat-item p:last-of-type { clear: both; padding-top: 15px; margin: 0px; } #onetrust-pc-sdk .ot-acc-txt p ul, #onetrust-pc-sdk .ot-cat-item ul, #onetrust-pc-sdk li.ot-subgrp p ul { margin: 0px 0px 0px 15px; list-style: disc; } #onetrust-pc-sdk .ot-acc-txt p ul li, #onetrust-pc-sdk .ot-cat-item ul li, #onetrust-pc-sdk li.ot-subgrp p ul li { font-size: inherit; margin: 5px 0px 0px; padding: 0px; border: none; } #onetrust-pc-sdk .ot-subgrp-cntr { display: inline-block; width: 100%; } #onetrust-pc-sdk .ot-subgrp-cntr .ot-tgl-cntr { float: right; } #onetrust-pc-sdk .ot-subgrp-cntr .ot-tgl-cntr.ot-always-active-subgroup { width: auto; } #onetrust-pc-sdk .ot-subgrp-cntr ul.ot-subgrps li p, #onetrust-pc-sdk .ot-subgrp-cntr ul.ot-subgrps li h5 { font-size: 0.813em; line-height: 1.5; color: dimgray; } #onetrust-pc-sdk .ot-subgrp-cntr ul.ot-subgrps .ot-acc-hdr { display: inline-block; width: 100%; vertical-align: middle; } #onetrust-pc-sdk .ot-subgrp-cntr ul.ot-subgrps .ot-acc-txt { margin: 0px; } #onetrust-pc-sdk .ot-subgrp-cntr ul.ot-subgrps li { margin: 10px 0px 0px; padding: 0px; border: none; } #onetrust-pc-sdk .ot-subgrp-cntr ul.ot-subgrps li p { clear: both; float: left; padding-top: 10px; margin: 0px; } #onetrust-pc-sdk .ot-subgrp-cntr ul.ot-subgrps li h5 { font-weight: bold; margin-bottom: 0px; float: left; position: relative; top: 6px; } #onetrust-pc-sdk .ot-subgrp-cntr ul.ot-subgrps li.ot-subgrp { margin-left: 20px; overflow: hidden; } #onetrust-pc-sdk .ot-subgrp-cntr ul.ot-subgrps li.ot-subgrp > p ul:first-child { padding-bottom: 7.5px; } #onetrust-pc-sdk ul.ot-subgrps { margin: 0px; } #onetrust-pc-sdk .ot-hlst-cntr, #onetrust-pc-sdk .ot-vlst-cntr { margin-top: 3px; overflow: hidden; clear: both; padding-left: 2px; padding-bottom: 2px; } #onetrust-pc-sdk .ot-always-active-subgroup { width: auto; top: 3px; position: relative; padding-left: 0px !important; } #onetrust-pc-sdk .category-vendors-list-handler, #onetrust-pc-sdk .category-vendors-list-handler + a, #onetrust-pc-sdk .category-host-list-handler { color: rgb(56, 96, 190); margin-left: 0px; font-size: 0.813em; text-decoration: none; float: left; margin-top: 5px; } #onetrust-pc-sdk .category-vendors-list-handler:hover, #onetrust-pc-sdk .category-vendors-list-handler + a:hover, #onetrust-pc-sdk .category-host-list-handler:hover { text-decoration-line: underline; } #onetrust-pc-sdk .category-vendors-list-handler + a { clear: none; } #onetrust-pc-sdk .ot-vlst-cntr .ot-ext-lnk, #onetrust-pc-sdk .ot-ven-hdr .ot-ext-lnk { display: inline-block; height: 13px; width: 13px; background-repeat: no-repeat; margin-left: 1px; margin-top: 6px; cursor: pointer; } #onetrust-pc-sdk .ot-ven-hdr .ot-ext-lnk { margin-bottom: -1px; } #onetrust-pc-sdk .back-btn-handler { min-height: 20px; font-size: 1em; text-decoration: none; } #onetrust-pc-sdk .back-btn-handler svg { width: 12px; height: 12px; } #onetrust-pc-sdk .back-btn-handler:hover { opacity: 0.6; } #onetrust-pc-sdk #ot-lst-title h3 { word-break: break-word; overflow-wrap: break-word; margin-bottom: 0px; color: rgb(101, 101, 101); font-weight: bold; margin-left: 15px; display: inline-block; font-size: 1em; } #onetrust-pc-sdk #ot-lst-title { margin-top: 15px; font-size: 1em; } #onetrust-pc-sdk #ot-pc-hdr { display: inline-block; padding-left: 27px; padding-right: 17px; width: calc(100% - 44px); } #onetrust-pc-sdk #ot-pc-hdr input::placeholder { color: rgb(212, 212, 212); font-style: italic; } #onetrust-pc-sdk #vendor-search-handler { height: 31px; width: 100%; border-radius: 50px; font-size: 0.8em; padding-right: 35px; padding-left: 15px; float: left; margin-left: 15px; } #onetrust-pc-sdk #ot-lst-cnt { transform: translate3d(0px, 0px, 0px); position: relative; padding-left: 27px; margin-right: 10px; margin-top: 10px; width: calc(100% - 37px); top: 0px; bottom: 70px; height: calc(100% - 94px); overflow: hidden auto; } #onetrust-pc-sdk #ot-pc-lst .ot-tgl-cntr { right: 32px; position: absolute; margin-top: 10px; height: 20px; } #onetrust-pc-sdk #ot-pc-lst:not(.ot-enbl-chr):not(.ot-hosts-ui) .ot-tgl-cntr { right: 12px; } #onetrust-pc-sdk #ot-sel-blk { position: sticky; width: 100%; display: inline-block; top: 0px; overflow: hidden; z-index: 3; } #onetrust-pc-sdk #ot-sel-blk p { font-size: 0.75em; color: rgb(107, 107, 107); margin: 0px; display: inline-block; } #onetrust-pc-sdk .ot-enbl-chr > :not(.ot-hosts-ui) .ot-sel-all { padding-right: 33px; } #onetrust-pc-sdk .ot-enbl-chr .ot-hosts-ui .ot-sel-all { padding-right: 23px; } #onetrust-pc-sdk .ot-enbl-chr .ot-accordion-layout h4 ~ .ot-tgl + .ot-tgl { right: 105px; } #onetrust-pc-sdk .ot-enbl-chr .ot-cat-item h5 + .ot-tgl-cntr { padding-left: 31px; padding-right: 13px; } #onetrust-pc-sdk #ot-pc-lst:not(.ot-enbl-chr) .ot-tgl-cntr .ot-arw-cntr, #onetrust-pc-sdk #ot-pc-lst:not(.ot-enbl-chr) .ot-tgl-cntr .ot-arw-cntr * { visibility: hidden; } #onetrust-pc-sdk #ot-pc-content:not(.ot-enbl-chr) .ot-pli-hdr.ot-leg-border-color span:first-child { text-align: center; } #onetrust-pc-sdk #ot-pc-content:not(.ot-enbl-chr) .ot-pli-hdr.ot-leg-border-color span:last-child { text-align: right; } #onetrust-pc-sdk .ot-hosts-ui:not(.ot-enbl-chr) .ot-tgl-cntr { right: 23px; } #onetrust-pc-sdk .ot-hosts-ui #ot-sel-blk { width: 100%; } #onetrust-pc-sdk .ot-lst-subhdr { display: inline-block; width: 100%; margin-top: 10px; } #onetrust-pc-sdk .ot-lst-subhdr svg { width: 30px; height: 30px; position: absolute; float: left; right: -15px; } #onetrust-pc-sdk .ot-search-cntr { float: left; width: 82%; position: relative; } #onetrust-pc-sdk .ot-fltr-cntr { float: right; right: 15px; position: relative; } #onetrust-pc-sdk #filter-btn-handler { background-color: rgb(56, 96, 190); border-radius: 17px; display: inline-block; position: relative; width: 32px; height: 32px; transition: all 0.1s ease 0s; padding: 0px; margin: 0px; } #onetrust-pc-sdk #filter-btn-handler:hover { opacity: 0.7; } #onetrust-pc-sdk #filter-btn-handler svg { width: 12px; margin: 6px 10px 0px 9px; display: block; height: 12px; position: static; right: auto; top: auto; } #onetrust-pc-sdk .ot-ven-link, #onetrust-pc-sdk .ot-ven-legclaim-link { color: rgb(56, 96, 190); text-decoration: none; display: inline-block; margin-top: 10px; transform: translate(0px, 1%); z-index: 2; position: relative; font-size: 0.75em; } #onetrust-pc-sdk .ot-ven-link:hover, #onetrust-pc-sdk .ot-ven-legclaim-link:hover { text-decoration: underline; } #onetrust-pc-sdk .ot-ven-link *, #onetrust-pc-sdk .ot-ven-legclaim-link * { font-size: inherit; } #onetrust-pc-sdk .ot-ven-name { vertical-align: middle; } #onetrust-pc-sdk .ot-ven-hdr, #onetrust-pc-sdk .ot-host-hdr { width: calc(100% - 165px); height: auto; float: left; text-align: left; word-break: break-word; overflow-wrap: break-word; vertical-align: middle; padding-bottom: 2px; padding-left: 2px; } #onetrust-pc-sdk .ot-host-hdr { pointer-events: none; position: relative; z-index: 1; } #onetrust-pc-sdk .ot-host-hdr .ot-host-name { pointer-events: none; } #onetrust-pc-sdk .ot-host-hdr a { pointer-events: initial; } #onetrust-pc-sdk #ot-host-lst .ot-host-info { font-size: 0.7em; line-height: 1.1; } #onetrust-pc-sdk #ot-host-lst .ot-host-name, #onetrust-pc-sdk #ot-host-lst .ot-host-name a { color: dimgray; font-size: 0.81em; font-weight: bold; line-height: 1.4; margin-bottom: 5px; position: relative; } #onetrust-pc-sdk #ot-host-lst .ot-host-name a, #onetrust-pc-sdk #ot-host-lst .ot-host-info a { font-size: 1em; } #onetrust-pc-sdk #ot-host-lst .ot-host-desc { width: 100%; margin-bottom: 5px; } #onetrust-pc-sdk #ot-host-lst .ot-host-expand, #onetrust-pc-sdk #ot-host-lst .ot-host-desc { color: dimgray; font-size: 0.69em; line-height: 1.4; float: left; font-weight: normal; } #onetrust-pc-sdk #ot-host-lst .ot-host-hdr > a { text-decoration: underline; font-size: 0.69em; position: relative; z-index: 2; float: left; margin-bottom: 5px; line-height: 1.4; } #onetrust-pc-sdk #ot-host-lst .ot-host-expand { color: rgb(56, 96, 190); } #onetrust-pc-sdk #ot-host-lst .ot-host-expand * { font-size: inherit; } #onetrust-pc-sdk .ot-host-opt { margin: 0px; font-size: inherit; display: inline-block; width: 100%; } #onetrust-pc-sdk .ot-host-opt .ot-host-info { border: none; font-size: 0.8em; color: dimgray; display: inline-block; width: calc(100% - 20px); padding: 10px; margin-bottom: 10px; background-color: rgb(248, 248, 248); } #onetrust-pc-sdk .ot-host-opt .ot-host-info > div { overflow: auto; } #onetrust-pc-sdk .ot-host-opt li > div div { font-size: 0.8em; padding: 5px 0px; } #onetrust-pc-sdk .ot-host-opt li > div div:nth-child(1) { width: 30%; float: left; } #onetrust-pc-sdk .ot-host-opt li > div div:nth-child(2) { width: 70%; float: left; word-break: break-word; overflow-wrap: break-word; } #onetrust-pc-sdk #ot-ven-lst .ot-acc-hdr { overflow: hidden; cursor: pointer; } #onetrust-pc-sdk .ot-ven-dets { border-radius: 2px; margin-top: 10px; background-color: rgb(248, 248, 248); } #onetrust-pc-sdk .ot-ven-dets li:first-child p:first-child { border-top: none; } #onetrust-pc-sdk .ot-ven-dets .ot-ven-disc:not(:first-child) { border-top: 1px solid rgb(221, 221, 221) !important; } #onetrust-pc-sdk .ot-ven-dets .ot-ven-disc:nth-child(n+3) p { display: inline-block; } #onetrust-pc-sdk .ot-ven-dets .ot-ven-disc:nth-child(n+3) p:nth-of-type(2n+1) { width: 30%; } #onetrust-pc-sdk .ot-ven-dets .ot-ven-disc:nth-child(n+3) p:nth-of-type(2n) { width: 50%; word-break: break-word; overflow-wrap: break-word; } #onetrust-pc-sdk .ot-ven-dets .ot-ven-disc p, #onetrust-pc-sdk .ot-ven-dets .ot-ven-disc h4 { padding-top: 5px; padding-bottom: 5px; display: block; } #onetrust-pc-sdk .ot-ven-dets .ot-ven-disc h4 { display: inline-block; } #onetrust-pc-sdk .ot-ven-dets .ot-ven-disc p:nth-last-child(-n+1) { padding-bottom: 10px; } #onetrust-pc-sdk .ot-ven-dets .ot-ven-disc p:nth-child(-n+2):not(.disc-pur) { padding-top: 10px; } #onetrust-pc-sdk .ot-ven-dets .ot-ven-disc .disc-pur-cont { display: inline; } #onetrust-pc-sdk .ot-ven-dets .ot-ven-disc .disc-pur { position: relative; word-break: break-word; overflow-wrap: break-word; left: calc(30% + 17px); width: 50% !important; } #onetrust-pc-sdk .ot-ven-dets .ot-ven-disc .disc-pur:nth-child(-n+1) { position: static; } #onetrust-pc-sdk .ot-ven-dets p, #onetrust-pc-sdk .ot-ven-dets h4, #onetrust-pc-sdk .ot-ven-dets span { font-size: 0.69em; text-align: left; vertical-align: middle; word-break: break-word; overflow-wrap: break-word; margin: 0px; padding-bottom: 10px; padding-left: 15px; color: rgb(46, 54, 68); } #onetrust-pc-sdk .ot-ven-dets h4 { padding-top: 5px; } #onetrust-pc-sdk .ot-ven-dets span { color: dimgray; padding: 0px; vertical-align: baseline; } #onetrust-pc-sdk .ot-ven-dets .ot-ven-pur h4 { border-top: 1px solid rgb(233, 233, 233); border-bottom: 1px solid rgb(233, 233, 233); padding-bottom: 5px; margin-bottom: 5px; font-weight: bold; } #onetrust-pc-sdk #no-results { text-align: center; margin-top: 30px; height: calc(100% - 300px); margin-left: 27px; } #onetrust-pc-sdk #no-results span { font-weight: bold; } #onetrust-pc-sdk #no-results p { font-size: 1em; color: rgb(46, 54, 68); word-break: break-word; overflow-wrap: break-word; } #onetrust-pc-sdk #ot-fltr-modal { right: 13px; top: 87px; height: 90%; max-height: 370px; display: none; transition: all 0.2s ease 0s; opacity: 1; position: absolute; } #onetrust-pc-sdk #ot-fltr-cnt { z-index: 2147483646; background-color: rgb(255, 255, 255); position: relative; height: 100%; max-width: 325px; border-radius: 3px; padding-right: 10px; padding-bottom: 5px; box-shadow: rgb(199, 197, 199) 0px 0px 12px 2px; } #onetrust-pc-sdk .ot-fltr-scrlcnt { overflow: hidden auto; clear: both; max-height: calc(100% - 60px); } #onetrust-pc-sdk #ot-anchor { border: 12px solid rgba(0, 0, 0, 0); display: none; position: absolute; z-index: 2147483647; right: 36px; top: 75px; transform: rotate(45deg); background-color: rgb(255, 255, 255); box-shadow: rgb(199, 197, 199) -3px -3px 5px -2px; } #onetrust-pc-sdk .ot-fltr-btns { margin-left: 15px; } #onetrust-pc-sdk #filter-apply-handler { margin-right: 15px; } #onetrust-pc-sdk .ot-fltr-opt { margin-bottom: 20px; margin-left: 15px; width: 75%; } #onetrust-pc-sdk .ot-fltr-opt label { padding-left: 30px; } #onetrust-pc-sdk .ot-fltr-opt p { display: inline-block; margin: 0px; font-size: 0.9em; color: rgb(46, 54, 68); } #onetrust-pc-sdk #ot-sel-blk .ot-chkbox { width: 20px; height: 20px; float: right; } #onetrust-pc-sdk .line-through label::after, #onetrust-pc-sdk[dir="rtl"] .line-through label::after { height: auto; border-left: 0px; transform: none; left: 5px; top: 8px; } #onetrust-pc-sdk #ot-selall-vencntr label, #onetrust-pc-sdk #ot-selall-adtlvencntr label, #onetrust-pc-sdk #ot-selall-hostcntr label, #onetrust-pc-sdk #ot-selall-licntr label, #onetrust-pc-sdk #ot-selall-gnvencntr label { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0px; } #onetrust-pc-sdk #ot-selall-vencntr input, #onetrust-pc-sdk #ot-selall-adtlvencntr input, #onetrust-pc-sdk #ot-selall-hostcntr input, #onetrust-pc-sdk #ot-selall-licntr input, #onetrust-pc-sdk #ot-selall-gnvencntr input { height: auto; width: auto; border-radius: 0px; font-size: initial; padding: 0px; float: none; } #onetrust-pc-sdk #ot-ven-lst:first-child { border-top: 1px solid rgb(226, 226, 226); } #onetrust-pc-sdk #vdr-lst-dsc { font-size: 0.812em; line-height: 1.5; padding: 10px 15px 5px; } #onetrust-pc-sdk #close-pc-btn-handler { margin: 0px; float: right; height: 44px; width: 44px; background-size: 10px; } #onetrust-pc-sdk #close-pc-btn-handler svg { display: block; } #onetrust-pc-sdk .ot-close-icon { padding: 0px; background-color: rgba(0, 0, 0, 0); border: none; } #onetrust-pc-sdk #clear-filters-handler { float: right; max-width: 200px; margin-bottom: 10px; text-decoration: none; margin-top: 20px; font-weight: bold; color: rgb(56, 96, 190); font-size: 0.9em; letter-spacing: normal; border: none; padding: 1px; } #onetrust-pc-sdk #clear-filters-handler:hover { color: rgb(34, 133, 247); } #onetrust-pc-sdk #clear-filters-handler:focus { outline: rgb(0, 0, 0) solid 1px; } #onetrust-pc-sdk .ot-accordion-layout.ot-cat-item { position: relative; border-radius: 1px; margin: 0px; padding: 0px; border-right: 1px solid rgb(216, 216, 216); border-bottom: 1px solid rgb(216, 216, 216); border-left: 1px solid rgb(216, 216, 216); border-image: initial; border-top: none; float: left; width: calc(100% - 2px); } #onetrust-pc-sdk .ot-accordion-layout.ot-cat-item:first-of-type { margin-top: 10px; border-top: 1px solid rgb(216, 216, 216); } #onetrust-pc-sdk .ot-accordion-layout.ot-cat-item .ot-vlst-cntr:first-child { margin-top: 15px; } #onetrust-pc-sdk .ot-accordion-layout.ot-cat-item .ot-acc-grpdesc { font-size: 0.813em; line-height: 1.5; padding-left: 20px; padding-right: 20px; width: calc(100% - 40px); } #onetrust-pc-sdk .ot-accordion-layout.ot-cat-item .ot-acc-grpdesc ul { padding-bottom: 5px; } #onetrust-pc-sdk .ot-accordion-layout .ot-acc-hdr { padding: 11.5px 15px 11.5px 20px; width: calc(100% - 35px); display: inline-block; position: relative; min-height: 25px; } #onetrust-pc-sdk .ot-accordion-layout .ot-acc-txt { width: 100%; padding: 0px; } #onetrust-pc-sdk .ot-accordion-layout .ot-subgrp-cntr, #onetrust-pc-sdk .ot-accordion-layout .ot-acc-grpdesc + .ot-leg-btn-container { padding-left: 20px; padding-right: 16px; width: calc(100% - 36px); } #onetrust-pc-sdk .ot-accordion-layout .ot-acc-grpdesc + .ot-leg-btn-container { margin-top: 5px; margin-bottom: 10px; } #onetrust-pc-sdk .ot-accordion-layout .ot-acc-grpcntr { z-index: 1; position: relative; } #onetrust-pc-sdk .ot-accordion-layout input[type="checkbox"]:checked ~ .ot-acc-txt.ot-acc-grpcntr { width: auto; padding-bottom: 15px; } #onetrust-pc-sdk .ot-accordion-layout .ot-cat-header { float: none; font-size: 0.88em; color: rgb(46, 54, 68); margin: 0px; display: inline-block; height: auto; overflow-wrap: break-word; vertical-align: middle; min-height: inherit; } #onetrust-pc-sdk .ot-accordion-layout .ot-vlst-cntr, #onetrust-pc-sdk .ot-accordion-layout .ot-hlst-cntr { padding-left: 20px; width: calc(100% - 20px); display: inline-block; margin-top: 0px; padding-bottom: 2px; } #onetrust-pc-sdk .ot-accordion-layout h4 ~ .ot-tgl, #onetrust-pc-sdk .ot-accordion-layout h4 ~ .ot-always-active { right: 16px; } #onetrust-pc-sdk .ot-accordion-layout h4 ~ .ot-tgl + .ot-tgl { right: 88px; } #onetrust-pc-sdk .ot-accordion-layout .ot-cat-header + .ot-arw-cntr { right: 10px; margin-top: -2px; left: auto; } #onetrust-pc-sdk .ot-accordion-layout h4 ~ .ot-tgl, #onetrust-pc-sdk .ot-accordion-layout h4 ~ .ot-always-active, #onetrust-pc-sdk .ot-accordion-layout .ot-cat-header + .ot-arw-cntr { position: absolute; top: 50%; transform: translateY(-50%); } #onetrust-pc-sdk #ot-category-title { padding-bottom: 10px; } #onetrust-pc-sdk .ot-pli-hdr { color: rgb(119, 128, 142); overflow: hidden; padding-top: 7.5px; padding-bottom: 7.5px; width: calc(100% - 2px); border-top-left-radius: 3px; border-top-right-radius: 3px; } #onetrust-pc-sdk .ot-pli-hdr .ot-li-title { float: right; font-size: 0.813em; } #onetrust-pc-sdk .ot-pli-hdr span:first-child { top: 50%; transform: translateY(50%); max-width: 80px; } #onetrust-pc-sdk .ot-pli-hdr span:last-child { text-align: center; max-width: 95px; } #onetrust-pc-sdk .ot-pli-hdr.ot-leg-border-color { background-color: rgb(248, 248, 248); border: 1px solid rgb(233, 233, 233); } #onetrust-pc-sdk .ot-pli-hdr.ot-leg-border-color span:first-child { text-align: left; width: 80px; } #onetrust-pc-sdk .ot-subgrp > h5, #onetrust-pc-sdk .ot-cat-header { width: calc(100% - 130px); max-width: 60%; } #onetrust-pc-sdk .ot-pli-hdr ~ .ot-cat-item .ot-subgrp > h5, #onetrust-pc-sdk .ot-pli-hdr ~ .ot-cat-item .ot-cat-header { width: calc(100% - 145px); } #onetrust-pc-sdk .ot-pli-hdr ~ .ot-cat-item h5 + .ot-tgl-cntr, #onetrust-pc-sdk .ot-pli-hdr ~ .ot-cat-item .ot-cat-header + .ot-tgl { padding-left: 28px; } #onetrust-pc-sdk .ot-acc-grpcntr .ot-acc-grpdesc { margin-bottom: 5px; } #onetrust-pc-sdk .ot-acc-grpcntr .ot-subgrp-cntr { border-top: 1px solid rgb(233, 233, 233); } #onetrust-pc-sdk .ot-acc-grpcntr .ot-subgrp-cntr ul.ot-subgrps li { margin-top: 5px; margin-bottom: 5px; } #onetrust-pc-sdk .ot-acc-hdr .ot-arw-cntr + .ot-tgl, #onetrust-pc-sdk .ot-cat-item h4 + .ot-tgl, #onetrust-pc-sdk .ot-acc-txt h4 + .ot-tgl-cntr { padding-left: 30px; } #onetrust-pc-sdk .ot-sel-all-hdr, #onetrust-pc-sdk .ot-sel-all-chkbox { position: relative; display: inline-block; width: 100%; } #onetrust-pc-sdk .ot-sel-all-chkbox { z-index: 1; } #onetrust-pc-sdk .ot-li-hdr, #onetrust-pc-sdk .ot-consent-hdr { float: right; font-size: 0.813em; line-height: normal; text-align: center; word-break: break-word; overflow-wrap: break-word; } #onetrust-pc-sdk .ot-li-hdr { max-width: 100px; min-width: 100px; } #onetrust-pc-sdk .ot-consent-hdr { margin-right: 5px; max-width: 55px; } #onetrust-pc-sdk .ot-ven-litgl + .ot-arw-cntr { margin-left: 81px; } #onetrust-pc-sdk .ot-sel-all { margin: 0px; position: relative; padding-right: 13px; float: right; } #onetrust-pc-sdk #ot-selall-hostcntr, #onetrust-pc-sdk #ot-selall-vencntr { right: 20px; position: relative; } #onetrust-pc-sdk #ot-selall-licntr { position: relative; right: 79px; } #onetrust-pc-sdk #ot-pc-lst #ot-ven-lst .ot-sel-all { position: relative; display: inline-block; width: 20px; height: 25px; } #onetrust-pc-sdk #ot-pc-lst #ot-ven-lst .ot-sel-all label { position: absolute; padding: 0px; width: 18px; height: 18px; } #onetrust-pc-sdk .ot-always-active-group .ot-cat-header { width: 55%; } #onetrust-pc-sdk .ot-leg-btn-container { display: inline-block; width: 100%; margin-top: 10px; } #onetrust-pc-sdk .ot-leg-btn-container button { height: auto; padding: 6.5px 8px; margin-bottom: 0px; letter-spacing: 0px; line-height: normal; } #onetrust-pc-sdk .ot-leg-btn-container svg { display: none; height: 14px; width: 14px; padding-right: 5px; vertical-align: sub; } #onetrust-pc-sdk .ot-active-leg-btn { cursor: default; pointer-events: none; } #onetrust-pc-sdk .ot-active-leg-btn svg { display: inline-block; } #onetrust-pc-sdk .ot-remove-objection-handler { border: none; text-decoration: underline; padding: 0px 0px 0px 10px; font-size: 0.82em; font-weight: 600; line-height: 1.4; } #onetrust-pc-sdk .ot-obj-leg-btn-handler span { font-weight: bold; text-align: center; font-size: 0.91em; line-height: 1.5; } #onetrust-pc-sdk[dir="rtl"] input ~ .ot-acc-hdr .ot-arw, #onetrust-pc-sdk[dir="rtl"] #ot-back-arw { transform: rotate(180deg); } #onetrust-pc-sdk[dir="rtl"] input:checked ~ .ot-acc-hdr .ot-arw { transform: rotate(270deg); } #onetrust-pc-sdk[dir="rtl"] .ot-chkbox label::after { transform: rotate(45deg); border-left: 0px; border-right: 3px solid; } #onetrust-pc-sdk[dir="rtl"] .ot-lst-subhdr svg { right: 0px; } #onetrust-pc-sdk .ot-ven-ctgl, #onetrust-pc-sdk .ot-ven-litgl, #onetrust-pc-sdk .ot-host-tgl, #onetrust-pc-sdk .ot-ven-gvctgl { position: relative; display: inline-block; width: 20px; height: 20px; margin-left: 60px; } #onetrust-pc-sdk .ot-ven-ctgl label, #onetrust-pc-sdk .ot-ven-litgl label, #onetrust-pc-sdk .ot-host-tgl label, #onetrust-pc-sdk .ot-ven-gvctgl label { position: absolute; width: 20px; height: 20px; margin: 0px; } #onetrust-pc-sdk #ot-host-lst .ot-host-expand { clear: both; float: none; display: block; } #onetrust-pc-sdk ul { list-style: none; } #onetrust-pc-sdk ul li { position: relative; margin: 0px; padding: 15px; border-bottom: 1px solid rgb(226, 226, 226); } #onetrust-pc-sdk ul li h3 { font-size: 0.75em; color: rgb(101, 101, 101); margin: 0px; height: auto; word-break: break-word; overflow-wrap: break-word; } #onetrust-pc-sdk ul li p { margin: 0px; font-size: 0.7em; } #onetrust-pc-sdk .ot-ven-item > button:focus, #onetrust-pc-sdk .ot-host-item > button:focus, #onetrust-pc-sdk .ot-accordion-layout.ot-cat-item > button:focus, #onetrust-pc-sdk .ot-acc-cntr > button:focus { outline: rgb(0, 0, 0) solid 2px; } #onetrust-pc-sdk .ot-ven-item > button, #onetrust-pc-sdk .ot-host-item > button, #onetrust-pc-sdk .ot-accordion-layout.ot-cat-item > button, #onetrust-pc-sdk .ot-acc-cntr > button { position: absolute; cursor: pointer; width: 100%; height: 100%; margin: 0px; top: 0px; left: 0px; z-index: 1; max-width: none; border: none; } #onetrust-pc-sdk .ot-ven-item > button[aria-expanded="false"] ~ .ot-acc-txt, #onetrust-pc-sdk .ot-host-item > button[aria-expanded="false"] ~ .ot-acc-txt, #onetrust-pc-sdk .ot-accordion-layout.ot-cat-item > button[aria-expanded="false"] ~ .ot-acc-txt, #onetrust-pc-sdk .ot-acc-cntr > button[aria-expanded="false"] ~ .ot-acc-txt { margin-top: 0px; max-height: 0px; overflow: hidden; width: 100%; transition: all 0.25s ease-out 0s; display: none; } #onetrust-pc-sdk .ot-ven-item > button[aria-expanded="true"] ~ .ot-acc-txt, #onetrust-pc-sdk .ot-host-item > button[aria-expanded="true"] ~ .ot-acc-txt, #onetrust-pc-sdk .ot-accordion-layout.ot-cat-item > button[aria-expanded="true"] ~ .ot-acc-txt, #onetrust-pc-sdk .ot-acc-cntr > button[aria-expanded="true"] ~ .ot-acc-txt { transition: all 0.1s ease-in 0s; width: auto; overflow: auto; display: block; } #onetrust-pc-sdk .ot-host-item > button:focus { outline: 0px; border: 2px solid rgb(0, 0, 0); } #onetrust-pc-sdk.ot-addtl-vendors .ot-enbl-chr #ot-selall-vencntr { right: 0px; } #onetrust-pc-sdk.ot-addtl-vendors > :not(.ot-enbl-chr) #ot-selall-licntr { right: 135px; } #onetrust-pc-sdk.ot-addtl-vendors > :not(.ot-enbl-chr) #ot-selall-adtlvencntr, #onetrust-pc-sdk.ot-addtl-vendors > :not(.ot-enbl-chr) #ot-selall-gnvencntr { right: 40px; } #onetrust-pc-sdk.ot-addtl-vendors .ot-li-hdr { margin-right: 15px; } #onetrust-pc-sdk.ot-addtl-vendors #ot-selall-licntr { right: 115px; } #onetrust-pc-sdk.ot-addtl-vendors #ot-lst-cnt:not(.ot-host-cnt) #ot-sel-blk { background-color: rgb(249, 249, 252); border: 1px solid rgb(226, 226, 226); width: auto; padding-bottom: 5px; padding-top: 5px; } #onetrust-pc-sdk.ot-addtl-vendors #ot-lst-cnt:not(.ot-host-cnt) .ot-sel-all { padding-right: 23px; } #onetrust-pc-sdk.ot-addtl-vendors #ot-lst-cnt:not(.ot-host-cnt) ul li { border: 1px solid rgb(226, 226, 226); margin-bottom: 10px; } #onetrust-pc-sdk.ot-addtl-vendors #ot-lst-cnt:not(.ot-host-cnt) .ot-sel-all-chkbox { float: right; width: auto; right: 3px; } #onetrust-pc-sdk.ot-addtl-vendors #ot-lst-cnt:not(.ot-host-cnt) .ot-tgl-cntr { right: 12px; } #onetrust-pc-sdk.ot-addtl-vendors #ot-lst-cnt:not(.ot-host-cnt) .ot-ven-ctgl { margin-left: 75px; } #onetrust-pc-sdk.ot-addtl-vendors #ot-lst-cnt:not(.ot-host-cnt) .ot-ven-litgl + .ot-arw-cntr { margin-left: 95px; } #onetrust-pc-sdk.ot-addtl-vendors #ot-lst-cnt:not(.ot-host-cnt) .ot-acc-cntr > .ot-acc-hdr { padding-top: 10px; padding-bottom: 10px; } #onetrust-pc-sdk.ot-addtl-vendors #ot-lst-cnt:not(.ot-host-cnt) #ot-addtl-venlst .ot-tgl-cntr { right: 32px; } #onetrust-pc-sdk.ot-addtl-vendors #ot-ven-lst:first-child { border-top: none; } #onetrust-pc-sdk.ot-addtl-vendors #ot-selall-vencntr { right: 40px; position: absolute; } #onetrust-pc-sdk #ot-selall-adtlvencntr, #onetrust-pc-sdk #ot-selall-gnvencntr { position: relative; right: 20px; } #onetrust-pc-sdk .ot-acc-cntr { position: relative; border-left: 1px solid rgb(226, 226, 226); border-right: 1px solid rgb(226, 226, 226); border-bottom: 1px solid rgb(226, 226, 226); } #onetrust-pc-sdk .ot-acc-cntr > .ot-acc-hdr { background-color: rgb(249, 249, 252); padding-left: 15px; padding-top: 5px; padding-bottom: 5px; width: calc(100% - 15px); } #onetrust-pc-sdk .ot-acc-cntr > .ot-acc-hdr .ot-plus-minus { vertical-align: middle; top: auto; } #onetrust-pc-sdk .ot-acc-cntr > .ot-acc-hdr .ot-arw-cntr { right: 10px; left: auto; } #onetrust-pc-sdk .ot-acc-cntr.ot-add-tech .ot-acc-hdr { padding: 10px 0px 10px 15px; } #onetrust-pc-sdk .ot-acc-cntr > button[aria-expanded="true"] ~ .ot-acc-hdr { border-bottom: 1px solid rgb(226, 226, 226); } #onetrust-pc-sdk .ot-acc-cntr > .ot-acc-txt { padding-left: 10px; padding-right: 10px; padding-top: 10px; position: relative; z-index: 1; } #onetrust-pc-sdk .ot-acc-cntr .ot-addtl-venbox { display: none; } #onetrust-pc-sdk .ot-vensec-title { font-size: 0.813em; vertical-align: middle; display: inline-block; } #onetrust-pc-sdk.ot-close-btn-link #close-pc-btn-handler { border: none; height: auto; line-height: 1.5; text-decoration: underline; font-size: 0.69em; background: none; right: 15px; top: 15px; width: auto; position: absolute; font-weight: normal; } #onetrust-pc-sdk .ot-cat-header { float: left; font-weight: 600; font-size: 0.875em; line-height: 1.5; max-width: 90%; vertical-align: middle; } #onetrust-pc-sdk .ot-vnd-item > button:focus { outline: rgb(0, 0, 0) solid 2px; } #onetrust-pc-sdk .ot-vnd-item > button { position: absolute; cursor: pointer; width: 100%; height: 100%; margin: 0px; top: 0px; left: 0px; z-index: 1; max-width: none; border: none; } #onetrust-pc-sdk .ot-vnd-item > button[aria-expanded="false"] ~ .ot-acc-txt { margin-top: 0px; max-height: 0px; opacity: 0; overflow: hidden; width: 100%; transition: all 0.25s ease-out 0s; display: none; } #onetrust-pc-sdk .ot-vnd-item > button[aria-expanded="true"] ~ .ot-acc-txt { transition: all 0.1s ease-in 0s; margin-top: 10px; width: 100%; overflow: auto; display: block; } #onetrust-pc-sdk .ot-vnd-item > button[aria-expanded="true"] ~ .ot-acc-grpcntr { width: auto; margin-top: 0px; padding-bottom: 10px; } #onetrust-pc-sdk .ot-accordion-layout.ot-cat-item { position: relative; border-radius: 2px; margin: 0px; padding: 0px; border-right: 1px solid rgb(216, 216, 216); border-bottom: 1px solid rgb(216, 216, 216); border-left: 1px solid rgb(216, 216, 216); border-image: initial; border-top: none; width: calc(100% - 2px); float: left; } #onetrust-pc-sdk .ot-accordion-layout.ot-cat-item:first-of-type { margin-top: 10px; border-top: 1px solid rgb(216, 216, 216); } #onetrust-pc-sdk .ot-accordion-layout .ot-acc-grpdesc { padding-left: 20px; padding-right: 20px; width: calc(100% - 40px); font-size: 0.812em; margin-bottom: 10px; margin-top: 15px; } #onetrust-pc-sdk .ot-accordion-layout .ot-acc-grpdesc > ul { padding-top: 10px; } #onetrust-pc-sdk .ot-accordion-layout .ot-acc-grpdesc > ul li { padding-top: 0px; line-height: 1.5; padding-bottom: 10px; } #onetrust-pc-sdk .ot-accordion-layout div + .ot-acc-grpdesc { margin-top: 5px; } #onetrust-pc-sdk .ot-accordion-layout .ot-vlst-cntr:first-child { margin-top: 10px; } #onetrust-pc-sdk .ot-accordion-layout .ot-vlst-cntr:last-child, #onetrust-pc-sdk .ot-accordion-layout .ot-hlst-cntr:last-child { margin-bottom: 5px; } #onetrust-pc-sdk .ot-accordion-layout .ot-acc-hdr { padding: 11.5px 20px; width: calc(100% - 40px); display: inline-block; } #onetrust-pc-sdk .ot-accordion-layout .ot-acc-txt { width: 100%; padding: 0px; } #onetrust-pc-sdk .ot-accordion-layout .ot-subgrp-cntr { padding-left: 20px; padding-right: 15px; padding-bottom: 0px; width: calc(100% - 35px); } #onetrust-pc-sdk .ot-accordion-layout .ot-subgrp { padding-right: 5px; } #onetrust-pc-sdk .ot-accordion-layout .ot-acc-grpcntr { z-index: 1; position: relative; } #onetrust-pc-sdk .ot-accordion-layout .ot-cat-header + .ot-arw-cntr { position: absolute; top: 50%; transform: translateY(-50%); right: 20px; margin-top: -2px; } #onetrust-pc-sdk .ot-accordion-layout .ot-cat-header + .ot-arw-cntr .ot-arw { width: 15px; height: 20px; margin-left: 5px; color: dimgray; } #onetrust-pc-sdk .ot-accordion-layout .ot-cat-header { float: none; color: rgb(46, 54, 68); margin: 0px; display: inline-block; height: auto; overflow-wrap: break-word; min-height: inherit; } #onetrust-pc-sdk .ot-accordion-layout .ot-vlst-cntr, #onetrust-pc-sdk .ot-accordion-layout .ot-hlst-cntr { padding-left: 20px; width: calc(100% - 20px); display: inline-block; margin-top: 0px; padding-bottom: 2px; } #onetrust-pc-sdk .ot-accordion-layout .ot-acc-hdr { position: relative; min-height: 25px; } #onetrust-pc-sdk .ot-accordion-layout h4 ~ .ot-tgl, #onetrust-pc-sdk .ot-accordion-layout h4 ~ .ot-always-active { position: absolute; top: 50%; transform: translateY(-50%); right: 20px; } #onetrust-pc-sdk .ot-accordion-layout h4 ~ .ot-tgl + .ot-tgl { right: 95px; } #onetrust-pc-sdk .ot-accordion-layout .category-vendors-list-handler, #onetrust-pc-sdk .ot-accordion-layout .category-vendors-list-handler + a { margin-top: 5px; } #onetrust-pc-sdk #ot-lst-cnt { margin-top: 1rem; max-height: calc(100% - 96px); } #onetrust-pc-sdk #ot-lst-cnt .ot-vnd-info-cntr { border: 1px solid rgb(216, 216, 216); padding: 0.75rem 2rem 0px; width: auto; margin-top: 0.5rem; } #onetrust-pc-sdk #ot-lst-cnt .ot-vnd-info { margin-bottom: 1rem; padding-left: 0.75rem; padding-right: 0.75rem; display: flex; flex-direction: column; } #onetrust-pc-sdk #ot-lst-cnt .ot-vnd-info[data-vnd-info-key*="DPOEmail"] { border-top: 1px solid rgb(216, 216, 216); padding-top: 1rem; } #onetrust-pc-sdk #ot-lst-cnt .ot-vnd-info[data-vnd-info-key*="DPOLink"] { border-bottom: 1px solid rgb(216, 216, 216); padding-bottom: 1rem; } #onetrust-pc-sdk #ot-lst-cnt .ot-vnd-info .ot-vnd-lbl { font-weight: bold; font-size: 0.85em; margin-bottom: 0.5rem; } #onetrust-pc-sdk #ot-lst-cnt .ot-vnd-info .ot-vnd-cnt { margin-left: 0.5rem; font-weight: 500; font-size: 0.85rem; } #onetrust-pc-sdk .ot-vs-list, #onetrust-pc-sdk .ot-vnd-serv { width: auto; padding: 1rem 1.25rem 0px; } #onetrust-pc-sdk .ot-vs-list .ot-vnd-serv-hdr-cntr, #onetrust-pc-sdk .ot-vnd-serv .ot-vnd-serv-hdr-cntr { padding-bottom: 0.75rem; border-bottom: 1px solid rgb(216, 216, 216); } #onetrust-pc-sdk .ot-vs-list .ot-vnd-serv-hdr-cntr .ot-vnd-serv-hdr, #onetrust-pc-sdk .ot-vnd-serv .ot-vnd-serv-hdr-cntr .ot-vnd-serv-hdr { font-weight: 600; font-size: 0.95em; line-height: 2; margin-left: 0.5rem; } #onetrust-pc-sdk .ot-vs-list .ot-vnd-item, #onetrust-pc-sdk .ot-vnd-serv .ot-vnd-item { border: none; margin: 0px; padding: 0px; } #onetrust-pc-sdk .ot-vs-list .ot-vnd-item button, #onetrust-pc-sdk .ot-vnd-serv .ot-vnd-item button { outline: none; border-bottom: 1px solid rgb(216, 216, 216); } #onetrust-pc-sdk .ot-vs-list .ot-vnd-item button[aria-expanded="true"], #onetrust-pc-sdk .ot-vnd-serv .ot-vnd-item button[aria-expanded="true"] { border-bottom: none; } #onetrust-pc-sdk .ot-vs-list .ot-vnd-item:first-child, #onetrust-pc-sdk .ot-vnd-serv .ot-vnd-item:first-child { margin-top: 0.25rem; border-top: unset; } #onetrust-pc-sdk .ot-vs-list .ot-vnd-item:last-child, #onetrust-pc-sdk .ot-vnd-serv .ot-vnd-item:last-child { margin-bottom: 0.5rem; } #onetrust-pc-sdk .ot-vs-list .ot-vnd-item:last-child button, #onetrust-pc-sdk .ot-vnd-serv .ot-vnd-item:last-child button { border-bottom: none; } #onetrust-pc-sdk .ot-vs-list .ot-vnd-item .ot-vnd-info-cntr, #onetrust-pc-sdk .ot-vnd-serv .ot-vnd-item .ot-vnd-info-cntr { border: 1px solid rgb(216, 216, 216); padding: 0.75rem 1.75rem 0px; width: auto; margin-top: 0.5rem; } #onetrust-pc-sdk .ot-vs-list .ot-vnd-item .ot-vnd-info, #onetrust-pc-sdk .ot-vnd-serv .ot-vnd-item .ot-vnd-info { margin-bottom: 1rem; padding-left: 0.75rem; padding-right: 0.75rem; display: flex; flex-direction: column; } #onetrust-pc-sdk .ot-vs-list .ot-vnd-item .ot-vnd-info[data-vnd-info-key*="DPOEmail"], #onetrust-pc-sdk .ot-vnd-serv .ot-vnd-item .ot-vnd-info[data-vnd-info-key*="DPOEmail"] { border-top: 1px solid rgb(216, 216, 216); padding-top: 1rem; } #onetrust-pc-sdk .ot-vs-list .ot-vnd-item .ot-vnd-info[data-vnd-info-key*="DPOLink"], #onetrust-pc-sdk .ot-vnd-serv .ot-vnd-item .ot-vnd-info[data-vnd-info-key*="DPOLink"] { border-bottom: 1px solid rgb(216, 216, 216); padding-bottom: 1rem; } #onetrust-pc-sdk .ot-vs-list .ot-vnd-item .ot-vnd-info .ot-vnd-lbl, #onetrust-pc-sdk .ot-vnd-serv .ot-vnd-item .ot-vnd-info .ot-vnd-lbl { font-weight: bold; font-size: 0.85em; margin-bottom: 0.5rem; } #onetrust-pc-sdk .ot-vs-list .ot-vnd-item .ot-vnd-info .ot-vnd-cnt, #onetrust-pc-sdk .ot-vnd-serv .ot-vnd-item .ot-vnd-info .ot-vnd-cnt { margin-left: 0.5rem; font-weight: 500; font-size: 0.85rem; } #onetrust-pc-sdk .ot-vs-list.ot-vnd-subgrp-cnt, #onetrust-pc-sdk .ot-vnd-serv.ot-vnd-subgrp-cnt { padding-left: 40px; } #onetrust-pc-sdk .ot-vs-list.ot-vnd-subgrp-cnt .ot-vnd-serv-hdr-cntr .ot-vnd-serv-hdr, #onetrust-pc-sdk .ot-vnd-serv.ot-vnd-subgrp-cnt .ot-vnd-serv-hdr-cntr .ot-vnd-serv-hdr { font-size: 0.8em; } #onetrust-pc-sdk .ot-vs-list.ot-vnd-subgrp-cnt .ot-cat-header, #onetrust-pc-sdk .ot-vnd-serv.ot-vnd-subgrp-cnt .ot-cat-header { font-size: 0.8em; } #onetrust-pc-sdk .ot-subgrp-cntr .ot-vnd-serv { margin-bottom: 1rem; padding: 1rem 0.95rem; } #onetrust-pc-sdk .ot-subgrp-cntr .ot-vnd-serv .ot-vnd-serv-hdr-cntr { padding-bottom: 0.75rem; border-bottom: 1px solid rgb(216, 216, 216); } #onetrust-pc-sdk .ot-subgrp-cntr .ot-vnd-serv .ot-vnd-serv-hdr-cntr .ot-vnd-serv-hdr { font-weight: 700; font-size: 0.8em; line-height: 20px; margin-left: 0.82rem; } #onetrust-pc-sdk .ot-subgrp-cntr .ot-cat-header { font-weight: 700; font-size: 0.8em; line-height: 20px; } #onetrust-pc-sdk .ot-subgrp-cntr ul.ot-subgrps .ot-vnd-serv .ot-vnd-lst-cont .ot-accordion-layout .ot-acc-hdr div.ot-chkbox { margin-left: 0.82rem; } #onetrust-pc-sdk .ot-vs-config .ot-acc-hdr, #onetrust-pc-sdk ul.ot-subgrps .ot-acc-hdr, #onetrust-pc-sdk .ot-subgrp-cntr ul.ot-subgrps .ot-acc-hdr, #onetrust-pc-sdk .ot-vs-list .ot-vnd-item .ot-acc-hdr, #onetrust-pc-sdk .ot-vnd-serv .ot-vnd-item .ot-acc-hdr, #onetrust-pc-sdk #ot-pc-lst .ot-vs-list .ot-vnd-item .ot-acc-hdr, #onetrust-pc-sdk .ot-accordion-layout.ot-checkbox-consent .ot-acc-hdr { padding: 0.7rem 0px; margin: 0px; display: flex; width: 100%; align-items: center; justify-content: space-between; } #onetrust-pc-sdk .ot-vs-config .ot-acc-hdr div:first-child, #onetrust-pc-sdk ul.ot-subgrps .ot-acc-hdr div:first-child, #onetrust-pc-sdk .ot-subgrp-cntr ul.ot-subgrps .ot-acc-hdr div:first-child, #onetrust-pc-sdk .ot-vs-list .ot-vnd-item .ot-acc-hdr div:first-child, #onetrust-pc-sdk .ot-vnd-serv .ot-vnd-item .ot-acc-hdr div:first-child, #onetrust-pc-sdk #ot-pc-lst .ot-vs-list .ot-vnd-item .ot-acc-hdr div:first-child, #onetrust-pc-sdk .ot-accordion-layout.ot-checkbox-consent .ot-acc-hdr div:first-child { margin-left: 0.5rem; } #onetrust-pc-sdk .ot-vs-config .ot-acc-hdr div:last-child, #onetrust-pc-sdk ul.ot-subgrps .ot-acc-hdr div:last-child, #onetrust-pc-sdk .ot-subgrp-cntr ul.ot-subgrps .ot-acc-hdr div:last-child, #onetrust-pc-sdk .ot-vs-list .ot-vnd-item .ot-acc-hdr div:last-child, #onetrust-pc-sdk .ot-vnd-serv .ot-vnd-item .ot-acc-hdr div:last-child, #onetrust-pc-sdk #ot-pc-lst .ot-vs-list .ot-vnd-item .ot-acc-hdr div:last-child, #onetrust-pc-sdk .ot-accordion-layout.ot-checkbox-consent .ot-acc-hdr div:last-child { margin-right: 0.5rem; margin-left: 0.5rem; } #onetrust-pc-sdk .ot-vs-config .ot-acc-hdr .ot-always-active, #onetrust-pc-sdk ul.ot-subgrps .ot-acc-hdr .ot-always-active, #onetrust-pc-sdk .ot-subgrp-cntr ul.ot-subgrps .ot-acc-hdr .ot-always-active, #onetrust-pc-sdk .ot-vs-list .ot-vnd-item .ot-acc-hdr .ot-always-active, #onetrust-pc-sdk .ot-vnd-serv .ot-vnd-item .ot-acc-hdr .ot-always-active, #onetrust-pc-sdk #ot-pc-lst .ot-vs-list .ot-vnd-item .ot-acc-hdr .ot-always-active, #onetrust-pc-sdk .ot-accordion-layout.ot-checkbox-consent .ot-acc-hdr .ot-always-active { position: relative; right: unset; top: unset; transform: unset; } #onetrust-pc-sdk .ot-vs-config .ot-acc-hdr .ot-plus-minus, #onetrust-pc-sdk ul.ot-subgrps .ot-acc-hdr .ot-plus-minus, #onetrust-pc-sdk .ot-subgrp-cntr ul.ot-subgrps .ot-acc-hdr .ot-plus-minus, #onetrust-pc-sdk .ot-vs-list .ot-vnd-item .ot-acc-hdr .ot-plus-minus, #onetrust-pc-sdk .ot-vnd-serv .ot-vnd-item .ot-acc-hdr .ot-plus-minus, #onetrust-pc-sdk #ot-pc-lst .ot-vs-list .ot-vnd-item .ot-acc-hdr .ot-plus-minus, #onetrust-pc-sdk .ot-accordion-layout.ot-checkbox-consent .ot-acc-hdr .ot-plus-minus { top: 0px; } #onetrust-pc-sdk .ot-vs-config .ot-acc-hdr .ot-arw-cntr, #onetrust-pc-sdk ul.ot-subgrps .ot-acc-hdr .ot-arw-cntr, #onetrust-pc-sdk .ot-subgrp-cntr ul.ot-subgrps .ot-acc-hdr .ot-arw-cntr, #onetrust-pc-sdk .ot-vs-list .ot-vnd-item .ot-acc-hdr .ot-arw-cntr, #onetrust-pc-sdk .ot-vnd-serv .ot-vnd-item .ot-acc-hdr .ot-arw-cntr, #onetrust-pc-sdk #ot-pc-lst .ot-vs-list .ot-vnd-item .ot-acc-hdr .ot-arw-cntr, #onetrust-pc-sdk .ot-accordion-layout.ot-checkbox-consent .ot-acc-hdr .ot-arw-cntr { float: none; top: unset; right: unset; transform: unset; margin-top: -2px; position: relative; } #onetrust-pc-sdk .ot-vs-config .ot-acc-hdr .ot-cat-header, #onetrust-pc-sdk ul.ot-subgrps .ot-acc-hdr .ot-cat-header, #onetrust-pc-sdk .ot-subgrp-cntr ul.ot-subgrps .ot-acc-hdr .ot-cat-header, #onetrust-pc-sdk .ot-vs-list .ot-vnd-item .ot-acc-hdr .ot-cat-header, #onetrust-pc-sdk .ot-vnd-serv .ot-vnd-item .ot-acc-hdr .ot-cat-header, #onetrust-pc-sdk #ot-pc-lst .ot-vs-list .ot-vnd-item .ot-acc-hdr .ot-cat-header, #onetrust-pc-sdk .ot-accordion-layout.ot-checkbox-consent .ot-acc-hdr .ot-cat-header { flex: 1 1 0%; margin: 0px 0.5rem; } #onetrust-pc-sdk .ot-vs-config .ot-acc-hdr .ot-tgl, #onetrust-pc-sdk ul.ot-subgrps .ot-acc-hdr .ot-tgl, #onetrust-pc-sdk .ot-subgrp-cntr ul.ot-subgrps .ot-acc-hdr .ot-tgl, #onetrust-pc-sdk .ot-vs-list .ot-vnd-item .ot-acc-hdr .ot-tgl, #onetrust-pc-sdk .ot-vnd-serv .ot-vnd-item .ot-acc-hdr .ot-tgl, #onetrust-pc-sdk #ot-pc-lst .ot-vs-list .ot-vnd-item .ot-acc-hdr .ot-tgl, #onetrust-pc-sdk .ot-accordion-layout.ot-checkbox-consent .ot-acc-hdr .ot-tgl { position: relative; transform: none; right: 0px; top: 0px; float: none; } #onetrust-pc-sdk .ot-vs-config .ot-acc-hdr .ot-chkbox, #onetrust-pc-sdk ul.ot-subgrps .ot-acc-hdr .ot-chkbox, #onetrust-pc-sdk .ot-subgrp-cntr ul.ot-subgrps .ot-acc-hdr .ot-chkbox, #onetrust-pc-sdk .ot-vs-list .ot-vnd-item .ot-acc-hdr .ot-chkbox, #onetrust-pc-sdk .ot-vnd-serv .ot-vnd-item .ot-acc-hdr .ot-chkbox, #onetrust-pc-sdk #ot-pc-lst .ot-vs-list .ot-vnd-item .ot-acc-hdr .ot-chkbox, #onetrust-pc-sdk .ot-accordion-layout.ot-checkbox-consent .ot-acc-hdr .ot-chkbox { position: relative; margin: 0px 0.5rem; } #onetrust-pc-sdk .ot-vs-config .ot-acc-hdr .ot-chkbox label, #onetrust-pc-sdk ul.ot-subgrps .ot-acc-hdr .ot-chkbox label, #onetrust-pc-sdk .ot-subgrp-cntr ul.ot-subgrps .ot-acc-hdr .ot-chkbox label, #onetrust-pc-sdk .ot-vs-list .ot-vnd-item .ot-acc-hdr .ot-chkbox label, #onetrust-pc-sdk .ot-vnd-serv .ot-vnd-item .ot-acc-hdr .ot-chkbox label, #onetrust-pc-sdk #ot-pc-lst .ot-vs-list .ot-vnd-item .ot-acc-hdr .ot-chkbox label, #onetrust-pc-sdk .ot-accordion-layout.ot-checkbox-consent .ot-acc-hdr .ot-chkbox label { padding: 0px; } #onetrust-pc-sdk .ot-vs-config .ot-acc-hdr .ot-chkbox label::before, #onetrust-pc-sdk ul.ot-subgrps .ot-acc-hdr .ot-chkbox label::before, #onetrust-pc-sdk .ot-subgrp-cntr ul.ot-subgrps .ot-acc-hdr .ot-chkbox label::before, #onetrust-pc-sdk .ot-vs-list .ot-vnd-item .ot-acc-hdr .ot-chkbox label::before, #onetrust-pc-sdk .ot-vnd-serv .ot-vnd-item .ot-acc-hdr .ot-chkbox label::before, #onetrust-pc-sdk #ot-pc-lst .ot-vs-list .ot-vnd-item .ot-acc-hdr .ot-chkbox label::before, #onetrust-pc-sdk .ot-accordion-layout.ot-checkbox-consent .ot-acc-hdr .ot-chkbox label::before { position: relative; } #onetrust-pc-sdk .ot-vs-config .ot-acc-hdr .ot-chkbox input, #onetrust-pc-sdk ul.ot-subgrps .ot-acc-hdr .ot-chkbox input, #onetrust-pc-sdk .ot-subgrp-cntr ul.ot-subgrps .ot-acc-hdr .ot-chkbox input, #onetrust-pc-sdk .ot-vs-list .ot-vnd-item .ot-acc-hdr .ot-chkbox input, #onetrust-pc-sdk .ot-vnd-serv .ot-vnd-item .ot-acc-hdr .ot-chkbox input, #onetrust-pc-sdk #ot-pc-lst .ot-vs-list .ot-vnd-item .ot-acc-hdr .ot-chkbox input, #onetrust-pc-sdk .ot-accordion-layout.ot-checkbox-consent .ot-acc-hdr .ot-chkbox input { position: absolute; cursor: pointer; width: 100%; height: 100%; opacity: 0; margin: 0px; top: 0px; left: 0px; z-index: 1; } #onetrust-pc-sdk .ot-subgrp-cntr ul.ot-subgrps li.ot-subgrp .ot-acc-hdr h5.ot-cat-header, #onetrust-pc-sdk .ot-subgrp-cntr ul.ot-subgrps li.ot-subgrp .ot-acc-hdr h4.ot-cat-header { margin: 0px; } #onetrust-pc-sdk .ot-vs-config .ot-subgrp-cntr ul.ot-subgrps li.ot-subgrp h5 { top: 0px; line-height: 20px; } #onetrust-pc-sdk .ot-vs-list { display: flex; flex-direction: column; padding: 0px; margin: 0.5rem 4px; } #onetrust-pc-sdk .ot-vs-selc-all { display: flex; padding: 0px; float: unset; align-items: center; justify-content: flex-start; } #onetrust-pc-sdk .ot-vs-selc-all.ot-toggle-conf { justify-content: flex-end; } #onetrust-pc-sdk .ot-vs-selc-all.ot-toggle-conf.ot-caret-conf .ot-sel-all-chkbox { margin-right: 48px; } #onetrust-pc-sdk .ot-vs-selc-all.ot-toggle-conf .ot-sel-all-chkbox { margin: 0px 14px 0px 0px; padding: 0px; justify-content: flex-end; } #onetrust-pc-sdk .ot-vs-selc-all.ot-toggle-conf #ot-selall-vencntr.ot-chkbox, #onetrust-pc-sdk .ot-vs-selc-all.ot-toggle-conf #ot-selall-vencntr.ot-tgl { display: inline-block; right: unset; width: auto; height: auto; float: none; } #onetrust-pc-sdk .ot-vs-selc-all.ot-toggle-conf #ot-selall-vencntr label { width: 45px; height: 25px; } #onetrust-pc-sdk .ot-vs-selc-all .ot-sel-all-chkbox { margin-right: 11px; margin-left: 0.75rem; display: flex; align-items: center; } #onetrust-pc-sdk .ot-vs-selc-all .sel-all-hdr { margin: 0px 1.25rem; font-size: 0.812em; line-height: normal; text-align: center; word-break: break-word; overflow-wrap: break-word; } #onetrust-pc-sdk .ot-vnd-list-cnt #ot-selall-vencntr.ot-chkbox { float: unset; right: 0px; } #onetrust-pc-sdk .ot-vs-selc-all.ot-toggle-conf.ot-caret-conf .ot-sel-all-chkbox { margin-right: 0.5rem; } #onetrust-pc-sdk .ot-vs-selc-all.ot-toggle-conf .ot-sel-all-chkbox { margin-right: 15px; } #onetrust-pc-sdk #ot-sel-blk .ot-chkbox { right: unset; } #onetrust-pc-sdk .ot-vnd-serv .ot-vnd-item .ot-acc-hdr .ot-tgl { padding: 0px; } #onetrust-pc-sdk .ot-vs-list { margin-top: 0.5rem; } #onetrust-pc-sdk .ot-pgph-link { font-size: 0.813em; margin-top: 5px; position: relative; } #onetrust-pc-sdk .ot-pgph-link.ot-pgph-link-subgroup { margin-bottom: 1rem; } #onetrust-pc-sdk .ot-pgph-contr { margin: 0px 2.5rem; } #onetrust-pc-sdk .ot-pgph-title { font-size: 1.18rem; margin-bottom: 2rem; } #onetrust-pc-sdk .ot-pgph-desc { font-size: 1rem; font-weight: 400; margin-bottom: 2rem; line-height: 1.5rem; } #onetrust-pc-sdk .ot-pgph-desc:not(:last-child)::after { content: ""; width: 96%; display: block; margin: 0px auto; padding-bottom: 2rem; border-bottom: 1px solid rgb(233, 233, 233); } @media only screen and (max-width: 600px) { #onetrust-pc-sdk { max-width: 100%; min-width: 100%; } #onetrust-pc-sdk .ot-ftr-stacked button { width: 100%; } #onetrust-pc-sdk #ot-lst-cnt, #onetrust-pc-sdk #ot-pc-hdr { margin-top: 0px; padding: 0px 5px 0px 10px; width: calc(100% - 25px); } } @media only screen and (max-width: 425px) { #onetrust-pc-sdk.otPcPanel { left: 0px; min-width: 100%; height: 100%; top: 0px; border-radius: 0px; } #onetrust-pc-sdk #ot-host-lst .ot-chkbox { margin-left: 0px; } #onetrust-pc-sdk #ot-pc-content { margin: 0px 10px 0px 20px; } #onetrust-pc-sdk p { font-size: 0.7em; } #onetrust-pc-sdk .ot-tgl-cntr { width: auto; } #onetrust-pc-sdk #vendor-search-handler { font-size: 1em; } #onetrust-pc-sdk #ot-lst-cnt { height: calc(100% - 95px); } #onetrust-pc-sdk .ot-switch + p { max-width: 80%; } #onetrust-pc-sdk button { letter-spacing: 0.01em; } #onetrust-pc-sdk .save-preference-btn-handler { margin-top: 0px; } #onetrust-pc-sdk .ot-search-cntr { width: 75%; } } @media only screen and (max-width: 320px) { #onetrust-pc-sdk #ot-fltr-cnt { margin-left: 15px; } } @media only screen and (max-width: 896px) and (max-height: 425px) and (orientation: landscape) { #onetrust-pc-sdk { left: 0px; top: 0px; min-width: 100%; height: 100%; border-radius: 0px; } #onetrust-pc-sdk button { letter-spacing: 0.02em; } #onetrust-pc-sdk #ot-anchor { left: initial; right: 50px; } #onetrust-pc-sdk #ot-lst-title { margin-top: 12px; } #onetrust-pc-sdk #ot-lst-title * { font-size: inherit; } #onetrust-pc-sdk #ot-pc-hdr input { margin-right: 0px; padding-right: 45px; } #onetrust-pc-sdk .ot-switch + p { max-width: 85%; } #onetrust-pc-sdk #ot-lst-cnt { max-height: none; overflow: initial; } #onetrust-pc-sdk #ot-lst-cnt.no-results { height: auto; } #onetrust-pc-sdk input { font-size: 1em !important; } #onetrust-pc-sdk p { font-size: 0.6em; } #onetrust-pc-sdk #ot-pc-lst { overflow: auto; } #onetrust-pc-sdk #ot-fltr-modal { width: 100%; height: 100%; max-height: none; top: 0px; } #onetrust-pc-sdk #ot-sel-blk { position: static; } #onetrust-pc-sdk #ot-fltr-cnt { height: 250px; width: 100%; } #onetrust-pc-sdk.ot-shw-fltr #ot-anchor { display: none !important; } #onetrust-pc-sdk.ot-shw-fltr #ot-pc-lst { overflow: hidden; top: 0px; height: 100% !important; } #onetrust-pc-sdk.ot-shw-fltr #ot-fltr-cnt { margin: 0px; height: 100%; padding: 10px; top: 0px; width: calc(100% - 20px); position: absolute; right: 0px; left: 0px; max-width: none; } #onetrust-pc-sdk.ot-shw-fltr .ot-fltr-scrlcnt { max-height: calc(100% - 65px); } } #onetrust-consent-sdk #onetrust-pc-sdk, #onetrust-consent-sdk #ot-search-cntr, #onetrust-consent-sdk #onetrust-pc-sdk .ot-switch.ot-toggle, #onetrust-consent-sdk #onetrust-pc-sdk ot-grp-hdr1 .checkbox, #onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-title::after, #onetrust-consent-sdk #onetrust-pc-sdk #ot-sel-blk, #onetrust-consent-sdk #onetrust-pc-sdk #ot-fltr-cnt, #onetrust-consent-sdk #onetrust-pc-sdk #ot-anchor { background-color: rgb(255, 255, 255); } #onetrust-consent-sdk #onetrust-pc-sdk h3, #onetrust-consent-sdk #onetrust-pc-sdk h4, #onetrust-consent-sdk #onetrust-pc-sdk h5, #onetrust-consent-sdk #onetrust-pc-sdk h6, #onetrust-consent-sdk #onetrust-pc-sdk p, #onetrust-consent-sdk #onetrust-pc-sdk #ot-ven-lst .ot-ven-opts p, #onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-desc, #onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-title, #onetrust-consent-sdk #onetrust-pc-sdk .ot-li-title, #onetrust-consent-sdk #onetrust-pc-sdk .ot-sel-all-hdr span, #onetrust-consent-sdk #onetrust-pc-sdk #ot-host-lst .ot-host-info, #onetrust-consent-sdk #onetrust-pc-sdk #ot-fltr-modal #modal-header, #onetrust-consent-sdk #onetrust-pc-sdk .ot-checkbox label span, #onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-lst #ot-sel-blk p, #onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-lst #ot-lst-title h3, #onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-lst .back-btn-handler p, #onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-lst .ot-ven-name, #onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-lst #ot-ven-lst .consent-category, #onetrust-consent-sdk #onetrust-pc-sdk .ot-leg-btn-container .ot-inactive-leg-btn, #onetrust-consent-sdk #onetrust-pc-sdk .ot-label-status, #onetrust-consent-sdk #onetrust-pc-sdk .ot-chkbox label span, #onetrust-consent-sdk #onetrust-pc-sdk #clear-filters-handler, #onetrust-consent-sdk #onetrust-pc-sdk .ot-optout-signal { color: rgb(105, 105, 105); } #onetrust-consent-sdk #onetrust-pc-sdk .privacy-notice-link, #onetrust-consent-sdk #onetrust-pc-sdk .ot-pgph-link, #onetrust-consent-sdk #onetrust-pc-sdk .category-vendors-list-handler, #onetrust-consent-sdk #onetrust-pc-sdk .category-vendors-list-handler + a, #onetrust-consent-sdk #onetrust-pc-sdk .category-host-list-handler, #onetrust-consent-sdk #onetrust-pc-sdk .ot-ven-link, #onetrust-consent-sdk #onetrust-pc-sdk .ot-ven-legclaim-link, #onetrust-consent-sdk #onetrust-pc-sdk #ot-host-lst .ot-host-name a, #onetrust-consent-sdk #onetrust-pc-sdk #ot-host-lst .ot-acc-hdr .ot-host-expand, #onetrust-consent-sdk #onetrust-pc-sdk #ot-host-lst .ot-host-info a, #onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-content #ot-pc-desc .ot-link-btn, #onetrust-consent-sdk #onetrust-pc-sdk .ot-vnd-serv .ot-vnd-item .ot-vnd-info a, #onetrust-consent-sdk #onetrust-pc-sdk #ot-lst-cnt .ot-vnd-info a { color: rgb(56, 96, 190); } #onetrust-consent-sdk #onetrust-pc-sdk .category-vendors-list-handler:hover { text-decoration: underline; } #onetrust-consent-sdk #onetrust-pc-sdk .ot-acc-grpcntr.ot-acc-txt, #onetrust-consent-sdk #onetrust-pc-sdk .ot-acc-txt .ot-subgrp-tgl .ot-switch.ot-toggle { background-color: rgb(248, 248, 248); } #onetrust-consent-sdk #onetrust-pc-sdk #ot-host-lst .ot-host-info, #onetrust-consent-sdk #onetrust-pc-sdk .ot-acc-txt .ot-ven-dets { background-color: rgb(248, 248, 248); } #onetrust-consent-sdk #onetrust-pc-sdk button:not(#clear-filters-handler):not(.ot-close-icon):not(#filter-btn-handler):not(.ot-remove-objection-handler):not(.ot-obj-leg-btn-handler):not([aria-expanded]):not(.ot-link-btn), #onetrust-consent-sdk #onetrust-pc-sdk .ot-leg-btn-container .ot-active-leg-btn { background-color: rgb(1, 176, 179); border-color: rgb(1, 176, 179); color: rgb(255, 255, 255); } #onetrust-consent-sdk #onetrust-pc-sdk .ot-active-menu { border-color: rgb(1, 176, 179); } #onetrust-consent-sdk #onetrust-pc-sdk .ot-leg-btn-container .ot-remove-objection-handler { background-color: transparent; border: 1px solid transparent; } #onetrust-consent-sdk #onetrust-pc-sdk .ot-leg-btn-container .ot-inactive-leg-btn { background-color: rgb(255, 255, 255); color: rgb(120, 128, 142); border-color: rgb(120, 128, 142); } #onetrust-consent-sdk #onetrust-pc-sdk .ot-tgl input:focus + .ot-switch, .ot-switch .ot-switch-nob, .ot-switch .ot-switch-nob::before, #onetrust-pc-sdk .ot-checkbox input[type="checkbox"]:focus + label::before, #onetrust-pc-sdk .ot-chkbox input[type="checkbox"]:focus + label::before { outline-color: rgb(0, 0, 0); outline-width: 1px; } #onetrust-pc-sdk .ot-host-item > button:focus, #onetrust-pc-sdk .ot-ven-item > button:focus { border: 1px solid rgb(0, 0, 0); } #onetrust-consent-sdk #onetrust-pc-sdk :focus, #onetrust-consent-sdk #onetrust-pc-sdk .ot-vlst-cntr > a:focus { outline: rgb(0, 0, 0) solid 1px; } #onetrust-pc-sdk .ot-vlst-cntr .ot-ext-lnk, #onetrust-pc-sdk .ot-ven-hdr .ot-ext-lnk { background-image: url(""); } .ot-sdk-cookie-policy { font-family: inherit; font-size: 16px; } .ot-sdk-cookie-policy.otRelFont { font-size: 1rem; } .ot-sdk-cookie-policy h3, .ot-sdk-cookie-policy h4, .ot-sdk-cookie-policy h6, .ot-sdk-cookie-policy p, .ot-sdk-cookie-policy li, .ot-sdk-cookie-policy a, .ot-sdk-cookie-policy th, .ot-sdk-cookie-policy #cookie-policy-description, .ot-sdk-cookie-policy .ot-sdk-cookie-policy-group, .ot-sdk-cookie-policy #cookie-policy-title { color: dimgray; } .ot-sdk-cookie-policy #cookie-policy-description { margin-bottom: 1em; } .ot-sdk-cookie-policy h4 { font-size: 1.2em; } .ot-sdk-cookie-policy h6 { font-size: 1em; margin-top: 2em; } .ot-sdk-cookie-policy th { min-width: 75px; } .ot-sdk-cookie-policy a, .ot-sdk-cookie-policy a:hover { background: rgb(255, 255, 255); } .ot-sdk-cookie-policy thead { background-color: rgb(246, 246, 244); font-weight: bold; } .ot-sdk-cookie-policy .ot-mobile-border { display: none; } .ot-sdk-cookie-policy section { margin-bottom: 2em; } .ot-sdk-cookie-policy table { border-collapse: inherit; } #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy { font-family: inherit; font-size: 1rem; } #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy h3, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy h4, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy h6, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy p, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy li, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy a, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy th, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy #cookie-policy-description, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy .ot-sdk-cookie-policy-group, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy #cookie-policy-title { color: dimgray; } #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy #cookie-policy-description { margin-bottom: 1em; } #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy .ot-sdk-subgroup { margin-left: 1.5em; } #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy #cookie-policy-description, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy .ot-sdk-cookie-policy-group-desc, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy .ot-table-header, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy a, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy span, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy td { font-size: 0.9em; } #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy td span, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy td a { font-size: inherit; } #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy .ot-sdk-cookie-policy-group { font-size: 1em; margin-bottom: 0.6em; } #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy .ot-sdk-cookie-policy-title { margin-bottom: 1.2em; } #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy > section { margin-bottom: 1em; } #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy th { min-width: 75px; } #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy a, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy a:hover { background: rgb(255, 255, 255); } #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy thead { background-color: rgb(246, 246, 244); font-weight: bold; } #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy .ot-mobile-border { display: none; } #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy section { margin-bottom: 2em; } #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy .ot-sdk-subgroup ul li { list-style: disc; margin-left: 1.5em; } #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy .ot-sdk-subgroup ul li h4 { display: inline-block; } #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy table { border-collapse: inherit; margin: auto; border: 1px solid rgb(215, 215, 215); border-radius: 5px; border-spacing: initial; width: 100%; overflow: hidden; } #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy table th, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy table td { border-bottom: 1px solid rgb(215, 215, 215); border-right: 1px solid rgb(215, 215, 215); } #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy table tr:last-child td { border-bottom: 0px; } #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy table tr th:last-child, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy table tr td:last-child { border-right: 0px; } #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy table .ot-host, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy table .ot-cookies-type { width: 25%; } .ot-sdk-cookie-policy[dir="rtl"] { text-align: left; } #ot-sdk-cookie-policy h3 { font-size: 1.5em; } @media only screen and (max-width: 530px) { .ot-sdk-cookie-policy:not(#ot-sdk-cookie-policy-v2) table, .ot-sdk-cookie-policy:not(#ot-sdk-cookie-policy-v2) thead, .ot-sdk-cookie-policy:not(#ot-sdk-cookie-policy-v2) tbody, .ot-sdk-cookie-policy:not(#ot-sdk-cookie-policy-v2) th, .ot-sdk-cookie-policy:not(#ot-sdk-cookie-policy-v2) td, .ot-sdk-cookie-policy:not(#ot-sdk-cookie-policy-v2) tr { display: block; } .ot-sdk-cookie-policy:not(#ot-sdk-cookie-policy-v2) thead tr { position: absolute; top: -9999px; left: -9999px; } .ot-sdk-cookie-policy:not(#ot-sdk-cookie-policy-v2) tr { margin: 0px 0px 1em; } .ot-sdk-cookie-policy:not(#ot-sdk-cookie-policy-v2) tr:nth-child(2n+1), .ot-sdk-cookie-policy:not(#ot-sdk-cookie-policy-v2) tr:nth-child(2n+1) a { background: rgb(246, 246, 244); } .ot-sdk-cookie-policy:not(#ot-sdk-cookie-policy-v2) td { border-top: none; border-right: none; border-left: none; border-image: initial; border-bottom: 1px solid rgb(238, 238, 238); position: relative; padding-left: 50%; } .ot-sdk-cookie-policy:not(#ot-sdk-cookie-policy-v2) td::before { position: absolute; height: 100%; left: 6px; width: 40%; padding-right: 10px; } .ot-sdk-cookie-policy:not(#ot-sdk-cookie-policy-v2) .ot-mobile-border { display: inline-block; background-color: rgb(228, 228, 228); position: absolute; height: 100%; top: 0px; left: 45%; width: 2px; } .ot-sdk-cookie-policy:not(#ot-sdk-cookie-policy-v2) td::before { content: attr(data-label); font-weight: bold; } .ot-sdk-cookie-policy:not(#ot-sdk-cookie-policy-v2) li { word-break: break-word; overflow-wrap: break-word; } #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy table { overflow: hidden; } #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy table td { border-top: none; border-right: none; border-left: none; border-image: initial; border-bottom: 1px solid rgb(215, 215, 215); } #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy table, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy thead, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy tbody, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy th, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy td, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy tr { display: block; } #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy table .ot-host, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy table .ot-cookies-type { width: auto; } #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy tr { margin: 0px 0px 1em; } #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy td::before { height: 100%; width: 40%; padding-right: 10px; } #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy td::before { content: attr(data-label); font-weight: bold; } #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy li { word-break: break-word; overflow-wrap: break-word; } #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy thead tr { position: absolute; top: -9999px; left: -9999px; z-index: -9999; } #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy table tr:last-child td { border-bottom: 1px solid rgb(215, 215, 215); border-right: 0px; } #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy table tr:last-child td:last-child { border-bottom: 0px; } } #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy h5, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy h6, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy li, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy p, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy a, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy span, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy td, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy #cookie-policy-description { color: rgb(105, 105, 105); } #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy th { color: rgb(105, 105, 105); } #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy .ot-sdk-cookie-policy-group { color: rgb(105, 105, 105); } #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy #cookie-policy-title { color: rgb(105, 105, 105); } #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy table th { background-color: rgb(248, 248, 248); } .ot-floating-button__front { background-image: url(""); } a[href^="https://m.do.co/c/"] > img { display: none !important; } .header-widget-sp .header-widget { font-size: 16px; margin: 0px !important; } .cls-1 { } .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0px; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; } .ui-helper-reset { margin: 0px; padding: 0px; border: 0px; outline: 0px; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix::before, .ui-helper-clearfix::after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix::after { clear: both; } .ui-helper-clearfix { min-height: 0px; } .ui-helper-zfix { width: 100%; height: 100%; top: 0px; left: 0px; position: absolute; opacity: 0; } .ui-front { z-index: 100; } .ui-state-disabled { cursor: default !important; } .ui-icon { display: block; overflow: hidden; background-repeat: no-repeat; } .ui-widget-overlay { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; } .ui-datepicker { width: 17em; padding: 0.2em 0.2em 0px; display: none; background-color: rgba(255, 255, 255, 0.8); } .ui-datepicker .ui-datepicker-header { position: relative; padding: 0.2em 0px; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 2px; } .ui-datepicker .ui-datepicker-prev-hover { left: 1px; } .ui-datepicker .ui-datepicker-next-hover { right: 1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0px 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0px; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%; } .ui-datepicker table { width: 100%; font-size: 0.9em; border-collapse: collapse; margin: 0px 0px 0.4em; } .ui-datepicker th { padding: 0.7em 0.3em; text-align: center; font-weight: bold; border: 0px; } .ui-datepicker td { border: 0px; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: 0.2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: 0.7em 0px 0px; padding: 0px 0.2em; border-left: 0px; border-right: 0px; border-bottom: 0px; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: 0.5em 0.2em 0.4em; cursor: pointer; padding: 0.2em 0.6em 0.3em; width: auto; overflow: visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } .ui-datepicker.ui-datepicker-multi { width: auto; } .ui-datepicker-multi .ui-datepicker-group { float: left; } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0px auto 0.4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0px; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0px; } .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0px; border-left-width: 1px; } (cache)Webサイトの一時的なアクセス障害についてのお詫びとご報告 | 【東京反訳】

Webサイトの一時的なアクセス障害についてのお詫びとご報告

2025年12月12日

平素より弊社サービスをご利用いただき、誠にありがとうございます。

弊社が運営するWebサイトにおいて、12月6日(土)未明から7日(日)23:00にかけて、第三者による不正アクセスを受けトップページが改ざんされ、一部のお客様が意図しないページへ移動してしまう事象が発生いたしました。
本件事象の発覚後、直ちに原因を調査し、必要なセキュリティ対策を実施いたしました。
その結果、Webサイトは現在、正常に復旧しており、安全にご利用いただける状態となっております。

また、本件事象によるお客様の個人情報や業務データの漏洩は一切ございません。
お客様からお預かりしている個人情報や業務データにつきましては、今回の改ざんの対象となったWebサイトとは完全に切り離された別のネットワークおよびサーバーで厳重に管理しております。
そのため、情報漏洩や不正利用等の影響は一切ございませんので、ご安心ください。

この度は、Webサイトが正常にご利用いただけない状況となり、お客様に多大なるご心配とご不安をおかけいたしましたこと、また、ご注文やお問い合わせのためにご訪問いただいたお客様にご不便をおかけいたしましたことを、深くお詫び申し上げます。

今後の対応と対策について

今回の事態を厳粛に受け止め、再発防止に向けた以下のセキュリティ強化策を実施してまいります。

監視体制の強化:セキュリティ監視体制の見直しおよび検知システムの刷新
管理体制の見直し:セキュリティ管理体制の強化および全社員への教育・訓練の徹底
サーバー構成の見直し:現状のサーバー構成の見直しおよびセキュリティ対策の強化

セキュリティレベルの向上に全力で取り組み、信頼回復に努めてまいります。
今後とも変わらぬご愛顧を賜りますよう、何卒よろしくお願い申し上げます。

本件に関するお問い合わせは、お問い合わせフォームよりご連絡ください。
受付時間 平日 9:45 – 18:00