@charset 'utf-8';

:root {
  --color-test: #ff0000;
	/* Brand Colors */
  --color-logo-dark: #001912;
  --color-logo-light: #82AA94;
  --color-accent-red: #AA2219;
  --color-accent-yellow: #DF9017;
  --color-accent-green: #5D9945;
  --color-sub-green-dark: #00312C;
  --color-sub-green-medium: #4A6D69;
  --color-sub-green-light: #859C9A;
  --color-sub-khaki: #4F6228;
  --color-sub-beige: #E5D7C8;
  --color-sub-blue: #335675;
  --color-sub-blue-gray: #7F99A8;
  --color-sub-blue-green: #BCDAE3;
  --color-sub-blue-light: #DCE6F2;
  --color-sub-gray: #A6A6A6;
  --color-black: #000000;
  --color-black-20: rgba(0, 0, 0, 0.2); /* 黒20%透明度: エントリーリンクグラデーション */	/* Text Colors */
  --color-white: #ffffff;
  --color-white-5: rgba(255, 255, 255, 0.05);
  --color-white-20: rgba(255, 255, 255, 0.2);
  --color-white-95: rgba(255, 255, 255, 0.95);

  /* Element Colors */
  --color-text: var(--color-black);
  --color-text-gray: var(--color-sub-gray);
  --color-text-darkgray: color-mix(in srgb, var(--color-sub-gray) 50%, black);
  --color-text-lightgray: color-mix(in srgb, var(--color-sub-gray) 50%, white);
  --color-heading: var(--color-sub-green-dark);
  --color-heading-accent: var(--color-logo-light);

  --color-link: var(--color-sub-green-dark);
  --color-link-yellow: var(--color-accent-yellow);
  --color-link-blue: var(--color-sub-blue);
  --color-hover: var(--color-sub-green-medium);
  --color-hover-yellow: color-mix(in srgb, var(--color-accent-yellow) 80%, white);
  --color-hover-blue: color-mix(in srgb, var(--color-sub-blue) 80%, white);
  --color-hover-bg-dark: var(--color-sub-green-dark);
  --color-hover-bg-light: color-mix(in srgb, var(--color-logo-light) 20%, white);

  --color-bg-primary: var(--color-logo-dark);
  --color-bg-primary-light: color-mix(in srgb, var(--color-logo-light) 15%, white);
  --color-bg-primary-lighter: color-mix(in srgb, var(--color-logo-light) 10%, white);
  --color-bg-gray: color-mix(in srgb, var(--color-sub-gray) 50%, white);
  --color-bg-lightgray: color-mix(in srgb, var(--color-sub-gray) 10%, white);
  --color-bg-mark: color-mix(in srgb, var(--color-accent-yellow) 25%, white);
  --color-border: color-mix(in srgb, var(--color-sub-gray) 25%, white);
  --color-border-green: var(--color-sub-green-light);
  --color-bg-green: color-mix(in srgb, var(--color-sub-blue-green) 60%, white);

  --color-gd-career-1: color-mix(in srgb, var(--color-sub-green-dark) 60%, white);
  --color-gd-career-2: color-mix(in srgb, var(--color-sub-green-dark) 70%, white);
  --color-gd-career-3: color-mix(in srgb, var(--color-sub-green-dark) 80%, white);
  --color-gd-career-4: color-mix(in srgb, var(--color-sub-green-dark) 90%, white);
  --color-gd-career-5: var(--color-sub-green-dark);
  --color-gd-career-6: color-mix(in srgb, var(--color-sub-green-dark) 90%, black);
}
@font-face { font-family: 'Yu Gothic'; src: local("Yu Gothic Medium"); font-weight: normal; }

