|
<!DOCTYPE html> <html lang="ja"><head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<link rel="profile" href="http://gmpg.org/xfn/11">
|
|
<link rel="pingback" href="https://www.topcloud-japan.co.jp/xmlrpc.php">
|
|
|
|
<title>採用情報</title>
|
|
<meta name='robots' content='max-image-preview:large' />
|
|
<link rel="alternate" type="application/rss+xml" title=" » フィード" href="https://www.topcloud-japan.co.jp/feed/" />
|
|
<link rel="alternate" type="application/rss+xml" title=" » コメントフィード" href="https://www.topcloud-japan.co.jp/comments/feed/" />
|
|
<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://www.topcloud-japan.co.jp/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.topcloud-japan.co.jp%2Frecruit-2%2F" />
|
|
<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://www.topcloud-japan.co.jp/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.topcloud-japan.co.jp%2Frecruit-2%2F&format=xml" />
|
|
<style id='wp-img-auto-sizes-contain-inline-css' type='text/css'>
|
|
img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
|
|
/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
|
|
</style>
|
|
<style id='wp-emoji-styles-inline-css' type='text/css'>
|
|
|
|
img.wp-smiley, img.emoji {
|
|
display: inline !important;
|
|
border: none !important;
|
|
box-shadow: none !important;
|
|
height: 1em !important;
|
|
width: 1em !important;
|
|
margin: 0 0.07em !important;
|
|
vertical-align: -0.1em !important;
|
|
background: none !important;
|
|
padding: 0 !important;
|
|
}
|
|
/*# sourceURL=wp-emoji-styles-inline-css */
|
|
</style>
|
|
<style id='classic-theme-styles-inline-css' type='text/css'>
|
|
/*! This file is auto-generated */
|
|
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
|
|
/*# sourceURL=/wp-includes/css/classic-themes.min.css */
|
|
</style>
|
|
<style id='global-styles-inline-css' type='text/css'>
|
|
: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: #111111;--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--color--gray: #f4f4f4;--wp--preset--color--yellow: #e5ae4a;--wp--preset--color--blue: #357fe2;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 42px;--wp--preset--font-size--x-large: 42px;--wp--preset--font-size--normal: 16px;--wp--preset--font-size--huge: 56px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}: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-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}
|
|
/*# sourceURL=global-styles-inline-css */
|
|
</style>
|
|
|
|
<link rel='stylesheet' id='contact-form-7-css' href='https://www.topcloud-japan.co.jp/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=6.1.1' type='text/css' media='all' />
|
|
<link rel='stylesheet' id='quiz-maker-css' href='https://www.topcloud-japan.co.jp/wp-content/plugins/quiz-maker/public/css/quiz-maker-public.css?ver=6.7.0.59' type='text/css' media='all' />
|
|
<link rel='stylesheet' id='bizroot-fonts-css' href='https://www.topcloud-japan.co.jp/wp-content/fonts/1b61b04611cc9c934cd5f8d675794112.css' type='text/css' media='all' />
|
|
<link rel='stylesheet' id='bizroot-font-awesome-css' href='https://www.topcloud-japan.co.jp/wp-content/themes/bizroot/third-party/font-awesome/css/all.min.css?ver=6.7.2' type='text/css' media='all' />
|
|
<link rel='stylesheet' id='jquery-sidr-css' href='https://www.topcloud-japan.co.jp/wp-content/themes/bizroot/third-party/sidr/css/jquery.sidr.dark.min.css?ver=2.2.1' type='text/css' media='all' />
|
|
<link rel='stylesheet' id='bizroot-style-css' href='https://www.topcloud-japan.co.jp/wp-content/themes/bizroot/style.css?ver=2.1' type='text/css' media='all' />
|
|
<link rel='stylesheet' id='bizroot-block-style-css' href='https://www.topcloud-japan.co.jp/wp-content/themes/bizroot/css/blocks.css?ver=2.1' type='text/css' media='all' />
|
|
<link rel='stylesheet' id='elementor-frontend-css' href='https://www.topcloud-japan.co.jp/wp-content/plugins/elementor/assets/css/frontend.min.css?ver=3.31.2' type='text/css' media='all' />
|
|
<link rel='stylesheet' id='elementor-post-148-css' href='https://www.topcloud-japan.co.jp/wp-content/uploads/elementor/css/post-148.css?ver=1775175923' type='text/css' media='all' />
|
|
<link rel='stylesheet' id='elementor-post-2178-css' href='https://www.topcloud-japan.co.jp/wp-content/uploads/elementor/css/post-2178.css?ver=1776142127' type='text/css' media='all' />
|
|
<link rel='stylesheet' id='elementor-gf-local-roboto-css' href='https://www.topcloud-japan.co.jp/wp-content/uploads/elementor/google-fonts/css/roboto.css?ver=1755191381' type='text/css' media='all' />
|
|
<link rel='stylesheet' id='elementor-gf-local-robotoslab-css' href='https://www.topcloud-japan.co.jp/wp-content/uploads/elementor/google-fonts/css/robotoslab.css?ver=1755485865' type='text/css' media='all' />
|
|
<script type="text/javascript" src="https://www.topcloud-japan.co.jp/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script>
|
|
<script type="text/javascript" src="https://www.topcloud-japan.co.jp/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script>
|
|
<link rel="https://api.w.org/" href="https://www.topcloud-japan.co.jp/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://www.topcloud-japan.co.jp/wp-json/wp/v2/pages/2178" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://www.topcloud-japan.co.jp/xmlrpc.php?rsd" />
|
|
<meta name="generator" content="WordPress 6.9.4" />
|
|
<link rel="canonical" href="https://www.topcloud-japan.co.jp/recruit-2/" />
|
|
<link rel='shortlink' href='https://www.topcloud-japan.co.jp/?p=2178' />
|
|
<meta name="generator" content="Elementor 3.31.2; features: e_font_icon_svg, additional_custom_breakpoints, e_element_cache; settings: css_print_method-external, google_font-enabled, font_display-swap">
|
|
<style>
|
|
.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload),
|
|
.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) * {
|
|
background-image: none !important;
|
|
}
|
|
@media screen and (max-height: 1024px) {
|
|
.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload),
|
|
.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) * {
|
|
background-image: none !important;
|
|
}
|
|
}
|
|
@media screen and (max-height: 640px) {
|
|
.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload),
|
|
.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) * {
|
|
background-image: none !important;
|
|
}
|
|
}
|
|
</style>
|
|
<link rel="icon" href="https://www.topcloud-japan.co.jp/wp-content/uploads/2025/11/cropped-ChatGPT-Image-2025年11月17日-18_15_48-32x32.png" sizes="32x32" />
|
|
<link rel="icon" href="https://www.topcloud-japan.co.jp/wp-content/uploads/2025/11/cropped-ChatGPT-Image-2025年11月17日-18_15_48-192x192.png" sizes="192x192" />
|
|
<link rel="apple-touch-icon" href="https://www.topcloud-japan.co.jp/wp-content/uploads/2025/11/cropped-ChatGPT-Image-2025年11月17日-18_15_48-180x180.png" />
|
|
<meta name="msapplication-TileImage" content="https://www.topcloud-japan.co.jp/wp-content/uploads/2025/11/cropped-ChatGPT-Image-2025年11月17日-18_15_48-270x270.png" />
|
|
<style type="text/css" id="wp-custom-css">
|
|
/*新版募集研修隐藏原页眉 */
|
|
.page-id-93 #custom-header {
|
|
display: none !important;
|
|
}
|
|
|
|
/* 半透明玻璃效果导航 */
|
|
.page-id-93 #masthead {
|
|
position: absolute !important;
|
|
top: 0 !important;
|
|
width: 100% !important;
|
|
z-index: 9999 !important;
|
|
background: rgba(255, 255, 255, 0.08) !important;
|
|
backdrop-filter: blur(15px) !important;
|
|
-webkit-backdrop-filter: blur(15px) !important;
|
|
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
|
|
border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
|
|
}
|
|
|
|
/* 导航文字白色 */
|
|
.page-id-93 #masthead .site-title a,
|
|
.page-id-93 #masthead .main-navigation a,
|
|
.page-id-93 #masthead a {
|
|
color: white !important;
|
|
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
|
|
}
|
|
|
|
/* 鼠标悬停 */
|
|
.page-id-93 #masthead .main-navigation a:hover {
|
|
color: #4DD0E1 !important;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/*新版募集AI隐藏原页眉 */
|
|
.page-id-66 #custom-header {
|
|
display: none !important;
|
|
}
|
|
|
|
/* 半透明玻璃效果导航 */
|
|
.page-id-66 #masthead {
|
|
position: absolute !important;
|
|
top: 0 !important;
|
|
width: 100% !important;
|
|
z-index: 9999 !important;
|
|
background: rgba(255, 255, 255, 0.08) !important;
|
|
backdrop-filter: blur(15px) !important;
|
|
-webkit-backdrop-filter: blur(15px) !important;
|
|
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
|
|
border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
|
|
}
|
|
|
|
/* 导航文字白色 */
|
|
.page-id-66 #masthead .site-title a,
|
|
.page-id-66 #masthead .main-navigation a,
|
|
.page-id-95 #masthead a {
|
|
color: white !important;
|
|
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
|
|
}
|
|
|
|
/* 鼠标悬停 */
|
|
.page-id-66 #masthead .main-navigation a:hover {
|
|
color: #4DD0E1 !important;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/*新版募集web隐藏原页眉 */
|
|
.page-id-91 #custom-header {
|
|
display: none !important;
|
|
}
|
|
|
|
/* 半透明玻璃效果导航 */
|
|
.page-id-91 #masthead {
|
|
position: absolute !important;
|
|
top: 0 !important;
|
|
width: 100% !important;
|
|
z-index: 9999 !important;
|
|
background: rgba(255, 255, 255, 0.08) !important;
|
|
backdrop-filter: blur(15px) !important;
|
|
-webkit-backdrop-filter: blur(15px) !important;
|
|
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
|
|
border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
|
|
}
|
|
|
|
/* 导航文字白色 */
|
|
.page-id-91 #masthead .site-title a,
|
|
.page-id-91 #masthead .main-navigation a,
|
|
.page-id-95 #masthead a {
|
|
color: white !important;
|
|
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
|
|
}
|
|
|
|
/* 鼠标悬停 */
|
|
.page-id-91 #masthead .main-navigation a:hover {
|
|
color: #4DD0E1 !important;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/*新版募集pathy隐藏原页眉 */
|
|
.page-id-95 #custom-header {
|
|
display: none !important;
|
|
}
|
|
|
|
/* 半透明玻璃效果导航 */
|
|
.page-id-95 #masthead {
|
|
position: absolute !important;
|
|
top: 0 !important;
|
|
width: 100% !important;
|
|
z-index: 9999 !important;
|
|
background: rgba(255, 255, 255, 0.08) !important;
|
|
backdrop-filter: blur(15px) !important;
|
|
-webkit-backdrop-filter: blur(15px) !important;
|
|
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
|
|
border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
|
|
}
|
|
|
|
/* 导航文字白色 */
|
|
.page-id-95 #masthead .site-title a,
|
|
.page-id-95 #masthead .main-navigation a,
|
|
.page-id-95 #masthead a {
|
|
color: white !important;
|
|
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
|
|
}
|
|
|
|
/* 鼠标悬停 */
|
|
.page-id-95 #masthead .main-navigation a:hover {
|
|
color: #4DD0E1 !important;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/*新版募集c++隐藏原页眉 */
|
|
.page-id-97 #custom-header {
|
|
display: none !important;
|
|
}
|
|
|
|
/* 半透明玻璃效果导航 */
|
|
.page-id-97 #masthead {
|
|
position: absolute !important;
|
|
top: 0 !important;
|
|
width: 100% !important;
|
|
z-index: 9999 !important;
|
|
background: rgba(255, 255, 255, 0.08) !important;
|
|
backdrop-filter: blur(15px) !important;
|
|
-webkit-backdrop-filter: blur(15px) !important;
|
|
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
|
|
border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
|
|
}
|
|
|
|
/* 导航文字白色 */
|
|
.page-id-97 #masthead .site-title a,
|
|
.page-id-97 #masthead .main-navigation a,
|
|
.page-id-97 #masthead a {
|
|
color: white !important;
|
|
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
|
|
}
|
|
|
|
/* 鼠标悬停 */
|
|
.page-id-97 #masthead .main-navigation a:hover {
|
|
color: #4DD0E1 !important;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/*新版募集营业隐藏原页眉 */
|
|
.page-id-89 #custom-header {
|
|
display: none !important;
|
|
}
|
|
|
|
/* 半透明玻璃效果导航 */
|
|
.page-id-89 #masthead {
|
|
position: absolute !important;
|
|
top: 0 !important;
|
|
width: 100% !important;
|
|
z-index: 9999 !important;
|
|
background: rgba(255, 255, 255, 0.08) !important;
|
|
backdrop-filter: blur(15px) !important;
|
|
-webkit-backdrop-filter: blur(15px) !important;
|
|
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
|
|
border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
|
|
}
|
|
|
|
/* 导航文字白色 */
|
|
.page-id-89 #masthead .site-title a,
|
|
.page-id-89 #masthead .main-navigation a,
|
|
.page-id-89 #masthead a {
|
|
color: white !important;
|
|
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
|
|
}
|
|
|
|
/* 鼠标悬停 */
|
|
.page-id-89 #masthead .main-navigation a:hover {
|
|
color: #4DD0E1 !important;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/*新版募集java隐藏原页眉 */
|
|
.page-id-86 #custom-header {
|
|
display: none !important;
|
|
}
|
|
|
|
/* 半透明玻璃效果导航 */
|
|
.page-id-86 #masthead {
|
|
position: absolute !important;
|
|
top: 0 !important;
|
|
width: 100% !important;
|
|
z-index: 9999 !important;
|
|
background: rgba(255, 255, 255, 0.08) !important;
|
|
backdrop-filter: blur(15px) !important;
|
|
-webkit-backdrop-filter: blur(15px) !important;
|
|
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
|
|
border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
|
|
}
|
|
|
|
/* 导航文字白色 */
|
|
.page-id-86 #masthead .site-title a,
|
|
.page-id-86 #masthead .main-navigation a,
|
|
.page-id-86 #masthead a {
|
|
color: white !important;
|
|
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
|
|
}
|
|
|
|
/* 鼠标悬停 */
|
|
.page-id-86 #masthead .main-navigation a:hover {
|
|
color: #4DD0E1 !important;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/*新版募集pmpl隐藏原页眉 */
|
|
.page-id-84 #custom-header {
|
|
display: none !important;
|
|
}
|
|
|
|
/* 半透明玻璃效果导航 */
|
|
.page-id-84 #masthead {
|
|
position: absolute !important;
|
|
top: 0 !important;
|
|
width: 100% !important;
|
|
z-index: 9999 !important;
|
|
background: rgba(255, 255, 255, 0.08) !important;
|
|
backdrop-filter: blur(15px) !important;
|
|
-webkit-backdrop-filter: blur(15px) !important;
|
|
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
|
|
border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
|
|
}
|
|
|
|
/* 导航文字白色 */
|
|
.page-id-84 #masthead .site-title a,
|
|
.page-id-84 #masthead .main-navigation a,
|
|
.page-id-84 #masthead a {
|
|
color: white !important;
|
|
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
|
|
}
|
|
|
|
/* 鼠标悬停 */
|
|
.page-id-84 #masthead .main-navigation a:hover {
|
|
color: #4DD0E1 !important;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/*新版详细率隐藏原页眉 */
|
|
.page-id-1586 #custom-header {
|
|
display: none !important;
|
|
}
|
|
|
|
/* 半透明玻璃效果导航 */
|
|
.page-id-1586 #masthead {
|
|
position: absolute !important;
|
|
top: 0 !important;
|
|
width: 100% !important;
|
|
z-index: 9999 !important;
|
|
background: rgba(255, 255, 255, 0.08) !important;
|
|
backdrop-filter: blur(15px) !important;
|
|
-webkit-backdrop-filter: blur(15px) !important;
|
|
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
|
|
border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
|
|
}
|
|
|
|
/* 导航文字白色 */
|
|
.page-id-1586 #masthead .site-title a,
|
|
.page-id-1586 #masthead .main-navigation a,
|
|
.page-id-1586 #masthead a {
|
|
color: white !important;
|
|
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
|
|
}
|
|
|
|
/* 鼠标悬停 */
|
|
.page-id-1586 #masthead .main-navigation a:hover {
|
|
color: #4DD0E1 !important;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*新版什么方针隐藏原页眉 */
|
|
.page-id-1206 #custom-header {
|
|
display: none !important;
|
|
}
|
|
|
|
/* 半透明玻璃效果导航 */
|
|
.page-id-1206 #masthead {
|
|
position: absolute !important;
|
|
top: 0 !important;
|
|
width: 100% !important;
|
|
z-index: 9999 !important;
|
|
background: rgba(255, 255, 255, 0.08) !important;
|
|
backdrop-filter: blur(15px) !important;
|
|
-webkit-backdrop-filter: blur(15px) !important;
|
|
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
|
|
border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
|
|
}
|
|
|
|
/* 导航文字白色 */
|
|
.page-id-1206 #masthead .site-title a,
|
|
.page-id-1206 #masthead .main-navigation a,
|
|
.page-id-1206 #masthead a {
|
|
color: white !important;
|
|
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
|
|
}
|
|
|
|
/* 鼠标悬停 */
|
|
.page-id-1206 #masthead .main-navigation a:hover {
|
|
color: #4DD0E1 !important;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/*新版组织图隐藏原页眉 */
|
|
.page-id-999 #custom-header {
|
|
display: none !important;
|
|
}
|
|
|
|
/* 半透明玻璃效果导航 */
|
|
.page-id-999 #masthead {
|
|
position: absolute !important;
|
|
top: 0 !important;
|
|
width: 100% !important;
|
|
z-index: 9999 !important;
|
|
background: rgba(255, 255, 255, 0.08) !important;
|
|
backdrop-filter: blur(15px) !important;
|
|
-webkit-backdrop-filter: blur(15px) !important;
|
|
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
|
|
border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
|
|
}
|
|
|
|
/* 导航文字白色 */
|
|
.page-id-999 #masthead .site-title a,
|
|
.page-id-999 #masthead .main-navigation a,
|
|
.page-id-999 #masthead a {
|
|
color: white !important;
|
|
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
|
|
}
|
|
|
|
/* 鼠标悬停 */
|
|
.page-id-999 #masthead .main-navigation a:hover {
|
|
color: #4DD0E1 !important;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/*新版募集方法隐藏原页眉 */
|
|
.page-id-1432 #custom-header {
|
|
display: none !important;
|
|
}
|
|
|
|
/* 半透明玻璃效果导航 */
|
|
.page-id-1432 #masthead {
|
|
position: absolute !important;
|
|
top: 0 !important;
|
|
width: 100% !important;
|
|
z-index: 9999 !important;
|
|
background: rgba(255, 255, 255, 0.08) !important;
|
|
backdrop-filter: blur(15px) !important;
|
|
-webkit-backdrop-filter: blur(15px) !important;
|
|
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
|
|
border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
|
|
}
|
|
|
|
/* 导航文字白色 */
|
|
.page-id-1432 #masthead .site-title a,
|
|
.page-id-1432 #masthead .main-navigation a,
|
|
.page-id-1432 #masthead a {
|
|
color: white !important;
|
|
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
|
|
}
|
|
|
|
/* 鼠标悬停 */
|
|
.page-id-1432 #masthead .main-navigation a:hover {
|
|
color: #4DD0E1 !important;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/*新版采用情报隐藏原页眉 */
|
|
.page-id-723 #custom-header {
|
|
display: none !important;
|
|
}
|
|
|
|
/* 半透明玻璃效果导航 */
|
|
.page-id-723 #masthead {
|
|
position: absolute !important;
|
|
top: 0 !important;
|
|
width: 100% !important;
|
|
z-index: 9999 !important;
|
|
background: rgba(255, 255, 255, 0.08) !important;
|
|
backdrop-filter: blur(15px) !important;
|
|
-webkit-backdrop-filter: blur(15px) !important;
|
|
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
|
|
border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
|
|
}
|
|
|
|
/* 导航文字白色 */
|
|
.page-id-723 #masthead .site-title a,
|
|
.page-id-723 #masthead .main-navigation a,
|
|
.page-id-723 #masthead a {
|
|
color: white !important;
|
|
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
|
|
}
|
|
|
|
/* 鼠标悬停 */
|
|
.page-id-723 #masthead .main-navigation a:hover {
|
|
color: #4DD0E1 !important;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/*新版社员福利隐藏原页眉 */
|
|
.page-id-2038 #custom-header {
|
|
display: none !important;
|
|
}
|
|
|
|
/* 半透明玻璃效果导航 */
|
|
.page-id-2038 #masthead {
|
|
position: absolute !important;
|
|
top: 0 !important;
|
|
width: 100% !important;
|
|
z-index: 9999 !important;
|
|
background: rgba(255, 255, 255, 0.08) !important;
|
|
backdrop-filter: blur(15px) !important;
|
|
-webkit-backdrop-filter: blur(15px) !important;
|
|
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
|
|
border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
|
|
}
|
|
|
|
/* 导航文字白色 */
|
|
.page-id-2038 #masthead .site-title a,
|
|
.page-id-2038 #masthead .main-navigation a,
|
|
.page-id-2038 #masthead a {
|
|
color: white !important;
|
|
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
|
|
}
|
|
|
|
/* 鼠标悬停 */
|
|
.page-id-2038 #masthead .main-navigation a:hover {
|
|
color: #4DD0E1 !important;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/*新版常用网站隐藏原页眉 */
|
|
.page-id-2095 #custom-header {
|
|
display: none !important;
|
|
}
|
|
|
|
/* 半透明玻璃效果导航 */
|
|
.page-id-2095 #masthead {
|
|
position: absolute !important;
|
|
top: 0 !important;
|
|
width: 100% !important;
|
|
z-index: 9999 !important;
|
|
background: rgba(255, 255, 255, 0.08) !important;
|
|
backdrop-filter: blur(15px) !important;
|
|
-webkit-backdrop-filter: blur(15px) !important;
|
|
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
|
|
border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
|
|
}
|
|
|
|
/* 导航文字白色 */
|
|
.page-id-2095 #masthead .site-title a,
|
|
.page-id-2095 #masthead .main-navigation a,
|
|
.page-id-2095 #masthead a {
|
|
color: white !important;
|
|
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
|
|
}
|
|
|
|
/* 鼠标悬停 */
|
|
.page-id-2095 #masthead .main-navigation a:hover {
|
|
color: #4DD0E1 !important;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/*新版测试答题隐藏原页眉 */
|
|
.page-id-1133 #custom-header {
|
|
display: none !important;
|
|
}
|
|
|
|
/* 半透明玻璃效果导航 */
|
|
.page-id-1133 #masthead {
|
|
position: absolute !important;
|
|
top: 0 !important;
|
|
width: 100% !important;
|
|
z-index: 9999 !important;
|
|
background: rgba(255, 255, 255, 0.08) !important;
|
|
backdrop-filter: blur(15px) !important;
|
|
-webkit-backdrop-filter: blur(15px) !important;
|
|
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
|
|
border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
|
|
}
|
|
|
|
/* 导航文字白色 */
|
|
.page-id-1133 #masthead .site-title a,
|
|
.page-id-1133 #masthead .main-navigation a,
|
|
.page-id-1133 #masthead a {
|
|
color: white !important;
|
|
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
|
|
}
|
|
|
|
/* 鼠标悬停 */
|
|
.page-id-1133 #masthead .main-navigation a:hover {
|
|
color: #4DD0E1 !important;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/*新版社内下载隐藏原页眉 */
|
|
.page-id-1318 #custom-header {
|
|
display: none !important;
|
|
}
|
|
|
|
/* 半透明玻璃效果导航 */
|
|
.page-id-1318 #masthead {
|
|
position: absolute !important;
|
|
top: 0 !important;
|
|
width: 100% !important;
|
|
z-index: 9999 !important;
|
|
background: rgba(255, 255, 255, 0.08) !important;
|
|
backdrop-filter: blur(15px) !important;
|
|
-webkit-backdrop-filter: blur(15px) !important;
|
|
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
|
|
border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
|
|
}
|
|
|
|
/* 导航文字白色 */
|
|
.page-id-1318 #masthead .site-title a,
|
|
.page-id-1318 #masthead .main-navigation a,
|
|
.page-id-1318 #masthead a {
|
|
color: white !important;
|
|
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
|
|
}
|
|
|
|
/* 鼠标悬停 */
|
|
.page-id-1318 #masthead .main-navigation a:hover {
|
|
color: #4DD0E1 !important;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/*新版会社情报隐藏原页眉 */
|
|
.page-id-74 #custom-header {
|
|
display: none !important;
|
|
}
|
|
|
|
/* 半透明玻璃效果导航 */
|
|
.page-id-74 #masthead {
|
|
position: absolute !important;
|
|
top: 0 !important;
|
|
width: 100% !important;
|
|
z-index: 9999 !important;
|
|
background: rgba(255, 255, 255, 0.08) !important;
|
|
backdrop-filter: blur(15px) !important;
|
|
-webkit-backdrop-filter: blur(15px) !important;
|
|
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
|
|
border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
|
|
}
|
|
|
|
/* 导航文字白色 */
|
|
.page-id-74 #masthead .site-title a,
|
|
.page-id-74 #masthead .main-navigation a,
|
|
.page-id-74 #masthead a {
|
|
color: white !important;
|
|
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
|
|
}
|
|
|
|
/* 鼠标悬停 */
|
|
.page-id-74 #masthead .main-navigation a:hover {
|
|
color: #4DD0E1 !important;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/*新版个人情报隐藏原页眉 */
|
|
.page-id-76 #custom-header {
|
|
display: none !important;
|
|
}
|
|
|
|
/* 半透明玻璃效果导航 */
|
|
.page-id-76 #masthead {
|
|
position: absolute !important;
|
|
top: 0 !important;
|
|
width: 100% !important;
|
|
z-index: 9999 !important;
|
|
background: rgba(255, 255, 255, 0.08) !important;
|
|
backdrop-filter: blur(15px) !important;
|
|
-webkit-backdrop-filter: blur(15px) !important;
|
|
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
|
|
border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
|
|
}
|
|
|
|
/* 导航文字白色 */
|
|
.page-id-76 #masthead .site-title a,
|
|
.page-id-76 #masthead .main-navigation a,
|
|
.page-id-76 #masthead a {
|
|
color: white !important;
|
|
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
|
|
}
|
|
|
|
/* 鼠标悬停 */
|
|
.page-id-76 #masthead .main-navigation a:hover {
|
|
color: #4DD0E1 !important;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/*新版打合隐藏原页眉 */
|
|
.page-id-153 #custom-header {
|
|
display: none !important;
|
|
}
|
|
|
|
/* 半透明玻璃效果导航 */
|
|
.page-id-153 #masthead {
|
|
position: absolute !important;
|
|
top: 0 !important;
|
|
width: 100% !important;
|
|
z-index: 9999 !important;
|
|
background: rgba(255, 255, 255, 0.08) !important;
|
|
backdrop-filter: blur(15px) !important;
|
|
-webkit-backdrop-filter: blur(15px) !important;
|
|
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
|
|
border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
|
|
}
|
|
|
|
/* 导航文字白色 */
|
|
.page-id-153 #masthead .site-title a,
|
|
.page-id-153 #masthead .main-navigation a,
|
|
.page-id-1248 #masthead a {
|
|
color: white !important;
|
|
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
|
|
}
|
|
|
|
/* 鼠标悬停 */
|
|
.page-id-153 #masthead .main-navigation a:hover {
|
|
color: #4DD0E1 !important;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*新版面向社员隐藏原页眉 */
|
|
.page-id-1248 #custom-header {
|
|
display: none !important;
|
|
}
|
|
|
|
/* 半透明玻璃效果导航 */
|
|
.page-id-1248 #masthead {
|
|
position: absolute !important;
|
|
top: 0 !important;
|
|
width: 100% !important;
|
|
z-index: 9999 !important;
|
|
background: rgba(255, 255, 255, 0.08) !important;
|
|
backdrop-filter: blur(15px) !important;
|
|
-webkit-backdrop-filter: blur(15px) !important;
|
|
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
|
|
border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
|
|
}
|
|
|
|
/* 导航文字白色 */
|
|
.page-id-1248 #masthead .site-title a,
|
|
.page-id-1248 #masthead .main-navigation a,
|
|
.page-id-1248 #masthead a {
|
|
color: white !important;
|
|
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
|
|
}
|
|
|
|
/* 鼠标悬停 */
|
|
.page-id-1248 #masthead .main-navigation a:hover {
|
|
color: #4DD0E1 !important;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/*新版业务咨询隐藏原页眉 */
|
|
.page-id-2192 #custom-header {
|
|
display: none !important;
|
|
}
|
|
|
|
/* 半透明玻璃效果导航 */
|
|
.page-id-2192 #masthead {
|
|
position: absolute !important;
|
|
top: 0 !important;
|
|
width: 100% !important;
|
|
z-index: 9999 !important;
|
|
background: rgba(255, 255, 255, 0.08) !important;
|
|
backdrop-filter: blur(15px) !important;
|
|
-webkit-backdrop-filter: blur(15px) !important;
|
|
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
|
|
border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
|
|
}
|
|
|
|
/* 导航文字白色 */
|
|
.page-id-2192 #masthead .site-title a,
|
|
.page-id-2192 #masthead .main-navigation a,
|
|
.page-id-2192 #masthead a {
|
|
color: white !important;
|
|
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
|
|
}
|
|
|
|
/* 鼠标悬停 */
|
|
.page-id-2152 #masthead .main-navigation a:hover {
|
|
color: #4DD0E1 !important;
|
|
}
|
|
|
|
|
|
|
|
|
|
/*新版采用隐藏原页眉 */
|
|
.page-id-2178 #custom-header {
|
|
display: none !important;
|
|
}
|
|
|
|
/* 半透明玻璃效果导航 */
|
|
.page-id-2178 #masthead {
|
|
position: absolute !important;
|
|
top: 0 !important;
|
|
width: 100% !important;
|
|
z-index: 9999 !important;
|
|
background: rgba(255, 255, 255, 0.08) !important;
|
|
backdrop-filter: blur(15px) !important;
|
|
-webkit-backdrop-filter: blur(15px) !important;
|
|
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
|
|
border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
|
|
}
|
|
|
|
/* 导航文字白色 */
|
|
.page-id-2178 #masthead .site-title a,
|
|
.page-id-2178 #masthead .main-navigation a,
|
|
.page-id-2178 #masthead a {
|
|
color: white !important;
|
|
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
|
|
}
|
|
|
|
/* 鼠标悬停 */
|
|
.page-id-2152 #masthead .main-navigation a:hover {
|
|
color: #4DD0E1 !important;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* 新版首页隐藏原页眉 */
|
|
.page-id-2152 #custom-header {
|
|
display: none !important;
|
|
}
|
|
/* 半透明玻璃效果导航 */
|
|
.page-id-2152 #masthead {
|
|
position: absolute !important;
|
|
top: 0 !important;
|
|
width: 100% !important;
|
|
z-index: 9999 !important;
|
|
background: rgba(0, 30, 80, 0.85) !important; /* ← 改这里！深蓝色 */
|
|
backdrop-filter: blur(15px) !important;
|
|
-webkit-backdrop-filter: blur(15px) !important;
|
|
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
|
|
border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
|
|
}
|
|
/* 导航文字白色 */
|
|
.page-id-2152 #masthead .site-title a,
|
|
.page-id-2152 #masthead .main-navigation a,
|
|
.page-id-1867 #masthead a {
|
|
color: white !important;
|
|
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
|
|
}
|
|
/* 鼠标悬停 */
|
|
.page-id-2152 #masthead .main-navigation a:hover {
|
|
color: #4DD0E1 !important;
|
|
}
|
|
|
|
|
|
/* 事业领域隐藏原页眉 */
|
|
.page-id-72 #custom-header {
|
|
display: none !important;
|
|
}
|
|
|
|
/* 半透明玻璃效果导航 */
|
|
.page-id-72 #masthead {
|
|
position: absolute !important;
|
|
top: 0 !important;
|
|
width: 100% !important;
|
|
z-index: 9999 !important;
|
|
background: rgba(255, 255, 255, 0.08) !important;
|
|
backdrop-filter: blur(15px) !important;
|
|
-webkit-backdrop-filter: blur(15px) !important;
|
|
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
|
|
border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
|
|
}
|
|
|
|
/* 导航文字白色 */
|
|
.page-id-1867 #masthead .site-title a,
|
|
.page-id-1867 #masthead .main-navigation a,
|
|
.page-id-1867 #masthead a {
|
|
color: white !important;
|
|
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
|
|
}
|
|
|
|
/* 鼠标悬停 */
|
|
.page-id-1867 #masthead .main-navigation a:hover {
|
|
color: #4DD0E1 !important;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* 首页隐藏原页眉 */
|
|
.page-id-348 #custom-header {
|
|
display: none !important;
|
|
}
|
|
|
|
/* 半透明玻璃效果导航 */
|
|
.page-id-348 #masthead {
|
|
position: absolute !important;
|
|
top: 0 !important;
|
|
width: 100% !important;
|
|
z-index: 9999 !important;
|
|
background: rgba(255, 255, 255, 0.08) !important;
|
|
backdrop-filter: blur(15px) !important;
|
|
-webkit-backdrop-filter: blur(15px) !important;
|
|
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
|
|
border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
|
|
}
|
|
|
|
/* 导航文字白色 */
|
|
.page-id-1867 #masthead .site-title a,
|
|
.page-id-1867 #masthead .main-navigation a,
|
|
.page-id-1867 #masthead a {
|
|
color: white !important;
|
|
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
|
|
}
|
|
|
|
/* 鼠标悬停 */
|
|
.page-id-1867 #masthead .main-navigation a:hover {
|
|
color: #4DD0E1 !important;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* 隐藏原页眉 */
|
|
.page-id-1867 #custom-header {
|
|
display: none !important;
|
|
}
|
|
|
|
/* 半透明玻璃效果导航 */
|
|
.page-id-1867 #masthead {
|
|
position: absolute !important;
|
|
top: 0 !important;
|
|
width: 100% !important;
|
|
z-index: 9999 !important;
|
|
background: rgba(255, 255, 255, 0.08) !important;
|
|
backdrop-filter: blur(15px) !important;
|
|
-webkit-backdrop-filter: blur(15px) !important;
|
|
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
|
|
border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
|
|
}
|
|
|
|
/* 导航文字白色 */
|
|
.page-id-1867 #masthead .site-title a,
|
|
.page-id-1867 #masthead .main-navigation a,
|
|
.page-id-1867 #masthead a {
|
|
color: white !important;
|
|
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
|
|
}
|
|
|
|
/* 鼠标悬停 */
|
|
.page-id-1867 #masthead .main-navigation a:hover {
|
|
color: #4DD0E1 !important;
|
|
}
|
|
/* ==========================================
|
|
修复招聘卡片手机端图标对齐问题
|
|
========================================== */
|
|
|
|
@media (max-width: 768px) {
|
|
/* 强制卡片内容垂直排列并左对齐 */
|
|
.job-card-content {
|
|
flex-direction: column !important;
|
|
align-items: flex-start !important;
|
|
}
|
|
|
|
/* 职位信息区域 */
|
|
.job-info {
|
|
width: 100% !important;
|
|
padding-right: 0 !important;
|
|
margin-bottom: 20px !important;
|
|
}
|
|
|
|
/* 职位详情容器 */
|
|
.job-details {
|
|
width: 100% !important;
|
|
display: flex !important;
|
|
flex-direction: column !important;
|
|
gap: 12px !important;
|
|
}
|
|
|
|
/* 每个详情项左对齐 */
|
|
.job-detail-item {
|
|
display: flex !important;
|
|
align-items: center !important;
|
|
justify-content: flex-start !important;
|
|
width: 100% !important;
|
|
}
|
|
|
|
/* 图标固定宽度并左对齐 */
|
|
.job-icon {
|
|
width: 25px !important;
|
|
height: 25px !important;
|
|
margin-right: 12px !important;
|
|
flex-shrink: 0 !important;
|
|
display: flex !important;
|
|
align-items: center !important;
|
|
justify-content: center !important;
|
|
}
|
|
|
|
/* 图片区域调整 */
|
|
.job-image-section {
|
|
width: 100% !important;
|
|
justify-content: flex-start !important;
|
|
align-items: center !important;
|
|
display: flex !important;
|
|
}
|
|
|
|
/* 职位图片 */
|
|
.job-image {
|
|
width: 120px !important;
|
|
height: 80px !important;
|
|
margin-right: 15px !important;
|
|
}
|
|
|
|
/* 箭头位置 */
|
|
.job-arrow {
|
|
position: static !important;
|
|
margin-left: auto !important;
|
|
}
|
|
|
|
/* 更新日期 */
|
|
.job-updated {
|
|
text-align: left !important;
|
|
margin-top: 15px !important;
|
|
}
|
|
}
|
|
/* ==========================================
|
|
只修复Elementor文字竖排问题
|
|
========================================== */
|
|
|
|
@media (max-width: 768px) {
|
|
/* 强制所有Elementor文字横向显示 */
|
|
.elementor-widget-text-editor,
|
|
.elementor-widget-heading,
|
|
.elementor-text-editor,
|
|
.elementor-heading-title {
|
|
writing-mode: horizontal-tb !important;
|
|
-webkit-writing-mode: horizontal-tb !important;
|
|
text-orientation: mixed !important;
|
|
}
|
|
|
|
/* 强制内部所有元素横向 */
|
|
.elementor-widget-text-editor *,
|
|
.elementor-widget-heading *,
|
|
.elementor-text-editor * {
|
|
writing-mode: horizontal-tb !important;
|
|
-webkit-writing-mode: horizontal-tb !important;
|
|
text-orientation: mixed !important;
|
|
white-space: normal !important;
|
|
word-break: break-word !important;
|
|
overflow-wrap: break-word !important;
|
|
}
|
|
|
|
/* 调整字体大小，让文字能正常换行 */
|
|
.elementor-widget-text-editor p,
|
|
.elementor-text-editor p {
|
|
font-size: 13px !important;
|
|
line-height: 1.6 !important;
|
|
word-break: break-word !important;
|
|
display: block !important;
|
|
width: 100% !important;
|
|
}
|
|
|
|
/* 标题也横向 */
|
|
.elementor-heading-title {
|
|
font-size: 16px !important;
|
|
line-height: 1.5 !important;
|
|
word-break: break-word !important;
|
|
white-space: normal !important;
|
|
}
|
|
}
|
|
@media (max-width: 768px) {
|
|
/* 增加容器宽度 */
|
|
.elementor-column,
|
|
.elementor-widget-wrap,
|
|
.elementor-widget-container {
|
|
width: 100% !important;
|
|
max-width: 100% !important;
|
|
padding-left: 15px !important;
|
|
padding-right: 15px !important;
|
|
}
|
|
|
|
/* 确保文字容器有足够宽度 */
|
|
.elementor-widget-text-editor,
|
|
.elementor-widget-heading {
|
|
width: 100% !important;
|
|
}
|
|
}
|
|
|
|
/* aaaaaaaaaa在原有CSS中添加/修改手机端样式 */
|
|
|
|
/* 手机端适配 */
|
|
@media (max-width: 768px) {
|
|
.margin-rate-container {
|
|
padding: 10px;
|
|
margin: 20px auto;
|
|
}
|
|
|
|
.margin-rate-header {
|
|
font-size: 13px;
|
|
line-height: 1.6;
|
|
}
|
|
|
|
.margin-rate-formula {
|
|
font-size: 14px;
|
|
margin: 20px 0;
|
|
padding: 0 10px;
|
|
}
|
|
|
|
.margin-rate-title {
|
|
font-size: 18px;
|
|
padding: 20px 15px;
|
|
}
|
|
|
|
.margin-rate-table td {
|
|
padding: 12px 10px; /* 减小内边距 */
|
|
font-size: 14px;
|
|
}
|
|
|
|
.margin-rate-table td:first-child {
|
|
width: 40px; /* 序号列更窄 */
|
|
font-size: 16px;
|
|
}
|
|
|
|
.margin-rate-table td:nth-child(2) {
|
|
width: 35%; /* 标题列调整 */
|
|
font-size: 14px;
|
|
}
|
|
|
|
.margin-rate-table td:nth-child(3) {
|
|
font-size: 13px;
|
|
line-height: 1.6;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 480px) {
|
|
.margin-rate-container {
|
|
padding: 5px;
|
|
}
|
|
|
|
.margin-rate-header {
|
|
font-size: 11px;
|
|
}
|
|
|
|
.margin-rate-formula {
|
|
font-size: 12px;
|
|
}
|
|
|
|
.margin-rate-title {
|
|
font-size: 16px;
|
|
padding: 15px 10px;
|
|
}
|
|
|
|
.margin-rate-table td {
|
|
padding: 10px 8px;
|
|
font-size: 13px;
|
|
}
|
|
|
|
.margin-rate-table td:first-child {
|
|
width: 35px;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.margin-rate-table td:nth-child(2) {
|
|
font-size: 13px;
|
|
}
|
|
|
|
.margin-rate-table td:nth-child(3) {
|
|
font-size: 12px;
|
|
}
|
|
|
|
.margin-rate-table ul {
|
|
padding-left: 0;
|
|
}
|
|
|
|
.margin-rate-table li {
|
|
font-size: 12px;
|
|
margin-bottom: 6px;
|
|
}
|
|
}
|
|
/* 公开 - 完全仿照組織図样式 */
|
|
/* margin-section 基础样式 */
|
|
.margin-section {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
padding: 20px 0;
|
|
border-bottom: 2px solid #e0e0e0;
|
|
max-width: 1200px;
|
|
margin: 0 auto;
|
|
gap: 20px;
|
|
}
|
|
|
|
.margin-header {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 10px;
|
|
}
|
|
|
|
.margin-icon {
|
|
color: #4a90e2;
|
|
font-size: 20px;
|
|
}
|
|
|
|
.margin-title {
|
|
font-size: 18px;
|
|
font-weight: 500;
|
|
color: #333;
|
|
margin: 0;
|
|
}
|
|
|
|
.margin-link-wrapper {
|
|
flex: 1;
|
|
display: flex;
|
|
justify-content: flex-start;
|
|
margin-left: 335px;
|
|
}
|
|
|
|
.margin-link {
|
|
display: inline-block;
|
|
color: #4a90e2;
|
|
text-decoration: none;
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
padding: 8px 16px;
|
|
border: 1px solid #4a90e2;
|
|
border-radius: 4px;
|
|
transition: all 0.3s ease;
|
|
}
|
|
|
|
.margin-link:hover {
|
|
background-color: #4a90e2;
|
|
color: white;
|
|
}
|
|
|
|
/* margin-section 响应式设计 */
|
|
@media (max-width: 768px) {
|
|
.margin-section {
|
|
flex-direction: column;
|
|
align-items: center;
|
|
padding: 16px 0;
|
|
gap: 16px;
|
|
}
|
|
|
|
.margin-header {
|
|
justify-content: center;
|
|
}
|
|
|
|
.margin-title {
|
|
font-size: 16px;
|
|
}
|
|
|
|
.margin-link-wrapper {
|
|
width: 100%;
|
|
margin-left: 230px;
|
|
}
|
|
|
|
.margin-link {
|
|
padding: 10px 20px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 480px) {
|
|
.margin-section {
|
|
padding: 12px 0;
|
|
}
|
|
|
|
.margin-icon {
|
|
font-size: 18px;
|
|
}
|
|
|
|
.margin-title {
|
|
font-size: 15px;
|
|
}
|
|
|
|
.margin-link {
|
|
font-size: 13px;
|
|
padding: 8px 16px;
|
|
}
|
|
}
|
|
|
|
/* button-styles.css - 完全仿照組織図样式 */
|
|
|
|
/* 主容器样式 - 仿照 organization-section */
|
|
.harassment-section {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
padding: 20px 0;
|
|
border-bottom: 2px solid #e0e0e0;
|
|
max-width: 1200px;
|
|
margin: 0 auto;
|
|
gap: 20px;
|
|
}
|
|
|
|
/* 左侧标题区域 - 仿照 organization-header */
|
|
.harassment-header {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 10px;
|
|
}
|
|
|
|
/* 图标样式 - 仿照 organization-icon */
|
|
.harassment-icon {
|
|
color: #4a90e2;
|
|
font-size: 20px;
|
|
}
|
|
|
|
/* 标题样式 - 仿照 organization-title */
|
|
.harassment-title {
|
|
font-size: 18px;
|
|
font-weight: 500;
|
|
color: #333;
|
|
margin: 0;
|
|
}
|
|
|
|
/* 右侧链接容器 - 向左对齐 */
|
|
.harassment-link-wrapper {
|
|
flex: 1;
|
|
display: flex;
|
|
justify-content: flex-start;
|
|
margin-left: 228px;
|
|
}
|
|
|
|
/* 链接按钮样式 - 仿照 organization-link */
|
|
.harassment-link {
|
|
display: inline-block;
|
|
color: #4a90e2;
|
|
text-decoration: none;
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
padding: 8px 16px;
|
|
border: 1px solid #4a90e2;
|
|
border-radius: 4px;
|
|
transition: all 0.3s ease;
|
|
}
|
|
|
|
/* 链接悬停效果 - 仿照 organization-link:hover */
|
|
.harassment-link:hover {
|
|
background-color: #4a90e2;
|
|
color: white;
|
|
transform: translateY(-1px);
|
|
}
|
|
|
|
/* 响应式设计 */
|
|
@media (max-width: 768px) {
|
|
.harassment-section {
|
|
flex-direction: column;
|
|
align-items: center;
|
|
padding: 16px 0;
|
|
gap: 16px;
|
|
}
|
|
|
|
.harassment-header {
|
|
justify-content: center;
|
|
}
|
|
|
|
.harassment-title {
|
|
font-size: 16px;
|
|
}
|
|
|
|
.harassment-link-wrapper {
|
|
width: 100%;
|
|
justify-content: center;
|
|
}
|
|
|
|
.harassment-link {
|
|
padding: 10px 20px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 480px) {
|
|
.harassment-section {
|
|
padding: 12px 0;
|
|
}
|
|
|
|
.harassment-icon {
|
|
font-size: 18px;
|
|
}
|
|
|
|
.harassment-title {
|
|
font-size: 15px;
|
|
}
|
|
|
|
.harassment-link {
|
|
font-size: 13px;
|
|
padding: 8px 16px;
|
|
}
|
|
}
|
|
|
|
|
|
/* 组织图 */
|
|
.organization-section {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
padding: 20px 0;
|
|
border-bottom: 2px solid #e0e0e0;
|
|
max-width: 1200px;
|
|
margin: 0 auto;
|
|
gap: 20px;
|
|
}
|
|
|
|
.organization-header {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 10px;
|
|
}
|
|
|
|
.organization-icon {
|
|
color: #4a90e2;
|
|
font-size: 20px;
|
|
}
|
|
|
|
.organization-title {
|
|
font-size: 18px;
|
|
font-weight: 500;
|
|
color: #333;
|
|
margin: 0;
|
|
}
|
|
|
|
.organization-link-wrapper {
|
|
flex: 1;
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
|
|
.organization-link {
|
|
display: inline-block;
|
|
color: #4a90e2;
|
|
text-decoration: none;
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
padding: 8px 16px;
|
|
border: 1px solid #4a90e2;
|
|
border-radius: 4px;
|
|
transition: all 0.3s ease;
|
|
}
|
|
|
|
.organization-link:hover {
|
|
background-color: #4a90e2;
|
|
color: white;
|
|
transform: translateY(-1px);
|
|
}
|
|
|
|
/* レスポンシブ対応 */
|
|
@media (max-width: 768px) {
|
|
.organization-section {
|
|
flex-direction: column;
|
|
gap: 15px;
|
|
align-items: flex-start;
|
|
padding: 15px 20px;
|
|
}
|
|
|
|
.organization-link-wrapper {
|
|
align-self: flex-end;
|
|
}
|
|
|
|
.organization-link {
|
|
font-size: 13px;
|
|
padding: 6px 12px;
|
|
}
|
|
}
|
|
body {
|
|
transition: opacity 0.5s ease-in-out;
|
|
}
|
|
|
|
/* 导航菜单链接颜色 */
|
|
.site-navigation a,
|
|
.main-navigation a,
|
|
.navbar-nav a,
|
|
.elementor-nav-menu a {
|
|
color: #000000 !important;
|
|
}
|
|
|
|
/* 鼠标悬停时保持黑色 */
|
|
.site-navigation a:hover,
|
|
.main-navigation a:hover,
|
|
.navbar-nav a:hover,
|
|
.elementor-nav-menu a:hover {
|
|
color: #000000 !important;
|
|
}
|
|
|
|
|
|
/* 调整页眉高度 */
|
|
#custom-header {
|
|
min-height: 600px !important; /* 默认可能是400px，你可以调整这个数值 */
|
|
height: 600px !important;
|
|
}
|
|
|
|
|
|
/* 隐藏页眉下面div */
|
|
#breadcrumb {
|
|
display: none !important;
|
|
}
|
|
|
|
|
|
/* 移除custom-header的遮罩层 */
|
|
#custom-header::before,
|
|
#custom-header::after {
|
|
display: none !important;
|
|
}
|
|
|
|
|
|
/* 手机端菜单 */
|
|
@media (max-width: 768px) {
|
|
/* 重置所有flex和居中样式 */
|
|
* {
|
|
justify-content: flex-start !important;
|
|
align-items: flex-start !important;
|
|
text-align: left !important;
|
|
}
|
|
|
|
#mobile-trigger {
|
|
position: fixed !important;
|
|
left: 15px !important;
|
|
top: 15px !important;
|
|
z-index: 99999 !important;
|
|
background: transparent !important;
|
|
}
|
|
}
|
|
|
|
body {
|
|
margin: 0 !important;
|
|
padding: 0 !important;
|
|
}
|
|
|
|
.container,
|
|
.site-content,
|
|
.content-area,
|
|
.entry-content {
|
|
max-width: 100% !important;
|
|
width: 100% !important;
|
|
margin: 0 !important;
|
|
padding: 0 !important;
|
|
}
|
|
body {
|
|
-webkit-user-select: none; /* Safari */
|
|
-moz-user-select: none; /* Firefox */
|
|
-ms-user-select: none; /* Internet Explorer/Edge */
|
|
user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
|
|
}
|
|
|
|
|
|
/* 新版页眉 */
|
|
|
|
/* 新版页眉结束 */
|
|
/* 首页会社情报 */
|
|
.company-info-table {
|
|
width: 100%;
|
|
border-collapse: collapse;
|
|
background: white;
|
|
border-radius: 8px;
|
|
overflow: hidden;
|
|
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
|
|
}
|
|
|
|
.company-info-table tr {
|
|
border-bottom: 1px solid #e0e0e0;
|
|
}
|
|
|
|
.company-info-table tr:last-child {
|
|
border-bottom: none;
|
|
}
|
|
|
|
.company-info-table .label {
|
|
background-color: #f5f5f5;
|
|
padding: 20px;
|
|
font-weight: bold;
|
|
width: 200px;
|
|
vertical-align: top;
|
|
color: #333;
|
|
border-right: 1px solid #e0e0e0;
|
|
}
|
|
|
|
.company-info-table .content {
|
|
padding: 20px;
|
|
vertical-align: top;
|
|
line-height: 1.6;
|
|
}
|
|
|
|
.company-info-table .content a {
|
|
color: #4A90E2;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.company-info-table .content a:hover {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.facebook-icon {
|
|
font-size: 24px;
|
|
color: #1877F2;
|
|
}
|
|
|
|
/* 响应式设计 */
|
|
@media (max-width: 768px) {
|
|
.company-info-table .label {
|
|
width: 120px;
|
|
padding: 15px;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.company-info-table .content {
|
|
padding: 15px;
|
|
font-size: 14px;
|
|
}
|
|
}
|
|
|
|
/* 首页招聘 */
|
|
/* 招聘卡片CSS样式 */
|
|
.job-cards-container {
|
|
max-width: 800px;
|
|
margin: 0 auto;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 20px;
|
|
font-family: 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', Meiryo, sans-serif;
|
|
}
|
|
|
|
.job-card {
|
|
background: white;
|
|
border-radius: 0;
|
|
overflow: hidden;
|
|
position: relative;
|
|
cursor: pointer;
|
|
transition: all 0.3s ease;
|
|
}
|
|
|
|
.job-card:hover {
|
|
transform: translateY(-2px);
|
|
box-shadow: 0 8px 25px rgba(0,0,0,0.15);
|
|
}
|
|
|
|
/* 顶部蓝色条 */
|
|
.job-card::before {
|
|
content: '';
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
height: 4px;
|
|
background: #00bcd4;
|
|
z-index: 1;
|
|
}
|
|
|
|
.job-card-content {
|
|
display: flex;
|
|
align-items: stretch;
|
|
padding: 25px;
|
|
min-height: 180px;
|
|
}
|
|
|
|
.job-info {
|
|
flex: 1;
|
|
display: flex;
|
|
flex-direction: column;
|
|
padding-right: 25px;
|
|
}
|
|
|
|
.job-title-link {
|
|
text-decoration: none;
|
|
color: inherit;
|
|
display: block;
|
|
transition: all 0.3s ease;
|
|
}
|
|
|
|
.job-title-link:hover {
|
|
text-decoration: none;
|
|
transform: translateX(5px);
|
|
}
|
|
|
|
.job-title-link:hover .job-title {
|
|
color: #ff6600;
|
|
}
|
|
|
|
.job-title {
|
|
font-size: 18px;
|
|
font-weight: bold;
|
|
color: #333;
|
|
line-height: 1.4;
|
|
margin: 0 0 25px 0;
|
|
}
|
|
|
|
.job-title.highlight {
|
|
color: #ff9800;
|
|
}
|
|
|
|
.job-details {
|
|
flex: 1;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 12px;
|
|
}
|
|
|
|
.job-detail-item {
|
|
display: flex;
|
|
align-items: center;
|
|
font-size: 15px;
|
|
color: #666;
|
|
}
|
|
|
|
.job-icon {
|
|
width: 24px;
|
|
height: 24px;
|
|
border-radius: 50%;
|
|
background: #00bcd4;
|
|
color: white;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
margin-right: 12px;
|
|
flex-shrink: 0;
|
|
font-size: 12px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.job-image-section {
|
|
width: 160px;
|
|
position: relative;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.job-image {
|
|
width: 140px;
|
|
height: 100px;
|
|
border-radius: 8px;
|
|
overflow: hidden;
|
|
background: #f0f0f0;
|
|
}
|
|
|
|
.job-image img {
|
|
width: 100%;
|
|
height: 100%;
|
|
object-fit: cover;
|
|
}
|
|
|
|
.job-arrow {
|
|
position: absolute;
|
|
right: 10px;
|
|
top: 50%;
|
|
transform: translateY(-50%);
|
|
width: 32px;
|
|
height: 32px;
|
|
background: rgba(0, 188, 212, 0.9);
|
|
border-radius: 50%;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
color: white;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.job-updated {
|
|
position: absolute;
|
|
bottom: 15px;
|
|
right: 25px;
|
|
font-size: 12px;
|
|
color: #999;
|
|
}
|
|
|
|
/* 响应式设计 */
|
|
/* 响应式设计 - 修改后的版本 */
|
|
@media (max-width: 768px) {
|
|
.job-cards-container {
|
|
gap: 15px;
|
|
}
|
|
|
|
/* 固定顶部蓝色横杠为100%宽度 */
|
|
.job-card::before {
|
|
width: 100% !important;
|
|
left: 0 !important;
|
|
right: 0 !important;
|
|
}
|
|
|
|
.job-card-content {
|
|
flex-direction: column;
|
|
padding: 20px;
|
|
min-height: auto;
|
|
}
|
|
|
|
.job-info {
|
|
padding-right: 0;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.job-title {
|
|
font-size: 16px;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.job-image-section {
|
|
width: 100%;
|
|
justify-content: flex-start; /* 改为左对齐 */
|
|
height: auto; /* 改为自动高度 */
|
|
}
|
|
|
|
.job-image {
|
|
width: 120px;
|
|
height: 80px;
|
|
}
|
|
|
|
/* 删除右下角圆圈箭头 */
|
|
.job-arrow {
|
|
display: none !important;
|
|
}
|
|
|
|
.job-updated {
|
|
position: static;
|
|
text-align: right;
|
|
margin-top: 15px;
|
|
}
|
|
}
|
|
|
|
/* 隐藏原有页脚 */
|
|
.site-info, .footer-credits {
|
|
display: none !important;
|
|
}
|
|
|
|
/* 创建新的版权文字并精确定位 */
|
|
body::after {
|
|
content: "Copyright © 株式会社トップクラウド (TopCloud) All Rights Reserved.";
|
|
position: fixed;
|
|
bottom: 0;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
background: #1a2332; /* 匹配页脚背景色 */
|
|
color: white;
|
|
padding: 15px 0;
|
|
width: 100%;
|
|
text-align: center;
|
|
z-index: 1000;
|
|
font-size: 14px;
|
|
}
|
|
|
|
/* 事业领域页面 */
|
|
|
|
/* 事业领域页面内容 */
|
|
/* Reset和基础样式 */
|
|
* {
|
|
margin: 0;
|
|
padding: 0;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
body {
|
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, "Hiragino Sans", "Microsoft YaHei", sans-serif;
|
|
line-height: 1.6;
|
|
color: #333;
|
|
background-color: #ffffff;
|
|
}
|
|
|
|
/* 服务区域主容器 - 带几何装饰背景 */
|
|
.services-section {
|
|
position: relative;
|
|
background-color: #f8f9fa;
|
|
padding: 40px 0;
|
|
overflow: hidden;
|
|
/* 强制限制高度避免装饰元素撑开页面 */
|
|
contain: layout style;
|
|
}
|
|
|
|
/* 几何装饰背景元素 - 调整位置避免撑开页面 */
|
|
.services-section::before {
|
|
content: '';
|
|
position: absolute;
|
|
top: -30px;
|
|
right: -30px;
|
|
width: 150px;
|
|
height: 150px;
|
|
background: rgba(102, 126, 234, 0.06);
|
|
border-radius: 50%;
|
|
z-index: 1;
|
|
animation: float-slow 12s ease-in-out infinite;
|
|
}
|
|
|
|
.services-section::after {
|
|
content: '';
|
|
position: absolute;
|
|
bottom: -25px;
|
|
left: -25px;
|
|
width: 120px;
|
|
height: 120px;
|
|
background: rgba(118, 75, 162, 0.05);
|
|
transform: rotate(45deg);
|
|
z-index: 1;
|
|
animation: rotate-slow 15s linear infinite;
|
|
}
|
|
|
|
.container {
|
|
position: relative;
|
|
z-index: 2;
|
|
max-width: 900px; /* 增大容器宽度 */
|
|
margin: 0 auto;
|
|
padding: 0 30px; /* 增加内边距 */
|
|
}
|
|
|
|
/* 临时移除所有装饰元素来测试空白问题 */
|
|
.container::before,
|
|
.container::after {
|
|
display: none !important;
|
|
}
|
|
|
|
.services-section::before,
|
|
.services-section::after {
|
|
display: none !important;
|
|
}
|
|
|
|
/* 服务项目样式 */
|
|
.service-item {
|
|
position: relative;
|
|
z-index: 3;
|
|
margin-bottom: 50px; /* 增加卡片间距 */
|
|
background: white;
|
|
border-radius: 12px; /* 增大圆角 */
|
|
box-shadow: 0 4px 16px rgba(0,0,0,0.08); /* 增强阴影 */
|
|
overflow: hidden;
|
|
opacity: 0;
|
|
transform: translateY(20px);
|
|
animation: fadeInUp 0.6s ease-out forwards;
|
|
}
|
|
|
|
.service-item:nth-child(1) { animation-delay: 0.2s; }
|
|
.service-item:nth-child(2) { animation-delay: 0.4s; }
|
|
.service-item:nth-child(3) { animation-delay: 0.6s; }
|
|
.service-item:nth-child(4) { animation-delay: 0.8s; }
|
|
|
|
.service-item:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
/* 服务标题区域 */
|
|
.service-header {
|
|
padding: 25px 30px 20px; /* 增大内边距 */
|
|
border-bottom: 1px solid #e8eaed;
|
|
}
|
|
|
|
.service-number {
|
|
display: inline-block;
|
|
font-size: 13px; /* 增大字体 */
|
|
color: #999;
|
|
font-weight: 500;
|
|
margin-bottom: 6px; /* 增大间距 */
|
|
letter-spacing: 1px;
|
|
}
|
|
|
|
.service-title {
|
|
font-size: 1.6rem; /* 增大标题字体 */
|
|
color: #333;
|
|
font-weight: 600;
|
|
margin: 0;
|
|
line-height: 1.3;
|
|
}
|
|
|
|
/* 服务内容区域 */
|
|
.service-content {
|
|
display: grid;
|
|
grid-template-columns: 1fr 1.2fr;
|
|
min-height: 280px; /* 增加高度 */
|
|
}
|
|
|
|
/* 图片区域 */
|
|
.service-image {
|
|
position: relative;
|
|
overflow: hidden;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
background-color: #f0f2f5;
|
|
}
|
|
|
|
.service-image img {
|
|
width: 100%;
|
|
height: 100%;
|
|
object-fit: contain; /* 改为contain确保图片完整显示 */
|
|
transition: transform 0.3s ease;
|
|
}
|
|
|
|
/* 为第4个服务项（Microsoft AI）的图片特殊处理 */
|
|
.service-item:nth-child(4) .service-image {
|
|
background: linear-gradient(135deg, #e0f2fe 0%, #f3e8ff 100%);
|
|
}
|
|
|
|
.service-item:nth-child(4) .service-image img {
|
|
object-fit: contain;
|
|
padding: 20px;
|
|
}
|
|
|
|
.service-item:hover .service-image img {
|
|
transform: scale(1.05);
|
|
}
|
|
|
|
.image-overlay {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
background: linear-gradient(
|
|
135deg,
|
|
rgba(102, 126, 234, 0.1) 0%,
|
|
rgba(118, 75, 162, 0.15) 100%
|
|
);
|
|
}
|
|
|
|
/* 描述文字区域 */
|
|
.service-description {
|
|
padding: 25px 35px; /* 增大内边距 */
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
background: white;
|
|
}
|
|
|
|
/* 日文高亮文字 */
|
|
.japanese-text {
|
|
margin-bottom: 22px; /* 增大间距 */
|
|
}
|
|
|
|
.highlight-text {
|
|
font-size: 1.3rem; /* 增大日文字体 */
|
|
color: #333;
|
|
font-weight: 500;
|
|
margin-bottom: 6px;
|
|
line-height: 1.5;
|
|
}
|
|
|
|
.highlight-text:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
/* 详细描述 */
|
|
.detailed-description {
|
|
font-size: 1rem; /* 增大详细描述字体 */
|
|
color: #666;
|
|
line-height: 1.7;
|
|
}
|
|
|
|
.detailed-description p {
|
|
margin: 0;
|
|
}
|
|
|
|
/* Microsoft链接样式 */
|
|
.microsoft-link {
|
|
margin-top: 15px;
|
|
}
|
|
|
|
.microsoft-link a {
|
|
color: #667eea;
|
|
text-decoration: none;
|
|
font-weight: 600;
|
|
border-bottom: 2px solid #667eea;
|
|
padding-bottom: 2px;
|
|
transition: all 0.3s ease;
|
|
display: inline-block;
|
|
}
|
|
|
|
.microsoft-link a:hover {
|
|
color: #764ba2;
|
|
border-bottom-color: #764ba2;
|
|
transform: translateX(5px);
|
|
}
|
|
|
|
/* 几何装饰动画定义 - 减小移动范围 */
|
|
@keyframes float-slow {
|
|
0%, 100% {
|
|
transform: translateY(0px);
|
|
}
|
|
50% {
|
|
transform: translateY(-10px);
|
|
}
|
|
}
|
|
|
|
@keyframes rotate-slow {
|
|
from {
|
|
transform: rotate(45deg);
|
|
}
|
|
to {
|
|
transform: rotate(405deg);
|
|
}
|
|
}
|
|
|
|
@keyframes pulse-gentle {
|
|
0%, 100% {
|
|
transform: scale(1);
|
|
opacity: 0.12;
|
|
}
|
|
50% {
|
|
transform: scale(1.05);
|
|
opacity: 0.08;
|
|
}
|
|
}
|
|
|
|
@keyframes float-reverse {
|
|
0%, 100% {
|
|
transform: translateY(0px) rotate(25deg);
|
|
}
|
|
50% {
|
|
transform: translateY(5px) rotate(25deg);
|
|
}
|
|
}
|
|
|
|
/* 主要内容动画定义 */
|
|
@keyframes fadeInUp {
|
|
from {
|
|
opacity: 0;
|
|
transform: translateY(20px);
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
transform: translateY(0);
|
|
}
|
|
}
|
|
|
|
/* 响应式设计 */
|
|
@media (max-width: 1024px) {
|
|
.container {
|
|
max-width: 500px;
|
|
padding: 0 20px;
|
|
}
|
|
|
|
.service-content {
|
|
grid-template-columns: 1fr;
|
|
}
|
|
|
|
.service-image {
|
|
min-height: 250px;
|
|
order: 1;
|
|
}
|
|
|
|
/* 第4个服务项在平板上需要更多高度 */
|
|
.service-item:nth-child(4) .service-image {
|
|
min-height: 200px;
|
|
}
|
|
|
|
.service-description {
|
|
order: 2;
|
|
padding: 25px;
|
|
}
|
|
|
|
.service-title {
|
|
font-size: 1.3rem;
|
|
}
|
|
|
|
.highlight-text {
|
|
font-size: 1rem;
|
|
}
|
|
|
|
.detailed-description {
|
|
font-size: 0.85rem;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 768px) {
|
|
.services-section {
|
|
padding: 30px 0;
|
|
}
|
|
|
|
/* 移动端进一步缩小装饰元素 */
|
|
.services-section::before {
|
|
width: 100px;
|
|
height: 100px;
|
|
top: -20px;
|
|
right: -20px;
|
|
}
|
|
|
|
.services-section::after {
|
|
width: 80px;
|
|
height: 80px;
|
|
bottom: -20px;
|
|
left: -20px;
|
|
}
|
|
|
|
.container::before,
|
|
.container::after {
|
|
display: none;
|
|
}
|
|
|
|
.container {
|
|
max-width: 400px;
|
|
padding: 0 15px;
|
|
}
|
|
|
|
.service-item {
|
|
margin-bottom: 25px;
|
|
}
|
|
|
|
.service-header {
|
|
padding: 15px 20px 10px;
|
|
}
|
|
|
|
.service-title {
|
|
font-size: 1.2rem;
|
|
}
|
|
|
|
.service-description {
|
|
padding: 20px;
|
|
}
|
|
|
|
.japanese-text {
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
.highlight-text {
|
|
font-size: 0.95rem;
|
|
margin-bottom: 4px;
|
|
}
|
|
|
|
.detailed-description {
|
|
font-size: 0.8rem;
|
|
}
|
|
|
|
.service-image {
|
|
min-height: 200px;
|
|
}
|
|
|
|
/* 第4个服务项在移动端需要适中高度 */
|
|
.service-item:nth-child(4) .service-image {
|
|
min-height: 180px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 480px) {
|
|
.services-section {
|
|
padding: 25px 0;
|
|
}
|
|
|
|
.container {
|
|
max-width: 350px;
|
|
padding: 0 15px;
|
|
}
|
|
|
|
.service-item {
|
|
margin-bottom: 20px;
|
|
border-radius: 6px;
|
|
}
|
|
|
|
.service-header {
|
|
padding: 12px 15px 8px;
|
|
}
|
|
|
|
.service-title {
|
|
font-size: 1.1rem;
|
|
line-height: 1.4;
|
|
}
|
|
|
|
.service-description {
|
|
padding: 15px;
|
|
}
|
|
|
|
.japanese-text {
|
|
margin-bottom: 12px;
|
|
}
|
|
|
|
.highlight-text {
|
|
font-size: 0.9rem;
|
|
}
|
|
|
|
.detailed-description {
|
|
font-size: 0.75rem;
|
|
line-height: 1.5;
|
|
}
|
|
|
|
.service-image {
|
|
min-height: 180px;
|
|
}
|
|
|
|
/* 第4个服务项在小屏幕需要合适高度 */
|
|
.service-item:nth-child(4) .service-image {
|
|
min-height: 160px;
|
|
padding: 10px;
|
|
}
|
|
}
|
|
|
|
/* 大屏幕优化 */
|
|
@media (min-width: 1200px) {
|
|
.container {
|
|
max-width: 650px;
|
|
padding: 0 30px;
|
|
}
|
|
|
|
.service-title {
|
|
font-size: 1.5rem;
|
|
}
|
|
|
|
.highlight-text {
|
|
font-size: 1.2rem;
|
|
}
|
|
|
|
.detailed-description {
|
|
font-size: 0.95rem;
|
|
}
|
|
|
|
.service-description {
|
|
padding: 25px 30px;
|
|
}
|
|
}
|
|
|
|
/* 悬停效果 */
|
|
.service-item:hover {
|
|
transform: translateY(-3px);
|
|
transition: transform 0.3s ease, box-shadow 0.3s ease;
|
|
box-shadow: 0 6px 20px rgba(0,0,0,0.1);
|
|
}
|
|
|
|
/* 无障碍访问支持 */
|
|
@media (prefers-reduced-motion: reduce) {
|
|
.services-section::before,
|
|
.services-section::after,
|
|
.container::before,
|
|
.container::after {
|
|
animation: none;
|
|
}
|
|
|
|
.service-item,
|
|
.service-image img {
|
|
animation: none;
|
|
transition: none;
|
|
opacity: 1;
|
|
transform: none;
|
|
}
|
|
|
|
.service-item:hover {
|
|
transform: none;
|
|
}
|
|
|
|
.service-item:hover .service-image img {
|
|
transform: none;
|
|
}
|
|
}
|
|
|
|
/* 高对比度模式支持 */
|
|
@media (prefers-contrast: high) {
|
|
.service-item {
|
|
border: 2px solid #333;
|
|
}
|
|
|
|
.service-title {
|
|
color: #000;
|
|
}
|
|
|
|
.highlight-text {
|
|
color: #000;
|
|
}
|
|
|
|
.detailed-description {
|
|
color: #333;
|
|
}
|
|
|
|
.image-overlay {
|
|
background: rgba(0,0,0,0.2);
|
|
}
|
|
}
|
|
|
|
|
|
|
|
/* 会社概要页面 */
|
|
/* Reset和基础样式 */
|
|
* {
|
|
margin: 0;
|
|
padding: 0;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
body {
|
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, "Hiragino Sans", "Microsoft YaHei", sans-serif;
|
|
line-height: 1.6;
|
|
color: #333;
|
|
background-color: #ffffff;
|
|
}
|
|
|
|
/* 公司信息区域主容器 */
|
|
.company-info-section {
|
|
position: relative;
|
|
background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
|
|
padding: 60px 0;
|
|
overflow: hidden;
|
|
min-height: 100vh;
|
|
}
|
|
|
|
/* 几何装饰背景元素 */
|
|
.geometric-decorations {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
pointer-events: none;
|
|
z-index: 1;
|
|
}
|
|
|
|
.geo-circle-1 {
|
|
position: absolute;
|
|
top: -80px;
|
|
right: -80px;
|
|
width: 200px;
|
|
height: 200px;
|
|
background: rgba(102, 126, 234, 0.08);
|
|
border-radius: 50%;
|
|
animation: float-slow 15s ease-in-out infinite;
|
|
}
|
|
|
|
.geo-square-1 {
|
|
position: absolute;
|
|
bottom: -60px;
|
|
left: -60px;
|
|
width: 150px;
|
|
height: 150px;
|
|
background: rgba(118, 75, 162, 0.06);
|
|
transform: rotate(45deg);
|
|
animation: rotate-slow 20s linear infinite;
|
|
}
|
|
|
|
.geo-circle-2 {
|
|
position: absolute;
|
|
top: 300px;
|
|
left: -40px;
|
|
width: 100px;
|
|
height: 100px;
|
|
border: 3px solid rgba(102, 126, 234, 0.1);
|
|
border-radius: 50%;
|
|
animation: pulse-gentle 10s ease-in-out infinite;
|
|
}
|
|
|
|
.geo-triangle-1 {
|
|
position: absolute;
|
|
top: 150px;
|
|
right: 100px;
|
|
width: 0;
|
|
height: 0;
|
|
border-left: 50px solid transparent;
|
|
border-right: 50px solid transparent;
|
|
border-bottom: 80px solid rgba(118, 75, 162, 0.05);
|
|
transform: rotate(30deg);
|
|
animation: float-reverse 12s ease-in-out infinite;
|
|
}
|
|
|
|
.geo-circle-3 {
|
|
position: absolute;
|
|
bottom: 200px;
|
|
right: -30px;
|
|
width: 80px;
|
|
height: 80px;
|
|
background: rgba(255, 193, 7, 0.1);
|
|
border-radius: 50%;
|
|
animation: bounce-gentle 8s ease-in-out infinite;
|
|
}
|
|
|
|
/* 容器样式 */
|
|
.container {
|
|
position: relative;
|
|
z-index: 2;
|
|
max-width: 1000px;
|
|
margin: 0 auto;
|
|
padding: 0 40px;
|
|
}
|
|
|
|
/* 页面标题区域 */
|
|
.page-header {
|
|
text-align: center;
|
|
margin-bottom: 50px;
|
|
opacity: 0;
|
|
animation: fadeInUp 1s ease-out 0.3s forwards;
|
|
}
|
|
|
|
.page-title {
|
|
font-size: 2.5rem;
|
|
color: #2c3e50;
|
|
font-weight: 600;
|
|
margin-bottom: 20px;
|
|
position: relative;
|
|
}
|
|
|
|
.title-underline {
|
|
width: 80px;
|
|
height: 4px;
|
|
background: linear-gradient(135deg, #667eea, #764ba2);
|
|
margin: 0 auto;
|
|
border-radius: 2px;
|
|
}
|
|
|
|
/* 信息表格样式 */
|
|
.info-table {
|
|
background: rgba(255, 255, 255, 0.95);
|
|
backdrop-filter: blur(10px);
|
|
border-radius: 20px;
|
|
padding: 40px;
|
|
box-shadow:
|
|
0 20px 40px rgba(0, 0, 0, 0.1),
|
|
0 0 0 1px rgba(255, 255, 255, 0.2);
|
|
opacity: 0;
|
|
animation: fadeInUp 1s ease-out 0.6s forwards;
|
|
}
|
|
|
|
.info-row {
|
|
display: grid;
|
|
grid-template-columns: 200px 1fr;
|
|
gap: 40px;
|
|
padding: 25px 0;
|
|
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
|
|
align-items: start;
|
|
transition: background-color 0.3s ease;
|
|
}
|
|
|
|
.info-row:last-child {
|
|
border-bottom: none;
|
|
}
|
|
|
|
.info-row:hover {
|
|
background-color: rgba(102, 126, 234, 0.02);
|
|
border-radius: 10px;
|
|
margin: 0 -15px;
|
|
padding-left: 15px;
|
|
padding-right: 15px;
|
|
}
|
|
|
|
.info-label {
|
|
font-weight: 600;
|
|
color: #495057;
|
|
font-size: 1.1rem;
|
|
position: relative;
|
|
padding-left: 20px;
|
|
}
|
|
|
|
.info-label::before {
|
|
content: '';
|
|
position: absolute;
|
|
left: 0;
|
|
top: 50%;
|
|
transform: translateY(-50%);
|
|
width: 4px;
|
|
height: 20px;
|
|
background: linear-gradient(135deg, #667eea, #764ba2);
|
|
border-radius: 2px;
|
|
}
|
|
|
|
.info-content {
|
|
color: #6c757d;
|
|
font-size: 1rem;
|
|
line-height: 1.7;
|
|
}
|
|
|
|
/* 公司名称样式 */
|
|
.company-name {
|
|
font-size: 1.3rem;
|
|
font-weight: 600;
|
|
color: #2c3e50;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.company-name-en {
|
|
font-size: 1rem;
|
|
color: #6c757d;
|
|
font-style: italic;
|
|
}
|
|
|
|
/* 事业内容列表 */
|
|
.business-list {
|
|
list-style: none;
|
|
padding: 0;
|
|
}
|
|
|
|
.business-list li {
|
|
position: relative;
|
|
padding-left: 25px;
|
|
margin-bottom: 8px;
|
|
transition: color 0.3s ease;
|
|
}
|
|
|
|
.business-list li::before {
|
|
content: '▶';
|
|
position: absolute;
|
|
left: 0;
|
|
color: #667eea;
|
|
font-size: 0.8rem;
|
|
top: 2px;
|
|
}
|
|
|
|
.business-list li:hover {
|
|
color: #495057;
|
|
}
|
|
|
|
/* 资格证书样式 */
|
|
.license-item {
|
|
margin-bottom: 8px;
|
|
padding: 8px 12px;
|
|
background: rgba(40, 167, 69, 0.05);
|
|
border-left: 3px solid #28a745;
|
|
border-radius: 4px;
|
|
transition: all 0.3s ease;
|
|
}
|
|
|
|
.license-item:hover {
|
|
background: rgba(40, 167, 69, 0.1);
|
|
transform: translateX(5px);
|
|
}
|
|
|
|
/* 银行信息样式 */
|
|
.bank-info {
|
|
margin-bottom: 8px;
|
|
padding: 8px 12px;
|
|
background: rgba(0, 123, 255, 0.05);
|
|
border-left: 3px solid #007bff;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
/* 加盟团体样式 */
|
|
.organization-item {
|
|
margin-bottom: 10px;
|
|
padding: 10px 15px;
|
|
background: rgba(255, 193, 7, 0.08);
|
|
border-left: 3px solid #ffc107;
|
|
border-radius: 6px;
|
|
transition: all 0.3s ease;
|
|
}
|
|
|
|
.organization-item:hover {
|
|
background: rgba(255, 193, 7, 0.15);
|
|
transform: translateX(5px);
|
|
}
|
|
|
|
/* 集团公司样式 */
|
|
.group-company {
|
|
font-size: 1.2rem;
|
|
font-weight: 600;
|
|
color: #2c3e50;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.group-company-en {
|
|
font-size: 1rem;
|
|
color: #6c757d;
|
|
font-style: italic;
|
|
}
|
|
|
|
/* 办公地址样式 */
|
|
.office-section {
|
|
margin-bottom: 20px;
|
|
padding: 15px;
|
|
background: rgba(108, 117, 125, 0.05);
|
|
border-radius: 10px;
|
|
transition: all 0.3s ease;
|
|
}
|
|
|
|
.office-section:hover {
|
|
background: rgba(108, 117, 125, 0.1);
|
|
transform: translateY(-2px);
|
|
}
|
|
|
|
.office-title {
|
|
font-weight: 600;
|
|
color: #495057;
|
|
margin-bottom: 8px;
|
|
font-size: 1.1rem;
|
|
}
|
|
|
|
.address {
|
|
display: flex;
|
|
align-items: flex-start;
|
|
gap: 8px;
|
|
color: #6c757d;
|
|
line-height: 1.6;
|
|
}
|
|
|
|
.address-icon {
|
|
margin-top: 2px;
|
|
font-size: 1.1rem;
|
|
}
|
|
|
|
/* 动画定义 */
|
|
@keyframes fadeInUp {
|
|
from {
|
|
opacity: 0;
|
|
transform: translateY(40px);
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
transform: translateY(0);
|
|
}
|
|
}
|
|
|
|
@keyframes float-slow {
|
|
0%, 100% {
|
|
transform: translateY(0px);
|
|
}
|
|
50% {
|
|
transform: translateY(-30px);
|
|
}
|
|
}
|
|
|
|
@keyframes rotate-slow {
|
|
from {
|
|
transform: rotate(45deg);
|
|
}
|
|
to {
|
|
transform: rotate(405deg);
|
|
}
|
|
}
|
|
|
|
@keyframes pulse-gentle {
|
|
0%, 100% {
|
|
transform: scale(1);
|
|
opacity: 0.1;
|
|
}
|
|
50% {
|
|
transform: scale(1.1);
|
|
opacity: 0.15;
|
|
}
|
|
}
|
|
|
|
@keyframes float-reverse {
|
|
0%, 100% {
|
|
transform: translateY(0px) rotate(30deg);
|
|
}
|
|
50% {
|
|
transform: translateY(25px) rotate(30deg);
|
|
}
|
|
}
|
|
|
|
@keyframes bounce-gentle {
|
|
0%, 100% {
|
|
transform: translateY(0px);
|
|
}
|
|
25% {
|
|
transform: translateY(-15px);
|
|
}
|
|
75% {
|
|
transform: translateY(-5px);
|
|
}
|
|
}
|
|
|
|
/* 响应式设计 */
|
|
@media (max-width: 1024px) {
|
|
.container {
|
|
max-width: 800px;
|
|
padding: 0 30px;
|
|
}
|
|
|
|
.info-row {
|
|
grid-template-columns: 180px 1fr;
|
|
gap: 30px;
|
|
}
|
|
|
|
.info-table {
|
|
padding: 30px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 768px) {
|
|
.company-info-section {
|
|
padding: 40px 0;
|
|
}
|
|
|
|
.container {
|
|
padding: 0 20px;
|
|
}
|
|
|
|
.page-title {
|
|
font-size: 2rem;
|
|
}
|
|
|
|
.info-row {
|
|
grid-template-columns: 1fr;
|
|
gap: 15px;
|
|
}
|
|
|
|
.info-label {
|
|
font-size: 1rem;
|
|
background: rgba(102, 126, 234, 0.1);
|
|
padding: 8px 15px;
|
|
border-radius: 8px;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.info-table {
|
|
padding: 25px 20px;
|
|
border-radius: 15px;
|
|
}
|
|
|
|
/* 移动端隐藏部分装饰元素 */
|
|
.geo-triangle-1,
|
|
.geo-circle-3 {
|
|
display: none;
|
|
}
|
|
|
|
.geo-circle-1 {
|
|
width: 120px;
|
|
height: 120px;
|
|
top: -30px;
|
|
right: -30px;
|
|
}
|
|
|
|
.geo-square-1 {
|
|
width: 100px;
|
|
height: 100px;
|
|
bottom: -30px;
|
|
left: -30px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 480px) {
|
|
.page-header {
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
.page-title {
|
|
font-size: 1.7rem;
|
|
}
|
|
|
|
.info-table {
|
|
padding: 20px 15px;
|
|
}
|
|
|
|
.info-row {
|
|
padding: 20px 0;
|
|
}
|
|
|
|
.company-name {
|
|
font-size: 1.1rem;
|
|
}
|
|
|
|
.business-list li,
|
|
.license-item,
|
|
.organization-item {
|
|
font-size: 0.9rem;
|
|
}
|
|
}
|
|
|
|
/* 无障碍访问支持 */
|
|
@media (prefers-reduced-motion: reduce) {
|
|
.geo-circle-1,
|
|
.geo-square-1,
|
|
.geo-circle-2,
|
|
.geo-triangle-1,
|
|
.geo-circle-3 {
|
|
animation: none;
|
|
}
|
|
|
|
.page-header,
|
|
.info-table {
|
|
animation: none;
|
|
opacity: 1;
|
|
}
|
|
|
|
.info-row:hover,
|
|
.license-item:hover,
|
|
.organization-item:hover,
|
|
.office-section:hover {
|
|
transform: none;
|
|
}
|
|
}
|
|
|
|
/* 高对比度模式支持 */
|
|
@media (prefers-contrast: high) {
|
|
.info-table {
|
|
background: #ffffff;
|
|
border: 2px solid #000000;
|
|
}
|
|
|
|
.info-label {
|
|
color: #000000;
|
|
}
|
|
|
|
.info-content {
|
|
color: #333333;
|
|
}
|
|
|
|
.company-name,
|
|
.group-company {
|
|
color: #000000;
|
|
}
|
|
}
|
|
|
|
/* ==========================================
|
|
只修复手机端组织图的对齐问题
|
|
========================================== */
|
|
|
|
@media (max-width: 768px) {
|
|
/* 只修复组织图section */
|
|
.organization-section {
|
|
display: flex !important;
|
|
flex-direction: column !important;
|
|
align-items: flex-start !important;
|
|
padding: 16px 0 !important;
|
|
gap: 16px !important;
|
|
}
|
|
|
|
/* 左对齐标题区域 */
|
|
.organization-header {
|
|
display: flex !important;
|
|
align-items: center !important;
|
|
gap: 10px !important;
|
|
justify-content: flex-start !important;
|
|
}
|
|
|
|
/* 图标样式 */
|
|
.organization-icon {
|
|
font-size: 20px !important;
|
|
color: #4a90e2 !important;
|
|
}
|
|
|
|
/* 标题样式 */
|
|
.organization-title {
|
|
font-size: 16px !important;
|
|
font-weight: 500 !important;
|
|
color: #333 !important;
|
|
margin: 0 !important;
|
|
}
|
|
|
|
/* 链接容器右对齐 */
|
|
.organization-link-wrapper {
|
|
width: 100% !important;
|
|
display: flex !important;
|
|
justify-content: flex-end !important;
|
|
}
|
|
|
|
/* 链接按钮 */
|
|
.organization-link {
|
|
padding: 10px 20px !important;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 480px) {
|
|
.organization-icon {
|
|
font-size: 18px !important;
|
|
}
|
|
|
|
.organization-title {
|
|
font-size: 15px !important;
|
|
}
|
|
|
|
.organization-link {
|
|
font-size: 13px !important;
|
|
padding: 8px 16px !important;
|
|
}
|
|
}
|
|
/* 会社概要经营方针 */
|
|
/* Foundation页面样式 */
|
|
.foundation-wrapper {
|
|
font-family: 'Hiragino Sans', 'Yu Gothic', 'Meiryo', sans-serif !important;
|
|
line-height: 1.6 !important;
|
|
color: #333 !important;
|
|
background-color: #f8f9fa !important;
|
|
margin: 0 !important;
|
|
padding: 0 !important;
|
|
}
|
|
|
|
.foundation-wrapper * {
|
|
box-sizing: border-box !important;
|
|
}
|
|
|
|
.foundation-wrapper .foundation-container {
|
|
max-width: 1200px !important;
|
|
margin: 0 auto !important;
|
|
padding: 40px 20px !important;
|
|
}
|
|
|
|
.foundation-wrapper .header-section {
|
|
text-align: center !important;
|
|
margin-bottom: 60px !important;
|
|
}
|
|
|
|
.foundation-wrapper .foundation-title {
|
|
background: linear-gradient(135deg, #e8b4cb, #d4a5c0) !important;
|
|
color: white !important;
|
|
font-size: 3rem !important;
|
|
font-weight: 300 !important;
|
|
padding: 30px 0 !important;
|
|
margin: 0 0 40px 0 !important;
|
|
letter-spacing: 0.1em !important;
|
|
text-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
|
|
border-radius: 0 !important;
|
|
border: none !important;
|
|
}
|
|
|
|
.foundation-wrapper .subtitle {
|
|
font-size: 1.5rem !important;
|
|
color: #666 !important;
|
|
font-weight: 400 !important;
|
|
letter-spacing: 0.05em !important;
|
|
margin: 0 !important;
|
|
}
|
|
|
|
.foundation-wrapper .values-container {
|
|
display: flex !important;
|
|
gap: 40px !important;
|
|
justify-content: center !important;
|
|
align-items: stretch !important;
|
|
max-width: 900px !important;
|
|
margin: 0 auto !important;
|
|
flex-wrap: wrap !important;
|
|
}
|
|
|
|
.foundation-wrapper .value-card {
|
|
flex: 1 !important;
|
|
min-width: 300px !important;
|
|
background: white !important;
|
|
border: 2px solid #e0e6ed !important;
|
|
border-radius: 8px !important;
|
|
padding: 60px 40px !important;
|
|
text-align: center !important;
|
|
position: relative !important;
|
|
transition: all 0.3s ease !important;
|
|
box-shadow: 0 2px 8px rgba(0,0,0,0.05) !important;
|
|
margin: 0 !important;
|
|
}
|
|
|
|
.foundation-wrapper .value-card:hover {
|
|
transform: translateY(-5px) !important;
|
|
box-shadow: 0 8px 25px rgba(0,0,0,0.1) !important;
|
|
border-color: #d4a5c0 !important;
|
|
}
|
|
|
|
.foundation-wrapper .value-number {
|
|
position: absolute !important;
|
|
top: -15px !important;
|
|
left: 50% !important;
|
|
transform: translateX(-50%) !important;
|
|
background: #a8a8a8 !important;
|
|
color: white !important;
|
|
width: 50px !important;
|
|
height: 50px !important;
|
|
border-radius: 50% !important;
|
|
display: flex !important;
|
|
align-items: center !important;
|
|
justify-content: center !important;
|
|
font-size: 1.8rem !important;
|
|
font-weight: 300 !important;
|
|
margin: 0 !important;
|
|
}
|
|
|
|
.foundation-wrapper .value-title {
|
|
font-size: 1.8rem !important;
|
|
margin: 0 0 30px 0 !important;
|
|
color: #333 !important;
|
|
font-weight: 500 !important;
|
|
letter-spacing: 0.05em !important;
|
|
padding: 0 !important;
|
|
}
|
|
|
|
.foundation-wrapper .value-description {
|
|
font-size: 1.3rem !important;
|
|
color: #666 !important;
|
|
line-height: 1.8 !important;
|
|
letter-spacing: 0.03em !important;
|
|
margin: 0 !important;
|
|
padding: 0 !important;
|
|
}
|
|
|
|
/* 响应式设计 */
|
|
@media (max-width: 768px) {
|
|
.foundation-wrapper .foundation-title {
|
|
font-size: 2.2rem !important;
|
|
padding: 20px !important;
|
|
}
|
|
|
|
.foundation-wrapper .subtitle {
|
|
font-size: 1.2rem !important;
|
|
}
|
|
|
|
.foundation-wrapper .values-container {
|
|
flex-direction: column !important;
|
|
gap: 30px !important;
|
|
}
|
|
|
|
.foundation-wrapper .value-card {
|
|
padding: 50px 30px !important;
|
|
min-width: auto !important;
|
|
}
|
|
|
|
.foundation-wrapper .value-title {
|
|
font-size: 1.5rem !important;
|
|
}
|
|
|
|
.foundation-wrapper .value-description {
|
|
font-size: 1.1rem !important;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 480px) {
|
|
.foundation-wrapper .foundation-container {
|
|
padding: 20px 15px !important;
|
|
}
|
|
|
|
.foundation-wrapper .foundation-title {
|
|
font-size: 1.8rem !important;
|
|
}
|
|
|
|
.foundation-wrapper .subtitle {
|
|
font-size: 1rem !important;
|
|
}
|
|
|
|
.foundation-wrapper .value-card {
|
|
padding: 40px 25px !important;
|
|
}
|
|
|
|
.foundation-wrapper .value-number {
|
|
width: 40px !important;
|
|
height: 40px !important;
|
|
font-size: 1.5rem !important;
|
|
top: -12px !important;
|
|
}
|
|
|
|
.foundation-wrapper .value-title {
|
|
font-size: 1.3rem !important;
|
|
margin-bottom: 20px !important;
|
|
}
|
|
|
|
.foundation-wrapper .value-description {
|
|
font-size: 1rem !important;
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
/* 个人信息保护方针页面样式 */
|
|
.privacy-wrapper {
|
|
font-family: 'Hiragino Sans', 'Yu Gothic', 'Meiryo', sans-serif !important;
|
|
line-height: 1.8 !important;
|
|
color: #333 !important;
|
|
background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 50%, #cbd5e0 100%) !important;
|
|
min-height: 100vh !important;
|
|
padding: 40px 0 !important;
|
|
margin: 0 !important;
|
|
position: relative !important;
|
|
}
|
|
|
|
/* 背景装饰图案 */
|
|
.privacy-wrapper::before {
|
|
content: "" !important;
|
|
position: absolute !important;
|
|
top: 0 !important;
|
|
left: 0 !important;
|
|
right: 0 !important;
|
|
bottom: 0 !important;
|
|
background-image:
|
|
radial-gradient(circle at 20% 20%, rgba(120, 119, 198, 0.1) 0%, transparent 50%),
|
|
radial-gradient(circle at 80% 80%, rgba(120, 119, 198, 0.1) 0%, transparent 50%),
|
|
radial-gradient(circle at 40% 60%, rgba(255, 255, 255, 0.1) 0%, transparent 50%) !important;
|
|
pointer-events: none !important;
|
|
}
|
|
|
|
.privacy-wrapper * {
|
|
box-sizing: border-box !important;
|
|
}
|
|
|
|
.privacy-container {
|
|
max-width: 1200px !important;
|
|
margin: 0 auto !important;
|
|
padding: 0 20px !important;
|
|
position: relative !important;
|
|
z-index: 1 !important;
|
|
}
|
|
|
|
/* 头部样式 */
|
|
.privacy-header {
|
|
text-align: center !important;
|
|
margin-bottom: 50px !important;
|
|
background: white !important;
|
|
padding: 50px 40px !important;
|
|
border-radius: 20px !important;
|
|
box-shadow: 0 10px 40px rgba(0,0,0,0.1) !important;
|
|
position: relative !important;
|
|
overflow: hidden !important;
|
|
}
|
|
|
|
.privacy-header::before {
|
|
content: "" !important;
|
|
position: absolute !important;
|
|
top: 0 !important;
|
|
left: 0 !important;
|
|
right: 0 !important;
|
|
height: 4px !important;
|
|
background: linear-gradient(90deg, #667eea 0%, #764ba2 100%) !important;
|
|
}
|
|
|
|
.main-title {
|
|
font-size: 2.8rem !important;
|
|
font-weight: 300 !important;
|
|
color: #2d3748 !important;
|
|
margin: 0 0 20px 0 !important;
|
|
letter-spacing: 0.1em !important;
|
|
position: relative !important;
|
|
}
|
|
|
|
.update-date {
|
|
font-size: 1.1rem !important;
|
|
color: #666 !important;
|
|
font-weight: 400 !important;
|
|
text-align: right !important;
|
|
background: #f7fafc !important;
|
|
padding: 10px 20px !important;
|
|
border-radius: 25px !important;
|
|
display: inline-block !important;
|
|
margin-top: 20px !important;
|
|
}
|
|
|
|
/* 内容区域 */
|
|
.content-section {
|
|
background: white !important;
|
|
padding: 50px !important;
|
|
border-radius: 20px !important;
|
|
box-shadow: 0 15px 50px rgba(0,0,0,0.08) !important;
|
|
margin-bottom: 40px !important;
|
|
}
|
|
|
|
.intro-text, .policy-text, .final-text {
|
|
font-size: 1.1rem !important;
|
|
line-height: 1.9 !important;
|
|
margin-bottom: 30px !important;
|
|
color: #2d3748 !important;
|
|
text-align: justify !important;
|
|
}
|
|
|
|
.intro-text {
|
|
background: linear-gradient(135deg, #edf2f7, #e2e8f0) !important;
|
|
padding: 25px 30px !important;
|
|
border-radius: 15px !important;
|
|
border-left: 4px solid #667eea !important;
|
|
font-weight: 500 !important;
|
|
}
|
|
|
|
/* 政策列表 */
|
|
.policy-list {
|
|
margin: 40px 0 !important;
|
|
}
|
|
|
|
.policy-item {
|
|
display: flex !important;
|
|
margin-bottom: 25px !important;
|
|
background: #f8fafc !important;
|
|
padding: 20px !important;
|
|
border-radius: 12px !important;
|
|
transition: all 0.3s ease !important;
|
|
border-left: 4px solid transparent !important;
|
|
}
|
|
|
|
.policy-item:hover {
|
|
background: #edf2f7 !important;
|
|
border-left-color: #667eea !important;
|
|
transform: translateX(5px) !important;
|
|
}
|
|
|
|
.bullet {
|
|
color: #667eea !important;
|
|
font-weight: bold !important;
|
|
font-size: 1.2rem !important;
|
|
margin-right: 15px !important;
|
|
min-width: 20px !important;
|
|
}
|
|
|
|
.policy-content {
|
|
font-size: 1rem !important;
|
|
line-height: 1.8 !important;
|
|
color: #2d3748 !important;
|
|
}
|
|
|
|
/* 签名区域 */
|
|
.signature-section {
|
|
text-align: center !important;
|
|
margin: 50px 0 !important;
|
|
padding: 30px !important;
|
|
background: linear-gradient(135deg, #f7fafc, #edf2f7) !important;
|
|
border-radius: 15px !important;
|
|
}
|
|
|
|
.company-name {
|
|
font-size: 1.3rem !important;
|
|
font-weight: 600 !important;
|
|
color: #2d3748 !important;
|
|
margin-bottom: 10px !important;
|
|
}
|
|
|
|
.representative {
|
|
font-size: 1.2rem !important;
|
|
color: #4a5568 !important;
|
|
margin-bottom: 15px !important;
|
|
}
|
|
|
|
.end-mark {
|
|
font-size: 1rem !important;
|
|
color: #666 !important;
|
|
}
|
|
|
|
/* 联系信息 */
|
|
.contact-section {
|
|
background: white !important;
|
|
padding: 40px !important;
|
|
border-radius: 20px !important;
|
|
box-shadow: 0 10px 30px rgba(0,0,0,0.06) !important;
|
|
margin-bottom: 40px !important;
|
|
}
|
|
|
|
.contact-title {
|
|
font-size: 1.4rem !important;
|
|
font-weight: 600 !important;
|
|
color: #2d3748 !important;
|
|
margin-bottom: 25px !important;
|
|
text-align: center !important;
|
|
background: linear-gradient(135deg, #667eea, #764ba2) !important;
|
|
color: white !important;
|
|
padding: 15px !important;
|
|
border-radius: 10px !important;
|
|
}
|
|
|
|
.contact-info {
|
|
background: #f8fafc !important;
|
|
padding: 25px !important;
|
|
border-radius: 12px !important;
|
|
border-left: 4px solid #667eea !important;
|
|
}
|
|
|
|
.contact-detail {
|
|
margin-bottom: 8px !important;
|
|
font-size: 1rem !important;
|
|
color: #2d3748 !important;
|
|
}
|
|
|
|
/* 详细部分 */
|
|
.detailed-section {
|
|
background: white !important;
|
|
padding: 50px !important;
|
|
border-radius: 20px !important;
|
|
box-shadow: 0 15px 50px rgba(0,0,0,0.08) !important;
|
|
margin-bottom: 40px !important;
|
|
}
|
|
|
|
.section-title {
|
|
font-size: 2rem !important;
|
|
font-weight: 600 !important;
|
|
color: #2d3748 !important;
|
|
text-align: center !important;
|
|
margin-bottom: 40px !important;
|
|
padding-bottom: 20px !important;
|
|
border-bottom: 3px solid #667eea !important;
|
|
position: relative !important;
|
|
}
|
|
|
|
.section-title::after {
|
|
content: "" !important;
|
|
position: absolute !important;
|
|
bottom: -3px !important;
|
|
left: 50% !important;
|
|
transform: translateX(-50%) !important;
|
|
width: 80px !important;
|
|
height: 3px !important;
|
|
background: #764ba2 !important;
|
|
}
|
|
|
|
.subsection {
|
|
margin-bottom: 30px !important;
|
|
}
|
|
|
|
.subsection-title {
|
|
font-size: 1.3rem !important;
|
|
font-weight: 600 !important;
|
|
color: #4a5568 !important;
|
|
margin-bottom: 15px !important;
|
|
}
|
|
|
|
.subsection-text {
|
|
font-size: 1rem !important;
|
|
line-height: 1.8 !important;
|
|
color: #2d3748 !important;
|
|
}
|
|
|
|
/* 详细项目 */
|
|
.detail-item {
|
|
display: flex !important;
|
|
margin-bottom: 35px !important;
|
|
align-items: flex-start !important;
|
|
}
|
|
|
|
.detail-number {
|
|
font-size: 1.2rem !important;
|
|
font-weight: 600 !important;
|
|
color: #667eea !important;
|
|
background: #edf2f7 !important;
|
|
width: 35px !important;
|
|
height: 35px !important;
|
|
border-radius: 50% !important;
|
|
display: flex !important;
|
|
align-items: center !important;
|
|
justify-content: center !important;
|
|
margin-right: 20px !important;
|
|
min-width: 35px !important;
|
|
}
|
|
|
|
.detail-content {
|
|
flex: 1 !important;
|
|
}
|
|
|
|
.detail-title {
|
|
font-size: 1.2rem !important;
|
|
font-weight: 600 !important;
|
|
color: #2d3748 !important;
|
|
margin-bottom: 12px !important;
|
|
}
|
|
|
|
.detail-text {
|
|
font-size: 1rem !important;
|
|
line-height: 1.8 !important;
|
|
color: #4a5568 !important;
|
|
margin-bottom: 8px !important;
|
|
}
|
|
|
|
/* 使用目的 */
|
|
.usage-purposes {
|
|
margin: 25px 0 !important;
|
|
background: #f8fafc !important;
|
|
padding: 25px !important;
|
|
border-radius: 12px !important;
|
|
}
|
|
|
|
.usage-item {
|
|
display: flex !important;
|
|
margin-bottom: 15px !important;
|
|
align-items: flex-start !important;
|
|
}
|
|
|
|
.usage-number {
|
|
background: #667eea !important;
|
|
color: white !important;
|
|
width: 25px !important;
|
|
height: 25px !important;
|
|
border-radius: 50% !important;
|
|
display: flex !important;
|
|
align-items: center !important;
|
|
justify-content: center !important;
|
|
font-size: 0.9rem !important;
|
|
font-weight: 600 !important;
|
|
margin-right: 15px !important;
|
|
min-width: 25px !important;
|
|
}
|
|
|
|
.usage-text {
|
|
font-size: 0.95rem !important;
|
|
line-height: 1.7 !important;
|
|
color: #2d3748 !important;
|
|
}
|
|
|
|
/* 异常情况 */
|
|
.additional-info {
|
|
margin-top: 30px !important;
|
|
font-size: 1rem !important;
|
|
line-height: 1.8 !important;
|
|
color: #2d3748 !important;
|
|
}
|
|
|
|
.exception-list {
|
|
margin: 20px 0 !important;
|
|
padding-left: 20px !important;
|
|
}
|
|
|
|
.exception-item {
|
|
margin-bottom: 8px !important;
|
|
font-size: 0.95rem !important;
|
|
color: #4a5568 !important;
|
|
line-height: 1.7 !important;
|
|
}
|
|
|
|
/* PDF下载区域 */
|
|
.download-section {
|
|
margin: 40px 0 !important;
|
|
padding: 30px !important;
|
|
background: linear-gradient(135deg, #f7fafc, #edf2f7) !important;
|
|
border-radius: 15px !important;
|
|
border: 2px dashed #cbd5e0 !important;
|
|
}
|
|
|
|
.download-title {
|
|
font-size: 1.3rem !important;
|
|
font-weight: 600 !important;
|
|
color: #2d3748 !important;
|
|
margin-bottom: 20px !important;
|
|
text-align: center !important;
|
|
}
|
|
|
|
.download-card {
|
|
display: flex !important;
|
|
align-items: center !important;
|
|
background: white !important;
|
|
padding: 20px !important;
|
|
border-radius: 12px !important;
|
|
box-shadow: 0 4px 12px rgba(0,0,0,0.05) !important;
|
|
transition: all 0.3s ease !important;
|
|
}
|
|
|
|
.download-card:hover {
|
|
transform: translateY(-2px) !important;
|
|
box-shadow: 0 8px 25px rgba(0,0,0,0.1) !important;
|
|
}
|
|
|
|
.pdf-icon {
|
|
width: 60px !important;
|
|
height: 60px !important;
|
|
background: #dc2626 !important;
|
|
border-radius: 8px !important;
|
|
display: flex !important;
|
|
align-items: center !important;
|
|
justify-content: center !important;
|
|
margin-right: 20px !important;
|
|
}
|
|
|
|
.pdf-text {
|
|
color: white !important;
|
|
font-weight: bold !important;
|
|
font-size: 0.9rem !important;
|
|
}
|
|
|
|
.file-info {
|
|
flex: 1 !important;
|
|
}
|
|
|
|
.file-name {
|
|
font-size: 1.1rem !important;
|
|
font-weight: 600 !important;
|
|
color: #2d3748 !important;
|
|
margin-bottom: 5px !important;
|
|
text-decoration: underline !important;
|
|
color: #3182ce !important;
|
|
}
|
|
|
|
.file-size {
|
|
font-size: 0.9rem !important;
|
|
color: #666 !important;
|
|
}
|
|
|
|
.download-btn {
|
|
background: linear-gradient(135deg, #4299e1, #3182ce) !important;
|
|
color: white !important;
|
|
border: none !important;
|
|
padding: 12px 25px !important;
|
|
border-radius: 25px !important;
|
|
font-size: 1rem !important;
|
|
font-weight: 600 !important;
|
|
cursor: pointer !important;
|
|
transition: all 0.3s ease !important;
|
|
box-shadow: 0 4px 12px rgba(65, 153, 225, 0.3) !important;
|
|
}
|
|
|
|
.download-btn:hover {
|
|
background: linear-gradient(135deg, #3182ce, #2c5aa0) !important;
|
|
transform: translateY(-2px) !important;
|
|
box-shadow: 0 6px 20px rgba(65, 153, 225, 0.4) !important;
|
|
}
|
|
|
|
.download-btn:active {
|
|
transform: translateY(0) !important;
|
|
}
|
|
|
|
/* 验证部分 */
|
|
.verification-section {
|
|
margin-top: 40px !important;
|
|
}
|
|
|
|
.verification-type {
|
|
margin: 25px 0 !important;
|
|
background: #f8fafc !important;
|
|
padding: 20px !important;
|
|
border-radius: 10px !important;
|
|
}
|
|
|
|
.verification-type h5 {
|
|
font-size: 1.1rem !important;
|
|
font-weight: 600 !important;
|
|
color: #2d3748 !important;
|
|
margin-bottom: 15px !important;
|
|
}
|
|
|
|
.verification-item {
|
|
display: flex !important;
|
|
margin-bottom: 12px !important;
|
|
align-items: flex-start !important;
|
|
}
|
|
|
|
.bullet-point {
|
|
color: #667eea !important;
|
|
font-weight: bold !important;
|
|
margin-right: 10px !important;
|
|
min-width: 20px !important;
|
|
}
|
|
|
|
.verification-text {
|
|
flex: 1 !important;
|
|
font-size: 0.95rem !important;
|
|
line-height: 1.7 !important;
|
|
color: #2d3748 !important;
|
|
}
|
|
|
|
.commission-item {
|
|
background: #edf2f7 !important;
|
|
padding: 15px 20px !important;
|
|
border-radius: 8px !important;
|
|
margin-top: 15px !important;
|
|
font-weight: 600 !important;
|
|
color: #4a5568 !important;
|
|
}
|
|
|
|
/* 响应式设计 */
|
|
@media (max-width: 768px) {
|
|
.privacy-wrapper {
|
|
padding: 20px 0 !important;
|
|
}
|
|
|
|
.privacy-container {
|
|
padding: 0 15px !important;
|
|
}
|
|
|
|
.privacy-header {
|
|
padding: 30px 20px !important;
|
|
margin-bottom: 30px !important;
|
|
}
|
|
|
|
.main-title {
|
|
font-size: 2.2rem !important;
|
|
}
|
|
|
|
.content-section, .detailed-section {
|
|
padding: 30px 20px !important;
|
|
}
|
|
|
|
.contact-section {
|
|
padding: 25px 20px !important;
|
|
}
|
|
|
|
.download-card {
|
|
flex-direction: column !important;
|
|
text-align: center !important;
|
|
}
|
|
|
|
.pdf-icon {
|
|
margin-right: 0 !important;
|
|
margin-bottom: 15px !important;
|
|
}
|
|
|
|
.detail-item {
|
|
flex-direction: column !important;
|
|
}
|
|
|
|
.detail-number {
|
|
margin-right: 0 !important;
|
|
margin-bottom: 15px !important;
|
|
align-self: flex-start !important;
|
|
}
|
|
|
|
.usage-item {
|
|
flex-direction: column !important;
|
|
align-items: flex-start !important;
|
|
}
|
|
|
|
.usage-number {
|
|
margin-right: 0 !important;
|
|
margin-bottom: 10px !important;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 480px) {
|
|
.main-title {
|
|
font-size: 1.8rem !important;
|
|
}
|
|
|
|
.content-section, .detailed-section {
|
|
padding: 20px 15px !important;
|
|
}
|
|
|
|
.contact-section {
|
|
padding: 20px 15px !important;
|
|
}
|
|
|
|
.policy-item {
|
|
padding: 15px !important;
|
|
}
|
|
|
|
.download-section {
|
|
padding: 20px 15px !important;
|
|
}
|
|
|
|
.signature-section {
|
|
padding: 20px !important;
|
|
}
|
|
|
|
.intro-text {
|
|
padding: 20px !important;
|
|
}
|
|
|
|
.verification-item {
|
|
flex-direction: column !important;
|
|
}
|
|
|
|
/* 结尾联系信息样式 */
|
|
.final-contact-section {
|
|
margin-top: 50px !important;
|
|
border-top: 2px solid #e2e8f0 !important;
|
|
padding-top: 40px !important;
|
|
}
|
|
|
|
.final-contact-box {
|
|
background: #f8fafc !important;
|
|
padding: 35px 40px !important;
|
|
border-radius: 15px !important;
|
|
border-left: 5px solid #667eea !important;
|
|
box-shadow: 0 4px 12px rgba(0,0,0,0.05) !important;
|
|
}
|
|
|
|
.final-contact-title {
|
|
font-size: 1.2rem !important;
|
|
font-weight: 600 !important;
|
|
color: #2d3748 !important;
|
|
margin-bottom: 15px !important;
|
|
background: linear-gradient(135deg, #667eea, #764ba2) !important;
|
|
color: white !important;
|
|
padding: 8px 15px !important;
|
|
border-radius: 8px !important;
|
|
display: inline-block !important;
|
|
}
|
|
|
|
.final-contact-description {
|
|
font-size: 1rem !important;
|
|
color: #4a5568 !important;
|
|
margin-bottom: 20px !important;
|
|
line-height: 1.7 !important;
|
|
}
|
|
|
|
.final-contact-info {
|
|
background: white !important;
|
|
padding: 25px !important;
|
|
border-radius: 10px !important;
|
|
border: 1px solid #e2e8f0 !important;
|
|
}
|
|
|
|
.final-contact-row {
|
|
margin-bottom: 8px !important;
|
|
font-size: 1rem !important;
|
|
color: #2d3748 !important;
|
|
line-height: 1.6 !important;
|
|
padding: 5px 0 !important;
|
|
}
|
|
|
|
.final-contact-row:last-child {
|
|
margin-bottom: 0 !important;
|
|
font-weight: 600 !important;
|
|
color: #667eea !important;
|
|
}
|
|
|
|
/* 响应式设计补充 */
|
|
@media (max-width: 768px) {
|
|
.final-contact-section {
|
|
margin-top: 30px !important;
|
|
padding-top: 25px !important;
|
|
}
|
|
|
|
.final-contact-box {
|
|
padding: 25px 20px !important;
|
|
}
|
|
|
|
.final-contact-info {
|
|
padding: 20px 15px !important;
|
|
}
|
|
|
|
.final-contact-title {
|
|
font-size: 1.1rem !important;
|
|
padding: 6px 12px !important;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 480px) {
|
|
.final-contact-box {
|
|
padding: 20px 15px !important;
|
|
}
|
|
|
|
.final-contact-info {
|
|
padding: 15px 12px !important;
|
|
}
|
|
|
|
.final-contact-row {
|
|
font-size: 0.95rem !important;
|
|
}
|
|
}
|
|
|
|
/* 共同利用部分样式 */
|
|
.shared-use-section {
|
|
margin-top: 25px !important;
|
|
padding: 20px !important;
|
|
background: #fff3cd !important;
|
|
border: 1px solid #ffeaa7 !important;
|
|
border-radius: 10px !important;
|
|
border-left: 4px solid #f39c12 !important;
|
|
}
|
|
|
|
.shared-use-section p {
|
|
font-size: 0.95rem !important;
|
|
line-height: 1.8 !important;
|
|
color: #856404 !important;
|
|
margin: 0 !important;
|
|
}
|
|
|
|
.additional-info {
|
|
margin-top: 25px !important;
|
|
}
|
|
|
|
.additional-info > p {
|
|
font-size: 1rem !important;
|
|
line-height: 1.8 !important;
|
|
color: #2d3748 !important;
|
|
margin-bottom: 15px !important;
|
|
}
|
|
|
|
/* 完整HTML的补充CSS样式 */
|
|
|
|
/* 程序相关样式 */
|
|
.procedure-section {
|
|
margin: 30px 0 !important;
|
|
background: #f8fafc !important;
|
|
padding: 25px !important;
|
|
border-radius: 12px !important;
|
|
border-left: 4px solid #667eea !important;
|
|
}
|
|
|
|
.procedure-title {
|
|
font-size: 1.2rem !important;
|
|
font-weight: 600 !important;
|
|
color: #2d3748 !important;
|
|
margin-bottom: 15px !important;
|
|
}
|
|
|
|
.procedure-text {
|
|
font-size: 1rem !important;
|
|
line-height: 1.8 !important;
|
|
color: #4a5568 !important;
|
|
margin-bottom: 15px !important;
|
|
}
|
|
|
|
.contact-info-detail {
|
|
background: white !important;
|
|
padding: 20px !important;
|
|
border-radius: 8px !important;
|
|
margin-top: 15px !important;
|
|
}
|
|
|
|
.contact-row {
|
|
margin-bottom: 8px !important;
|
|
font-size: 0.95rem !important;
|
|
color: #2d3748 !important;
|
|
line-height: 1.6 !important;
|
|
}
|
|
|
|
.download-description {
|
|
font-size: 1rem !important;
|
|
color: #4a5568 !important;
|
|
margin-bottom: 15px !important;
|
|
}
|
|
|
|
/* 拒绝情况样式 */
|
|
.refusal-list, .result-list, .note-list {
|
|
margin: 20px 0 !important;
|
|
}
|
|
|
|
.refusal-item, .result-item, .note-item {
|
|
margin-bottom: 12px !important;
|
|
padding: 12px 15px !important;
|
|
background: #f1f5f9 !important;
|
|
border-radius: 8px !important;
|
|
font-size: 0.95rem !important;
|
|
line-height: 1.7 !important;
|
|
color: #475569 !important;
|
|
border-left: 3px solid #94a3b8 !important;
|
|
}
|
|
|
|
.refusal-item:hover, .result-item:hover, .note-item:hover {
|
|
background: #e2e8f0 !important;
|
|
border-left-color: #667eea !important;
|
|
}
|
|
|
|
/* 安全措施样式 */
|
|
.safety-measures {
|
|
margin-top: 25px !important;
|
|
}
|
|
|
|
.measure-item {
|
|
margin-bottom: 30px !important;
|
|
background: #f8fafc !important;
|
|
padding: 25px !important;
|
|
border-radius: 12px !important;
|
|
border-left: 4px solid #10b981 !important;
|
|
transition: all 0.3s ease !important;
|
|
}
|
|
|
|
.measure-item:hover {
|
|
background: #f0f9ff !important;
|
|
border-left-color: #3b82f6 !important;
|
|
transform: translateX(5px) !important;
|
|
}
|
|
|
|
.measure-item h6 {
|
|
font-size: 1.1rem !important;
|
|
font-weight: 600 !important;
|
|
color: #1f2937 !important;
|
|
margin-bottom: 12px !important;
|
|
}
|
|
|
|
.measure-item p {
|
|
font-size: 0.95rem !important;
|
|
line-height: 1.8 !important;
|
|
color: #4b5563 !important;
|
|
margin: 0 !important;
|
|
}
|
|
|
|
/* 底部价值区域 */
|
|
.bottom-section {
|
|
margin-top: 60px !important;
|
|
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
|
|
border-radius: 25px !important;
|
|
overflow: hidden !important;
|
|
position: relative !important;
|
|
}
|
|
|
|
.bottom-section::before {
|
|
content: "" !important;
|
|
position: absolute !important;
|
|
top: 0 !important;
|
|
left: 0 !important;
|
|
right: 0 !important;
|
|
bottom: 0 !important;
|
|
background:
|
|
radial-gradient(circle at 20% 20%, rgba(255, 255, 255, 0.1) 0%, transparent 50%),
|
|
radial-gradient(circle at 80% 80%, rgba(255, 255, 255, 0.08) 0%, transparent 50%) !important;
|
|
pointer-events: none !important;
|
|
}
|
|
|
|
.value-section {
|
|
padding: 60px 50px !important;
|
|
text-align: center !important;
|
|
position: relative !important;
|
|
z-index: 1 !important;
|
|
}
|
|
|
|
.value-label {
|
|
font-size: 1.1rem !important;
|
|
color: rgba(255, 255, 255, 0.8) !important;
|
|
margin-bottom: 20px !important;
|
|
font-weight: 300 !important;
|
|
letter-spacing: 0.1em !important;
|
|
}
|
|
|
|
.value-title {
|
|
font-size: 2.5rem !important;
|
|
color: white !important;
|
|
font-weight: 300 !important;
|
|
margin-bottom: 20px !important;
|
|
letter-spacing: 0.05em !important;
|
|
}
|
|
|
|
.value-subtitle {
|
|
font-size: 1.2rem !important;
|
|
color: rgba(255, 255, 255, 0.9) !important;
|
|
margin-bottom: 30px !important;
|
|
font-weight: 400 !important;
|
|
}
|
|
|
|
.value-description {
|
|
font-size: 1rem !important;
|
|
line-height: 1.9 !important;
|
|
color: rgba(255, 255, 255, 0.95) !important;
|
|
max-width: 800px !important;
|
|
margin: 0 auto !important;
|
|
text-align: justify !important;
|
|
}
|
|
|
|
/* 验证类型标题 */
|
|
.verification-type h6 {
|
|
font-size: 1.05rem !important;
|
|
font-weight: 600 !important;
|
|
color: #2d3748 !important;
|
|
margin-bottom: 15px !important;
|
|
padding: 8px 12px !important;
|
|
background: #e2e8f0 !important;
|
|
border-radius: 6px !important;
|
|
display: inline-block !important;
|
|
}
|
|
|
|
/* 响应式补充 */
|
|
@media (max-width: 768px) {
|
|
.value-section {
|
|
padding: 40px 25px !important;
|
|
}
|
|
|
|
.value-title {
|
|
font-size: 2rem !important;
|
|
}
|
|
|
|
.procedure-section {
|
|
padding: 20px 15px !important;
|
|
}
|
|
|
|
.measure-item {
|
|
padding: 20px 15px !important;
|
|
}
|
|
|
|
.contact-info-detail {
|
|
padding: 15px !important;
|
|
}
|
|
|
|
.safety-measures {
|
|
margin-top: 20px !important;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 480px) {
|
|
.value-title {
|
|
font-size: 1.6rem !important;
|
|
}
|
|
|
|
.value-section {
|
|
padding: 30px 20px !important;
|
|
}
|
|
|
|
.procedure-section {
|
|
padding: 15px 10px !important;
|
|
}
|
|
|
|
.measure-item {
|
|
padding: 15px 12px !important;
|
|
}
|
|
|
|
.refusal-item, .result-item, .note-item {
|
|
padding: 10px 12px !important;
|
|
font-size: 0.9rem !important;
|
|
}
|
|
}
|
|
|
|
/* ==========================================
|
|
Custom Header 页眉自适应修复
|
|
========================================== */
|
|
|
|
/* 电脑端基础样式 */
|
|
#custom-header {
|
|
position: relative !important;
|
|
width: 100% !important;
|
|
min-height: 500px !important;
|
|
background-size: cover !important;
|
|
background-position: center !important;
|
|
background-repeat: no-repeat !important;
|
|
display: block !important;
|
|
}
|
|
|
|
#custom-header .container {
|
|
max-width: 1200px !important;
|
|
margin: 0 auto !important;
|
|
padding: 40px 20px !important;
|
|
}
|
|
|
|
#custom-header .header-content {
|
|
padding: 20px !important;
|
|
}
|
|
|
|
/* 手机端适配 */
|
|
@media (max-width: 768px) {
|
|
#custom-header {
|
|
min-height: 300px !important;
|
|
height: auto !important;
|
|
background-size: cover !important;
|
|
background-position: center center !important;
|
|
padding: 30px 0 !important;
|
|
display: block !important;
|
|
position: relative !important;
|
|
}
|
|
|
|
#custom-header .container {
|
|
width: 100% !important;
|
|
max-width: 100% !important;
|
|
padding: 20px 15px !important;
|
|
margin: 0 !important;
|
|
}
|
|
|
|
#custom-header .header-content {
|
|
width: 100% !important;
|
|
padding: 15px 10px !important;
|
|
}
|
|
}
|
|
|
|
/* 超小屏幕 */
|
|
@media (max-width: 480px) {
|
|
#custom-header {
|
|
min-height: 250px !important;
|
|
padding: 20px 0 !important;
|
|
}
|
|
|
|
#custom-header .container {
|
|
padding: 15px 10px !important;
|
|
}
|
|
}
|
|
|
|
/* 横屏模式 */
|
|
@media (max-height: 500px) and (orientation: landscape) {
|
|
#custom-header {
|
|
min-height: 200px !important;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 768px) {
|
|
#masthead.site-header {
|
|
display: none !important;
|
|
}
|
|
}
|
|
|
|
|
|
@media (max-width: 768px) {
|
|
#custom-header {
|
|
position: relative !important;
|
|
margin-top: -80px !important; /* 向上拉80px，覆盖白条 */
|
|
z-index: 100 !important;
|
|
}
|
|
|
|
/* 如果80px不够，改成-100px或-120px */
|
|
}
|
|
|
|
/* ==========================================
|
|
修复文字溢出到右侧的问题
|
|
========================================== */
|
|
|
|
@media (max-width: 768px) {
|
|
/* 确保文字容器居中且不溢出 */
|
|
.elementor-widget-text-editor,
|
|
.elementor-widget-heading,
|
|
.elementor-widget-container {
|
|
width: 100% !important;
|
|
max-width: 100% !important;
|
|
margin-left: 0 !important;
|
|
margin-right: 0 !important;
|
|
padding-left: 15px !important;
|
|
padding-right: 15px !important;
|
|
box-sizing: border-box !important;
|
|
overflow: hidden !important;
|
|
}
|
|
|
|
/* 文字内容不溢出 */
|
|
.elementor-widget-text-editor p,
|
|
.elementor-text-editor p,
|
|
.elementor-heading-title {
|
|
width: 100% !important;
|
|
max-width: 100% !important;
|
|
margin: 0 auto !important;
|
|
text-align: center !important;
|
|
word-wrap: break-word !important;
|
|
overflow-wrap: break-word !important;
|
|
box-sizing: border-box !important;
|
|
}
|
|
|
|
/* 父容器也要限制宽度 */
|
|
.elementor-column,
|
|
.elementor-column-wrap,
|
|
.elementor-widget-wrap {
|
|
width: 100% !important;
|
|
max-width: 100% !important;
|
|
margin-left: 0 !important;
|
|
margin-right: 0 !important;
|
|
padding-left: 10px !important;
|
|
padding-right: 10px !important;
|
|
overflow-x: hidden !important;
|
|
}
|
|
|
|
/* Section也要限制 */
|
|
.elementor-section {
|
|
width: 100% !important;
|
|
max-width: 100vw !important;
|
|
overflow-x: hidden !important;
|
|
}
|
|
|
|
/* 修复可能的transform位移 */
|
|
.elementor-widget-text-editor,
|
|
.elementor-widget-heading {
|
|
transform: none !important;
|
|
left: 0 !important;
|
|
right: 0 !important;
|
|
}
|
|
} </style>
|
|
<style id='wp-block-columns-inline-css' type='text/css'>
|
|
.wp-block-columns{box-sizing:border-box;display:flex;flex-wrap:wrap!important}@media (min-width:782px){.wp-block-columns{flex-wrap:nowrap!important}}.wp-block-columns{align-items:normal!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:0;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:0;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:0;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%}
|
|
/*# sourceURL=https://www.topcloud-japan.co.jp/wp-includes/blocks/columns/style.min.css */
|
|
</style>
|
|
<style id='wp-block-paragraph-inline-css' type='text/css'>
|
|
.is-small-text{font-size:.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:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.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}
|
|
/*# sourceURL=https://www.topcloud-japan.co.jp/wp-includes/blocks/paragraph/style.min.css */
|
|
</style>
|
|
<style id='core-block-supports-inline-css' type='text/css'>
|
|
.wp-container-core-columns-is-layout-9d6595d7{flex-wrap:nowrap;}
|
|
/*# sourceURL=core-block-supports-inline-css */
|
|
</style>
|
|
|
|
</head>
|
|
|
|
<body class="wp-singular page-template-default page page-id-2178 wp-embed-responsive wp-theme-bizroot global-layout-left-sidebar header-overlap elementor-default elementor-kit-148 elementor-page elementor-page-2178">
|
|
<div id="page" class="hfeed site">
|
|
<a class="skip-link screen-reader-text" href="#content">コンテンツへスキップ</a> <a id="mobile-trigger" href="#mob-menu"><i class="fa fa-bars"></i></a>
|
|
<div id="mob-menu">
|
|
<ul id="menu-%e7%9b%ae%e5%bd%95" class="menu"><li id="menu-item-2253" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-2253"><a href="https://www.topcloud-japan.co.jp/"><div style="border: none; outline: none; text-decoration: none; background: none;"> <img src="https://www.topcloud-japan.co.jp/wp-content/uploads/2025/09/Top-cloud-logo-scaled.png" alt="logo" style="height: 30px; width: auto;"> </div></a></li>
|
|
<li id="menu-item-101" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-101"><a href="https://www.topcloud-japan.co.jp/business/">事業領域</a></li>
|
|
<li id="menu-item-102" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-102"><a href="https://www.topcloud-japan.co.jp/about/">会社情報</a></li>
|
|
<li id="menu-item-2252" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-2178 current_page_item menu-item-2252"><a href="https://www.topcloud-japan.co.jp/recruit-2/" aria-current="page">採用情報</a></li>
|
|
<li id="menu-item-1269" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1269"><a href="https://www.topcloud-japan.co.jp/employee/">社員向け情報</a></li>
|
|
<li id="menu-item-167" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-167"><a href="https://www.topcloud-japan.co.jp/contact/">お問い合わせ</a></li>
|
|
<li id="menu-item-103" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-103"><a href="https://www.topcloud-japan.co.jp/privacy/">個人情報保護方針</a></li>
|
|
</ul> </div><!-- #mob-menu -->
|
|
<header id="masthead" class="site-header" role="banner"><div class="container"> <div class="site-branding">
|
|
|
|
|
|
<div id="site-identity">
|
|
<p class="site-title"><a href="https://www.topcloud-japan.co.jp/" rel="home"></a></p>
|
|
<p class="site-description"></p>
|
|
</div><!-- #site-identity -->
|
|
</div><!-- .site-branding -->
|
|
<div class="header-search-box">
|
|
<a href="#" class="search-icon"><i class="fa fa-search"></i></a>
|
|
<div class="search-box-wrap">
|
|
|
|
<form role="search" method="get" class="search-form" action="https://www.topcloud-japan.co.jp/">
|
|
<label>
|
|
<span class="screen-reader-text">検索:</span>
|
|
<input type="search" class="search-field" placeholder="検索…" value="" name="s" />
|
|
</label>
|
|
<input type="submit" class="search-submit" value="" />
|
|
</form>
|
|
</div><!-- .search-box-wrap -->
|
|
</div><!-- .header-search-box -->
|
|
<div id="main-nav">
|
|
<nav id="site-navigation" class="main-navigation" role="navigation">
|
|
<div class="wrap-menu-content">
|
|
<div class="menu-%e7%9b%ae%e5%bd%95-container"><ul id="primary-menu" class="menu"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-2253"><a href="https://www.topcloud-japan.co.jp/"><div style="border: none; outline: none; text-decoration: none; background: none;"> <img src="https://www.topcloud-japan.co.jp/wp-content/uploads/2025/09/Top-cloud-logo-scaled.png" alt="logo" style="height: 30px; width: auto;"> </div></a></li>
|
|
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-101"><a href="https://www.topcloud-japan.co.jp/business/">事業領域</a></li>
|
|
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-102"><a href="https://www.topcloud-japan.co.jp/about/">会社情報</a></li>
|
|
<li class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-2178 current_page_item menu-item-2252"><a href="https://www.topcloud-japan.co.jp/recruit-2/" aria-current="page">採用情報</a></li>
|
|
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1269"><a href="https://www.topcloud-japan.co.jp/employee/">社員向け情報</a></li>
|
|
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-167"><a href="https://www.topcloud-japan.co.jp/contact/">お問い合わせ</a></li>
|
|
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-103"><a href="https://www.topcloud-japan.co.jp/privacy/">個人情報保護方針</a></li>
|
|
</ul></div> </div><!-- .menu-content -->
|
|
</nav><!-- #site-navigation -->
|
|
</div> <!-- #main-nav -->
|
|
</div><!-- .container --></header><!-- #masthead --> <div id="custom-header" style="background-image:url(https://www.topcloud-japan.co.jp/wp-content/uploads/2025/09/cropped-premium_photo-1661414682625-46f100b04c9c.avif);background-size:cover;" >
|
|
<div class="container">
|
|
<div class="header-content">
|
|
<h1 class="page-title"> 採用情報 </h1> <span class="separator"></span>
|
|
</div><!-- .header-content -->
|
|
</div><!-- .container -->
|
|
</div><!-- #custom-header -->
|
|
<div id="breadcrumb"><div class="container"><div role="navigation" aria-label="パンくずリスト" class="breadcrumb-trail breadcrumbs" itemprop="breadcrumb"><ul class="trail-items" itemscope itemtype="http://schema.org/BreadcrumbList"><meta name="numberOfItems" content="2" /><meta name="itemListOrder" content="Ascending" /><li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem" class="trail-item trail-begin"><a href="https://www.topcloud-japan.co.jp" rel="home"><span itemprop="name">ホーム</span></a><meta itemprop="position" content="1" /></li><li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem" class="trail-item trail-end"><span itemprop="name">採用情報</span><meta itemprop="position" content="2" /></li></ul></div></div><!-- .container --></div><!-- #breadcrumb --><div id="content" class="site-content"><div class="container"><div class="inner-wrapper">
|
|
|
|
<div id="primary" class="content-area">
|
|
<main id="main" class="site-main" role="main">
|
|
|
|
|
|
|
|
<article id="post-2178" class="post-2178 page type-page status-publish hentry">
|
|
|
|
<div class="entry-content-wrapper">
|
|
<div class="entry-content">
|
|
<div data-elementor-type="wp-page" data-elementor-id="2178" class="elementor elementor-2178">
|
|
<div class="elementor-element elementor-element-7b0b4ac e-flex e-con-boxed e-con e-parent" data-id="7b0b4ac" data-element_type="container">
|
|
<div class="e-con-inner">
|
|
<div class="elementor-element elementor-element-addd47b elementor-widget elementor-widget-html" data-id="addd47b" data-element_type="widget" data-widget_type="html.default">
|
|
<!DOCTYPE html>
|
|
<html lang="ja">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>採用情報 | 株式会社トップクラウド</title>
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Noto+Sans+JP:wght@300;400;500;700;900&family=DM+Sans:wght@300;400;500;700&display=swap" rel="stylesheet">
|
|
<style>
|
|
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
|
|
:root{
|
|
--navy:#062556;
|
|
--blue:#1a5ccc;
|
|
--sky:#3d8ef0;
|
|
--light:#6eb3ff;
|
|
--cyan:#00b4d8;
|
|
--orange:#f97316;
|
|
--white:#ffffff;
|
|
--bg0:#f4f9ff;
|
|
--bg1:#e8f2ff;
|
|
--bg2:#dbeafe;
|
|
--text:#1a2e4a;
|
|
--muted:#5a7898;
|
|
--border:#d0e4fa;
|
|
}
|
|
html{scroll-behavior:smooth}
|
|
/* ── Elementor 全屏突破 ── */
|
|
.elementor-widget-html {
|
|
width: 100vw !important;
|
|
position: relative !important;
|
|
left: 50% !important;
|
|
transform: translateX(-50%) !important;
|
|
max-width: none !important;
|
|
}
|
|
|
|
.elementor-widget-html > .elementor-widget-container {
|
|
max-width: none !important;
|
|
padding: 0 !important;
|
|
}
|
|
body{font-family:'Noto Sans JP',sans-serif;background:var(--white);color:var(--text);overflow-x:hidden}
|
|
::-webkit-scrollbar{width:4px}
|
|
::-webkit-scrollbar-track{background:var(--bg0)}
|
|
::-webkit-scrollbar-thumb{background:linear-gradient(var(--sky),var(--blue));border-radius:2px}
|
|
|
|
/* ─── HEADER ─── */
|
|
header{
|
|
position:fixed;top:0;left:0;width:100%;z-index:300;
|
|
height:68px;display:flex;align-items:center;justify-content:space-between;
|
|
padding:0 52px;
|
|
background:rgba(255,255,255,.94);
|
|
backdrop-filter:blur(20px);
|
|
border-bottom:1px solid var(--border);
|
|
box-shadow:0 2px 16px rgba(26,92,204,.07);
|
|
transition:height .3s,box-shadow .3s;
|
|
}
|
|
header.sh{height:58px;box-shadow:0 2px 20px rgba(26,92,204,.12)}
|
|
.logo{display:flex;align-items:center;gap:12px;text-decoration:none}
|
|
.logo-mark{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,var(--sky),var(--blue));display:flex;align-items:center;justify-content:center;font-family:'Bebas Neue',sans-serif;font-size:22px;color:#fff;box-shadow:0 4px 14px rgba(26,92,204,.28)}
|
|
.logo-text{color:var(--navy);font-family:'DM Sans',sans-serif;font-weight:700;font-size:16px;line-height:1.15}
|
|
.logo-sub{display:block;font-size:9px;font-weight:400;color:var(--muted);letter-spacing:.18em}
|
|
nav{display:flex;align-items:center;gap:28px}
|
|
nav a{color:var(--muted);text-decoration:none;font-size:13px;font-weight:600;letter-spacing:.04em;position:relative;transition:color .2s}
|
|
nav a::after{content:'';position:absolute;bottom:-3px;left:0;width:0;height:2px;background:var(--sky);border-radius:1px;transition:width .3s}
|
|
nav a:hover{color:var(--blue)}
|
|
nav a:hover::after{width:100%}
|
|
.btn-apply{background:linear-gradient(135deg,var(--orange),#ef4444)!important;color:#fff!important;padding:10px 24px;border-radius:28px;font-weight:700;font-size:13px;letter-spacing:.08em;box-shadow:0 4px 16px rgba(249,115,22,.32);transition:transform .25s,box-shadow .25s!important}
|
|
.btn-apply:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(249,115,22,.48)!important}
|
|
.btn-apply::after{display:none!important}
|
|
|
|
/* ─── HERO (dark, intentional) ─── */
|
|
.hero{position:relative;height:100vh;min-height:700px;display:flex;align-items:center;overflow:hidden}
|
|
.hero-photo{position:absolute;inset:0;background:url('https://images.unsplash.com/photo-1498050108023-c5249f4df085?w=1920&q=80') center/cover no-repeat}
|
|
.hero-veil{position:absolute;inset:0;background:linear-gradient(135deg,rgba(4,22,60,.93) 0%,rgba(6,37,86,.82) 50%,rgba(18,81,197,.5) 80%,rgba(0,180,216,.15) 100%)}
|
|
.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:64px 64px;animation:gridScroll 32s linear infinite}
|
|
@keyframes gridScroll{to{background-position:64px 64px}}
|
|
.hero-particles{position:absolute;inset:0;overflow:hidden;pointer-events:none}
|
|
.pt{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(150,220,255,.6),transparent);animation:rise linear infinite;opacity:0}
|
|
@keyframes rise{0%{opacity:0;transform:translateY(100vh)}15%{opacity:.5}85%{opacity:.15}100%{opacity:0;transform:translateY(-10vh)}}
|
|
|
|
.hero-body{position:relative;z-index:10;width:100%;max-width:1360px;margin:0 auto;padding:0 64px;display:grid;grid-template-columns:1fr 390px;gap:60px;align-items:center}
|
|
.hero-badge{display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);border-radius:24px;padding:7px 18px;margin-bottom:26px}
|
|
.hero-badge-dot{width:6px;height:6px;background:#7fdfff;border-radius:50%;animation:blink 1.6s ease-in-out infinite}
|
|
@keyframes blink{0%,100%{opacity:1}50%{opacity:.25}}
|
|
.hero-badge span{font-size:11px;letter-spacing:.2em;color:rgba(255,255,255,.82);font-weight:600}
|
|
.hero-h1{line-height:.88;margin-bottom:26px}
|
|
.hero-line{font-family:'Bebas Neue',sans-serif;font-size:clamp(66px,9.2vw,136px);color:#fff;display:block;letter-spacing:.03em}
|
|
.hero-line.outline{color:transparent;-webkit-text-stroke:2px #8ae4ff;text-shadow:0 0 48px rgba(138,228,255,.4)}
|
|
.hero-line.gradient{background:linear-gradient(90deg,#fff 0%,#8ae4ff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
|
|
.hero-lead{font-size:15px;font-weight:300;color:rgba(255,255,255,.7);letter-spacing:.06em;line-height:2.1;max-width:500px}
|
|
.hero-kpi{display:flex;gap:32px;margin-top:40px;padding-top:36px;border-top:1px solid rgba(255,255,255,.1)}
|
|
.kpi-val{font-family:'Bebas Neue',sans-serif;font-size:42px;color:#8ae4ff;line-height:1}
|
|
.kpi-label{font-size:11px;color:rgba(255,255,255,.48);margin-top:4px;letter-spacing:.1em}
|
|
|
|
/* Hero side panel */
|
|
.hero-panel{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:22px;backdrop-filter:blur(14px);padding:30px;display:flex;flex-direction:column;gap:13px}
|
|
.panel-label{font-size:10px;letter-spacing:.22em;color:#8ae4ff;font-weight:700;margin-bottom:2px}
|
|
.pjob{display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:13px 15px;text-decoration:none;transition:all .3s}
|
|
.pjob:hover{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.28);transform:translateX(4px)}
|
|
.pjob-info{display:flex;flex-direction:column;gap:3px}
|
|
.pjob-tag{font-size:9px;letter-spacing:.15em;color:#8ae4ff;font-weight:700}
|
|
.pjob-name{font-size:13px;font-weight:700;color:#fff}
|
|
.pjob-sal{font-size:10px;color:rgba(255,255,255,.48)}
|
|
.pjob-arr{width:26px;height:26px;border-radius:50%;border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.45);font-size:11px;flex-shrink:0;transition:all .3s}
|
|
.pjob:hover .pjob-arr{background:#8ae4ff;border-color:#8ae4ff;color:#062556}
|
|
.panel-cta{display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,var(--orange),#ef4444);border-radius:12px;padding:14px;text-decoration:none;font-weight:700;font-size:13.5px;color:#fff;box-shadow:0 6px 22px rgba(249,115,22,.4);transition:transform .3s;margin-top:4px}
|
|
.panel-cta:hover{transform:translateY(-2px)}
|
|
.hero-scroll-hint{position:absolute;bottom:36px;left:64px;z-index:10;display:flex;align-items:center;gap:12px;color:rgba(255,255,255,.38);font-size:10px;letter-spacing:.22em;font-family:'Bebas Neue',sans-serif}
|
|
.scroll-bar{width:44px;height:1px;background:linear-gradient(to right,rgba(138,228,255,.7),transparent)}
|
|
|
|
/* ─── TICKER ─── */
|
|
.ticker{background:linear-gradient(90deg,var(--blue),var(--sky));padding:13px 0;overflow:hidden}
|
|
.ticker-track{display:flex;gap:52px;white-space:nowrap;animation:tickMove 28s linear infinite}
|
|
.ticker-item{font-family:'Bebas Neue',sans-serif;font-size:19px;color:#fff;letter-spacing:.12em;flex-shrink:0;display:flex;align-items:center;gap:18px}
|
|
.ticker-dot{width:5px;height:5px;background:rgba(255,255,255,.5);border-radius:50%}
|
|
@keyframes tickMove{to{transform:translateX(-50%)}}
|
|
|
|
/* ─── PAGE NAV ─── */
|
|
.page-nav{background:#fff;position:sticky;top:68px;z-index:200;border-bottom:2px solid var(--bg1);box-shadow:0 2px 10px rgba(26,92,204,.05)}
|
|
.page-nav-inner{max-width:1360px;margin:0 auto;padding:0 64px;display:flex}
|
|
.page-nav-inner a{display:block;padding:15px 22px;font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--muted);text-decoration:none;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s}
|
|
.page-nav-inner a:hover,.page-nav-inner a.act{color:var(--blue);border-bottom-color:var(--sky)}
|
|
|
|
/* ─── SHARED ─── */
|
|
.wrap{max-width:1360px;margin:0 auto;padding:0 64px}
|
|
.sec-eyebrow{font-family:'Bebas Neue',sans-serif;font-size:11px;letter-spacing:.35em;color:var(--sky);display:flex;align-items:center;gap:10px}
|
|
.sec-eyebrow::before{content:'';display:block;width:22px;height:1px;background:var(--sky)}
|
|
.sec-title{font-family:'Bebas Neue',sans-serif;font-size:clamp(40px,5vw,68px);line-height:1}
|
|
.reveal{opacity:0;transform:translateY(36px);transition:opacity .7s cubic-bezier(.4,0,.2,1),transform .7s cubic-bezier(.4,0,.2,1)}
|
|
.reveal.in{opacity:1;transform:none}
|
|
.d1{transition-delay:.1s}.d2{transition-delay:.2s}.d3{transition-delay:.3s}.d4{transition-delay:.4s}
|
|
|
|
/* ─── MESSAGE ─── */
|
|
.sec-message{
|
|
padding:120px 0;
|
|
background:var(--white);
|
|
position:relative;overflow:hidden;
|
|
}
|
|
.message-bg-stripe{
|
|
position:absolute;right:0;top:0;bottom:0;width:42%;
|
|
background:url('https://images.unsplash.com/photo-1522071820081-009f0129c71c?w=900&q=80') center/cover no-repeat;
|
|
clip-path:polygon(14% 0,100% 0,100% 100%,0 100%);
|
|
}
|
|
.message-bg-stripe::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.3) 35%,transparent 70%)}
|
|
.msg-watermark{position:absolute;top:50%;left:-10px;transform:translateY(-50%);font-family:'Bebas Neue',sans-serif;font-size:200px;color:rgba(26,92,204,.04);white-space:nowrap;pointer-events:none;line-height:1}
|
|
.msg-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;position:relative;z-index:1}
|
|
.msg-title{color:var(--navy);margin-top:14px}
|
|
.msg-body{font-size:15px;line-height:2.1;color:var(--muted);margin-top:26px}
|
|
.msg-body strong{color:var(--navy);font-weight:700}
|
|
.msg-kpis{display:flex;gap:18px;margin-top:36px}
|
|
.msg-kpi{flex:1;background:var(--bg0);border-radius:14px;padding:20px;text-align:center;border:1px solid var(--border);transition:transform .3s,box-shadow .3s}
|
|
.msg-kpi:hover{transform:translateY(-4px);box-shadow:0 10px 28px rgba(26,92,204,.1)}
|
|
.msg-kpi-icon{font-size:26px;margin-bottom:8px}
|
|
.msg-kpi-val{font-family:'Bebas Neue',sans-serif;font-size:30px;color:var(--blue);line-height:1}
|
|
.msg-kpi-label{font-size:11px;color:var(--muted);margin-top:4px;font-weight:500}
|
|
.msg-cards{display:flex;flex-direction:column;gap:18px}
|
|
.msg-card{background:var(--white);border-radius:16px;padding:26px 28px;border-left:4px solid var(--sky);box-shadow:0 3px 16px rgba(26,92,204,.08);transition:transform .3s,box-shadow .3s;display:flex;gap:20px;align-items:flex-start}
|
|
.msg-card:hover{transform:translateX(7px);box-shadow:0 7px 24px rgba(26,92,204,.14)}
|
|
.msg-card-num{font-family:'Bebas Neue',sans-serif;font-size:44px;color:var(--bg2);line-height:1;flex-shrink:0;width:50px}
|
|
.msg-card-title{font-size:15px;font-weight:700;color:var(--navy);margin-bottom:6px}
|
|
.msg-card-text{font-size:12.5px;color:var(--muted);line-height:1.85}
|
|
|
|
/* ─── JOBS ─── */
|
|
.sec-jobs{padding:120px 0;background:var(--bg0);position:relative;overflow:hidden}
|
|
.sec-jobs::before{content:'CAREERS';position:absolute;bottom:-50px;right:-20px;font-family:'Bebas Neue',sans-serif;font-size:220px;color:rgba(26,92,204,.04);line-height:1;pointer-events:none}
|
|
.jobs-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:52px}
|
|
.link-more{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--blue);font-size:12px;font-weight:700;letter-spacing:.1em;border-bottom:1px solid var(--blue);padding-bottom:3px;transition:gap .3s}
|
|
.link-more:hover{gap:14px}
|
|
.jobs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
|
|
.job-card{position:relative;overflow:hidden;border-radius:20px;min-height:260px;text-decoration:none;display:flex;flex-direction:column;justify-content:flex-end;transition:transform .35s,box-shadow .35s}
|
|
.job-card:hover{transform:translateY(-8px);box-shadow:0 24px 56px rgba(6,37,86,.22)}
|
|
.job-photo{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .5s}
|
|
.job-card:hover .job-photo{transform:scale(1.07)}
|
|
.job-photo-veil{position:absolute;inset:0;background:linear-gradient(to top,rgba(6,37,86,.88) 0%,rgba(6,37,86,.4) 55%,rgba(6,37,86,.1) 100%);transition:opacity .3s}
|
|
.job-card:hover .job-photo-veil{opacity:.8}
|
|
.job-body{position:relative;z-index:1;padding:26px 24px}
|
|
.job-tag{display:inline-block;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.32);color:#fff;font-size:9px;letter-spacing:.18em;padding:4px 12px;border-radius:20px;font-weight:700;margin-bottom:10px}
|
|
.job-tag.hot{background:rgba(249,115,22,.28);border-color:rgba(249,115,22,.5);color:#ffd0a0}
|
|
.job-name{font-size:17px;font-weight:700;color:#fff;line-height:1.5;margin-bottom:8px}
|
|
.job-salary{font-size:11px;color:rgba(255,255,255,.62)}
|
|
.job-footer{display:flex;justify-content:space-between;align-items:center;margin-top:14px}
|
|
.job-date{font-size:10px;color:rgba(255,255,255,.38)}
|
|
.job-arrow{width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.28);display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;transition:all .3s}
|
|
.job-card:hover .job-arrow{background:var(--cyan);border-color:var(--cyan);color:#062556}
|
|
.job-card-more{background:var(--bg1);border:2px dashed var(--border)}
|
|
.job-card-more .job-name{color:var(--navy)}
|
|
.job-card-more .job-tag{background:rgba(26,92,204,.1);border-color:var(--border);color:var(--blue)}
|
|
.job-card-more .job-salary{color:var(--muted)}
|
|
.job-card-more .job-date{color:var(--muted)}
|
|
.job-card-more .job-arrow{border-color:var(--blue);color:var(--blue)}
|
|
.job-card-more:hover .job-arrow{background:var(--blue);color:#fff}
|
|
|
|
/* ─── BENEFITS ─── */
|
|
.sec-benefits{padding:0;background:var(--white)}
|
|
.benefits-banner{
|
|
position:relative;padding:90px 0 80px;
|
|
background:url('https://images.unsplash.com/photo-1521737711867-e3b97375f902?w=1920&q=80') center/cover no-repeat;
|
|
}
|
|
.benefits-banner::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(4,22,60,.88) 0%,rgba(6,37,86,.75) 55%,rgba(29,100,210,.6) 100%)}
|
|
.benefits-banner-inner{position:relative;z-index:1}
|
|
.benefits-banner .sec-eyebrow{color:rgba(138,228,255,.9)}
|
|
.benefits-banner .sec-eyebrow::before{background:rgba(138,228,255,.9)}
|
|
.benefits-tabs{padding:60px 0 80px;background:var(--bg0)}
|
|
.tab-nav{display:flex;gap:0;background:#fff;border-radius:14px;padding:5px;width:fit-content;margin-bottom:44px;border:1px solid var(--border);box-shadow:0 2px 12px rgba(26,92,204,.06)}
|
|
.tab-btn{padding:11px 26px;border-radius:10px;border:none;background:transparent;color:var(--muted);font-size:13px;font-weight:700;cursor:pointer;transition:all .25s;letter-spacing:.04em;font-family:'Noto Sans JP',sans-serif}
|
|
.tab-btn:hover{color:var(--blue)}
|
|
.tab-btn.act{background:var(--blue);color:#fff;box-shadow:0 4px 16px rgba(26,92,204,.3)}
|
|
.tab-pane{display:none}
|
|
.tab-pane.act{display:block;animation:fadeUp .4s ease}
|
|
@keyframes fadeUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
|
|
.benefit-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
|
|
.benefit-card{background:var(--white);border-radius:18px;padding:32px;border:1px solid var(--border);box-shadow:0 3px 16px rgba(26,92,204,.06);transition:transform .3s,box-shadow .3s}
|
|
.benefit-card:hover{transform:translateY(-5px);box-shadow:0 12px 32px rgba(26,92,204,.12)}
|
|
.benefit-icon{width:50px;height:50px;background:var(--bg1);border:1px solid var(--border);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:16px}
|
|
.benefit-title{font-size:16px;font-weight:700;color:var(--navy);margin-bottom:12px}
|
|
.benefit-list{list-style:none;padding:0}
|
|
.benefit-list li{font-size:13px;color:var(--muted);padding:7px 0;border-bottom:1px solid var(--bg1);line-height:1.7;display:flex;align-items:flex-start;gap:9px}
|
|
.benefit-list li::before{content:'›';color:var(--sky);font-weight:700;font-size:17px;flex-shrink:0;margin-top:-1px}
|
|
.benefit-list li:last-child{border-bottom:none}
|
|
.benefit-text{font-size:13px;color:var(--muted);line-height:1.95}
|
|
.benefit-text strong{color:var(--navy)}
|
|
.career-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
|
|
.career-step{background:var(--white);border-radius:18px;padding:32px;border:1px solid var(--border);box-shadow:0 3px 16px rgba(26,92,204,.06);transition:transform .3s;text-align:center;position:relative}
|
|
.career-step:not(:last-child)::after{content:'→';position:absolute;right:-18px;top:50%;transform:translateY(-50%);font-size:20px;color:var(--border);z-index:2}
|
|
.career-step:hover{transform:translateY(-5px)}
|
|
.career-num{font-family:'Bebas Neue',sans-serif;font-size:56px;color:var(--bg1);line-height:1}
|
|
.career-badge{display:inline-block;margin-top:6px;background:var(--blue);color:#fff;font-size:10px;font-weight:700;letter-spacing:.14em;padding:4px 14px;border-radius:12px}
|
|
.career-title{font-size:16px;font-weight:700;color:var(--navy);margin-top:14px}
|
|
.career-text{font-size:12.5px;color:var(--muted);margin-top:8px;line-height:1.85}
|
|
.remote-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
|
|
.remote-card{background:var(--white);border-radius:18px;padding:28px 20px;text-align:center;border:1px solid var(--border);box-shadow:0 3px 14px rgba(26,92,204,.06);transition:transform .3s,box-shadow .3s}
|
|
.remote-card:hover{transform:translateY(-5px);box-shadow:0 12px 28px rgba(26,92,204,.12)}
|
|
.remote-icon{font-size:30px;margin-bottom:12px}
|
|
.remote-val{font-family:'Bebas Neue',sans-serif;font-size:30px;color:var(--blue);line-height:1}
|
|
.remote-unit{font-size:12px;color:var(--muted);margin-top:4px}
|
|
.remote-label{font-size:12.5px;color:var(--text);margin-top:10px;font-weight:600}
|
|
.note-box{background:var(--bg0);border-radius:14px;padding:24px 28px;margin-top:20px;border:1px solid var(--border)}
|
|
.note-box p{font-size:13.5px;color:var(--muted);line-height:2}
|
|
.note-box strong{color:var(--navy)}
|
|
|
|
/* ─── MEMBERS ─── */
|
|
.sec-members{padding:120px 0;background:var(--white);position:relative;overflow:hidden}
|
|
.members-deco{position:absolute;top:0;right:0;width:400px;height:400px;background:radial-gradient(circle,var(--bg1) 0%,transparent 70%);pointer-events:none}
|
|
.members-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:56px}
|
|
.member-card{border-radius:20px;overflow:hidden;background:var(--white);border:1px solid var(--border);box-shadow:0 4px 22px rgba(26,92,204,.07);transition:transform .35s,box-shadow .35s}
|
|
.member-card:hover{transform:translateY(-8px);box-shadow:0 20px 50px rgba(26,92,204,.14)}
|
|
.member-photo{height:220px;position:relative;overflow:hidden}
|
|
.member-photo img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
|
|
.member-card:hover .member-photo img{transform:scale(1.07)}
|
|
.member-photo-veil{position:absolute;inset:0;background:linear-gradient(to top,rgba(6,37,86,.7) 0%,rgba(6,37,86,.15) 50%,transparent 100%)}
|
|
.member-dept-tag{position:absolute;top:14px;left:14px;background:rgba(255,255,255,.18);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.3);color:#fff;font-size:9px;letter-spacing:.15em;padding:4px 12px;border-radius:12px;font-weight:700}
|
|
.member-body{padding:24px}
|
|
.member-dept{font-size:10px;color:var(--sky);font-weight:700;letter-spacing:.12em}
|
|
.member-name{font-size:17px;font-weight:700;color:var(--navy);margin-top:4px}
|
|
.member-quote{font-size:12.5px;color:var(--muted);margin-top:12px;line-height:1.95;padding-left:14px;border-left:3px solid var(--bg2)}
|
|
|
|
/* ─── COMPANY HIGHLIGHT ─── */
|
|
.sec-company{
|
|
padding:120px 0;
|
|
background:url('https://images.unsplash.com/photo-1486312338219-ce68d2c6f44d?w=1920&q=80') center/cover no-repeat fixed;
|
|
position:relative;
|
|
}
|
|
.sec-company::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(3,18,56,.92) 0%,rgba(6,37,86,.82) 50%,rgba(20,80,180,.7) 100%)}
|
|
.company-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;position:relative;z-index:1}
|
|
.company-text .sec-eyebrow{color:rgba(138,228,255,.9)}
|
|
.company-text .sec-eyebrow::before{background:rgba(138,228,255,.9)}
|
|
.company-text .sec-title{color:#fff;margin-top:14px}
|
|
.company-text p{font-size:14.5px;color:rgba(255,255,255,.68);margin-top:24px;line-height:2.1;max-width:480px}
|
|
.company-nums{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:44px}
|
|
.company-num{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.13);border-radius:16px;padding:26px;transition:background .3s,transform .3s}
|
|
.company-num:hover{background:rgba(138,228,255,.1);transform:translateY(-3px)}
|
|
.company-num-val{font-family:'Bebas Neue',sans-serif;font-size:40px;color:#8ae4ff;line-height:1}
|
|
.company-num-label{font-size:12px;color:rgba(255,255,255,.55);margin-top:6px;line-height:1.7}
|
|
.company-img-wrap{border-radius:22px;overflow:hidden;box-shadow:0 32px 80px rgba(0,0,0,.35)}
|
|
.company-img-wrap img{width:100%;display:block;transition:transform .5s}
|
|
.company-img-wrap:hover img{transform:scale(1.03)}
|
|
|
|
/* ─── PROCESS ─── */
|
|
.sec-process{
|
|
padding:120px 0;background:var(--bg0);position:relative;overflow:hidden;
|
|
}
|
|
.sec-process::after{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--blue),var(--sky),var(--cyan))}
|
|
.process-head{text-align:center;margin-bottom:64px}
|
|
.process-head .sec-eyebrow{justify-content:center}
|
|
.process-head .sec-title{color:var(--navy);margin-top:14px}
|
|
.process-head p{font-size:14px;color:var(--muted);margin-top:12px}
|
|
.process-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
|
|
.p-step{padding:40px 28px;background:var(--white);border:1px solid var(--border);border-right:none;position:relative;transition:background .3s}
|
|
.p-step:first-child{border-radius:18px 0 0 18px}
|
|
.p-step:last-child{border-right:1px solid var(--border);border-radius:0 18px 18px 0}
|
|
.p-step:hover{background:var(--bg0)}
|
|
.p-arrow{position:absolute;right:-18px;top:44px;z-index:2;width:36px;height:36px;background:linear-gradient(135deg,var(--blue),var(--sky));border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px;box-shadow:0 4px 14px rgba(26,92,204,.3)}
|
|
.p-step:last-child .p-arrow{display:none}
|
|
.p-num{font-family:'Bebas Neue',sans-serif;font-size:50px;color:var(--bg1);line-height:1}
|
|
.p-icon{width:46px;height:46px;background:var(--bg0);border:1px solid var(--border);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;margin:10px 0}
|
|
.p-title{font-size:15px;font-weight:700;color:var(--navy);margin-bottom:10px}
|
|
.p-desc{font-size:12px;color:var(--muted);line-height:1.9}
|
|
.process-note{margin-top:32px;background:linear-gradient(135deg,var(--blue),var(--sky));border-radius:14px;padding:20px 40px;text-align:center;color:#fff;font-size:13.5px;line-height:1.9}
|
|
.process-note strong{font-weight:700}
|
|
|
|
/* ─── ENTRY CTA ─── */
|
|
.sec-entry{padding:100px 0;background:var(--white)}
|
|
.entry-box{border-radius:28px;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;box-shadow:0 28px 72px rgba(26,92,204,.16)}
|
|
.entry-left{
|
|
padding:64px;
|
|
background:linear-gradient(135deg,var(--navy) 0%,#1a5ccc 100%);
|
|
position:relative;overflow:hidden;
|
|
}
|
|
.entry-left::before{content:'ENTRY';position:absolute;bottom:-30px;right:-15px;font-family:'Bebas Neue',sans-serif;font-size:160px;color:rgba(255,255,255,.04);line-height:1;pointer-events:none}
|
|
.entry-left::after{content:'';position:absolute;top:-30%;right:-15%;width:380px;height:380px;background:radial-gradient(circle,rgba(138,228,255,.14) 0%,transparent 70%);pointer-events:none}
|
|
.entry-right{
|
|
position:relative;
|
|
background:url('https://images.unsplash.com/photo-1551434678-e076c223a692?w=900&q=80') center/cover no-repeat;
|
|
}
|
|
.entry-right::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(26,92,204,.6) 0%,rgba(6,37,86,.5) 100%)}
|
|
.entry-right-inner{position:relative;z-index:1;padding:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}
|
|
.entry-eyebrow{font-size:10px;letter-spacing:.28em;color:#8ae4ff;font-weight:700}
|
|
.entry-title{font-family:'Bebas Neue',sans-serif;font-size:clamp(34px,4vw,56px);color:#fff;margin-top:8px;line-height:1.1}
|
|
.entry-desc{font-size:14px;color:rgba(255,255,255,.7);margin-top:16px;line-height:2;max-width:440px}
|
|
.entry-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}
|
|
.entry-tag{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);color:rgba(255,255,255,.8);font-size:10px;padding:5px 13px;border-radius:16px}
|
|
.entry-btn{display:inline-flex;flex-direction:column;align-items:center;gap:4px;background:#fff;border-radius:18px;padding:34px 52px;text-decoration:none;box-shadow:0 12px 40px rgba(0,0,0,.25);transition:transform .3s,box-shadow .3s;margin-bottom:18px}
|
|
.entry-btn:hover{transform:scale(1.04) translateY(-4px);box-shadow:0 22px 56px rgba(0,0,0,.35)}
|
|
.entry-btn-label{font-size:9px;letter-spacing:.28em;color:var(--blue);font-weight:700}
|
|
.entry-btn-main{font-family:'Bebas Neue',sans-serif;font-size:34px;color:var(--navy);letter-spacing:.1em;line-height:1;margin-top:4px}
|
|
.entry-btn-sub{font-size:12px;color:var(--muted);font-weight:500;margin-top:2px}
|
|
.entry-btn-circle{width:40px;height:40px;background:var(--blue);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;margin-top:12px;transition:background .3s}
|
|
.entry-btn:hover .entry-btn-circle{background:var(--orange)}
|
|
.entry-sub-links{display:flex;flex-direction:column;gap:10px;width:100%}
|
|
.entry-sub-link{
|
|
display:flex;align-items:center;gap:10px;
|
|
background:rgba(6,37,86,.75);
|
|
border:1px solid rgba(255,255,255,.45);
|
|
border-radius:11px;padding:13px 18px;
|
|
text-decoration:none;color:#fff;
|
|
transition:background .3s,border-color .3s;
|
|
backdrop-filter:blur(10px);
|
|
}
|
|
.entry-sub-link:hover{
|
|
background:rgba(26,92,204,.85);
|
|
border-color:rgba(255,255,255,.7);
|
|
}
|
|
.entry-sub-link span{
|
|
font-size:13px;font-weight:600;
|
|
color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.4);
|
|
}
|
|
.entry-sub-icon{width:30px;height:30px;background:rgba(255,255,255,.14);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0}
|
|
|
|
/* ─── FOOTER ─── */
|
|
footer{background:var(--navy);padding:72px 0 32px;position:relative;overflow:hidden}
|
|
footer::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--blue),var(--sky),var(--cyan))}
|
|
.footer-wrap{max-width:1360px;margin:0 auto;padding:0 64px}
|
|
.footer-top{display:grid;grid-template-columns:280px 1fr;gap:72px;padding-bottom:48px;border-bottom:1px solid rgba(255,255,255,.08)}
|
|
.footer-brand{}
|
|
.footer-logo{display:flex;align-items:center;gap:12px;margin-bottom:18px}
|
|
.footer-mark{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,var(--sky),var(--blue));display:flex;align-items:center;justify-content:center;font-family:'Bebas Neue',sans-serif;font-size:22px;color:#fff}
|
|
.footer-name{color:#fff;font-family:'DM Sans',sans-serif;font-weight:700;font-size:15px}
|
|
.footer-addr{font-size:12px;line-height:2;color:rgba(255,255,255,.4);margin-bottom:18px}
|
|
.footer-site a{font-size:12px;color:var(--cyan);text-decoration:none;display:inline-flex;align-items:center;gap:5px}
|
|
.footer-links{display:grid;grid-template-columns:repeat(4,1fr);gap:36px}
|
|
.footer-col dt{font-size:12px;font-weight:700;color:#fff;margin-bottom:14px;letter-spacing:.08em}
|
|
.footer-col a{display:block;font-size:12px;color:rgba(255,255,255,.45);text-decoration:none;margin-bottom:9px;transition:color .2s}
|
|
.footer-col a:hover{color:var(--cyan)}
|
|
.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:22px;flex-wrap:wrap;gap:12px}
|
|
.footer-copy{font-size:11px;color:rgba(255,255,255,.28)}
|
|
.footer-policy{display:flex;gap:18px}
|
|
.footer-policy a{font-size:11px;color:rgba(255,255,255,.28);text-decoration:none;transition:color .2s}
|
|
.footer-policy a:hover{color:rgba(255,255,255,.6)}
|
|
|
|
/* ─── RESPONSIVE ─── */
|
|
@media(max-width:1100px){
|
|
.hero-body{grid-template-columns:1fr;padding:0 40px 80px}
|
|
.hero-panel{display:none}
|
|
.msg-grid,.company-grid,.entry-box{grid-template-columns:1fr}
|
|
.jobs-grid{grid-template-columns:repeat(2,1fr)}
|
|
.process-steps{grid-template-columns:repeat(2,1fr)}
|
|
.p-step:first-child{border-radius:18px 0 0 0}
|
|
.p-step:nth-child(2){border-right:1px solid var(--border);border-radius:0 18px 0 0}
|
|
.p-step:nth-child(3){border-top:none;border-radius:0 0 0 18px}
|
|
.p-step:last-child{border-top:none;border-radius:0 0 18px 0}
|
|
.p-arrow{display:none}
|
|
.career-flow{grid-template-columns:1fr}
|
|
.career-step::after{display:none}
|
|
.remote-grid{grid-template-columns:repeat(2,1fr)}
|
|
.benefit-grid{grid-template-columns:1fr}
|
|
.members-grid{grid-template-columns:repeat(2,1fr)}
|
|
.message-bg-stripe{display:none}
|
|
nav{display:none}
|
|
.wrap,.footer-wrap,.page-nav-inner{padding:0 32px}
|
|
.footer-links{grid-template-columns:repeat(2,1fr)}
|
|
.entry-right{min-height:360px}
|
|
.footer-top{grid-template-columns:1fr}
|
|
}
|
|
@media(max-width:640px){
|
|
header{padding:0 20px}
|
|
.wrap,.footer-wrap,.page-nav-inner{padding:0 20px}
|
|
.jobs-grid,.remote-grid,.career-flow,.members-grid{grid-template-columns:1fr}
|
|
.process-steps{grid-template-columns:1fr}
|
|
.p-step{border-right:1px solid var(--border)!important;border-radius:0!important;border-top:none}
|
|
.p-step:first-child{border-top:1px solid var(--border)!important;border-radius:18px 18px 0 0!important}
|
|
.p-step:last-child{border-radius:0 0 18px 18px!important}
|
|
.footer-links{grid-template-columns:1fr 1fr}
|
|
.msg-kpis{flex-direction:column}
|
|
.footer-bottom{flex-direction:column;align-items:flex-start}
|
|
.hero-stats{flex-wrap:wrap;gap:20px}
|
|
.page-nav-inner a{padding:13px 10px;font-size:11px}
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
|
|
|
|
</header>
|
|
|
|
<!-- ══ HERO ══ -->
|
|
<section class="hero" id="top">
|
|
<div class="hero-photo"></div>
|
|
<div class="hero-veil"></div>
|
|
<div class="hero-grid"></div>
|
|
<div class="hero-particles" id="particles"></div>
|
|
<div class="hero-body">
|
|
<div>
|
|
<div class="hero-badge">
|
|
<span class="hero-badge-dot"></span>
|
|
<span>NOW HIRING — 株式会社トップクラウド</span>
|
|
</div>
|
|
<h1 class="hero-h1">
|
|
<span class="hero-line">SHAPE THE</span>
|
|
<span class="hero-line outline">DIGITAL</span>
|
|
<span class="hero-line gradient">FUTURE.</span>
|
|
</h1>
|
|
<p class="hero-lead">テクノロジーで未来を切り拓く仲間を求めています。<br>クラウド・AI・次世代システムの最前線で、一緒に挑戦しよう。</p>
|
|
<div class="hero-kpi">
|
|
<div><div class="kpi-val">80+</div><div class="kpi-label">資格支援種類</div></div>
|
|
<div><div class="kpi-val">2W</div><div class="kpi-label">最短内定期間</div></div>
|
|
<div><div class="kpi-val">AI</div><div class="kpi-label">次世代技術領域</div></div>
|
|
<div><div class="kpi-val">Multi</div><div class="kpi-label">多様な働き方</div></div>
|
|
</div>
|
|
</div>
|
|
<div class="hero-panel">
|
|
<div class="panel-label">🔥 急募ポジション</div>
|
|
<a href="https://www.topcloud-japan.co.jp/" class="pjob">
|
|
<div class="pjob-info"><span class="pjob-tag">AI · 急募</span><span class="pjob-name">AI開発エンジニア</span><span class="pjob-sal">¥300,000 〜 800,000円／月</span></div>
|
|
<div class="pjob-arr">→</div>
|
|
</a>
|
|
<a href="https://www.topcloud-japan.co.jp/" class="pjob">
|
|
<div class="pjob-info"><span class="pjob-tag">Python · 急増中</span><span class="pjob-name">Pythonエンジニア</span><span class="pjob-sal">¥232,100 〜 500,000円／月</span></div>
|
|
<div class="pjob-arr">→</div>
|
|
</a>
|
|
<a href="https://www.topcloud-japan.co.jp/" class="pjob">
|
|
<div class="pjob-info"><span class="pjob-tag">PM/PL · 上流工程</span><span class="pjob-name">システムエンジニア PM/PL候補</span><span class="pjob-sal">¥400,000 〜 800,000円／月</span></div>
|
|
<div class="pjob-arr">→</div>
|
|
</a>
|
|
<a href="https://www.topcloud-japan.co.jp/%e6%8e%a1%e7%94%a8%e6%83%85%e5%a0%b1/" class="panel-cta">📋 採用情報一覧をすべて見る</a>
|
|
</div>
|
|
</div>
|
|
<div class="hero-scroll-hint"><div class="scroll-bar"></div>SCROLL DOWN</div>
|
|
</section>
|
|
|
|
<!-- ══ TICKER ══ -->
|
|
<div class="ticker">
|
|
<div class="ticker-track" id="tkr">
|
|
<div class="ticker-item"><span class="ticker-dot"></span>WE ARE HIRING</div>
|
|
<div class="ticker-item"><span class="ticker-dot"></span>CLOUD × AI × SYSTEM</div>
|
|
<div class="ticker-item"><span class="ticker-dot"></span>JOIN TOP CLOUD</div>
|
|
<div class="ticker-item"><span class="ticker-dot"></span>GROW WITH US</div>
|
|
<div class="ticker-item"><span class="ticker-dot"></span>ダイバーシティ企業</div>
|
|
<div class="ticker-item"><span class="ticker-dot"></span>未経験歓迎</div>
|
|
<div class="ticker-item"><span class="ticker-dot"></span>資格取得支援 80種類以上</div>
|
|
<div class="ticker-item"><span class="ticker-dot"></span>最短2週間で内定</div>
|
|
<div class="ticker-item"><span class="ticker-dot"></span>WE ARE HIRING</div>
|
|
<div class="ticker-item"><span class="ticker-dot"></span>CLOUD × AI × SYSTEM</div>
|
|
<div class="ticker-item"><span class="ticker-dot"></span>JOIN TOP CLOUD</div>
|
|
<div class="ticker-item"><span class="ticker-dot"></span>GROW WITH US</div>
|
|
<div class="ticker-item"><span class="ticker-dot"></span>ダイバーシティ企業</div>
|
|
<div class="ticker-item"><span class="ticker-dot"></span>未経験歓迎</div>
|
|
<div class="ticker-item"><span class="ticker-dot"></span>資格取得支援 80種類以上</div>
|
|
<div class="ticker-item"><span class="ticker-dot"></span>最短2週間で内定</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- ══ PAGE NAV ══ -->
|
|
<div class="page-nav">
|
|
<div class="page-nav-inner">
|
|
<a href="#message" class="pn">メッセージ</a>
|
|
<a href="#jobs" class="pn">募集職種</a>
|
|
<a href="#benefits" class="pn">制度・環境</a>
|
|
<a href="#members" class="pn">社員の声</a>
|
|
<a href="#process" class="pn">選考フロー</a>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- ══ MESSAGE ══ -->
|
|
<section class="sec-message" id="message">
|
|
<div class="message-bg-stripe"></div>
|
|
<div class="msg-watermark">TOPCLOUD</div>
|
|
<div class="wrap">
|
|
<div class="msg-grid">
|
|
<div class="reveal">
|
|
<div class="sec-eyebrow">OUR MESSAGE</div>
|
|
<div class="sec-title msg-title" style="margin-top:14px">未来の社会を<br>支えるITパートナーへ</div>
|
|
<p class="msg-body">当社は、<strong>クラウド・AI・次世代テクノロジー</strong>を活かし、社会の変化に柔軟に対応するITソリューションを提供してきました。<br><br>「技術力 × 育成力」を武器に、スペシャリスト・PM・PLといった上流人材の育成も推進。多様なバックグラウンドを持つメンバーが力を合わせ、<strong>ダイバーシティ企業として多様性のある働き方</strong>を実現しながら、「信頼されるITパートナー」であり続けることを目指しています。</p>
|
|
<div class="msg-kpis">
|
|
<div class="msg-kpi reveal d1"><div class="msg-kpi-icon">🎓</div><div class="msg-kpi-val">80+</div><div class="msg-kpi-label">資格支援種類</div></div>
|
|
<div class="msg-kpi reveal d2"><div class="msg-kpi-icon">🌍</div><div class="msg-kpi-val">Multi</div><div class="msg-kpi-label">多様なメンバー</div></div>
|
|
<div class="msg-kpi reveal d3"><div class="msg-kpi-icon">⚡</div><div class="msg-kpi-val">2W</div><div class="msg-kpi-label">最短内定期間</div></div>
|
|
</div>
|
|
</div>
|
|
<div class="msg-cards">
|
|
<div class="msg-card reveal d1">
|
|
<div class="msg-card-num">01</div>
|
|
<div><div class="msg-card-title">最先端技術への挑戦</div><div class="msg-card-text">AI開発・クラウド・次世代システムの最前線でエンジニアとして飛躍的に成長できる環境。AI・ロボティクスなど次世代分野へのチャレンジが可能です。</div></div>
|
|
</div>
|
|
<div class="msg-card reveal d2">
|
|
<div class="msg-card-num">02</div>
|
|
<div><div class="msg-card-title">手厚い教育・育成制度</div><div class="msg-card-text">半年以内にSEとして活躍できる育成カリキュラム。未経験者でも先輩と二人三脚で着実に成長。1〜3ヶ月の実践的研修制度で即戦力へ育成します。</div></div>
|
|
</div>
|
|
<div class="msg-card reveal d3">
|
|
<div class="msg-card-num">03</div>
|
|
<div><div class="msg-card-title">多様性あふれるチーム</div><div class="msg-card-text">様々なバックグラウンドを持つメンバーが活躍する職場環境。国際的な視野とチームワークで、スケールの大きい案件に携わることができます。</div></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- ══ JOBS ══ -->
|
|
<section class="sec-jobs" id="jobs">
|
|
<div class="wrap">
|
|
<div class="jobs-head reveal">
|
|
<div>
|
|
<div class="sec-eyebrow">OPEN POSITIONS</div>
|
|
<div style="font-family:'Noto Sans JP',sans-serif;font-size:clamp(20px,2.2vw,26px);font-weight:700;color:var(--navy);margin-top:12px">募集職種</div>
|
|
|
|
<div class="jobs-grid">
|
|
<a href="https://www.topcloud-japan.co.jp/" class="job-card reveal d1">
|
|
<div class="job-photo" style="background-image:url('https://images.unsplash.com/photo-1677442135703-1787eea5ce01?w=600&q=80')"></div>
|
|
<div class="job-photo-veil"></div>
|
|
<div class="job-body">
|
|
<div class="job-tag hot">🔥 急募 · AI</div>
|
|
<div class="job-name">AI開発エンジニア<br>最先端のAIプロジェクト</div>
|
|
<div class="job-salary">¥ 月給 300,000円 〜 800,000円 📍 東京都品川区</div>
|
|
<div class="job-footer"><span class="job-date">最終更新：2025/7/31</span><div class="job-arrow">→</div></div>
|
|
</div>
|
|
</a>
|
|
<a href="https://www.topcloud-japan.co.jp/" class="job-card reveal d2">
|
|
<div class="job-photo" style="background-image:url('https://images.unsplash.com/photo-1516321318423-f06f85e504b3?w=600&q=80')"></div>
|
|
<div class="job-photo-veil"></div>
|
|
<div class="job-body">
|
|
<div class="job-tag">ENGINEER · PM/PL</div>
|
|
<div class="job-name">【PM/PL候補】<br>システムエンジニア</div>
|
|
<div class="job-salary">¥ 月給 400,000円 〜 800,000円 📍 東京都品川区</div>
|
|
<div class="job-footer"><span class="job-date">最終更新：2025/7/29</span><div class="job-arrow">→</div></div>
|
|
</div>
|
|
</a>
|
|
<a href="https://www.topcloud-japan.co.jp/" class="job-card reveal d3">
|
|
<div class="job-photo" style="background-image:url('https://images.unsplash.com/photo-1555066931-4365d14bab8c?w=600&q=80')"></div>
|
|
<div class="job-photo-veil"></div>
|
|
<div class="job-body">
|
|
<div class="job-tag">ENGINEER · Java</div>
|
|
<div class="job-name">【前給保証！】<br>Javaエンジニア</div>
|
|
<div class="job-salary">¥ 月給 217,400円 〜 500,000円 📍 東京都品川区</div>
|
|
<div class="job-footer"><span class="job-date">最終更新：2025/6/25</span><div class="job-arrow">→</div></div>
|
|
</div>
|
|
</a>
|
|
<a href="https://www.topcloud-japan.co.jp/" class="job-card reveal d1">
|
|
<div class="job-photo" style="background-image:url('https://images.unsplash.com/photo-1526374965328-7f61d4dc18c5?w=600&q=80')"></div>
|
|
<div class="job-photo-veil"></div>
|
|
<div class="job-body">
|
|
<div class="job-tag hot">🔥 急募 · Python</div>
|
|
<div class="job-name">【案件急増中】<br>Pythonエンジニア</div>
|
|
<div class="job-salary">¥ 月給 232,100円 〜 500,000円 📍 東京都品川区</div>
|
|
<div class="job-footer"><span class="job-date">最終更新：2025/6/25</span><div class="job-arrow">→</div></div>
|
|
</div>
|
|
</a>
|
|
<a href="https://www.topcloud-japan.co.jp/" class="job-card reveal d2">
|
|
<div class="job-photo" style="background-image:url('https://images.unsplash.com/photo-1515378791036-0648a3ef77b2?w=600&q=80')"></div>
|
|
<div class="job-photo-veil"></div>
|
|
<div class="job-body">
|
|
<div class="job-tag">ENGINEER · 未経験歓迎</div>
|
|
<div class="job-name">システム開発エンジニア<br>（未経験歓迎・研修実績に自信あり）</div>
|
|
<div class="job-salary">¥ 月給 217,400円〜 📍 東京都品川区</div>
|
|
<div class="job-footer"><span class="job-date">最終更新：2025/6/25</span><div class="job-arrow">→</div></div>
|
|
</div>
|
|
</a>
|
|
<a href="https://www.topcloud-japan.co.jp/%e6%8e%a1%e7%94%a8%e6%83%85%e5%a0%b1/" class="job-card job-card-more reveal d3">
|
|
<div class="job-photo" style="display:none"></div>
|
|
<div class="job-body" style="padding-top:40px">
|
|
<div class="job-tag">ALL POSITIONS</div>
|
|
<div class="job-name">採用情報一覧を見る</div>
|
|
<div class="job-salary">法人営業・組込み開発など全ポジションを確認できます</div>
|
|
<div class="job-footer"><span class="job-date">8+ ポジション掲載中</span><div class="job-arrow">→</div></div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- ══ BENEFITS ══ -->
|
|
<section class="sec-benefits" id="benefits">
|
|
<div class="benefits-banner">
|
|
<div class="benefits-banner-inner wrap">
|
|
<div class="reveal">
|
|
<div class="sec-eyebrow" style="color:rgba(138,228,255,.9)">WORK STYLE & BENEFITS</div>
|
|
<div class="sec-title" style="color:#fff;margin-top:14px">制度・環境</div>
|
|
<p style="font-size:14px;color:rgba(255,255,255,.62);margin-top:14px;line-height:1.9;max-width:560px">充実した教育制度と柔軟な働き方で、あなたの成長とライフスタイルを全力でサポートします。</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="benefits-tabs">
|
|
<div class="wrap">
|
|
<div class="tab-nav reveal">
|
|
<button class="tab-btn act" data-tab="welfare">福利厚生</button>
|
|
<button class="tab-btn" data-tab="edu">教育・研修制度</button>
|
|
<button class="tab-btn" data-tab="career">キャリアパス</button>
|
|
<button class="tab-btn" data-tab="remote">リモートワーク</button>
|
|
</div>
|
|
|
|
<div class="tab-pane act" id="tab-welfare">
|
|
<div class="benefit-grid">
|
|
<div class="benefit-card reveal">
|
|
<div class="benefit-icon">🛡️</div>
|
|
<div class="benefit-title">各種福利厚生</div>
|
|
<ul class="benefit-list">
|
|
<li>社会保険完備（雇用・労災・健康・厚生年金）</li>
|
|
<li>社員寮・社宅あり</li>
|
|
<li>リモートワーク導入</li>
|
|
<li>時短勤務制度あり（10:00〜16:00 実績あり）</li>
|
|
<li>社員旅行あり</li>
|
|
<li>魅力ある会社創り委員会</li>
|
|
<li>意見相談窓口完備</li>
|
|
</ul>
|
|
</div>
|
|
<div class="benefit-card reveal d1">
|
|
<div class="benefit-icon">📜</div>
|
|
<div class="benefit-title">資格取得支援制度</div>
|
|
<ul class="benefit-list">
|
|
<li>対象資格は<strong>80種類以上</strong>をピックアップ</li>
|
|
<li>取得時に<strong>資格手当（一時金）</strong>を支給</li>
|
|
<li><strong>受験料を全額会社負担</strong></li>
|
|
<li>定期的に対象資格を見直し、種類も拡充中</li>
|
|
</ul>
|
|
</div>
|
|
<div class="benefit-card reveal d2">
|
|
<div class="benefit-icon">🤝</div>
|
|
<div class="benefit-title">充実のサポート体制</div>
|
|
<ul class="benefit-list">
|
|
<li>入社後は<strong>先輩社員がフォロー担当として専任</strong>サポート</li>
|
|
<li>未経験者も先輩と二人三脚で成長できる環境</li>
|
|
<li>入社後の不安を徹底的に解消</li>
|
|
</ul>
|
|
</div>
|
|
<div class="benefit-card reveal d3">
|
|
<div class="benefit-icon">🌍</div>
|
|
<div class="benefit-title">多様性ある職場環境</div>
|
|
<ul class="benefit-list">
|
|
<li>さまざまなバックグラウンドを持つメンバーが活躍</li>
|
|
<li><strong>ダイバーシティ企業</strong>として個性と多様性を尊重</li>
|
|
<li>インクルーシブなチームづくりを推進</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="tab-pane" id="tab-edu">
|
|
<div class="benefit-grid">
|
|
<div class="benefit-card reveal">
|
|
<div class="benefit-icon">🎓</div>
|
|
<div class="benefit-title">新入社員向け研修</div>
|
|
<ul class="benefit-list">
|
|
<li>未経験者向け<strong>1〜3ヶ月間のプログラミング研修</strong></li>
|
|
<li>開発現場を想定した実践的な研修内容</li>
|
|
<li>研修修了後は即戦力として現場で活躍できるスキルを習得</li>
|
|
</ul>
|
|
</div>
|
|
<div class="benefit-card reveal d1">
|
|
<div class="benefit-icon">🤖</div>
|
|
<div class="benefit-title">在籍社員向け研修</div>
|
|
<ul class="benefit-list">
|
|
<li>AI開発研修（最新LLM・機械学習）</li>
|
|
<li>クラウド研修（AWS・Azure・GCP）</li>
|
|
<li>定期的な勉強会・技術共有会</li>
|
|
<li>社員同士のコミュニケーション促進イベント</li>
|
|
</ul>
|
|
</div>
|
|
<div class="benefit-card reveal d2">
|
|
<div class="benefit-icon">📈</div>
|
|
<div class="benefit-title">スキルアップ支援</div>
|
|
<ul class="benefit-list">
|
|
<li>半年以内にSEとして活躍できる育成カリキュラム</li>
|
|
<li>技術・キャリア両面での<strong>ステップアップ支援体制</strong>が充実</li>
|
|
<li>個人の目標に合わせた成長プランを設計</li>
|
|
</ul>
|
|
</div>
|
|
<div class="benefit-card reveal d3">
|
|
<div class="benefit-icon">🏆</div>
|
|
<div class="benefit-title">資格取得バックアップ</div>
|
|
<ul class="benefit-list">
|
|
<li>対象資格<strong>80種類以上</strong>の取得費用・受験料を全額補助</li>
|
|
<li>取得時に<strong>資格手当（一時金）</strong>を支給</li>
|
|
<li>スキルアップへのモチベーションを継続的にサポート</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="tab-pane" id="tab-career">
|
|
<div class="career-flow">
|
|
<div class="career-step reveal">
|
|
<div class="career-num">01</div>
|
|
<div class="career-badge">エントリー</div>
|
|
<div class="career-title">ジュニアエンジニア</div>
|
|
<div class="career-text">入社後の研修を経て現場配属。先輩のフォローのもと、実践的なスキルを着実に積み上げます。</div>
|
|
</div>
|
|
<div class="career-step reveal d1">
|
|
<div class="career-num">02</div>
|
|
<div class="career-badge">ミドル</div>
|
|
<div class="career-title">システムエンジニア</div>
|
|
<div class="career-text">独立して設計・開発を担当。AI・クラウド分野でのスペシャリストとしての道も開けます。</div>
|
|
</div>
|
|
<div class="career-step reveal d2">
|
|
<div class="career-num">03</div>
|
|
<div class="career-badge">シニア</div>
|
|
<div class="career-title">PL / PM 候補</div>
|
|
<div class="career-text">プロジェクトリーダー・マネージャーとして後輩育成にも携わる上流人材へのキャリアパスです。</div>
|
|
</div>
|
|
</div>
|
|
<div class="note-box reveal" style="margin-top:22px">
|
|
<p>当社では成果主義のキャリアアップを推進しており、<strong>若手からでもPL・PM・コンサルタント</strong>に挑戦できる環境が整っています。「将来はこんなことがしたい」という目標や希望も自由に発信できる社風で、高いモチベーションでチャレンジできます。</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="tab-pane" id="tab-remote">
|
|
<div class="remote-grid">
|
|
<div class="remote-card reveal"><div class="remote-icon">🏠</div><div class="remote-val">Remote</div><div class="remote-unit">Work</div><div class="remote-label">リモートワーク導入済</div></div>
|
|
<div class="remote-card reveal d1"><div class="remote-icon">⏰</div><div class="remote-val">Flex</div><div class="remote-unit">Time</div><div class="remote-label">時短勤務制度あり</div></div>
|
|
<div class="remote-card reveal d2"><div class="remote-icon">📅</div><div class="remote-val" style="font-size:24px">09:00</div><div class="remote-unit">〜 18:00</div><div class="remote-label">標準勤務時間</div></div>
|
|
<div class="remote-card reveal d3"><div class="remote-icon">🌿</div><div class="remote-val">Work</div><div class="remote-unit">Life Balance</div><div class="remote-label">ワークライフバランス重視</div></div>
|
|
</div>
|
|
<div class="note-box reveal" style="margin-top:20px">
|
|
<p>現在、<strong>10:00〜16:00の時短勤務</strong>で活躍している社員も在籍。ライフスタイルに合わせた柔軟な働き方を支援しています。リモートワークと出社を組み合わせたハイブリッドワークも推進中です。</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- ══ MEMBERS ══ -->
|
|
<section class="sec-members" id="members">
|
|
<div class="members-deco"></div>
|
|
<div class="wrap">
|
|
<div class="reveal">
|
|
<div class="sec-eyebrow">OUR PEOPLE</div>
|
|
<div style="font-family:'Noto Sans JP',sans-serif;font-size:clamp(20px,2.2vw,26px);font-weight:700;color:var(--navy);margin-top:12px">社員の声</div>
|
|
<p style="font-size:14px;color:var(--muted);margin-top:10px;line-height:1.9;max-width:600px">定期的な勉強会やイベントを開催し、社員のスキルアップと社員同士のコミュニケーション促進に取り組んでいます。</p>
|
|
</div>
|
|
<div class="members-grid">
|
|
<div class="member-card reveal d1">
|
|
<div class="member-photo">
|
|
<img decoding="async" src="https://www.topcloud-japan.co.jp/wp-content/uploads/2026/04/8749c1bc603f78166c17bdf07ce78faf-scaled.jpg" alt="エンジニア Y">
|
|
<div class="member-photo-veil"></div>
|
|
<div class="member-dept-tag">ENGINEER</div>
|
|
</div>
|
|
<div class="member-body">
|
|
<div class="member-dept">開発部</div>
|
|
<div class="member-name">Uさん（成長・チャレンジ）</div>
|
|
<div class="member-quote">入社後は上流工程からテストまで幅広く経験でき、自分の成長を日々実感しています。新しいことにも挑戦しやすい環境があり、先輩のサポートも手厚いので、安心してステップアップできています。</div>
|
|
</div>
|
|
</div>
|
|
<div class="member-card reveal d2">
|
|
<div class="member-photo">
|
|
<img decoding="async" src="https://www.topcloud-japan.co.jp/wp-content/uploads/2026/04/d7371cae637a7f4b0d63926a60009a6b-scaled.jpg">
|
|
<div class="member-photo-veil"></div>
|
|
<div class="member-dept-tag">ENGINEER</div>
|
|
</div>
|
|
<div class="member-body">
|
|
<div class="member-dept">人事部</div>
|
|
<div class="member-name"> Yさん（働きやすさ・雰囲気）</div>
|
|
<div class="member-quote">社内はとても話しやすく、部署を越えて自然にコミュニケーションが取れる雰囲気があります。社員同士の距離も近く、安心して働ける環境づくりに関われることにやりがいを感じています。</div>
|
|
</div>
|
|
</div>
|
|
<div class="member-card reveal d3">
|
|
<div class="member-photo">
|
|
<img decoding="async" src="https://www.topcloud-japan.co.jp/wp-content/uploads/2026/04/photo1_crop.jpg">
|
|
<div class="member-photo-veil"></div>
|
|
<div class="member-dept-tag">SALES</div>
|
|
</div>
|
|
<div class="member-body">
|
|
<div class="member-dept">開発部</div>
|
|
<div class="member-name">Oさん（技術・チームワーク）</div>
|
|
<div class="member-quote">開発を通じて技術力を高められるだけでなく、チームで協力して課題を解決する力も身につきました。困ったときはすぐに相談できる環境があり、仲間と一緒に成長できる点が魅力です。</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- ══ COMPANY HIGHLIGHT ══ -->
|
|
<section class="sec-company">
|
|
<div class="sec-company::before"></div>
|
|
<div class="wrap">
|
|
<div class="company-grid">
|
|
<div class="company-text reveal">
|
|
<div class="sec-eyebrow" style="color:rgba(138,228,255,.9)">ABOUT US</div>
|
|
<div class="sec-title" style="color:#fff;margin-top:14px">テクノロジーで<br>社会に貢献する</div>
|
|
<p style="font-size:14.5px;color:rgba(255,255,255,.68);margin-top:24px;line-height:2.1;max-width:480px">私たちの強みは「最先端技術力でお客様にサービスを提供し、付加価値を創造して社会貢献を果たすこと」です。常に技術革新の最前線に立ち、高品質なソリューションを通じてお客様のビジネス成長を支援します。</p>
|
|
<div class="company-nums">
|
|
<div class="company-num reveal d1"><div class="company-num-val">Cloud</div><div class="company-num-label">クラウド開発に特化した専門集団として確固たる実績</div></div>
|
|
<div class="company-num reveal d2"><div class="company-num-val">AI</div><div class="company-num-label">AI開発技術へ進化し続ける成長企業</div></div>
|
|
<div class="company-num reveal d3"><div class="company-num-val">Diverse</div><div class="company-num-label">多様な人材が活躍するインクルーシブな職場</div></div>
|
|
<div class="company-num reveal d4"><div class="company-num-val">Trust</div><div class="company-num-label">多くの企業から信頼を獲得した実績</div></div>
|
|
</div>
|
|
</div>
|
|
<div class="company-img-wrap reveal d2">
|
|
<img decoding="async" src="https://www.topcloud-japan.co.jp/wp-content/uploads/2026/04/bd3a0ee1d52d0799b2306f5959c1c4c6.png">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- ══ PROCESS ══ -->
|
|
<section class="sec-process" id="process">
|
|
<div class="wrap">
|
|
<div class="process-head reveal">
|
|
<div class="sec-eyebrow" style="justify-content:center">SELECTION PROCESS</div>
|
|
<div class="sec-title" style="color:var(--navy);margin-top:14px">採用フロー</div>
|
|
<p>最短2週間程度で入社内定まで、シンプルな選考プロセスです</p>
|
|
</div>
|
|
<div class="process-steps reveal">
|
|
<div class="p-step">
|
|
<div class="p-num">01</div>
|
|
<div class="p-icon">📄</div>
|
|
<div class="p-title">書類選考</div>
|
|
<div class="p-desc">「履歴書」と「経歴書」による書類審査。採用応募者用同意書は応募方法ページよりダウンロードください。</div>
|
|
<div class="p-arrow">→</div>
|
|
</div>
|
|
<div class="p-step">
|
|
<div class="p-num">02</div>
|
|
<div class="p-icon">🤝</div>
|
|
<div class="p-title">人事面談</div>
|
|
<div class="p-desc">東京本社にて人事面談を実施。Zoom等オンラインでの対応も柔軟に行います。</div>
|
|
<div class="p-arrow">→</div>
|
|
</div>
|
|
<div class="p-step">
|
|
<div class="p-num">03</div>
|
|
<div class="p-icon">👔</div>
|
|
<div class="p-title">最終面接</div>
|
|
<div class="p-desc">本社にて社長もしくは担当部長による面談。あなたの目標やキャリアビジョンについて話し合います。</div>
|
|
<div class="p-arrow">→</div>
|
|
</div>
|
|
<div class="p-step">
|
|
<div class="p-num">04</div>
|
|
<div class="p-icon">🎉</div>
|
|
<div class="p-title">入社内定</div>
|
|
<div class="p-desc">待遇相談・内定通知書の発行・入社手続きを丁寧にサポート。安心してジョインいただけます。</div>
|
|
</div>
|
|
</div>
|
|
<div class="process-note reveal">
|
|
<strong>最短2週間程度で「入社内定」まで</strong><br>
|
|
面談はZoom等オンラインにも柔軟に対応。新型コロナウイルス感染症等の状況に応じて柔軟に対応いたします。
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- ══ ENTRY CTA ══ -->
|
|
<section class="sec-entry">
|
|
<div class="wrap">
|
|
<div class="entry-box reveal">
|
|
<div class="entry-left">
|
|
<div style="position:relative;z-index:1">
|
|
<div class="entry-eyebrow">▶ APPLY NOW</div>
|
|
<div class="entry-title">応募・採用情報<br>一覧はこちら</div>
|
|
<p class="entry-desc">採用応募者用同意書のダウンロード、履歴書テンプレート、全募集ポジションの詳細は応募方法ページよりご確認ください。</p>
|
|
<div class="entry-tags">
|
|
<span class="entry-tag"># AIエンジニア</span>
|
|
<span class="entry-tag"># システムエンジニア</span>
|
|
<span class="entry-tag"># PM/PL候補</span>
|
|
<span class="entry-tag"># Java</span>
|
|
<span class="entry-tag"># Python</span>
|
|
<span class="entry-tag"># 法人営業</span>
|
|
<span class="entry-tag"># 未経験歓迎</span>
|
|
<span class="entry-tag"># 組込み開発</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="entry-right">
|
|
<div class="entry-right-inner">
|
|
<a href="https://www.topcloud-japan.co.jp/apply/" class="entry-btn">
|
|
<span class="entry-btn-label">APPLICATION</span>
|
|
<span class="entry-btn-main">今すぐ応募する</span>
|
|
<span class="entry-btn-sub">応募方法・書類ダウンロード</span>
|
|
<div class="entry-btn-circle">→</div>
|
|
</a>
|
|
<div class="entry-sub-links">
|
|
<a href="https://www.topcloud-japan.co.jp/%e6%8e%a1%e7%94%a8%e6%83%85%e5%a0%b1/" class="entry-sub-link">
|
|
<div class="entry-sub-icon">📋</div>
|
|
<span>採用情報一覧を見る</span>
|
|
</a>
|
|
<a href="https://www.topcloud-japan.co.jp/%e3%81%8a%e5%95%8f%e3%81%84%e5%90%88%e3%82%8f%e3%81%9b/" class="entry-sub-link" target="_blank">
|
|
<div class="entry-sub-icon">✉️</div>
|
|
<span>採用についてお問い合わせ</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
|
|
<script>
|
|
// Header shrink
|
|
const hdr = document.getElementById('hdr');
|
|
window.addEventListener('scroll', () => {
|
|
hdr.classList.toggle('sh', window.scrollY > 80);
|
|
const ids = ['message','jobs','benefits','members','process'];
|
|
let cur = '';
|
|
ids.forEach(id => {
|
|
const el = document.getElementById(id);
|
|
if (el && window.scrollY >= el.offsetTop - 160) cur = id;
|
|
});
|
|
document.querySelectorAll('.pn').forEach(a =>
|
|
a.classList.toggle('act', a.getAttribute('href') === '#' + cur)
|
|
);
|
|
});
|
|
|
|
// Ticker duplicate
|
|
const tkr = document.getElementById('tkr');
|
|
tkr.innerHTML += tkr.innerHTML;
|
|
|
|
// Reveal on scroll
|
|
const obs = new IntersectionObserver(entries => {
|
|
entries.forEach(e => { if (e.isIntersecting) { e.target.classList.add('in'); obs.unobserve(e.target); } });
|
|
}, { threshold: 0.08 });
|
|
document.querySelectorAll('.reveal').forEach(el => obs.observe(el));
|
|
|
|
// Tabs
|
|
document.querySelectorAll('.tab-btn').forEach(btn => {
|
|
btn.addEventListener('click', () => {
|
|
document.querySelectorAll('.tab-btn').forEach(b => b.classList.remove('act'));
|
|
document.querySelectorAll('.tab-pane').forEach(p => p.classList.remove('act'));
|
|
btn.classList.add('act');
|
|
document.getElementById('tab-' + btn.dataset.tab).classList.add('act');
|
|
});
|
|
});
|
|
|
|
// Particles
|
|
(function(){
|
|
const c = document.getElementById('particles');
|
|
for (let i = 0; i < 18; i++) {
|
|
const p = document.createElement('div');
|
|
p.className = 'pt';
|
|
const s = Math.random() * 5 + 2;
|
|
p.style.cssText = `width:${s}px;height:${s}px;left:${Math.random()*100}%;animation-duration:${Math.random()*14+10}s;animation-delay:${Math.random()*10}s`;
|
|
c.appendChild(p);
|
|
}
|
|
})();
|
|
</script>
|
|
</body>
|
|
</html>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div><!-- .entry-content -->
|
|
</div><!-- .entry-content-wrapper -->
|
|
|
|
<footer class="entry-footer">
|
|
</footer><!-- .entry-footer -->
|
|
</article><!-- #post-## -->
|
|
|
|
|
|
|
|
|
|
</main><!-- #main -->
|
|
</div><!-- #primary -->
|
|
|
|
<div id="sidebar-primary" class="widget-area sidebar" role="complementary">
|
|
</div><!-- #sidebar-primary -->
|
|
|
|
|
|
</div><!-- .inner-wrapper --></div><!-- .container --></div><!-- #content -->
|
|
<div id="footer-widgets" ><div class="container"><div class="inner-wrapper"><div class="footer-active-3 footer-widget-area"><aside id="block-21" class="widget widget_block">
|
|
<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
|
|
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"></div>
|
|
|
|
|
|
|
|
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
|
|
<p>株式会社トップクラウド (TopCloud)<br> 所 在 地<br> 〒141-0031<br> 東京都品川区西五反田8-8-16 高砂ビル 503A<br><br> 連絡方式<br> TEL：03-6770-3129<br> FAX：03-6770-3129<br> メールアドレス：<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="3a53545c557a4e554a5956554f5e17505b4a5b5414595514504a">[email protected]</a></p>
|
|
</div>
|
|
</div>
|
|
</aside></div><!-- .footer-widget-area --><div class="footer-active-3 footer-widget-area"><aside id="block-18" class="widget widget_block widget_text">
|
|
<p></p>
|
|
</aside></div><!-- .footer-widget-area --><div class="footer-active-3 footer-widget-area"><aside id="nav_menu-7" class="widget widget_nav_menu"><div class="menu-%e7%9b%ae%e5%bd%95-container"><ul id="menu-%e7%9b%ae%e5%bd%95-1" class="menu"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-2253"><a href="https://www.topcloud-japan.co.jp/"><div style="border: none; outline: none; text-decoration: none; background: none;"> <img src="https://www.topcloud-japan.co.jp/wp-content/uploads/2025/09/Top-cloud-logo-scaled.png" alt="logo" style="height: 30px; width: auto;"> </div></a></li>
|
|
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-101"><a href="https://www.topcloud-japan.co.jp/business/">事業領域</a></li>
|
|
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-102"><a href="https://www.topcloud-japan.co.jp/about/">会社情報</a></li>
|
|
<li class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-2178 current_page_item menu-item-2252"><a href="https://www.topcloud-japan.co.jp/recruit-2/" aria-current="page">採用情報</a></li>
|
|
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1269"><a href="https://www.topcloud-japan.co.jp/employee/">社員向け情報</a></li>
|
|
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-167"><a href="https://www.topcloud-japan.co.jp/contact/">お問い合わせ</a></li>
|
|
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-103"><a href="https://www.topcloud-japan.co.jp/privacy/">個人情報保護方針</a></li>
|
|
</ul></div></aside></div><!-- .footer-widget-area --></div><!-- .inner-wrapper --></div><!-- .container --></div><footer id="colophon" class="site-footer" role="contentinfo"><div class="container">
|
|
<div class="colophon-inner colophon-grid-2">
|
|
|
|
<div class="colophon-column">
|
|
<div class="copyright">
|
|
Copyright © 株式会社トップクラウド (TopCloud) All Rights Reserved. </div><!-- .copyright -->
|
|
</div><!-- .colophon-column -->
|
|
|
|
|
|
|
|
<div class="colophon-column">
|
|
<div class="site-info">
|
|
Bizroot by <a target="_blank" rel="designer" href="https://wenthemes.com/">WEN Themes</a> </div><!-- .site-info -->
|
|
</div><!-- .colophon-column -->
|
|
|
|
</div><!-- .colophon-inner -->
|
|
|
|
</div><!-- .container --></footer><!-- #colophon -->
|
|
</div><!-- #page --><a href="#page" class="scrollup" id="btn-scrollup"><i class="fa fa-angle-up"></i></a>
|
|
<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script type="speculationrules">
|
|
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/bizroot/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
|
|
</script>
|
|
<script>
|
|
function downloadPDF() {
|
|
try {
|
|
const link = document.createElement('a');
|
|
link.href = 'https://www.topcloud-japan.co.jp/wp-content/uploads/2025/09/779129ad8a441aa2489d82578877671d.pdf';
|
|
link.download = '保有個人データ開示等請求書.pdf';
|
|
link.style.display = 'none';
|
|
|
|
document.body.appendChild(link);
|
|
link.click();
|
|
document.body.removeChild(link);
|
|
|
|
} catch (error) {
|
|
console.error('Download error:', error);
|
|
window.open('https://www.topcloud-japan.co.jp/wp-content/uploads/2025/09/779129ad8a441aa2489d82578877671d.pdf', '_blank');
|
|
}
|
|
}
|
|
window.downloadPDF = downloadPDF;
|
|
</script>
|
|
<script>
|
|
const lazyloadRunObserver = () => {
|
|
const lazyloadBackgrounds = document.querySelectorAll( `.e-con.e-parent:not(.e-lazyloaded)` );
|
|
const lazyloadBackgroundObserver = new IntersectionObserver( ( entries ) => {
|
|
entries.forEach( ( entry ) => {
|
|
if ( entry.isIntersecting ) {
|
|
let lazyloadBackground = entry.target;
|
|
if( lazyloadBackground ) {
|
|
lazyloadBackground.classList.add( 'e-lazyloaded' );
|
|
}
|
|
lazyloadBackgroundObserver.unobserve( entry.target );
|
|
}
|
|
});
|
|
}, { rootMargin: '200px 0px 200px 0px' } );
|
|
lazyloadBackgrounds.forEach( ( lazyloadBackground ) => {
|
|
lazyloadBackgroundObserver.observe( lazyloadBackground );
|
|
} );
|
|
};
|
|
const events = [
|
|
'DOMContentLoaded',
|
|
'elementor/lazyload/observe',
|
|
];
|
|
events.forEach( ( event ) => {
|
|
document.addEventListener( event, lazyloadRunObserver );
|
|
} );
|
|
</script>
|
|
<script type="text/javascript" src="https://www.topcloud-japan.co.jp/wp-includes/js/dist/hooks.min.js?ver=dd5603f07f9220ed27f1" id="wp-hooks-js"></script>
|
|
<script type="text/javascript" src="https://www.topcloud-japan.co.jp/wp-includes/js/dist/i18n.min.js?ver=c26c3dc7bed366793375" id="wp-i18n-js"></script>
|
|
<script type="text/javascript" id="wp-i18n-js-after">
|
|
/* <![CDATA[ */
|
|
wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } );
|
|
//# sourceURL=wp-i18n-js-after
|
|
/* ]]> */
|
|
</script>
|
|
<script type="text/javascript" src="https://www.topcloud-japan.co.jp/wp-content/plugins/contact-form-7/includes/swv/js/index.js?ver=6.1.1" id="swv-js"></script>
|
|
<script type="text/javascript" id="contact-form-7-js-translations">
|
|
/* <![CDATA[ */
|
|
( function( domain, translations ) {
|
|
var localeData = translations.locale_data[ domain ] || translations.locale_data.messages;
|
|
localeData[""].domain = domain;
|
|
wp.i18n.setLocaleData( localeData, domain );
|
|
} )( "contact-form-7", {"translation-revision-date":"2025-08-05 08:50:03+0000","generator":"GlotPress\/4.0.1","domain":"messages","locale_data":{"messages":{"":{"domain":"messages","plural-forms":"nplurals=1; plural=0;","lang":"ja_JP"},"This contact form is placed in the wrong place.":["\u3053\u306e\u30b3\u30f3\u30bf\u30af\u30c8\u30d5\u30a9\u30fc\u30e0\u306f\u9593\u9055\u3063\u305f\u4f4d\u7f6e\u306b\u7f6e\u304b\u308c\u3066\u3044\u307e\u3059\u3002"],"Error:":["\u30a8\u30e9\u30fc:"]}},"comment":{"reference":"includes\/js\/index.js"}} );
|
|
//# sourceURL=contact-form-7-js-translations
|
|
/* ]]> */
|
|
</script>
|
|
<script type="text/javascript" id="contact-form-7-js-before">
|
|
/* <![CDATA[ */
|
|
var wpcf7 = {
|
|
"api": {
|
|
"root": "https:\/\/www.topcloud-japan.co.jp\/wp-json\/",
|
|
"namespace": "contact-form-7\/v1"
|
|
}
|
|
};
|
|
//# sourceURL=contact-form-7-js-before
|
|
/* ]]> */
|
|
</script>
|
|
<script type="text/javascript" src="https://www.topcloud-japan.co.jp/wp-content/plugins/contact-form-7/includes/js/index.js?ver=6.1.1" id="contact-form-7-js"></script>
|
|
<script type="text/javascript" src="https://www.topcloud-japan.co.jp/wp-content/themes/bizroot/js/skip-link-focus-fix.min.js?ver=20130115" id="bizroot-skip-link-focus-fix-js"></script>
|
|
<script type="text/javascript" src="https://www.topcloud-japan.co.jp/wp-content/themes/bizroot/third-party/cycle2/js/jquery.cycle2.min.js?ver=2.1.6" id="jquery-cycle2-js"></script>
|
|
<script type="text/javascript" src="https://www.topcloud-japan.co.jp/wp-content/themes/bizroot/third-party/sidr/js/jquery.sidr.min.js?ver=2.2.1" id="jquery-sidr-js"></script>
|
|
<script type="text/javascript" src="https://www.topcloud-japan.co.jp/wp-content/themes/bizroot/js/custom.min.js?ver=1.0.0" id="bizroot-custom-js"></script>
|
|
<script type="text/javascript" src="https://www.topcloud-japan.co.jp/wp-content/plugins/elementor/assets/js/webpack.runtime.min.js?ver=3.31.2" id="elementor-webpack-runtime-js"></script>
|
|
<script type="text/javascript" src="https://www.topcloud-japan.co.jp/wp-content/plugins/elementor/assets/js/frontend-modules.min.js?ver=3.31.2" id="elementor-frontend-modules-js"></script>
|
|
<script type="text/javascript" src="https://www.topcloud-japan.co.jp/wp-includes/js/jquery/ui/core.min.js?ver=1.13.3" id="jquery-ui-core-js"></script>
|
|
<script type="text/javascript" id="elementor-frontend-js-before">
|
|
/* <![CDATA[ */
|
|
var elementorFrontendConfig = {"environmentMode":{"edit":false,"wpPreview":false,"isScriptDebug":false},"i18n":{"shareOnFacebook":"Facebook \u3067\u5171\u6709","shareOnTwitter":"Twitter \u3067\u5171\u6709","pinIt":"\u30d4\u30f3\u3059\u308b","download":"\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9","downloadImage":"\u753b\u50cf\u3092\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9","fullscreen":"\u30d5\u30eb\u30b9\u30af\u30ea\u30fc\u30f3","zoom":"\u30ba\u30fc\u30e0","share":"\u30b7\u30a7\u30a2","playVideo":"\u52d5\u753b\u518d\u751f","previous":"\u524d","next":"\u6b21","close":"\u9589\u3058\u308b","a11yCarouselPrevSlideMessage":"Previous slide","a11yCarouselNextSlideMessage":"\u6b21\u306e\u30b9\u30e9\u30a4\u30c9","a11yCarouselFirstSlideMessage":"This is the first slide","a11yCarouselLastSlideMessage":"This is the last slide","a11yCarouselPaginationBulletMessage":"\u30b9\u30e9\u30a4\u30c9\u306b\u79fb\u52d5"},"is_rtl":false,"breakpoints":{"xs":0,"sm":480,"md":768,"lg":1025,"xl":1440,"xxl":1600},"responsive":{"breakpoints":{"mobile":{"label":"\u30e2\u30d0\u30a4\u30eb\u7e26\u5411\u304d","value":767,"default_value":767,"direction":"max","is_enabled":true},"mobile_extra":{"label":"\u30e2\u30d0\u30a4\u30eb\u6a2a\u5411\u304d","value":880,"default_value":880,"direction":"max","is_enabled":false},"tablet":{"label":"Tablet Portrait","value":1024,"default_value":1024,"direction":"max","is_enabled":true},"tablet_extra":{"label":"Tablet Landscape","value":1200,"default_value":1200,"direction":"max","is_enabled":false},"laptop":{"label":"\u30ce\u30fc\u30c8\u30d1\u30bd\u30b3\u30f3","value":1366,"default_value":1366,"direction":"max","is_enabled":false},"widescreen":{"label":"\u30ef\u30a4\u30c9\u30b9\u30af\u30ea\u30fc\u30f3","value":2400,"default_value":2400,"direction":"min","is_enabled":false}},"hasCustomBreakpoints":false},"version":"3.31.2","is_static":false,"experimentalFeatures":{"e_font_icon_svg":true,"additional_custom_breakpoints":true,"container":true,"e_optimized_markup":true,"nested-elements":true,"e_element_cache":true,"home_screen":true,"global_classes_should_enforce_capabilities":true,"e_variables":true,"cloud-library":true,"e_opt_in_v4_page":true},"urls":{"assets":"https:\/\/www.topcloud-japan.co.jp\/wp-content\/plugins\/elementor\/assets\/","ajaxurl":"https:\/\/www.topcloud-japan.co.jp\/wp-admin\/admin-ajax.php","uploadUrl":"https:\/\/www.topcloud-japan.co.jp\/wp-content\/uploads"},"nonces":{"floatingButtonsClickTracking":"4123658e7a"},"swiperClass":"swiper","settings":{"page":[],"editorPreferences":[]},"kit":{"active_breakpoints":["viewport_mobile","viewport_tablet"],"global_image_lightbox":"yes","lightbox_enable_counter":"yes","lightbox_enable_fullscreen":"yes","lightbox_enable_zoom":"yes","lightbox_enable_share":"yes","lightbox_title_src":"title","lightbox_description_src":"description"},"post":{"id":2178,"title":"%E6%8E%A1%E7%94%A8%E6%83%85%E5%A0%B1","excerpt":"","featuredImage":false}};
|
|
//# sourceURL=elementor-frontend-js-before
|
|
/* ]]> */
|
|
</script>
|
|
<script type="text/javascript" src="https://www.topcloud-japan.co.jp/wp-content/plugins/elementor/assets/js/frontend.min.js?ver=3.31.2" id="elementor-frontend-js"></script>
|
|
<script id="wp-emoji-settings" type="application/json">
|
|
{"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://www.topcloud-japan.co.jp/wp-includes/js/wp-emoji-release.min.js?ver=6.9.4"}}
|
|
</script>
|
|
<script type="module">
|
|
/* <![CDATA[ */
|
|
/*! This file is auto-generated */
|
|
const a=JSON.parse(document.getElementById("wp-emoji-settings").textContent),o=(window._wpemojiSettings=a,"wpEmojiSettingsSupports"),s=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const a=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===a[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,a){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!a(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,a){let r;const o=(r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),s=(o.textBaseline="top",o.font="600 32px Arial",{});return e.forEach(e=>{s[e]=t(o,e,n,a)}),s}function r(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}a.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),c.toString(),p.toString()].join(",")+"));",a=new Blob([e],{type:"text/javascript"});const r=new Worker(URL.createObjectURL(a),{name:"wpTestEmojiSupports"});return void(r.onmessage=e=>{i(n=e.data),r.terminate(),t(n)})}catch(e){}i(n=f(s,u,c,p))}t(n)}).then(e=>{for(const n in e)a.supports[n]=e[n],a.supports.everything=a.supports.everything&&a.supports[n],"flag"!==n&&(a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&a.supports[n]);var t;a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&!a.support
|