/* Reset
--------------------------------------------------- */
*, ::before, ::after { box-sizing: border-box; }
::before, ::after { text-decoration: inherit; vertical-align: inherit; }
html { cursor: default; line-height: 1.5; -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; -webkit-tap-highlight-color: transparent; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; word-break: break-word; }
body { margin: 0; }
h1 { font-size: 2em; margin: 0.67em 0; }
dl dl, dl ol, dl ul, ol dl, ul dl { margin: 0; }
ol ol, ol ul, ul ol, ul ul { margin: 0; }
hr { height: 0; overflow: visible; }
main { display: block; }
nav ol, nav ul { list-style: none; padding: 0; }
pre { font-family: monospace, monospace; font-size: 1em; }
a { background-color: transparent; }
abbr[title] { text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; }
b, strong { font-weight: bolder; }
code, kbd, samp { font-family: monospace, monospace; font-size: 1em; }
small { font-size: 80%; }
audio, canvas, iframe, img, svg, video { vertical-align: middle; }
audio, video { display: inline-block; }
audio:not([controls]) { display: none; height: 0; }
iframe { border-style: none; }
img { border-style: none; }
svg:not([fill]) { fill: currentColor; }
svg:not(:root) { overflow: hidden; }
table { border-collapse: collapse; }
details { display: block; }
dialog { background-color: white; border: solid; color: black; display: block; height: -moz-fit-content; height: -webkit-fit-content; height: fit-content; left: 0; margin: auto; padding: 1em; position: absolute; right: 0; width: -moz-fit-content; width: -webkit-fit-content; width: fit-content; }
dialog:not([open]) { display: none; }
summary { display: list-item; }
canvas { display: inline-block; }
template { display: none; }
a, area, button, input, label, select, summary, textarea, [tabindex] { touch-action: manipulation; }
[hidden] { display: none; }
img { max-width: 100%; height: auto; }
img[src$=".svg"], svg { width: 100%; height: auto; }
h1, h2, h3, h4, h5, h6 { margin: 0; font-size: 100%; font-weight: normal; }
blockquote, figure, p { margin: 0; }
dl, dd, ol, ul { margin: 0; padding: 0; }
ul, ol { list-style: none; }
i, em { font-style: normal; }
@media screen and (max-width:23.4275em), screen and (min-width:48em) and (max-width:79.99em) {
html { font-size: 56.25%; }
}
@media screen and (min-width:23.4375em) and (max-width:47.99em), screen and (min-width:80em) {
html { font-size: 62.5%; }
}
body { font-weight: 500; font-family: 'Lato', "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Hiragino Sans", "Hiragino Kaku Gothic Pro", sans-serif; line-height: 1; color: var(--color-black); font-feature-settings: "palt" 1; background-color: var(--color-white); }
@media (-webkit-min-device-pixel-ratio:2) {
body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
}
@media (max-width:47.999em) {
body { font-size: 1.4rem; }
}
@media (min-width:48em) {
body { font-size: 1.5rem; letter-spacing: 0.1em; }
}
::-moz-selection { background: var(--color-bg-primary-light); color: var(--color-heading); text-shadow: none; }
::selection { background: var(--color-bg-primary-light); color: var(--color-heading); text-shadow: none; }
a:link, a:visited { color: var(--color-black); text-decoration: none; transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1); }
@media not all and (hover:none) and (pointer:coarse) {
a:hover, a:active { color: var(--color-link); text-underline-color: var(--color-link); transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1); }
a:hover img, a:active img { opacity: 0.75; transition: opacity 0.6s cubic-bezier(0.19, 1, 0.22, 1); }
a svg path { transition: fill 0.6s cubic-bezier(0.19, 1, 0.22, 1); }
}
/* Layouts
--------------------------------------------------- */
/* frame */
.frame { width: 100%; min-height: 100vh; display: flex; flex-direction: column; }
.frame__header, .frame__footer { flex-grow: 0; width: 100%; }
.frame__content { flex-grow: 1; width: 100%; overflow: hidden; }
.frame__header { position: fixed; top: 0; left: 0; z-index: 100; }
@media (max-width:47.999em) {
.frame__content { margin-top: 6rem; overflow: hidden; }
}
@media (min-width:48em) {
.frame__header, .frame__footer, .frame__content { min-width: 1024px; }
.frame__content { padding-top: 10rem; }
}
/* column */
.grid { display: grid; }
.grid.-g2 { gap: 0.2rem; }
.grid.-g4 { gap: 0.4rem; }
.grid.-g8 { gap: 0.8rem; }
.grid.-g12 { gap: 1.2rem; }
.grid.-g16 { gap: 1.6rem; }
.grid.-g20 { gap: 2rem; }
.grid.-g24 { gap: 2.4rem; }
.grid.-g32 { gap: 3.2rem; }
.grid.-g40 { gap: 4rem; }
.grid.-g56 { gap: 5.6rem; }
.grid.-g64 { gap: 6.4rem; }
.grid.-g80 { gap: 8rem; }
.grid.-g100 { gap: 10rem; }
@media (max-width:47.999em) {
.grid { grid-template-columns: 1fr; max-width: 100%; }
.grid.-c2-sp { grid-template-columns: repeat(2, 1fr); }
.grid.-c3-sp { grid-template-columns: repeat(3, 1fr); }
.grid.-g2-sp { gap: 0.2rem; }
.grid.-g4-sp { gap: 0.4rem; }
.grid.-g8-sp { gap: 0.8rem; }
.grid.-g16-sp { gap: 1.6rem; }
.grid.-g20-sp { gap: 2rem; }
.grid.-g24-sp { gap: 2.4rem; }
.grid.-g32-sp { gap: 3.2rem; }
.grid.-g40-sp { gap: 4rem; }
.grid.-g56-sp { gap: 5.6rem; }
.grid.-g64-sp { gap: 6.4rem; }
.grid.-g80-sp { gap: 8rem; }
.grid.-g100-sp { gap: 10rem; }
}
@media (min-width:48em) {
.grid.-c2 { grid-template-columns: repeat(2, 1fr); }
.grid.-c3 { grid-template-columns: repeat(3, 1fr); }
.grid.-c4 { grid-template-columns: repeat(4, 1fr); }
.grid.-c5 { grid-template-columns: repeat(5, 1fr); }
.grid.-c6 { grid-template-columns: repeat(6, 1fr); }
.grid.-g2-pc { gap: 0.2rem; }
.grid.-g4-pc { gap: 0.4rem; }
.grid.-g8-pc { gap: 0.8rem; }
.grid.-g16-pc { gap: 1.6rem; }
.grid.-g20-pc { gap: 2rem; }
.grid.-g24-pc { gap: 2.4rem; }
.grid.-g32-pc { gap: 3.2rem; }
.grid.-g40-pc { gap: 4rem; }
.grid.-g56-pc { gap: 5.6rem; }
.grid.-g64-pc { gap: 6.4rem; }
.grid.-g80-pc { gap: 8rem; }
.grid.-g100-pc { gap: 10rem; }
.grid.-middle { align-items: center; }
.grid.-reverse { direction: rtl; }
.grid.-reverse > * { direction: ltr; }
}
/* Components
--------------------------------------------------- */
/**
* global
*/
/* header */
.header { background-color: var(--color-white); transition: background-color 0.4s cubic-bezier(0.1, 0.85, 0.4, 1); }
.header.-sticky { box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); }
.header-menu__item { font-weight: bold; letter-spacing: 0.03em; }
.header-menu__item > a, .header-menu__item > a:link, .header-menu__item > a:visited { display: inline-block; color: var(--color-link); }
.header-menu.-main { font-size: 1.6rem; letter-spacing: 0.06em; }
.header-menu.-sub .header-menu__item.-entry { font-size: 1.6rem; letter-spacing: 0.06em; }
.header-menu.-sub .header-menu__item.-corporate { letter-spacing: 0.06em; line-height: 1.5; }
@media (max-width:47.999em) {
.header { padding: 2rem 4.27% 1.4rem; }
.header__logo::after { margin-left: 1.2rem; content: 'RECRUITMENT'; display: inline-block; font-weight: bold; font-style: italic; font-family: 'Lato', sans-serif; font-size: 10px; color: var(--color-logo-light); letter-spacing: 0.1em; }
.header__logo img { width: 15.2rem; padding-bottom: .2rem; }
.header-menu { text-align: center; }
.header-menu.-main { padding: 13.33vw 6.4% 0; }
.header-menu.-main .header-menu__item { margin-bottom: 1.6rem; }
.header-menu.-main .header-menu__item > a { width: 100%; padding-top: 0.8rem; padding-bottom: 0.8rem; }
.header-menu.-sub .header-menu__item.-entry { margin: 2.4rem auto 2.8rem; width: 200px; line-height: 4rem; }
}
@media (min-width:48em) {
.header { display: flex; justify-content: space-between; align-items: flex-end; padding: 0 3.33%; }
.header__logo { margin-bottom: 16px; width: 24rem; }
.header-menu { display: flex; }
.header-menu.-main .header-menu__item { margin-left: 2.4rem; }
.header-menu.-main .header-menu__item > a { position: relative; line-height: 50px; }
.header-menu.-main .header-menu__item > a::before, .header-menu.-main .header-menu__item > a::after { content: ''; position: absolute; right: 0; bottom: 0; width: 0; height: 2px; }
.header-menu.-main .header-menu__item > a::before { background-color: var(--color-hover); transition: width 0.6s cubic-bezier(0.1, 0.85, 0.4, 1) 0.05s; }
.header-menu.-main .header-menu__item > a::after { background-color: var(--color-link); transition: width 0.4s cubic-bezier(0.1, 0.85, 0.4, 1); }
.header-menu.-main .header-menu__item > a:hover::before, .header-menu.-main .header-menu__item > a:hover::after { width: 100%; left: 0; }
.header-menu.-main .header-menu__item > a:hover, .header-menu.-main .header-menu__item > a:active { color: var(--color-link); }
.header-menu.-main .header-menu__item:hover > a::after, .header-menu.-main .header-menu__item.-current > a::after { width: 100%; }
.header-menu.-sub { align-items: center; gap: 3.2rem; margin-right: -1.6rem; }
.header-menu.-sub .header-menu__item.-corporate { order: -1; font-size: 1.3rem; }
.header-menu.-sub .header-menu__item.-entry { width: 20rem; line-height: 40px; }
}
@media (max-width:47.999em) {
.nav__button { position: absolute; top: 0; right: 0; z-index: 102; width: 6rem; height: 6.4rem; display: block; cursor: pointer; }
.nav__button > span { position: absolute; top: 50%; left: 50%; width: 28px; height: 1px; background-color: var(--color-link); display: block; margin-left: -14px; margin-top: -1px; }
.nav__button > span::before, .nav__button > span::after { background-color: var(--color-link); display: block; content: ''; transition: all 600ms cubic-bezier(0.19, 1, 0.22, 1); }
.nav__button > span::before { position: absolute; top: 0; left: 0; width: 28px; height: 1px; transform: translateY(-7px); }
.nav__button > span::after { position: absolute; top: 0; right: 0; width: 28px; height: 1px; transform: translateY(7px); }
.nav__container { position: absolute; top: 0; left: 0; z-index: 100; width: 100%; height: 100vh; background-color: var(--color-white-95); opacity: 0; visibility: hidden; transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1); }
.nav.-active .nav__button > span { background-color: transparent; }
.nav.-active .nav__button > span::before { width: 28px; transform: translateY(0) rotate(45deg) scale(1); }
.nav.-active .nav__button > span::after { width: 28px; transform: translateY(0) rotate(-45deg); }
.nav.-active .nav__container { opacity: 1; visibility: visible; transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1); overflow: scroll; }
}
@media (min-width:48em) {
.nav__container { display: flex; align-items: flex-end; flex-direction: column-reverse; padding-top: 0.8rem; }
}
/* footer */
.footer-block.-sub { background-color: var(--color-bg-primary); font-size: 1.2rem; color: var(--color-white); line-height: 1.5; letter-spacing: 0.1em; }
.footer-menu { display: flex; flex-wrap: wrap; }
.footer-menu.-main { letter-spacing: 0.06em; }
.footer-menu.-sub a, .footer-menu.-sub a:link, .footer-menu.-sub a:visited { color: var(--color-white); }
@media (max-width:47.999em) {
.footer-block.-main { padding: 0.4rem 6.4%; font-size: 1.2rem; }
.footer-block.-sub { padding: 3.2rem 6.4%; }
.footer-block__copyright { margin-top: 2rem; font-size: 1rem; line-height: 1.33; }
.footer-menu.-main { justify-content: space-between; }
.footer-menu.-main .footer-menu__item { width: 47.55%; line-height: 4rem; }
.footer-menu.-main .footer-menu__item:nth-last-child(n+3) { border-bottom: 1px solid var(--color-border); }
.footer-menu.-second { display: none; }
.footer-menu.-sub { flex-direction: column; gap: 1rem; }
}
@media (min-width:48em) {
/* .footer { background: url("../img/bg-footer.jpg") left top no-repeat; background-size: cover; } */
.footer-block.-main { margin: 0 auto; max-width: 1296px; padding: 6rem 3.33%; }
.footer-block.-main a:hover, .footer-block.-main a:active { color: var(--color-hover); }
.footer-block.-sub { display: flex; justify-content: space-between; align-items: center; padding: 2.3rem 3.33%; }
.footer-menu.-main { justify-content: flex-end; gap: 5.6rem; font-weight: bold; line-height: 1.14; }
.footer-menu.-second { flex-direction: column; gap: 0.8rem; margin-top: 1.8rem; font-weight: normal; font-size: 1.2rem; }
.footer-menu.-sub { gap: 2.4rem; }
}
.btn-totop .icon { display: inline-block; position: relative; width: 100%; height: 100%; }
.btn-totop .icon::after { position: absolute; width: 18%; height: 18%; display: inline-block; content: ''; border-style: solid; border-width: 1px 1px 0 0; transform: rotate(-45deg); text-align: center; }
@media (max-width:47.999em) {
.btn-totop { margin: 0 auto; width: 90px; height: 90px; }
.btn-totop .icon::after { top: 47.5%; left: 41%; border-color: var(--color-link); }
}
@media (min-width:48em) {
.btn-totop { position: fixed; right: 0; bottom: 80px; width: 53px; height: 53px; border: 1px solid var(--color-link); background-color: var(--color-link); opacity: 0; transition: opacity 0.8s; transform: rotate(-90deg); }
.btn-totop .icon { width: 55px; height: 55px; z-index: 2; transform: rotate(90deg); }
.btn-totop .icon::after { top: 50%; left: 38%; border-color: var(--color-white); transition: top 0.4s cubic-bezier(0.1, 0.85, 0.4, 1); }
.btn-totop .icon:hover::after, .btn-totop .icon:active::after { top: 40%; border-color: var(--color-link); }
.btn-totop.-sticky { opacity: 1; transition: opacity 1s; }
.btn-totop a::before { content: ''; position: absolute; top: 0; right: 0; z-index: -1; width: 0; height: 100%; transition: width 0.2s cubic-bezier(0.29, 0.18, 0.26, 0.83); }
.btn-totop a:hover::before { width: 100%; left: 0; }
.btn-totop a::before { background-color: var(--color-white); }
}
.breadcrumb-list { border-top: 1px solid var(--color-border); }
.breadcrumb-list > li { color: var(--color-black); display: inline-block; line-height: 1.5; }
.breadcrumb-list > li a, .breadcrumb-list > li a:link, .breadcrumb-list > li a:visited { border-bottom: 1px solid transparent; color: var(--color-black); transition: border 0.4s; }
.breadcrumb-list > li a:hover, .breadcrumb-list > li a:active { border-bottom-color: var(--color-black); color: var(--color-black-gray); transition: border 0.4s; }
.breadcrumb-list > li:nth-last-child(n+2)::after { display: inline-block; padding-left: 0.5em; padding-right: 0.5em; vertical-align: moddle; text-align: center; speak: none; content: '>'; transform: scale(0.5, 1); }
@media (max-width:47.999em) {
.breadcrumb-list { padding: 15px 6.4%; }
.breadcrumb-list > li { font-size: 10px; }
}
@media (min-width:48em) {
.breadcrumb-list { padding: 15px 3.33%; }
.breadcrumb-list > li { font-size: 12px; }
}
/* entry */
.entry-block > .link { display: flex; background-color: var(--color-bg-primary); border-top: 1px solid var(--color-border-green); border-bottom: 1px solid var(--color-border-green); }
.entry-block > .link > .btn { width: 50%; letter-spacing: 0.08em; }
.entry-block > .link > .btn:first-child { border-right: 1px solid var(--color-border-green); }
.entry-block > .entry { background: var(--color-bg-primary) url("./../img/bg-entry-shape.svg") -60px top/contain no-repeat; }
.entry-block > .entry > .btn { margin: auto; letter-spacing: 0.06em; }
@media (max-width:47.999em) {
.entry-block > .link > .btn { line-height: 5rem; }
.entry-block > .entry { padding: 1.8rem 6.4%; }
.entry-block > .entry > .btn { width: 20rem; line-height: 4.8rem; font-size: 1.8rem; }
}
@media (min-width:48em) {
.entry-block { min-width: 1024px; }
.entry-block > .link > .btn > a { padding: 3.2rem 0; font-size: 2rem; }
.entry-block > .link .desc { display: block; margin-top: 1.6rem; font-weight: normal; font-size: 1.2rem; letter-spacing: 0.06em; }
.entry-block > .entry { padding: 6.4rem 3.33%; color: var(--color-white); text-align: center; background-position: -180px top; }
.entry-block > .entry > .btn { width: 28rem; line-height: 6.6rem; font-size: 2rem; }
.entry-block > .entry .slogan { display: block; margin-bottom: 1.6rem; font-weight: bold; font-size: 2rem; letter-spacing: 0.06em; }
.entry-block > .entry .tagline { margin-bottom: 3.2rem; font-size: 1.6rem; letter-spacing: 0.04em; }
}
/**
* common
*/
/* typo & element */
.content-editor { line-height: 2.14; }
.content-editor strong { font-weight: bolder; position: relative; z-index: 1; }
.content-editor strong::after { content: ''; position: absolute; bottom: -10%; left: 0; z-index: -1; width: 100%; height: 50%; background-color: var(--color-bg-mark); }
.content-editor em { font-style: italic; }
.content-editor small { font-size: 0.85em; }
.content-editor a { color: var(--color-black); }
.content-editor a:link, .content-editor a:visited { color: var(--color-black); text-decoration: underline; }
.content-editor a:hover, .content-editor a:active { color: var(--color-hover); }
.content-editor h2.wp-block-heading, .content-editor h3.wp-block-heading, .content-editor h4.wp-block-heading, .content-editor h2:not([class]), .content-editor h3:not([class]) { margin-top: 3.2em; margin-bottom: 1em; font-weight: bold; line-height: 1.31; color: var(--color-heading); }
.content-editor h2:not([class]) + h3:not([class]) { margin-top: 1em; }
.content-editor h2:not([class]) { letter-spacing: 0.09em; }
.content-editor h3:not([class]) { letter-spacing: 0.11em; }
.content-editor h4:not([class]) { font-weight: bold; margin-top: 2em; margin-bottom: 1em; }
.content-editor h5:not([class]) { font-weight: bold; }
.content-editor p + p { margin-top: 1em; }
.content-editor ul.list-disc:not(:first-child), .content-editor ul.wp-block-list:not(:first-child), .content-editor ul:not([class]):not(:first-child), .content-editor ol.wp-block-list:not(:first-child), .content-editor ol:not([class]):not(:first-child) { margin-top: 1em; }
.content-editor ul.list-disc:not(:last-child), .content-editor ul.wp-block-list:not(:last-child), .content-editor ul:not([class]):not(:last-child), .content-editor ol.wp-block-list:not(:last-child), .content-editor ol:not([class]):not(:last-child) { margin-bottom: 1em; }
.content-editor ul.list-disc > li:not(.-nostyle), .content-editor ul.wp-block-list > li:not(.-nostyle), .content-editor ul:not([class]) > li:not(.-nostyle), .content-editor ol.wp-block-list > li:not(.-nostyle), .content-editor ol:not([class]) > li:not(.-nostyle) { display: flex; align-items: flex-start; }
.content-editor ul.list-disc > li:not(.-nostyle)::before, .content-editor ul.wp-block-list > li:not(.-nostyle)::before, .content-editor ul:not([class]) > li:not(.-nostyle)::before, .content-editor ol.wp-block-list > li:not(.-nostyle)::before, .content-editor ol:not([class]) > li:not(.-nostyle)::before { flex-shrink: 0; min-width: 1.25em; margin-right: 0.25em; color: grayDark; }
.content-editor ul.list-disc > li:not(.-nostyle):nth-child(n+2), .content-editor ul.wp-block-list > li:not(.-nostyle):nth-child(n+2), .content-editor ul:not([class]) > li:not(.-nostyle):nth-child(n+2), .content-editor ol.wp-block-list > li:not(.-nostyle):nth-child(n+2), .content-editor ol:not([class]) > li:not(.-nostyle):nth-child(n+2) { margin-top: 0.1em; }
.content-editor ul.list-disc > li > ul, .content-editor ul.wp-block-list > li > ul, .content-editor ul:not([class]) > li > ul, .content-editor ol.wp-block-list > li > ul, .content-editor ol:not([class]) > li > ul, .content-editor ul.list-disc > ol, .content-editor ul.wp-block-list > ol, .content-editor ul:not([class]) > ol, .content-editor ol.wp-block-list > ol, .content-editor ol:not([class]) > ol { margin: 0.5em 0 !important; }
.content-editor ul.list-disc > li::before, .content-editor ul.wp-block-list > li::before, .content-editor ul:not([class]) > li::before { content: '\2022'; display: grid; place-content: center; }
.content-editor ol.wp-block-list, .content-editor ol:not([class]) { counter-reset: num; }
.content-editor ol.wp-block-list > li::before, .content-editor ol:not([class]) > li::before { content: ''counter(num) '.'; counter-increment: num; text-align: center; }
.content-editor .wp-block-columns, .content-editor .wp-block-group, .content-editor .wp-block-image, .content-editor .wp-block-gallery, .content-editor .wp-block-media-text, .content-editor .wp-block-embed, .content-editor [class|="embed"], .content-editor iframe { margin-top: 2.4rem; margin-bottom: 2.4rem; }
.content-editor .wp-block-columns a, .content-editor .wp-block-group a, .content-editor .wp-block-image a, .content-editor .wp-block-gallery a, .content-editor .wp-block-media-text a, .content-editor .wp-block-embed a, .content-editor [class|="embed"] a, .content-editor iframe a { border: 0; }
.content-editor .wp-block-table { margin-top: 2.4rem; margin-bottom: 2.4rem; }
.content-editor .wp-block-table table { width: 100%; border-top: 1px solid grayLight; border-left: 1px solid grayLight; border-right: 1px solid grayLight; }
.content-editor .wp-block-table thead, .content-editor .wp-block-table th, .content-editor .wp-block-table td { border: 0; }
.content-editor .wp-block-table thead { background-color: var(--color-bg-lightgray); font-size: 1.4rem; text-align: left; white-space: nowrap; }
.content-editor .wp-block-table th, .content-editor .wp-block-table td { border-bottom: 1px solid grayLight; }
.content-editor .wp-block-separator, .content-editor hr { border: 0; border-bottom: 1px solid grayLight; }
.content-editor iframe { width: 100%; }
.content-editor .wp-block-group { background-color: grayBg; }
.content-editor .wp-block-group__inner-container > *:first-child { margin-top: 0; }
.content-editor .wp-block-group__inner-container > *:last-child { margin-bottom: 0; }
.content-editor .wp-block-gallery .wp-element-caption, .content-editor .wp-block-image .wp-element-caption, .content-editor figcaption { padding-top: 0.8rem; text-align: left !important; line-height: 1.5; }
.content-editor .wp-block-gallery .wp-element-caption { position: relative !important; background: none !important; padding: 0 !important; }
.content-editor table:not([class]) { margin-bottom: 2.4rem; width: 100%; border-top: 1px solid var(--color-border); border-left: 1px solid var(--color-border); }
.content-editor table:not([class]) th, .content-editor table:not([class]) td { padding: 1em 1.5em; border-right: 1px solid var(--color-border); border-bottom: 1px solid var(--color-border); }
.content-editor table:not([class]) th { background-color: var(--color-bg-lightgray); text-align: left; white-space: nowrap; }
.content-editor table:not([class]) td { background-color: var(--color-white); }
.content-editor *:first-child { margin-top: 0; }
.content-editor *:last-child { margin-bottom: 0; }
@media (max-width:47.999em) {
.content-editor h2.wp-block-heading, .content-editor h2:not([class]) { font-size: 2.1rem; }
.content-editor h3.wp-block-heading, .content-editor h3:not([class]) { font-size: 1.8rem; }
.content-editor h4:not([class]) { font-size: 1.5rem; }
.content-editor .wp-block-table th, .content-editor .wp-block-table td { padding: 0.8rem 1.2rem; }
.content-editor .wp-block-columns { gap: 0.8rem; }
.content-editor .wp-block-separator, .content-editor hr { margin: 2.4rem auto; }
.content-editor .wp-block-gallery .wp-element-caption, .content-editor .wp-block-image .wp-element-caption, .content-editor figcaption { font-size: 1.1rem !important; }
}
@media (min-width:48em) {
.content-editor h2.wp-block-heading, .content-editor h2:not([class]) { font-size: 2.6rem; }
.content-editor h3.wp-block-heading, .content-editor h3:not([class]) { font-size: 2.2rem; }
.content-editor h4:not([class]) { font-size: 1.6rem; }
.content-editor .wp-block-table th, .content-editor .wp-block-table td { padding: 1rem 2rem; }
.content-editor .wp-block-columns { gap: 1.6rem; }
.content-editor .wp-block-separator, .content-editor hr { margin: 4rem auto; }
.content-editor .wp-block-gallery .wp-element-caption, .content-editor .wp-block-image .wp-element-caption, .content-editor figcaption { font-size: 1.3rem !important; }
.content-editor .alignleft, .content-editor .alignright { max-width: 47.5%; margin-bottom: 1.6rem; }
.content-editor .alignleft { float: left; margin-right: 4%; }
.content-editor .alignright { float: right; margin-left: 4%; }
.content-editor .alignleft + .alignright { margin-left: 0; }
.content-editor .aligncenter { display: block; margin: auto; margin-bottom: 1.6rem; }
}
.h-page { font-weight: bold; color: var(--color-heading); letter-spacing: 0.13em; position: relative; }
.h-page > span { padding-top: 12px; display: block; font-weight: normal; color: var(--color-heading-accent); letter-spacing: 0.06em; text-transform: uppercase; }
.h-page::after { content: ''; position: absolute; bottom: 0; left: 0; width: 8rem; height: 2px; background-color: var(--color-link); }
.h-section, .h-large, .h-medium, .h-small, .h-xsmall { font-weight: bold; line-height: 1.25; }
.h-section { color: var(--color-heading); text-align: center; }
.h-large, .h-medium { color: var(--color-heading); }
.h-large.-red, .h-medium.-red { color: var(--color-accent-red); }
.h-large.-blue, .h-medium.-blue { color: var(--color-sub-blue); }
.h-large.-yellow, .h-medium.-yellow { color: var(--color-accent-yellow); }
.h-large.-black, .h-medium.-black { color: var(--color-black); }
.t-lead { line-height: 1.75; }
@media (max-width:47.999em) {
.h-page { padding-bottom: 1.8rem; font-size: 2.4rem; }
.h-page > span { font-size: 1.4rem; }
.h-page:not(:last-child) { margin-bottom: 2.4rem; }
.h-section { margin-bottom: 2.4rem; font-size: 2rem; }
.h-large { margin-top: 3.2rem; margin-bottom: 2.4rem; font-size: 2rem; }
.h-medium { margin-top: 3.2rem; margin-bottom: 1.2rem; font-size: 1.8rem; }
.h-small { margin-top: 2.4rem; margin-bottom: 1.2rem; font-size: 1.6rem; }
.h-xsmall { margin-top: 2.4rem; margin-bottom: 1.2rem; font-size: 1.5rem; }
.t-lead { font-size: 1.6rem; }
.t-lead.-sm { font-size: 1.5rem; }
}
@media (min-width:48em) {
.h-page { margin-top: 1.6rem; padding-bottom: 2.4rem; font-size: 3.2rem; }
.h-page > span { font-size: 1.6rem; }
.h-page:not(:last-child) { margin-bottom: 4rem; }
.h-section { margin-bottom: 4.8rem; font-size: 2.6rem; }
.h-large { margin-top: 5.6rem; margin-bottom: 3.2rem; font-size: 2.6rem; }
.h-medium { margin-top: 4rem; margin-bottom: 1.6rem; font-size: 2.2rem; }
.h-small { margin-top: 3.2rem; margin-bottom: 1.6rem; font-size: 1.8rem; }
.h-xsmall { margin-top: 3.2rem; margin-bottom: 1.6rem; font-size: 1.6rem; }
.t-lead { font-weight: bold; font-size: 1.6rem; }
.t-lead.-lg { font-size: 1.8rem; }
.t-lead.-sm { font-weight: normal; }
}
/* component */
.page-header { background: url("../img/bg-page-header.svg") right top no-repeat; }
@media (max-width:47.999em) {
.page-header { background-size: auto 5.1rem; }
}
@media (min-width:48em) {
.page-header { min-height: 22.8rem; background-size: 29.6rem auto; }
}
.content-block.-gray { background-color: var(--color-bg-lightgray); }
@media (max-width:47.999em) {
.content-block { padding-top: 4rem; padding-bottom: 4rem; }
.content-block.-sm { padding-top: 3.2rem; padding-bottom: 3.2rem; }
.content-block__inner:not(.-full) { margin-right: auto; margin-left: auto; width: calc(100% - 4.8rem); }
}
@media (min-width:48em) {
.content-block { padding-top: 8rem; padding-bottom: 8rem; }
.content-block:last-of-type { padding-bottom: 12rem !important; }
.content-block.-sm { padding-top: 6rem; padding-bottom: 6rem; }
.content-block__inner { margin-right: auto; margin-left: auto; width: 93.33%; max-width: 1080px; }
.content-block__inner.-xnr { max-width: 720px; }
.content-block__inner.-nr { max-width: 800px; }
.content-block__inner.-md { max-width: 920px; }
.content-block__inner.-wd { max-width: 1200px; }
.content-block__inner.-xwd { max-width: 1440px; }
}
.anchor-menu { display: flex; flex-wrap: wrap; justify-content: space-evenly; border-top: 1px solid var(--color-border); border-bottom: 1px solid var(--color-border); }
.anchor-menu__item { font-size: 1.4rem; text-align: center; line-height: 1; }
.anchor-menu__item a, .anchor-menu__item a:link, .anchor-menu__item a:visited { color: var(--color-link); text-decoration: none; }
@media (max-width:47.999em) {
  .anchor-menu__item { padding: 1.6rem; }
}
@media (min-width:48em) {
  .anchor-menu__item { padding: 2.4rem 0; font-size: 1.6rem; }
  .anchor-menu__item a:hover, .anchor-menu__item a:active { color: var(--color-hover); }
}
.anchor-point { display: block; }
@media (max-width:47.999em) {
  .anchor-point { padding-top: 3.2rem; margin-top: -3.2rem; }
}
@media (min-width:48em) {
  .anchor-point { padding-top: 6rem; margin-top: -6rem; }
}
.content-box { background-color: var(--color-bg-lightgray); }
@media (max-width:47.999em) {
.content-box { padding: 1.6rem; }
.content-box.-sm { padding: 0.8rem; }
}
@media (min-width:48em) {
.content-box { padding: 3.2rem; }
.content-box.-sm { padding: 1.6rem; }
.content-box.-lg { padding: 4rem 5.6rem; }
}
.link-external { display: flex; align-items: center; }
.link-external > span { border-bottom: 1px solid transparent; transition: border-bottom 0.4s ease; }
.link-external > svg { width: 14px; height: 12px; margin-left: 8px; margin-top: -2px; }
.link-external:hover > span, .link-external:active > span { border-bottom: 1px solid currentColor; }
.link-btn > a, .entry-btn > a { position: relative; display: inline-block; width: 100%; height: 100%; color: var(--color-white); text-align: center; }
.link-btn > a:link, .entry-btn > a:link, .link-btn > a:visited, .entry-btn > a:visited { color: var(--color-white) !important; text-decoration: none !important; }
.link-btn > a > span, .entry-btn > a > span { position: relative; padding-left: 22px; }
.link-btn > a > span::before, .entry-btn > a > span::before { position: absolute; top: calc(50% - 4px); left: 0; width: 9px; height: 9px; display: inline-block; content: ''; border-style: solid; border-width: 1px 1px 0 0; transform: scale(0.9, 1) rotate(45deg); transition: left 0.4s cubic-bezier(0.1, 0.85, 0.4, 1); }
.link-btn.-round { border-radius: 100px; }
.link-btn.-round > a { border-radius: 100px; background-color: var(--color-link); padding: 0.4rem; max-width: 24rem; margin: auto; display: block; }
.link-btn.-large > a { background-color: var(--color-hover); font-weight: bold; }
.link-btn.-large > a > span::before { border-width: 2px 2px 0 0; }
.entry-btn { border-radius: 100px; }
.entry-btn > a { border: 1px solid var(--color-white); background-color: var(--color-white-5); border-radius: 100px; font-weight: bold; font-style: italic; text-transform: uppercase; }
.entry-btn > a > span::before { border-width: 2px 2px 0 0; }
.entry-btn.-orange > a { background-color: var(--color-link-yellow); }
.entry-btn.-red > a { background-color: var(--color-link); }
@media (min-width:48em) {
.link-btn > a:hover, .entry-btn > a:hover, .link-btn a:active, .entry-btn a:active { transition: background-color 0.8s cubic-bezier(0.1, 0.85, 0.4, 1), opacity 0.8s cubic-bezier(0.1, 0.85, 0.4, 1); }
.link-btn > a:hover > span::before, .entry-btn > a:hover > span::before, .link-btn a:active > span::before, .entry-btn a:active > span::before { left: 4px; }
.link-btn.-round > a:hover, .link-btn.-round > a:active { background-color: var(--color-hover); }
.link-btn.-large > a:hover, .link-btn.-large > a:active { background-color: var(--color-bg-primary); }
.entry-btn > a:hover, .entry-btn > a:active { background-color: var(--color-hover); }
.entry-btn.-orange > a:hover, .entry-btn.-orange:active { background-color: var(--color-hover-yellow); }
.entry-btn.-red > a:hover, .entry-btn.-red > a:active { background-color: var(--color-hover); }
}
/**
* local
*/
/* home */
.home-hero { width: 100%; }
.home-hero__image { width: 100%; overflow: hidden; }
.home-hero__image picture { display: block; width: 100%; }
.home-hero__image img { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; }
.home-hero__slogan { background-color: var(--color-white); width: 100%; font-weight: bold; color: var(--color-heading); line-height: 1; letter-spacing: 0.2rem; text-align: center; padding: 3.2rem 0; }
@media (max-width:47.999em) {
  .home-hero__image { aspect-ratio: 400 / 600; }
  .home-hero__slogan { font-size: 4.2vw; padding: 1.4rem 0; }
}
@media (min-width:48em) {
  .home-hero__image { aspect-ratio: 1440 / 680; }
  .home-hero__slogan { bottom: 0; font-size: 4rem; }
}
.home-entry { position: relative; color: var(--color-white); transition: background-color 0.8s cubic-bezier(0.1, 0.85, 0.4, 1); }
.home-entry > a { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; }
.home-entry::before { position: absolute; font-style: italic; }
.home-entry.-new { background-color: var(--color-logo-light); }
.home-entry.-new::before { content: 'NEW GRADUATE'; }
.home-entry.-career { background-color: var(--color-logo-dark); }
.home-entry.-career::before { content: 'CAREER'; }
.home-entry__heading { position: absolute; top: 50%; z-index: 2; transform: translateY(-50%); font-weight: bold; letter-spacing: 0.13em; line-height: 1; white-space: nowrap; }
.home-entry__heading::before { position: absolute; top: 25%; left: 0; display: inline-block; content: ''; border-style: solid; border-width: 1px 1px 0 0; transform: scale(0.9, 1) rotate(45deg); transition: left 0.4s cubic-bezier(0.1, 0.85, 0.4, 1); }
@media (max-width:47.999em) {
  .home-entry { height: 13.33vw; }
  .home-entry::before { top: 34%; left: 6.4%; font-weight: 300; font-size: 1.6rem; }
  .home-entry__heading { right: 6.4%; padding-left: 18px; font-size: 1.6rem; }
  .home-entry__heading::before { width: 8px; height: 8px; }
}
@media (min-width:48em) {
  .home-entry { height: 9rem; }
  .home-entry::before { top: 23.33%; left: 3.33%; font-weight: 100; font-size: 4rem; }
  .home-entry__heading { right: 3.33%; padding-left: 20px; font-size: 1.8rem; }
  .home-entry__heading::before { width: 10px; height: 10px; }
  .home-entry:hover .home-entry__heading::before { left: 4px; }
  .home-entry.-career:hover { background-color: var(--color-hover); }
  .home-entry.-new:hover { background-color: var(--color-hover); }
}
@media (min-width:90em) {
.home-entry::before { left: 6.66%; font-size: 4.8rem; }
.home-entry__heading { right: 6.66%; padding-left: 24px; font-size: 2rem; }
}
.home-intro { background: var(--color-bg-lightgray) url("../img/bg-pattern.png") 0 0 repeat; background-size: 4px; }
.home-intro__heading { font-weight: bold; color: var(--color-heading); letter-spacing: 0.09em; line-height: 1.3; }
.home-intro__copy { font-size: 1.5rem; line-height: 1.75; }
.home-intro__link { font-size: 1.2rem; letter-spacing: 0.1em; }
@media (max-width:47.999em) {
.home-intro { padding: 3.2rem 6.4%; }
.home-intro__heading { margin-bottom: 1.6rem; font-size: 1.8rem; }
.home-intro__link { margin-top: 2.4rem; line-height: 3.6rem; }
}
@media (min-width:48em) {
.home-intro { padding: 4rem; }
.home-intro__heading { margin-bottom: 2.4rem; font-size: 2.6rem; }
.home-intro__copy { font-weight: bold; }
.home-intro__link { margin-top: 4rem; width: 18rem; line-height: 4.4rem; }
}
/* company, work */
.company-card { border-radius: 0.4rem 0.4rem 0 0; background-color: var(--color-white); }
.company-card__text { font-size: 1.4rem; line-height: 1.7; letter-spacing: 0.1em; }
.company-card__image > img { border-radius: 0.4rem 0.4rem 0 0; }
.company-card__image { background: linear-gradient(315deg, var(--color-logo-dark) 0%, color-mix(in srgb, var(--color-logo-dark) 80%, transparent) 100%); }
@media (max-width:47.999em) {
.company-card__text { padding: 1.2rem 1.6rem; }
}
@media (min-width:48em) {
.company-card__text { padding: 1.6rem 2.4rem; }
}
.work-card__text-heading { font-weight: bold; letter-spacing: 0.06em; line-height: 1.3; }
.work-card__text-desc { line-height: 1.75; }
.work-card__text-link { font-size: 1.2rem; letter-spacing: 0.1em; }
.work-card.-secondary { background-color: var(--color-white); }
@media (max-width:47.999em) {
.work-card__text { padding: 2.4rem 6.4%; }
.work-card__text-heading { margin-bottom: 1.6rem; font-size: 1.6rem; }
.work-card__text-link { margin-top: 2.4rem; line-height: 3.6rem; }
.work-card + .work-card { margin-top: 1.6rem; }
}
@media (min-width:48em) {
.work-card { display: flex; justify-content: space-between; position: relative; }
.work-card__image { width: 58.7%; }
.work-card__text { width: 36.96%; }
.work-card__text-heading { margin-bottom: 2.4rem; font-size: 2.2rem; color: var(--color-heading); }
.work-card__text-desc { font-weight: bold; }
.work-card__text-link { margin-top: 4rem; width: 18rem; line-height: 4.4rem; }
.work-card.-reverse .work-card__image { order: 1; }
.work-card.-secondary { align-items: center; }
.work-card.-secondary .work-card__image { order: 1; }
.work-card.-secondary .work-card__text { padding-left: 3.2rem; }
.work-card + .work-card { margin-top: 8rem; }
}
.training-flow { font-weight: bold; font-size: 1.4rem; color: var(--color-white); text-align: center; line-height: 1.2; }
.training-flow__item { position: relative; background-color: var(--color-sub-green-dark); border-radius: 0.4rem; }
.training-flow__item.-entrance { background-color: var(--color-logo-light); }
.training-flow__item:nth-last-child(n+2)::after { content: ' '; position: absolute; left: calc(50% - 5px); width: 0; height: 0; border: 10px solid transparent; border-top-color: var(--color-sub-gray); }
@media (max-width:47.999em) {
.training-flow__item { padding: 1.2rem 0.8rem; }
.training-flow__item:nth-last-child(n+2) { margin-bottom: 20px; }
.training-flow__item:nth-last-child(n+2)::after { top: calc(100% + 5px); }
}
@media (min-width:48em) {
.training-flow__item { padding: 1.8rem 0.8rem; }
.training-flow__item:nth-last-child(n+2) { margin-bottom: 26px; }
.training-flow__item:nth-last-child(n+2)::after { top: calc(100% + 8px); }
}
.evaluation-flow { position: relative; display: flex; }
.evaluation-flow__item { z-index: 1; flex: 1; background-color: var(--color-white); border: 1px solid var(--color-sub-green-dark); border-radius: 0.4rem; }
.evaluation-flow__item-heading { background-color: var(--color-sub-green-dark); border-radius: 0.4rem; font-weight: bold; font-size: 1.8rem; color: var(--color-white); text-align: center; line-height: 1.2; }
.evaluation-flow__item-desc { margin-top: 0.8rem; font-size: 1.4rem; font-weight: bold; color: var(--color-sub-green-dark); line-height: 1.5; letter-spacing: 0.1em; }
@media (max-width:47.999em) {
.evaluation-flow { flex-direction: column; gap: 1.6rem; }
.evaluation-flow::before, .evaluation-flow::after { content: ''; position: absolute; left: 50%; transform: translateX(-50%); }
.evaluation-flow::before { top: 10.5rem; height: calc(100% - 10.5rem - 11.8rem); width: 2rem; background-color: var(--color-sub-green-dark); }
.evaluation-flow::after { top: calc(100% - 11.8rem); width: 0; height: 0; border: 1.6rem solid transparent; border-top-width: 1.2rem; border-top-color: var(--color-sub-green-dark); }
.evaluation-flow__item { padding: 0.8rem; }
.evaluation-flow__item-heading { padding: 0.8rem; }
}
@media (max-width:25.624em) {
.evaluation-flow::before { height: calc(100% - 10.5rem - 13.8rem); }
.evaluation-flow::after { top: calc(100% - 13.8rem); }
}
@media (min-width:48em) {
.evaluation-flow { gap: 2rem; }
.evaluation-flow::before, .evaluation-flow::after { content: ''; position: absolute; top: 50%; transform: translateY(-50%); }
.evaluation-flow::before { left: 18.42%; width: 62.4%; height: 2rem; background-color: var(--color-sub-green-dark); }
.evaluation-flow::after { right: 16.89%; width: 0; height: 0; border: 1.6rem solid transparent; border-left-width: 1.2rem; border-left-color: var(--color-sub-green-dark); }
.evaluation-flow__item { padding: 1.6rem; }
.evaluation-flow__item-heading { display: grid; place-items: center; height: 6.4rem; }
}
.evaluation-system { display: flex; }
.evaluation-system__heading, .evaluation-system__item-heading { border-radius: 0.4rem; font-weight: bold; color: var(--color-white); text-align: center; line-height: 1.2; }
.evaluation-system__heading { background-color: var(--color-sub-green-dark); }
.evaluation-system__list { display: grid; }
.evaluation-system__item { position: relative; background-color: var(--color-white); border-radius: 0.4rem; border: 1px solid; }
.evaluation-system__item-heading { padding: 0.8rem; font-size: 1.8rem; }
.evaluation-system__item-desc { margin-top: 0.8rem; font-size: 1.4rem; font-weight: bold; line-height: 1.5; letter-spacing: 0.1em; }
.evaluation-system__item { border-color: var(--color-sub-green-dark); color: var(--color-sub-green-dark); }
.evaluation-system__item .evaluation-system__item-heading { background-color: var(--color-sub-green-dark); }
/* .evaluation-system__item.-red { border-color: var(--color-accent-red); color: var(--color-accent-red); }
.evaluation-system__item.-red .evaluation-system__item-heading { background-color: var(--color-accent-red); }
.evaluation-system__item.-blue { border-color: var(--color-sub-blue); color: var(--color-sub-blue); }
.evaluation-system__item.-blue .evaluation-system__item-heading { background-color: var(--color-sub-blue); }
.evaluation-system__item.-yellow { border-color: var(--color-accent-yellow); color: var(--color-accent-yellow); }
.evaluation-system__item.-yellow .evaluation-system__item-heading { background-color: var(--color-accent-yellow); } */
.evaluation-system__item:not(:last-child)::after { content: '×'; position: absolute; font-weight: bold; text-align: center; color: var(--color-sub-green-dark); }
@media (max-width:47.999em) {
.evaluation-system { gap: 1.2rem; }
.evaluation-system__heading { padding: 0.8rem; font-size: 2rem; writing-mode: vertical-rl; text-orientation: upright; white-space: nowrap; letter-spacing: 0.5em; }
.evaluation-system__list { gap: 2.4rem; }
.evaluation-system__item { padding: 0.8rem; }
.evaluation-system__item:not(:last-child)::after { left: 0; top: 100%; width: 100%; font-size: 2.4rem; line-height: 2.4rem; }
}
@media (min-width:48em) {
.evaluation-system { flex-direction: column; gap: 2.4rem; }
.evaluation-system__heading { padding: 1rem; font-size: 2.2rem; }
.evaluation-system__list { grid-template-columns: repeat(3, 1fr); gap: 4rem; }
.evaluation-system__item { padding: 1.6rem; }
.evaluation-system__item:not(:last-child)::after { left: 100%; top: 1.6rem; width: 4.2rem; font-size: 3.2rem; line-height: 3.8rem; }
}
.career-flow { position: relative; display: flex; flex-direction: column; gap: 0.4rem; }
.career-flow::before { content: ''; position: absolute; top: 0; height: 100%; width: 1rem; background-color: var(--color-gd-career-5); }
.career-flow__item { z-index: 1; background-color: var(--color-white); border: 1px solid var(--color-gd-career-5); border-radius: 0.4rem; }
.career-flow__item-heading { border-radius: 0.4rem; font-weight: bold; font-size: 1.6rem; color: var(--color-white); line-height: 1.2; }
.career-flow__item-desc { font-size: 1.4rem; line-height: 1.5; letter-spacing: 0.1em; }
.career-flow__item:nth-child(1) .career-flow__item-heading { background-color: var(--color-gd-career-1); }
.career-flow__item:nth-child(2) .career-flow__item-heading { background-color: var(--color-gd-career-2); }
.career-flow__item:nth-child(3) .career-flow__item-heading { background-color: var(--color-gd-career-3); }
.career-flow__item:nth-child(4) .career-flow__item-heading { background-color: var(--color-gd-career-4); }
.career-flow__item:nth-child(5) .career-flow__item-heading { background-color: var(--color-gd-career-5); }
.career-flow__item:nth-child(6) .career-flow__item-heading { background-color: var(--color-gd-career-6); }
@media (max-width:47.999em) {
.career-flow::before { left: 50%; transform: translateX(-50%); }
.career-flow__item { padding: 0.8rem; }
.career-flow__item-heading { padding: 0.8rem; }
.career-flow__item-desc { margin-top: 0.8rem; }
}
@media (min-width:48em) {
.career-flow::before { left: 11.9rem; }
.career-flow__item { display: grid; grid-template-columns: 22.4rem auto; gap: 1.6rem; padding: 1.2rem; }
.career-flow__item-heading { display: grid; align-items: center; justify-items: start; padding: 0.8rem 1.2rem; }
}
/* interview */
.interview-card { position: relative; background-color: var(--color-white); }
.interview-card > a { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
.interview-card__text { display: flex; flex-direction: column; gap: 0.4rem; }
.interview-card__text-year { font-size: 1.2rem; font-weight: bold; letter-spacing: 0.1em; line-height: 1; }
.interview-card__text-title { font-size: 1.6rem; font-weight: bold; letter-spacing: 0.05em; line-height: 1.13; }
.interview-card__text-catch { margin-top: 0.4rem; font-size: 1.2rem; line-height: 1.5; letter-spacing: 0.1em; text-align: left; }
.interview-card__text-catch br { display: none; }
@media (max-width:47.999em) {
.interview-card { display: grid; grid-template-columns: 40% auto; }
.interview-card__image img { -o-object-fit: cover; object-fit: cover; -o-object-position: 100% 15%; object-position: 100% 15%; width: 100%; height: 15.2rem; }
.interview-card__text { padding: 1.6rem; }
}
@media (min-width:48em) {
.interview-card { border-radius: 0.4rem 0.4rem 0 0; }
.interview-card__image > img { border-radius: 0.4rem 0.4rem 0 0; }
.interview-card__text { align-items: center; padding: 1.8rem 0.8rem; }
.interview-card__text-year, .interview-card__text-title { text-align: center; }
.interview-card__text-catch { padding: 0 1.6rem; }
.interview-card:hover { background-color: var(--color-hover-bg-dark); color: var(--color-white); transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1); }
}
.interview-header { position: relative; }
.interview-header__image { display: block; border-radius: 0.4rem; }
.interview-header__text { background-image: url("../img/bg-interview-header.svg"); background-repeat: no-repeat; }
.interview-header__text-catch { font-weight: bold; color: var(--color-white); }
@media (max-width:47.999em) {
.interview-header__text { position: relative; z-index: 1; margin-top: -12rem; padding-top: 4rem; padding-left: 3.2rem; background-position: 1.2rem 2.2rem; background-size: 6.4rem; }
.interview-header__text-catch { background-color: var(--color-heading); padding: 1rem 1.2rem; font-size: 2.2rem; line-height: 1.2; }
.interview-header__text-year, .interview-header__text-title { background-color: var(--color-heading); color: var(--color-white); }
.interview-header__text-year { padding: 0 1.2rem; font-size: 1.2rem; }
.interview-header__text-title { padding: 0.6rem 1.2rem 1rem; font-size: 1.5rem; line-height: 1.25; }
}
@media (min-width:48em) {
.interview-header__image { margin-left: auto; width: 53.83%; }
.interview-header__text { position: absolute; top: 1.2rem; left: 0; padding-top: 8rem; padding-bottom: 8.2rem; padding-left: 8.8rem; background-position: 4.8rem 4.8rem; background-size: 11.6rem; }
.interview-header__text-catch { font-size: 3.2rem; line-height: 1; }
.interview-header__text-catch > span { padding: 1.2rem 1rem; background-color: var(--color-heading); display: inline-block; }
.interview-header__text-catch > span:not(:first-child) { margin-top: -1rem; }
.interview-header__text-year { margin-top: 3.2rem; font-size: 1.4rem; color: var(--color-heading); }
.interview-header__text-title { margin-top: 1rem; font-size: 1.6rem; color: var(--color-heading); line-height: 1.5; }
}
.interview-section__text { font-size: 1.4rem; letter-spacing: 0.1em; }
.interview-section__text-heading { color: var(--color-heading); line-height: 1.2; }
.interview-section__text-heading::after { content: ''; vertical-align: middle; display: inline-block; margin-left: 1.6rem; width: 4.8rem; height: 1px; background-color: var(--color-heading); }
@media (max-width:47.999em) {
.interview-section__text { margin-top: 3.2rem; }
.interview-section__text-heading { margin-bottom: 1.6rem; margin-top: 3.2rem; font-size: 1.8rem; }
.interview-section + .interview-section { margin-top: 4rem; }
}
@media (min-width:48em) {
.interview-section { display: flex; align-items: flex-start; }
.interview-section__image { z-index: 1; width: 48.15%; margin-right: -24.07%; padding-top: 4.8rem; }
.interview-section__text-heading { margin-bottom: 2.4rem; font-size: 2.2rem; }
.interview-section__text { width: 75.93%; padding: 4.44%; padding-left: 28.52%; background: var(--color-bg-primary-lighter) url("../img/bg-pattern.png") 0 0/4px repeat; }
.interview-section.-reverse .interview-section__image { margin-left: -24.07%; margin-right: 0; }
.interview-section.-reverse .interview-section__text { order: -1; padding-right: 28.52%; padding-left: 4.44%; }
.interview-section.-vision .interview-section__image { width: 28.89%; margin-right: -8.15%; }
.interview-section.-vision .interview-section__text { padding-left: 13.33%; }
.interview-section + .interview-section { margin-top: 6.4rem; }
}
.interview-schedule { position: relative; }
.interview-schedule > dt, .interview-schedule > dd { position: relative; }
.interview-schedule > dt::before, .interview-schedule > dd::before { content: ''; position: absolute; top: 0; width: 1px; height: 100%; background-color: var(--color-sub-green-medium); }
.interview-schedule > dt { font-size: 1.6rem; font-weight: bold; color: var(--color-sub-green-medium); line-height: 1; }
.interview-schedule > dt::after { content: ''; position: absolute; border-radius: 50%; background-color: var(--color-sub-green-medium); }
.interview-schedule > dt.-break { -moz-column-break-before: column; break-before: column; }
.interview-schedule > dd { padding-top: 0.8rem; padding-bottom: 0.8rem; line-height: 1.5; }
@media (max-width:47.999em) {
.interview-schedule > dt, .interview-schedule > dd { padding-left: 2.4rem; }
.interview-schedule > dt::before, .interview-schedule > dd::before { left: 0.4rem; }
.interview-schedule > dt { padding-top: 0.8rem; }
.interview-schedule > dt::after { top: 1.2rem; left: 0; width: 0.9rem; height: 0.9rem; }
}
@media (min-width:48em) {
.interview-schedule { -moz-column-count: 2; column-count: 2; -moz-column-gap: 4.8rem; column-gap: 4.8rem; }
.interview-schedule > dt, .interview-schedule > dd { padding-left: 4.8rem; }
.interview-schedule > dt::before, .interview-schedule > dd::before { left: 2.4rem; }
.interview-schedule > dt { padding-top: 1.6rem; }
.interview-schedule > dt::after { top: 1.6rem; left: 1.8rem; width: 1.3rem; height: 1.3rem; }
}
/* faq */
.content-list > dt { font-weight: bold; color: var(--color-heading); letter-spacing: 0.1em; line-height: 1.4; }
.content-list > dt::before { content: 'Q'; display: inline-block; font-weight: bold; }
.content-list > dt:first-child { padding-top: 0; }
.content-list > dd { border-bottom: 1px solid var(--color-border); color: var(--color-black); }
.content-list > dd::after { content: ''; display: block; clear: both; }
@media (max-width:47.999em) {
.content-list > dt { padding-top: 2.4rem; padding-left: 3.2rem; font-size: 1.6rem; }
.content-list > dt::before { margin-left: -2.4rem; width: 2.4rem; }
.content-list > dd { padding: 1.2rem 0 2.4rem; }
}
@media (min-width:48em) {
.content-list > dt { padding-top: 3.2rem; padding-left: 4.8rem; font-size: 1.8rem; }
.content-list > dt::before { margin-left: -4rem; width: 4rem; }
.content-list > dd { padding: 1.6rem 0 3.2rem; }
}
/* job */
.job-title { font-weight: bold; color: var(--color-heading); letter-spacing: 0.1em; line-height: 1.2; }
.job-title > span { padding-bottom: 0.4rem; display: block; font-size: 1.4rem; letter-spacing: 0; }
.job-table { font-size: 1.6rem; line-height: 1.75; }
.job-table > dt { padding-top: 1.2rem; font-weight: bold; }
.job-table > dd { padding-bottom: 1.2rem; }
.job-table > dd + dd { padding-top: 0; }
.job-table > dd small { font-size: 0.85em; }
.job-list { margin-left: 1em; }
.job-list > li { padding-left: 1.5em; }
.job-list > li:before { text-indent: -1.5em; display: inline-block; content: '\2022'; }
.job-link > li { position: relative; padding-left: 18px; margin-bottom: 0.8rem; line-height: 1.86; }
.job-link > li::before { position: absolute; top: 1rem; left: 0; width: 8px; height: 8px; display: inline-block; content: ''; border-style: solid; border-width: 1px 1px 0 0; border-color: var(--color-link); transform: scale(0.9, 1) rotate(45deg); transition: left 0.4s cubic-bezier(0.51, 0.18, 0, 0.88); }
.job-link > li a, .job-link > li a:link, .job-link > li a:visited { color: var(--color-black); }
.job-link > li a:hover, .job-link > li a:active { color: var(--color-hover); text-underline-color: var(--color-hover); }
@media (max-width:47.999em) {
.job-title { margin-bottom: 1.6rem; font-size: 1.8rem; }
.job-title > span { font-size: 1rem; }
.job-table { font-size: 1.4rem; }
.job-list > li { margin-bottom: 0.8rem; }
.job-btn { margin: 4rem auto !important; width: 100%; line-height: 4.8rem; font-size: 1.8rem; }
}
@media (min-width:48em) {
.job-title { margin-bottom: 2.4rem; font-size: 2rem; }
.job-table > dt { float: left; width: 18%; }
.job-table > dd { margin-left: 18%; padding-top: 1.2rem; }
.job-table > dd::after { content: ''; display: block; clear: both; }
.job-list > li { margin-bottom: 1.6rem; }
.job-btn { margin: 9.6rem auto !important; width: 28rem; line-height: 6.4rem; font-size: 2rem; }
}
/* entry */
.entry-link { position: relative; color: var(--color-white); text-align: center; }
.entry-link > a { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 3; }
.entry-link__heading { position: absolute; top: 50%; left: 50%; z-index: 2; transform: translate(-50%, -50%); font-weight: bold; letter-spacing: 0.13em; line-height: 1; white-space: nowrap; }
.entry-link__heading::before { content: ''; position: absolute; top: 25%; left: 0; display: inline-block; border-style: solid; border-width: 1px 1px 0 0; transform: scale(0.9, 1) rotate(45deg); transition: left 0.4s cubic-bezier(0.1, 0.85, 0.4, 1); }
.entry-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; content: ''; transition: opacity 0.8s cubic-bezier(0.1, 0.85, 0.4, 1); }
.entry-link.-new::after { opacity: 0.55; background-color: var(--color-logo-light); }
.entry-link.-career::after { opacity: 0.55; background-color: var(--color-logo-dark); }
@media (max-width:47.999em) {
.entry-link__heading { padding-left: 20px; font-size: 2rem; }
.entry-link__heading::before { width: 10px; height: 10px; }
}
@media (min-width:48em) {
.entry-link__heading { padding-left: 28px; font-size: 2.4rem; }
.entry-link__heading::before { left: 4px; width: 12px; height: 12px; }
.entry-link.-new:hover::after { opacity: 0.8; }
.entry-link.-career:hover::after { opacity: 0.8; }
}
.form-block .req { margin-right: 2px; font-size: 0.9em; color: var(--color-accent-red); }
.form-block .submit { position: relative; margin: 9.6rem auto 0; width: 28rem; color: var(--color-white); }
.form-block .submit::before { position: absolute; z-index: 1; top: calc(50% - 4px); left: 28.57%; width: 9px; height: 9px; display: inline-block; content: ''; border-style: solid; border-width: 2px 2px 0 0; transform: scale(0.9, 1) rotate(45deg); transition: left 0.4s cubic-bezier(0.1, 0.85, 0.4, 1); }
.form-block .submit:not(.disabled):hover::before { left: 30%; }
.form-block .submit input[type="submit"] { width: 28rem; height: 6.4rem; padding: 0; border: 0; outline: none; border-radius: 100px; background-color: var(--color-link-yellow); font-weight: bold; font-size: 2rem; color: var(--color-white); letter-spacing: 0.06em; line-height: 6.4rem; transition: background-color 0.8s cubic-bezier(0.1, 0.85, 0.4, 1); }
.form-block .submit input[type="submit"]:hover { background-color: var(--color-hover-yellow); }
.form-block .submit input[type="submit"]:disabled { background-color: var(--color-bg-gray); }
.form-list { line-height: 1; }
.form-list > .label { padding: 1.3rem 0; font-weight: bold; }
.form-list > .field { margin-bottom: 2.4rem; }
.mw_wp_form_confirm .form-list > .field { padding-top: 1.2rem; }
.form-list > .field .mwform-radio-field, .form-list > .field .mwform-checkbox-field { padding: 1.3rem 0; display: inline-block; }
.form-list > .field .mwform-radio-field:nth-child(n+2) { margin-left: 1.6rem; }
.form-list input { max-width: 100%; }
.form-list textarea { width: 100%; min-height: 16rem; line-height: 1.5; }
.form-list input, .form-list textarea { outline: none; padding: 1.2rem 1.6rem; border: 1px solid var(--color-white); background: var(--color-bg-lightgray); }
.form-list input:focus, .form-list textarea:focus { box-shadow: inset 0 0 2px 0 var(--color-bg-lightgray); }
.form-list input[type="text"], .form-list input[type="email"] { width: 100%; }
.form-list input[type="radio"], .form-list input[type="checkbox"] { margin-right: 0.8rem; vertical-align: middle; }
.form-list .error { color: var(--color-accent-red) !important; }
.form-list::-webkit-input-placeholder { color: var(--color-bg-gray); }
.form-list::-moz-placeholder { color: var(--color-bg-gray); }
.form-list:-ms-input-placeholder { color: var(--color-bg-gray); }
@media (min-width:48em) {
.form-list > .label { float: left; width: 18rem; }
.form-list > .field { margin-left: 18rem; }
.form-list > .field::after { content: ''; display: block; clear: both; }
}
/* Trump
--------------------------------------------------- */
/* typo */
._center { text-align: center !important; }
._left { text-align: left !important; }
._right { text-align: right !important; }
._small { font-size: 0.8em !important; }
._large { font-size: 1.2em !important; }
._nowrap { white-space: nowrap; }
@media (max-width:47.999em) {
._center-sp { text-align: center !important; }
._left-sp { text-align: left !important; }
._right-sp { text-align: right !important; }
._small-sp { font-size: 0.8em !important; }
._large-sp { font-size: 1.2em !important; }
._nowrap-sp { white-space: nowrap; }
}
@media (min-width:48em) {
._center-pc { text-align: center !important; }
._left-pc { text-align: left !important; }
._right-pc { text-align: right !important; }
._small-pc { font-size: 0.8em !important; }
._large-pc { font-size: 1.2em !important; }
._nowrap-pc { white-space: nowrap; }
}
/* layout */
._pull-rt { float: right !important; }
._pull-lt { float: left !important; }
._p0 { padding: 0 !important; }
._pt0, ._py0 { padding-top: 0 !important; }
._pb0, ._py0 { padding-bottom: 0 !important; }
._mr-auto { margin-right: auto !important; }
._ml-auto { margin-left: auto !important; }
._mx-auto { margin-left: auto !important; margin-right: auto !important; }
._m0 { margin: 0 !important; }
._mt0, ._my0 { margin-top: 0 !important; }
._mb0, ._my0 { margin-bottom: 0 !important; }
._mt2, ._my2 { margin-top: 0.2rem !important; }
._mb2, ._my2 { margin-bottom: 0.2rem !important; }
._mt4, ._my4 { margin-top: 0.4rem !important; }
._mb4, ._my4 { margin-bottom: 0.4rem !important; }
._mt8, ._my8 { margin-top: 0.8rem !important; }
._mb8, ._my8 { margin-bottom: 0.8rem !important; }
._mt12, ._my12 { margin-top: 1.2rem !important; }
._mb12, ._my12 { margin-bottom: 1.2rem !important; }
._mt16, ._my16 { margin-top: 1.6rem !important; }
._mb16, ._my16 { margin-bottom: 1.6rem !important; }
._mt20, ._my20 { margin-top: 2rem !important; }
._mb20, ._my20 { margin-bottom: 2rem !important; }
._mt24, ._my24 { margin-top: 2.4rem !important; }
._mb24, ._my24 { margin-bottom: 2.4rem !important; }
._mt28, ._my28 { margin-top: 2.8rem !important; }
._mb28, ._my28 { margin-bottom: 2.8rem !important; }
._mt32, ._my32 { margin-top: 3.2rem !important; }
._mb32, ._my32 { margin-bottom: 3.2rem !important; }
._mt40, ._my40 { margin-top: 4rem !important; }
._mb40, ._my40 { margin-bottom: 4rem !important; }
._mt48, ._my48 { margin-top: 4.8rem !important; }
._mb48, ._my48 { margin-bottom: 4.8rem !important; }
._mt56, ._my56 { margin-top: 5.6rem !important; }
._mb56, ._my56 { margin-bottom: 5.6rem !important; }
._mt64, ._my64 { margin-top: 6.4rem !important; }
._mb64, ._my64 { margin-bottom: 6.4rem !important; }
._mt72, ._my72 { margin-top: 7.2rem !important; }
._mb72, ._my72 { margin-bottom: 7.2rem !important; }
._mt80, ._my80 { margin-top: 8rem !important; }
._mb80, ._my80 { margin-bottom: 8rem !important; }
._mt96, ._my96 { margin-top: 9.6rem !important; }
._mb96, ._my96 { margin-bottom: 9.6rem !important; }
._mt120, ._my120 { margin-top: 12rem !important; }
._mb120, ._my120 { margin-bottom: 12rem !important; }
._mt160, ._my160 { margin-top: 16rem !important; }
._mb160, ._my160 { margin-bottom: 16rem !important; }
._mt200, ._my200 { margin-top: 20rem !important; }
._mb200, ._my200 { margin-bottom: 20rem !important; }
@media (max-width:47.999em) {
._p0-sp { padding: 0 !important; }
._pt0-sp, ._py0-sp { padding-top: 0 !important; }
._pb0-sp, ._py0-sp { padding-bottom: 0 !important; }
._mr-auto-sp { margin-right: auto !important; }
._ml-auto-sp { margin-left: auto !important; }
._mx-auto-sp { margin-left: auto !important; margin-right: auto !important; }
._mt2-sp, ._my2-sp { margin-top: 0.2rem !important; }
._mb2-sp, ._my2-sp { margin-bottom: 0.2rem !important; }
._mt4-sp, ._my4-sp { margin-top: 0.4rem !important; }
._mb4-sp, ._my4-sp { margin-bottom: 0.4rem !important; }
._mt8-sp, ._my8-sp { margin-top: 0.8rem !important; }
._mb8-sp, ._my8-sp { margin-bottom: 0.8rem !important; }
._mt12-sp, ._my12-sp { margin-top: 1.2rem !important; }
._mb12-sp, ._my12-sp { margin-bottom: 1.2rem !important; }
._mt16-sp, ._my16-sp { margin-top: 1.6rem !important; }
._mb16-sp, ._my16-sp { margin-bottom: 1.6rem !important; }
._mt20-sp, ._my20-sp { margin-top: 2rem !important; }
._mb20-sp, ._my20-sp { margin-bottom: 2rem !important; }
._mt24-sp, ._my24-sp { margin-top: 2.4rem !important; }
._mb24-sp, ._my24-sp { margin-bottom: 2.4rem !important; }
._mt28-sp, ._my28-sp { margin-top: 2.8rem !important; }
._mb28-sp, ._my28-sp { margin-bottom: 2.8rem !important; }
._mt32-sp, ._my32-sp { margin-top: 3.2rem !important; }
._mb32-sp, ._my32-sp { margin-bottom: 3.2rem !important; }
._mt40-sp, ._my40-sp { margin-top: 4rem !important; }
._mb40-sp, ._my40-sp { margin-bottom: 4rem !important; }
._mt48-sp, ._my48-sp { margin-top: 4.8rem !important; }
._mb48-sp, ._my48-sp { margin-bottom: 4.8rem !important; }
._mt56-sp, ._my56-sp { margin-top: 5.6rem !important; }
._mb56-sp, ._my56-sp { margin-bottom: 5.6rem !important; }
._mt64-sp, ._my64-sp { margin-top: 6.4rem !important; }
._mb64-sp, ._my64-sp { margin-bottom: 6.4rem !important; }
._mt72-sp, ._my72-sp { margin-top: 7.2rem !important; }
._mb72-sp, ._my72-sp { margin-bottom: 7.2rem !important; }
._mt80-sp, ._my80-sp { margin-top: 8rem !important; }
._mb80-sp, ._my80-sp { margin-bottom: 8rem !important; }
._mt96-sp, ._my96-sp { margin-top: 9.6rem !important; }
._mb96-sp, ._my96-sp { margin-bottom: 9.6rem !important; }
._mt120-sp, ._my120-sp { margin-top: 12rem !important; }
._mb120-sp, ._my120-sp { margin-bottom: 12rem !important; }
._mt160-sp, ._my160-sp { margin-top: 16rem !important; }
._mb160-sp, ._my160-sp { margin-bottom: 16rem !important; }
._mt200-sp, ._my200-sp { margin-top: 20rem !important; }
._mb200-sp, ._my200-sp { margin-bottom: 20rem !important; }
}
@media (min-width:48em) {
._p0-pc { padding: 0 !important; }
._pt0-pc, ._py0-pc { padding-top: 0 !important; }
._pb0-pc, ._py0-pc { padding-bottom: 0 !important; }
._mr-auto-pc { margin-right: auto !important; }
._ml-auto-pc { margin-left: auto !important; }
._mx-auto-pc { margin-left: auto !important; margin-right: auto !important; }
._mt2-pc, ._my2-pc { margin-top: 0.2rem !important; }
._mb2-pc, ._my2-pc { margin-bottom: 0.2rem !important; }
._mt4-pc, ._my4-pc { margin-top: 0.4rem !important; }
._mb4-pc, ._my4-pc { margin-bottom: 0.4rem !important; }
._mt8-pc, ._my8-pc { margin-top: 0.8rem !important; }
._mb8-pc, ._my8-pc { margin-bottom: 0.8rem !important; }
._mt12-pc, ._my12-pc { margin-top: 1.2rem !important; }
._mb12-pc, ._my12-pc { margin-bottom: 1.2rem !important; }
._mt16-pc, ._my16-pc { margin-top: 1.6rem !important; }
._mb16-pc, ._my16-pc { margin-bottom: 1.6rem !important; }
._mt20-pc, ._my20-pc { margin-top: 2rem !important; }
._mb20-pc, ._my20-pc { margin-bottom: 2rem !important; }
._mt24-pc, ._my24-pc { margin-top: 2.4rem !important; }
._mb24-pc, ._my24-pc { margin-bottom: 2.4rem !important; }
._mt28-pc, ._my28-pc { margin-top: 2.8rem !important; }
._mb28-pc, ._my28-pc { margin-bottom: 2.8rem !important; }
._mt32-pc, ._my32-pc { margin-top: 3.2rem !important; }
._mb32-pc, ._my32-pc { margin-bottom: 3.2rem !important; }
._mt40-pc, ._my40-pc { margin-top: 4rem !important; }
._mb40-pc, ._my40-pc { margin-bottom: 4rem !important; }
._mt48-pc, ._my48-pc { margin-top: 4.8rem !important; }
._mb48-pc, ._my48-pc { margin-bottom: 4.8rem !important; }
._mt56-pc, ._my56-pc { margin-top: 5.6rem !important; }
._mb56-pc, ._my56-pc { margin-bottom: 5.6rem !important; }
._mt64-pc, ._my64-pc { margin-top: 6.4rem !important; }
._mb64-pc, ._my64-pc { margin-bottom: 6.4rem !important; }
._mt72-pc, ._my72-pc { margin-top: 7.2rem !important; }
._mb72-pc, ._my72-pc { margin-bottom: 7.2rem !important; }
._mt80-pc, ._my80-pc { margin-top: 8rem !important; }
._mb80-pc, ._my80-pc { margin-bottom: 8rem !important; }
._mt96-pc, ._my96-pc { margin-top: 9.6rem !important; }
._mb96-pc, ._my96-pc { margin-bottom: 9.6rem !important; }
._mt120-pc, ._my120-pc { margin-top: 12rem !important; }
._mb120-pc, ._my120-pc { margin-bottom: 12rem !important; }
._mt160-pc, ._my160-pc { margin-top: 16rem !important; }
._mb160-pc, ._my160-pc { margin-bottom: 16rem !important; }
._mt200-pc, ._my200-pc { margin-top: 20rem !important; }
._mb200-pc, ._my200-pc { margin-bottom: 20rem !important; }
}
/* responsive */
@media (max-width:47.999em) {
._hide-sp { display: none; }
}
@media (min-width:48em) {
._hide-pc { display: none; }
}
/* JS, Plugin
--------------------------------------------------- */
/* body fade-in */
.js-body { opacity: 0; }
.js-hero { opacity: 0; }
.js-hero > .slogan { opacity: 0; bottom: 0%; }
.js-body.-fadein { opacity: 1; transition: opacity 0.5s ease-in-out; }
.js-hero.-fadein { opacity: 1; transition: opacity 0.5s ease-in-out 0.5s; }
.js-hero.-fadein > .slogan { bottom: 0%; opacity: 1; transition: opacity 0.5s ease-in-out 1s, top 1.5s ease-in-out; background: var(--color-white); }
.customize-support .header { top: 32px !important; }
img { -webkit-touch-callout: none; }