html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent } body { line-height: 1 } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block } nav ul { list-style: none } blockquote, q { quotes: none } blockquote:before, blockquote:after, q:before, q:after { content: none } a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent } ins { background-color: #ff9; color: #000; text-decoration: none } mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold } del { text-decoration: line-through } abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help } table { border-collapse: collapse; border-spacing: 0 } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0 } input, select { vertical-align: middle } img { vertical-align: bottom } ol, ul { list-style: none } h1, h2, h3, h4, h5, h6 { font-weight: normal } em { font-style: normal } a:focus { -moz-outline-style: none; outline: none } input[type="button"], input[type="submit"] { -webkit-appearance: none; border-radius: 0 } html { background: #fff; color: #333; font-size: 1em; -webkit-text-size-adjust: 1em; -ms-text-size-adjust: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-font-kerning: normal; font-kerning: normal } @font-face { font-family: "Yu Gothic"; src: local("Yu Gothic Medium"); font-weight: 100 } @font-face { font-family: "Yu Gothic"; src: local("Yu Gothic Medium"); font-weight: 200 } @font-face { font-family: "Yu Gothic"; src: local("Yu Gothic Medium"); font-weight: 300 } @font-face { font-family: "Yu Gothic"; src: local("Yu Gothic Medium"); font-weight: 400 } @font-face { font-family: "YuGothic M"; src: local("Yu Gothic Medium"), local("Yu Gothic"); font-weight: 500 } @font-face { font-family: "Yu Gothic"; src: local("Yu Gothic Bold"); font-weight: bold } body { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; background: #fff000 } @media print, screen and (min-width: 641px) { body { width: 100%; min-width: 1000px; min-height: 100vh; font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, sans-serif; font-weight: 500 } } @media screen and (max-width: 640px) { body { width: 640px; min-height: 100vh; -webkit-text-size-adjust: 100%; font-family: Hiragino Sans, 'ヒラギノ角ゴ ProN W3', Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, "Yu Gothic", YuGothic, sans-serif } body.is-fixed { position: fixed; width: 100%; height: 100%; overflow: hidden } } .ua-desktop-windows.ua-ie body { font-family: Meiryo } .is-inv { opacity: 0; -webkit-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: 2.6s; transition-duration: 2.6s; -webkit-transition-delay: 0; transition-delay: 0; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1) } .is-inv.is-visible { opacity: 1 } @media screen and (max-width: 640px) { .is-pc { display: none } } @media print, screen and (min-width: 641px) { .is-sp { display: none } } .l-header { -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; -webkit-font-kerning: auto; font-kerning: auto; width: 100%; background: rgba(255, 255, 255, 0.95) } @media print, screen and (min-width: 641px) { .l-header { position: fixed; top: 0; left: 0; z-index: 555; width: 100%; min-width: 1000px; height: 120px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 8px solid #fff000; border-bottom: none } .l-header .l-header__inner { position: relative; width: 960px; height: 112px; margin: 0 auto 0 auto } .l-header .l-header__logo { position: absolute; top: 26px; left: 0; width: 128px; height: 74px; display: block } .l-header .l-header__logo img { width: 128px; height: 74px; display: block; vertical-align: top } .l-header .l-header__nav { position: absolute; right: 0; bottom: 0; letter-spacing: -0.4em } .l-header .l-header__nav .l-header__nav-item { display: inline-block; margin-left: 61px; letter-spacing: normal } .is-desktop .l-header .l-header__nav .l-header__nav-item:hover .l-header__pulldown { -webkit-transition-property: height; transition-property: height; -webkit-transition-duration: .6s; transition-duration: .6s; -webkit-transition-delay: 0; transition-delay: 0; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); height: 240px } .is-desktop .l-header .l-header__nav .l-header__nav-item:hover .l-header__nav-anchor:after { width: 100%; background-color: #0c3287 } .is-tablet .l-header .l-header__nav .l-header__nav-item.is-hover .l-header__pulldown { -webkit-transition-property: height; transition-property: height; -webkit-transition-duration: .6s; transition-duration: .6s; -webkit-transition-delay: 0; transition-delay: 0; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); height: 240px } .is-tablet .l-header .l-header__nav .l-header__nav-item.is-hover .l-header__nav-anchor:after { width: 100%; background-color: #0c3287 } .l-header .l-header__nav .l-header__nav-anchor { display: block; font-size: 1rem; color: #0c3287; text-decoration: none; font-weight: bold; line-height: 1.63; letter-spacing: 0.021rem; white-space: nowrap } .l-header .l-header__nav .l-header__nav-anchor>span { display: inline-block; width: 13px; height: 11px; margin: -7px 0 0 5px; vertical-align: top } .l-header .l-header__nav .l-header__nav-anchor:after { content: ''; display: block; width: 0%; height: 3px; margin: 7px auto 0 auto; background-color: rgba(12, 50, 135, 0); text-align: center; -webkit-transition: 0.4s all; transition: 0.4s all } .l-header .l-header__nav .l-header__nav-anchor:hover:after { width: 100%; background-color: #0c3287 } .page-about .l-header .l-header__nav .l-header__nav-anchor.is-page-about:after { width: 100%; background-color: #0c3287 } .page-service .l-header .l-header__nav .l-header__nav-anchor.is-page-service:after { width: 100%; background-color: #0c3287 } .page-company .l-header .l-header__nav .l-header__nav-anchor.is-page-company:after { width: 100%; background-color: #0c3287 } .page-news .l-header .l-header__nav .l-header__nav-anchor.is-page-news:after { width: 100%; background-color: #0c3287 } .l-header .l-header__pulldown { display: block; overflow: hidden; position: fixed; top: 120px; left: 0; z-index: 555; width: 100%; min-width: 1000px; height: 0; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 0 0 0; background-color: #f0f2f8; border: 8px solid #fff000; border-bottom: none; border-top: none; -webkit-transition-property: height; transition-property: height; -webkit-transition-duration: .4s; transition-duration: .4s; -webkit-transition-delay: 0; transition-delay: 0; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1) } .l-header .l-header__pulldown-inner { width: 960px; height: 240px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 0 0; margin: 0 auto 0 auto; zoom: 1 } .l-header .l-header__pulldown-inner:after { content: ""; display: block; clear: both } .l-header .l-header__pulldown-item { float: left; margin-left: 20px } .l-header .l-header__pulldown-item:first-child { margin-left: 0 } .l-header .l-header__pulldown-anchor { display: block; width: 225px; -webkit-transition: 0.4s all; transition: 0.4s all; color: #0c3287; text-align: center; text-decoration: none; font-size: 1rem; font-weight: 700 } .l-header .l-header__pulldown-anchor:hover { opacity: 0.6 } .l-header .l-header__pulldown-anchor img { margin-bottom: 10px; display: block } .ua-ie .l-header .l-header__pulldown-anchor span { margin-left: -0.6em; white-space: nowrap } .l-header .l-header__nav-sub { position: absolute; right: 199px; top: 38px; letter-spacing: -0.4em } .l-header .l-header__nav-sub .l-header__nav-item { display: inline-block; margin-left: 21px; letter-spacing: normal } .l-header .l-header__nav-sub .l-header__nav-anchor { display: block; font-size: .75rem; color: #333; text-decoration: none; white-space: nowrap; letter-spacing: 0.016rem } .l-header .l-header__nav-sub .l-header__nav-anchor:hover { text-decoration: none } .l-header .l-header__nav-sub .l-header__nav-anchor:after { content: ''; display: block; width: 0%; height: 1px; margin: 2px auto 0 auto; background-color: rgba(51, 51, 51, 0); text-align: center; -webkit-transition: 0.4s all; transition: 0.4s all } .l-header .l-header__nav-sub .l-header__nav-anchor:hover:after { width: 100%; background-color: #333 } .page-fare .l-header .l-header__nav-sub .l-header__nav-anchor.is-page-fare:after { width: 100%; background-color: #333 } .page-lost .l-header .l-header__nav-sub .l-header__nav-anchor.is-page-lost:after { width: 100%; background-color: #333 } .page-faq .l-header .l-header__nav-sub .l-header__nav-anchor.is-page-faq:after { width: 100%; background-color: #333 } .page-questionnaire .l-header .l-header__nav-sub .l-header__nav-anchor.is-page-questionnaire:after { width: 100%; background-color: #333 } .page-contact .l-header .l-header__nav-sub .l-header__nav-anchor.is-page-contact:after { width: 100%; background-color: #333 } .l-header .l-header__nav-lang { position: absolute; right: 200px; top: 10px; width: 156px; height: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; zoom: 1 } .l-header .l-header__nav-lang:after { content: ""; display: block; clear: both } .l-header .l-header__nav-lang .l-header__nav-item { float: left } .l-header .l-header__nav-lang .l-header__nav-anchor { display: block; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 78px; height: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #fff; color: #aaaaaa; border: 1px solid #aaa; font-size: .75rem; font-family: 'Open Sans', sans-serif; letter-spacing: 0.6px; text-align: center; text-decoration: none; -webkit-transition: 0.4s all; transition: 0.4s all } .l-header .l-header__nav-lang .l-header__nav-anchor:hover, .l-header .l-header__nav-lang .l-header__nav-anchor.is-active { background-color: #aaa; color: #fff } .l-header .l-header__taxi { position: absolute; right: 0; top: 10px; display: flex; background: url(/assets/images/common/btn-calltaxi_pc.png) no-repeat; background-size: cover; width: 180px; height: 44px; justify-content: center; text-decoration: none; } .l-header__btn-taxi-call { width: 1rem; } .l-header .l-header__btn-taxi { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 13px 0 0 14px; font-size: 1rem; letter-spacing: 0.8px; text-decoration: none; color: #fff; font-weight: bold; -webkit-transition: 0.4s opacity; transition: 0.4s opacity; white-space: nowrap } .l-header .l-header__btn-taxi span { display: block; font-size: .625rem; font-family: 'Open Sans', sans-serif; font-weight: 600; letter-spacing: 0.5px; margin: 2px 0 0 1px } .l-header .l-header__btn-taxi:hover { opacity: 0.7 } .page-jobs.page-jobs-company .l-header .l-header__nav .l-header__nav-anchor.is-page-jobs-company:after { width: 84px !important; background-color: #d6d6d6 !important } .page-jobs.page-jobs-work .l-header .l-header__nav .l-header__nav-anchor.is-page-jobs-work:after { width: 84px; background-color: #d6d6d6 } .page-jobs.page-jobs-recruitment .l-header .l-header__nav .l-header__nav-anchor.is-page-jobs-recruitment:after { width: 84px; background-color: #d6d6d6 } .page-jobs .l-header { height: 100px } .page-jobs .l-header .l-header__inner { position: relative; width: 960px; height: 92px; margin: 0 auto 0 auto } .page-jobs .l-header .l-header__logo { position: absolute; top: 19px; left: 0; right: auto; bottom: auto; margin: 0; width: auto } .page-jobs .l-header .l-header__logo img { width: 129px; height: auto; display: inline-block; vertical-align: middle; margin-right: 20px } .page-jobs .l-header .l-header__logo a { text-decoration: none; color: #0c3287 } .page-jobs .l-header .l-header__logo a span { display: inline-block; vertical-align: middle; line-height: 26px; font-size: 1.063rem; font-weight: 700; letter-spacing: 0.14em } .page-jobs .l-header .l-header__jobs-entry { position: absolute; top: 20px; right: 0 } .page-jobs .l-header .l-header__jobs-entry .c-btn-entry { width: 150px; height: 52px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 0 3px 15px; font-size: 1.375rem; line-height: 1; font-family: 'Open Sans', sans-serif; font-weight: 400; letter-spacing: 0.06em } .page-jobs .l-header .l-header__jobs-entry .c-btn-entry:before { position: absolute; top: 20px; left: 15px; width: 9px; height: 12px; background: url(/assets/images/jobs/icon-cursor-right.svg) no-repeat; background-size: cover } .page-jobs .l-header .l-header__nav { position: absolute; right: 165px; bottom: 0; letter-spacing: -0.4em } .page-jobs .l-header .l-header__nav .l-header__nav-item { display: inline-block; margin-left: 0; letter-spacing: normal } .is-desktop .page-jobs .l-header .l-header__nav .l-header__nav-item:hover .l-header__pulldown { -webkit-transition-property: height; transition-property: height; -webkit-transition-duration: .6s; transition-duration: .6s; -webkit-transition-delay: 0; transition-delay: 0; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); height: 190px } .is-desktop .page-jobs .l-header .l-header__nav .l-header__nav-item:hover .l-header__pulldown.is-2lines { height: 340px } .is-desktop .page-jobs .l-header .l-header__nav .l-header__nav-item:hover .l-header__nav-anchor:after { width: 84px; background-color: #d6d6d6 !important } .is-tablet .page-jobs .l-header .l-header__nav .l-header__nav-item.is-hover .l-header__pulldown { -webkit-transition-property: height; transition-property: height; -webkit-transition-duration: .6s; transition-duration: .6s; -webkit-transition-delay: 0; transition-delay: 0; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); height: 190px } .is-tablet .page-jobs .l-header .l-header__nav .l-header__nav-item.is-hover .l-header__pulldown.is-2lines { height: 340px } .is-tablet .page-jobs .l-header .l-header__nav .l-header__nav-item.is-hover .l-header__nav-anchor:after { width: 84px; background-color: #d6d6d6 !important } .page-jobs .l-header .l-header__nav .l-header__nav-anchor { position: relative; display: block; width: 114px; height: 75px; -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 23px; font-size: 1rem; text-decoration: none; font-weight: 700; color: #333; line-height: 1.53; letter-spacing: 0.021rem; white-space: nowrap; text-align: center } .page-jobs .l-header .l-header__nav .l-header__nav-anchor>span { display: block; width: auto; height: auto; margin: 0; font-size: .625rem; font-family: 'Open Sans', sans-serif; font-style: italic; color: #0c3287; font-weight: 400; vertical-align: top } .page-jobs .l-header .l-header__nav .l-header__nav-anchor:after { content: ''; display: block; width: 0px; height: 4px; position: absolute; left: 0; right: 0; bottom: 0; margin: auto; background-color: rgba(214, 214, 214, 0); text-align: center; -webkit-transition: 0.4s all; transition: 0.4s all } .page-jobs .l-header .l-header__nav .l-header__nav-anchor:hover:after { width: 84px; background-color: #d6d6d6 } .page-jobs .l-header .l-header__nav .l-header__nav-anchor.is-page-jobs-company:before { content: ''; display: block; position: absolute; width: 12px; height: 15px; position: absolute; top: 0; left: 0; right: 0; margin: auto; background: url(/assets/images/jobs/icon-header_01.svg) no-repeat; background-size: 12px 15px } .page-jobs .l-header .l-header__nav .l-header__nav-anchor.is-page-jobs-work:before { content: ''; display: block; position: absolute; width: 15px; height: 13px; position: absolute; top: 0; left: 0; right: 0; margin: auto; background: url(/assets/images/jobs/icon-header_02.svg) no-repeat; background-size: 15px 13px } .page-jobs .l-header .l-header__nav .l-header__nav-anchor.is-page-jobs-recruitment:before { content: ''; display: block; position: absolute; width: 12px; height: 15px; position: absolute; top: 0; left: 0; right: 0; margin: auto; background: url(/assets/images/jobs/icon-header_03.svg) no-repeat; background-size: 12px 15px } .page-jobs .l-header .l-header__pulldown { display: block; overflow: hidden; position: fixed; top: 100px; left: 0; z-index: 555; width: 100%; min-width: 1000px; height: 0; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 0 0 0; background-color: #f0f2f8; border: 8px solid #fff000; border-bottom: none; border-top: none; -webkit-transition-property: height; transition-property: height; -webkit-transition-duration: .4s; transition-duration: .4s; -webkit-transition-delay: 0; transition-delay: 0; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1) } .page-jobs .l-header .l-header__pulldown-inner { width: 960px; height: 190px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 30px 0 0 0; margin: 0 auto 0 auto; zoom: 1 } .page-jobs .l-header .l-header__pulldown-inner:after { content: ""; display: block; clear: both } .page-jobs .l-header .l-header__pulldown-item { float: left; margin-left: 20px } .page-jobs .l-header .l-header__pulldown-item:first-child { margin-left: 0 } .page-jobs .l-header .l-header__pulldown-item:nth-child(5) { margin-left: 0; margin-top: 20px } .page-jobs .l-header .l-header__pulldown-item:nth-child(6), .page-jobs .l-header .l-header__pulldown-item:nth-child(7), .page-jobs .l-header .l-header__pulldown-item:nth-child(8) { margin-top: 20px } .page-jobs .l-header .l-header__pulldown-anchor { position: relative; display: block; width: 225px; height: 130px; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; background-color: #b6c2db; border: 3px solid #0c3287; -webkit-transition: 0.4s all; transition: 0.4s all; color: #fff; text-align: center; text-decoration: none; font-size: 1.375rem; font-weight: 700 } .page-jobs .l-header .l-header__pulldown-anchor:hover { opacity: 1 } .page-jobs .l-header .l-header__pulldown-anchor:hover>span { background: rgba(12, 50, 135, 0); text-shadow: 0 0 8px rgba(0, 0, 0, 0.75) } .page-jobs .l-header .l-header__pulldown-anchor img { width: 100%; height: auto; display: block; vertical-align: top } .page-jobs .l-header .l-header__pulldown-anchor>span { -webkit-transition: 0.4s all; transition: 0.4s all; display: block; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: absolute; top: 0; left: 0; z-index: 1; width: 219px; height: 124px; -webkit-box-sizing: border-box; box-sizing: border-box; letter-spacing: 0.12em; background: rgba(12, 50, 135, 0.3); text-shadow: 0 0 8px rgba(0, 0, 0, 0.6) } .page-jobs .l-header .l-header__pulldown-anchor>span.is-message { display: block; padding: 18px 0 0 17px; text-align: left } .page-jobs .l-header .l-header__pulldown-anchor>span.is-message>span { display: block; margin-bottom: 15px; font-size: 1rem; line-height: 24px; letter-spacing: 0.14em } .page-jobs .l-header .l-header__pulldown-anchor>span.is-foreign { line-height: 1.454 } } @media screen and (max-width: 640px) { .l-header { position: fixed; top: 0; left: 0; z-index: 555; width: 100%; min-width: 640px; height: 100px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 6px solid #fff000; border-bottom: none } .l-header .l-header__nav, .l-header .l-header__nav-sub, .l-header .l-header__nav-lang { display: none } .l-header .l-header__inner { position: relative; width: 100%; height: 94px; margin: 0 auto 0 auto } .l-header .l-header__logo { position: absolute; top: 8px; left: 0; right: 0; margin: auto; width: 128px } .l-header .l-header__hamburger { display: block; z-index: 99; position: absolute; top: 23px; left: 35px; width: 46px; height: 55px; -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 44px; color: #0c3287; font-family: 'Open Sans', sans-serif; font-size: .75rem; font-weight: 600; letter-spacing: 0.6px; text-align: center } .l-header .l-header__hamburger .l-header-hamburger__line { position: absolute; top: 0; left: 0; display: block; width: 46px; height: 3px; background: #0c3287; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out } .l-header .l-header__hamburger .l-header-hamburger--line_01 { top: 0px } .l-header .l-header__hamburger .l-header-hamburger--line_02 { top: 16px } .l-header .l-header__hamburger .l-header-hamburger--line_03 { top: 32px } .page-jobs .l-header { height: 86px } .page-jobs .l-header .l-header__logo { position: absolute; top: 14px; left: 20px; right: auto; bottom: auto; margin: 0; width: auto } .page-jobs .l-header .l-header__logo img { width: 118px; height: auto; display: inline-block; vertical-align: middle; margin-right: 10px } .page-jobs .l-header .l-header__logo a { text-decoration: none; color: #0c3287 } .page-jobs .l-header .l-header__logo a span { display: inline-block; vertical-align: middle; line-height: 26px; font-size: 1rem; font-weight: 600 } .page-jobs .l-header .l-header__jobs-entry { position: absolute; top: 0; right: 86px } .page-jobs .l-header .l-header__jobs-entry .c-btn-entry { width: 190px; height: 80px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 0 5px 15px; font-size: 1.75rem; line-height: 1; font-family: 'Open Sans', sans-serif; font-weight: 400; letter-spacing: 0.06em } .page-jobs .l-header .l-header__jobs-entry .c-btn-entry:before { position: absolute; top: 33px; left: 20px; width: 9px; height: 12px; background: url(/assets/images/jobs/icon-cursor-right.svg) no-repeat; background-size: cover } .page-jobs .l-header .l-header__inner { height: 80px } .page-jobs .l-header .l-header__hamburger { top: 16px; left: auto; right: 21px } .l-header .l-header-sp { position: fixed; top: 100px; left: 0; overflow: auto; width: 100%; height: 0; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 0 0 0; background: #e6eaf3; -webkit-transition: 0.4s height; transition: 0.4s height } .is-open .l-header .l-header-sp { height: calc(100vh - 100px) } .l-header .l-header-sp .l-header-sp__home { width: 20px; height: 20px; margin: 0 10px 0 0 } .l-header .l-header-sp__anchor { display: block; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-pack: left; -webkit-justify-content: left; -ms-flex-pack: left; justify-content: left; width: 100%; height: 92px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 0 0 40px; background: url(/assets/images/common/icon-arrow-right-blue.svg) 582px 32px no-repeat #e6eaf3; background-size: 18px 24px; text-decoration: none; color: #0c3287; font-size: 1.75rem; font-weight: 400; border-bottom: 2px solid #fff } .l-header .l-header-sp__anchor.is-blank { background: url(/assets/images/common/icon-blank.svg) 576px 35px no-repeat #e6eaf3; background-size: 26px 22px } .l-header .l-header-sp__accordion { position: relative; height: 0; overflow: hidden } .l-header .l-header-sp__accordion .l-header-sp__anchor { padding: 0 0 0 120px; color: #333; background: url(/assets/images/common/icon-arrow-right-blue.svg) 582px 32px no-repeat #eaeaea; background-size: 18px 24px } .l-header .l-header-sp__accordion .l-header-sp__anchor.is-head { padding: 0 0 0 80px } .l-header .l-header-sp__nav-item .l-header-sp__anchor.is-plusminus { background: url(/assets/images/common/icon-plus.svg) 578px 34px no-repeat #e6eaf3; background-size: 21px 21px } .l-header .l-header-sp__nav-item.is-open .l-header-sp__anchor.is-plusminus { background: url(/assets/images/common/icon-minus.svg) 578px 34px no-repeat #e6eaf3; background-size: 21px 21px } .l-header .l-header-sp__nav-item.is-open .l-header-sp__accordion { height: auto } .l-header .l-header-sp__subnav { letter-spacing: -0.4em; width: 100%; background: #fff; border-top: 4px solid #0c3287; margin-top: -2px } .l-header .l-header-sp__subnav .l-header-sp__subnav-item { display: inline-block; letter-spacing: normal; vertical-align: top } .l-header .l-header-sp__subnav .l-header-sp__subnav-item:nth-child(odd) { padding: 0 1px 2px 0 } .l-header .l-header-sp__subnav .l-header-sp__subnav-item:nth-child(even) { padding: 0 0 2px 1px } .l-header .l-header-sp__subnav .l-header-sp__subnav-anchor { display: block; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-pack: left; -webkit-justify-content: left; -ms-flex-pack: left; justify-content: left; width: 319px; height: 80px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 0 0 40px; font-size: 1.25rem; text-decoration: none; color: #333; background: #e6eaf3 } .l-header .l-header-sp__subnav .l-header-sp__subnav-blank { display: block; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-pack: left; -webkit-justify-content: left; -ms-flex-pack: left; justify-content: left; width: 319px; height: 80px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 0 0 40px; font-size: 1.25rem; text-decoration: none; color: #333; background: #e6eaf3 } .l-header .l-header-sp__logo { width: 128px; margin: 40px auto 42px auto } .l-header .l-header-sp__sns { text-align: center; letter-spacing: -0.4em } .l-header .l-header-sp__sns-item { display: inline-block; letter-spacing: normal; vertical-align: middle; margin: 0 8px 0 8px } .l-header .l-header-sp__sns-anchor { display: block; vertical-align: middle } .l-header .l-header-sp__sns-anchor.l-header-sp__sns-facebook { width: 22px; padding: 0 10px 0 10px } .l-header .l-header-sp__sns-anchor.l-header-sp__sns-twitter { width: 42px } .l-header .l-header-sp__sns-anchor.l-header-sp__sns-instagram { width: 42px } .l-header .l-header-sp__sns-anchor.l-header-sp__sns-youtube { width: 42px; padding-top: 1px } .l-header .l-header-sp__btn-close { margin-top: 40px } .l-header .l-header-sp__close { display: block; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 20px 0 18px 0; background: #333333; text-decoration: none; color: #fff; text-align: center; font-family: 'Avenir'; font-size: 1.375rem; letter-spacing: 0.36px } .l-header .l-header-sp__close span:before { content: ''; display: inline-block; width: 15px; height: 15px; background: url(/assets/images/common/icon-close.svg) no-repeat; background-size: 15px 15px; margin: 0 8px 0 0 } .l-header .l-header__taxi { position: absolute; right: 13px; top: 16px; display: flex; background: url(/assets/images/common/btn-calltaxi_sp.png) no-repeat; background-size: cover; width: 190px; height: 60px; justify-content: center; text-decoration: none; } .l-header__btn-taxi-call { width: 1rem; } .l-header .l-header__btn-taxi { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 21px 0 0 10px; font-size: 1.125rem; letter-spacing: 0.9px; color: #fff; font-weight: bold; -webkit-transition: 0.4s all; transition: 0.4s all } .l-header .l-header__btn-taxi span { display: block; font-size: .75rem; font-family: 'Open Sans', sans-serif; font-weight: 600; letter-spacing: 0.6px; margin: 4px 0 0 1px } } @media print, screen and (min-width: 641px) { .l-header-pop { display: block; z-index: 5555; position: fixed; top: -200%; left: 0; right: 0; margin: auto; width: 960px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 60px 100px 4px 100px; background: #0c3287; opacity: 0; -webkit-transition: 0.4s opacity; transition: 0.4s opacity } .l-header-pop .l-header-pop__main { width: 760px; margin: 0 auto 52px auto; zoom: 1; text-align: center } .l-header-pop .l-header-pop__main:after { content: ""; display: block; clear: both } .l-header-pop .l-header-pop__main .c-heading-bg--white { margin-bottom: 20px } .l-header-pop .l-header-pop__sub { width: 360px; margin: 15px auto 0 auto; text-align: center; float: left } .l-header-pop .l-header-pop__sub.is-right { float: right } .l-header-pop .l-header-pop__close { position: absolute; top: 20px; right: 20px; width: 29px } .l-header-pop .l-header-pop__close a { display: block; -webkit-transition: 0.4s all; transition: 0.4s all } .l-header-pop .l-header-pop__close a:hover { opacity: 0.6 } .l-header-pop .l-header-pop__close img { width: 100%; height: auto } .is-call .l-header-pop { top: 120px; opacity: 1; -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-name: fade-in; animation-name: fade-in } @-webkit-keyframes fade-in { 0% { top: -200%; opacity: 0 } 2% { top: 120px; opacity: 0 } 100% { top: 120px; opacity: 1 } } @keyframes fade-in { 0% { top: -200%; opacity: 0 } 2% { top: 120px; opacity: 0 } 100% { top: 120px; opacity: 1 } } @-webkit-keyframes fade-out { 0% { top: 120px; opacity: 1 } 98% { top: 120px; opacity: 0 } 100% { top: -200%; opacity: 0 } } @keyframes fade-out { 0% { top: 120px; opacity: 1 } 98% { top: 120px; opacity: 0 } 100% { top: -200%; opacity: 0 } } } @media screen and (max-width: 640px) { .l-header-pop { display: block; z-index: 5555; position: fixed; top: 100px; left: 0; right: 0; margin: auto; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: auto; padding: 60px 40px 0 40px; background: #0c3287; height: 0; opacity: 0; -webkit-transition: 0.4s height, 0.3s opacity; transition: 0.4s height, 0.3s opacity; pointer-events: none } .is-call .l-header-pop { opacity: 1; pointer-events: auto; height: calc(100vh - 100px) } .l-header-pop .l-header-pop__main { width: 560px; margin: 0 auto 45px auto; zoom: 1; text-align: center } .l-header-pop .l-header-pop__main:after { content: ""; display: block; clear: both } .l-header-pop .l-header-pop__main .c-heading-bg--white { margin-bottom: 20px } .l-header-pop .l-header-pop__sub { width: 560px; margin: 30px auto 50px auto; text-align: center } .l-header-pop .l-header-pop__close { display: none } .l-header-pop .l-header-sp__close { display: block; width: 640px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 20px 0 18px 0; margin: 0 -40px 0 -40px; background: #333333; text-decoration: none; color: #fff; text-align: center; font-family: 'Avenir'; font-size: 1.375rem; letter-spacing: 0.36px } .l-header-pop .l-header-sp__close span:before { content: ''; display: inline-block; width: 15px; height: 15px; background: url(/assets/images/common/icon-close.svg) no-repeat; background-size: 15px 15px; margin: 0 8px 0 0 } } @media print, screen and (min-width: 641px) { .l-header-popbg { display: block; opacity: 0; position: fixed; top: -200%; left: 0; z-index: 5554; width: 100%; height: 100%; background: rgba(12, 50, 135, 0.2) } .is-call .l-header-popbg { top: 0; opacity: 1; -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-name: fade-in2; animation-name: fade-in2 } @-webkit-keyframes fade-in2 { 0% { top: -200%; opacity: 0 } 2% { top: 0; opacity: 0 } 100% { top: 0; opacity: 1 } } @keyframes fade-in2 { 0% { top: -200%; opacity: 0 } 2% { top: 0; opacity: 0 } 100% { top: 0; opacity: 1 } } @-webkit-keyframes fade-out2 { 0% { top: 0; opacity: 1 } 98% { top: 0; opacity: 0 } 100% { top: -200%; opacity: 0 } } @keyframes fade-out2 { 0% { top: 0; opacity: 1 } 98% { top: 0; opacity: 0 } 100% { top: -200%; opacity: 0 } } } @media screen and (max-width: 640px) { .l-header-popbg { display: none } } .l-header-en { -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; -webkit-font-kerning: auto; font-kerning: auto; width: 100%; background: rgba(255, 255, 255, 0.95) } @media print, screen and (min-width: 641px) { .l-header-en { position: fixed; top: 0; left: 0; z-index: 555; width: 100%; min-width: 1000px; height: 100px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 8px solid #fff000; border-bottom: none } .l-header-en .l-header__inner { position: relative; width: 960px; height: 92px; margin: 0 auto 0 auto } .l-header-en .l-header__logo { position: absolute; top: 10px; left: 0; width: 128px } .l-header-en .l-header__nav-lang { position: absolute; right: 0px; top: 38px; width: 156px; height: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; zoom: 1 } .l-header-en .l-header__nav-lang:after { content: ""; display: block; clear: both } .l-header-en .l-header__nav-lang .l-header__nav-item { float: left } .l-header-en .l-header__nav-lang .l-header__nav-anchor { display: block; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 78px; height: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #fff; color: #aaaaaa; border: 1px solid #aaa; font-size: .75rem; font-family: 'Open Sans', sans-serif; letter-spacing: 0.6px; text-align: center; text-decoration: none; -webkit-transition: 0.4s all; transition: 0.4s all } .l-header-en .l-header__nav-lang .l-header__nav-anchor:hover, .l-header-en .l-header__nav-lang .l-header__nav-anchor.is-active { background-color: #aaa; color: #fff } } @media screen and (max-width: 640px) { .l-header-en { position: fixed; top: 0; left: 0; z-index: 555; width: 100%; min-width: 640px; height: 100px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 6px solid #fff000; border-bottom: none } .l-header-en .l-header__inner { position: relative; width: 100%; height: 94px; margin: 0 auto 0 auto } .l-header-en .l-header__logo { position: absolute; top: 8px; left: 0; right: 0; margin: auto; width: 128px } .l-header-en .l-header__nav-lang { position: absolute; right: 20px; top: 27px; width: 200px; height: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; zoom: 1 } .l-header-en .l-header__nav-lang:after { content: ""; display: block; clear: both } .l-header-en .l-header__nav-lang .l-header__nav-item { float: left } .l-header-en .l-header__nav-lang .l-header__nav-anchor { display: block; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 100px; height: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #fff; color: #aaaaaa; border: 1px solid #aaa; font-size: 1rem; font-family: 'Open Sans', sans-serif; letter-spacing: 0.8px; text-align: center; text-decoration: none; -webkit-transition: 0.4s all; transition: 0.4s all } .l-header-en .l-header__nav-lang .l-header__nav-anchor.is-active { background-color: #aaa; color: #fff } } .l-footer { -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; -webkit-font-kerning: auto; font-kerning: auto; position: relative; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; background: #333; color: #fff } @media print, screen and (min-width: 641px) { .l-footer { min-width: 1000px; background: #e6eaf3; border: solid 8px #fff000; border-top: none } .l-footer-foreign-top { border: unset; margin-bottom: 80px; } .l-footer .l-footer__inner { position: relative; width: 960px; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto 0 auto } .l-footer>.l-footer__inner { padding: 39px 0 28px 230px } .l-footer .l-footer__logo { position: absolute; top: 29px; left: 0; width: 128px; height: 74px; display: block } .l-footer .l-footer__logo img { width: 128px; height: 74px; display: block; vertical-align: top } .l-footer .l-footer__nav { letter-spacing: -0.4em; text-align: left; width: 730px; display: block } .l-footer .l-footer__nav-item { display: inline-block; text-align: left; vertical-align: top; letter-spacing: normal; margin-left: 60px } .l-footer .l-footer__nav-item:first-child { margin-left: 0 } .l-footer .l-footer__nav-item:last-child { margin-left: 75px } .ua-ie .l-footer .l-footer__nav-item:last-child { margin-left: 60px } .l-footer .l-footer__nav-item:last-child .l-footer__sitemap { margin-bottom: 38px } .l-footer .l-footer__nav-anchor { display: block; pointer-events: none; text-decoration: none; margin-bottom: 15px; font-size: 1rem; line-height: 1.1; letter-spacing: 0.8px; color: #0c3287; color: #0c3287 } .l-footer .l-footer__sitemap-anchor { display: inline-block; margin-bottom: 7px; font-size: .75rem; line-height: 1.1; letter-spacing: 0.6px; text-decoration: none; color: #333333; white-space: nowrap } .l-footer .l-footer__sitemap-anchor>span { display: inline-block; width: 13px; height: 11px; margin: -1px 0 0 5px; vertical-align: top } .l-footer .l-footer__sitemap-anchor:after { content: ''; display: block; height: 1px; margin: 2px auto 0 auto; background-color: rgba(51, 51, 51, 0); -webkit-transition: 0.4s all; transition: 0.4s all } .l-footer .l-footer__sitemap-anchor:hover { text-decoration: none } .l-footer .l-footer__sitemap-anchor:hover:after { background-color: #333 } .l-footer .l-footer__sns { position: absolute; left: 0; bottom: 34px; letter-spacing: -0.4em; text-align: left } .l-footer .l-footer__sns-item { display: inline-block; letter-spacing: normal; vertical-align: middle; margin-right: 10px } .l-footer .l-footer__sns-anchor { display: block; vertical-align: middle; -webkit-transition: 0.4s all; transition: 0.4s all } .l-footer .l-footer__sns-anchor.l-footer__sns-facebook { width: 12px; padding: 0 5px 0 5px } .l-footer .l-footer__sns-anchor.l-footer__sns-twitter { width: 24px } .l-footer .l-footer__sns-anchor.l-footer__sns-instagram { width: 24px } .l-footer .l-footer__sns-anchor.l-footer__sns-youtube { width: 24px; padding-top: 1px } .l-footer .l-footer__sns-anchor:hover { opacity: 0.6 } .page-jobs .l-footer:before { display: block; content: ''; width: 100%; height: 73px; -webkit-box-sizing: border-box; box-sizing: border-box; background: #fff } .page-jobs .l-footer-foreign:before { display: block; content: ''; width: 100%; height: 113px; -webkit-box-sizing: border-box; box-sizing: border-box; background: #fff } .page-jobs .l-footer .l-footer__inner { padding: 80px 0 80px 0; text-align: left; zoom: 1 } .page-jobs .l-footer .l-footer__inner:after { content: ""; display: block; clear: both } .page-jobs .l-footer .l-footer__jobs-head { display: block; color: #333; font-size: 1rem; font-weight: 700 } .page-jobs .l-footer .l-footer__jobs-head:before { content: ''; display: inline-block; width: 10px; height: 10px; margin: 0 9px 1px 0; background: #333; border-radius: 50% } .page-jobs .l-footer .l-footer__jobs-tel { width: 500px; float: left } .page-jobs .l-footer .l-footer__jobs-tel:before { content: ''; display: block; position: absolute; top: -44px; left: 145px; width: 64px; height: 44px; background: url(/assets/images/jobs/icon-taxi_01.svg) no-repeat } .page-jobs .l-footer-foreign .l-footer__jobs-tel:before { content: ''; display: block; position: absolute; top: -110px; left: 75px; width: 170px; height: 110px; background: url(/assets/images/jobs/icon-taxi-foreign_01.png) no-repeat; background-size: contain; } .page-jobs .l-footer .l-footer__jobs-tel:after { content: ''; display: block; position: absolute; top: -44px; left: 321px; width: 67px; height: 44px; background: url(/assets/images/jobs/icon-taxi_02.svg) no-repeat } .page-jobs .l-footer-foreign .l-footer__jobs-tel:after { content: ''; display: block; position: absolute; top: -110px; left: 258px; width: 170px; height: 110px; background: url(/assets/images/jobs/icon-taxi-foreign_02.png) no-repeat; background-size: contain; } .page-jobs .l-footer .l-footer__jobs-tel .l-footer__jobs-head { margin-bottom: 13px } .page-jobs .l-footer .l-footer__jobs-tel .l-footer__jobs-free { font-family: 'Open Sans', sans-serif } .page-jobs .l-footer .l-footer__jobs-tel .l-footer__jobs-free:before { content: ''; display: inline-block; width: 24px; height: 16px; background: url(/assets/images/jobs/icon-free.svg) no-repeat; vertical-align: top; margin: 16px 10px 0 0 } .page-jobs .l-footer .l-footer__jobs-tel .l-footer__jobs-free .l-footer__jobs-telno { display: inline-block; font-size: 2.75rem; font-weight: 400; color: #0c3287 } .page-jobs .l-footer .l-footer__jobs-tel .l-footer__jobs-free .l-footer__jobs-time { display: inline-block; font-size: 1rem; font-weight: 400; color: #0c3287; vertical-align: top; margin: 15px 0 0 8px } .page-jobs .l-footer .l-footer__jobs-net { width: 460px; float: right } .page-jobs .l-footer .l-footer__jobs-net:before { content: ''; display: block; position: absolute; top: -47px; left: 454px; width: 63px; height: 47px; background: url(/assets/images/jobs/icon-taxi_03.svg) no-repeat } .page-jobs .l-footer-foreign .l-footer__jobs-net:before { content: ''; display: block; position: absolute; top: -103px; left: 444px; width: 155px; height: 115px; background: url(/assets/images/jobs/icon-taxi-foreign_03.png) no-repeat; background-size: contain; } .page-jobs .l-footer .l-footer__jobs-net:after { content: ''; display: block; position: absolute; top: -44px; left: 827px; width: 67px; height: 44px; background: url(/assets/images/jobs/icon-taxi_04.svg) no-repeat } .page-jobs .l-footer-foreign .l-footer__jobs-net:after { content: ''; display: block; position: absolute; top: -115px; left: 767px; width: 170px; height: 115px; background: url(/assets/images/jobs/icon-taxi-foreign_04.png) no-repeat; background-size: contain; } .page-jobs .l-footer .l-footer__jobs-net .l-footer__jobs-head { margin-bottom: 20px } .page-jobs .l-footer .l-footer__jobs-net .l-footer__entry { letter-spacing: -0.4em } .page-jobs .l-footer .l-footer__jobs-net .l-footer__entry-item { display: inline-block; letter-spacing: normal; margin-left: 20px } .page-jobs .l-footer .l-footer__jobs-net .l-footer__entry-item:first-child { margin-left: 0 } .page-jobs .l-footer .l-footer__jobs-net .l-footer__entry-item .c-btn-entry { white-space: nowrap } .page-jobs .l-footer-foreign .l-footer__jobs-net .l-footer__entry-item .c-btn-entry { display: flex; align-items: baseline; padding-top: 5px; } .l-footer .l-footer__bottom { background: #333 } .l-footer .l-footer__bottom .l-footer__inner { padding: 15px 0 17px 0; zoom: 1 } .l-footer .l-footer__bottom .l-footer__inner:after { content: ""; display: block; clear: both } .l-footer .l-footer__bottom-nav { float: left; letter-spacing: -0.4em } .l-footer .l-footer__bottom-item { display: inline-block; letter-spacing: normal } .l-footer .l-footer__bottom-item:after { display: inline-block; content: '｜'; font-size: .75rem; color: #fff; margin: 0 6px 0 6px } .l-footer .l-footer__bottom-item:last-child:after { display: none } .l-footer .l-footer__bottom-anchor { display: inline-block; text-decoration: none; font-size: .75rem; color: #fff } .l-footer .l-footer__bottom-anchor:after { content: ''; display: block; height: 1px; margin: 2px auto 0 auto; background-color: rgba(255, 255, 255, 0); -webkit-transition: 0.4s all; transition: 0.4s all } .l-footer .l-footer__bottom-anchor:hover { text-decoration: none } .l-footer .l-footer__bottom-anchor:hover:after { background-color: #fff } .l-footer .l-footer__copyright { float: right; font-size: .625rem; text-align: right; color: #fff; margin-top: 5px } .l-footer .c-btn-pagetop { position: fixed; bottom: 40px; left: 0px; -webkit-transition: 0.4s opacity; transition: 0.4s opacity; opacity: 0; pointer-events: none } .l-footer .c-btn-pagetop.is-footer { position: absolute; bottom: 242px; left: 0 } .page-jobs .l-footer .c-btn-pagetop { position: fixed; bottom: 44px } .page-jobs .l-footer .c-btn-pagetop.is-footer { position: absolute; bottom: 246px } .l-footer .c-btn-pagetop.is-visible { opacity: 1; pointer-events: auto } .l-footer .c-btn-pagetop.is-visible:hover { text-decoration: none; opacity: .6 } } @media screen and (max-width: 640px) { .l-footer { min-width: 640px; background: #e6eaf3; border: solid 6px #fff000; border-top: none } .l-footer .l-footer__logo { position: absolute; left: 0; right: 0; margin: auto; bottom: 123px; width: 128px } .l-footer .l-footer__inner { position: relative; margin: 0 auto 0 auto } .l-footer>.l-footer__inner { padding: 0 0 237px 0 } .l-footer .l-footer__nav { display: none } .l-footer .l-footer__nav-sp { letter-spacing: -0.4em; width: 100%; background: #fff } .l-footer .l-footer__nav-sp .l-footer__nav-item { display: inline-block; letter-spacing: normal } .l-footer .l-footer__nav-sp .l-footer__nav-item:nth-child(odd) { padding: 0 1px 2px 0 } .l-footer .l-footer__nav-sp .l-footer__nav-item:nth-child(even) { padding: 0 0 2px 1px } .l-footer .l-footer__nav-sp .l-footer__nav-anchor { display: block; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-pack: left; -webkit-justify-content: left; -ms-flex-pack: left; justify-content: left; width: 313px; height: 80px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 0 0 34px; font-size: 1.25rem; text-decoration: none; color: #333; background: #e6eaf3 } .l-footer .l-footer__sns { position: absolute; left: 0; right: 0; margin: auto; bottom: 41px; letter-spacing: -0.4em } .l-footer .l-footer__sns-item { display: inline-block; letter-spacing: normal; vertical-align: middle; margin: 0 8px 0 8px } .l-footer .l-footer__sns-anchor { display: block; vertical-align: middle } .l-footer .l-footer__sns-anchor.l-footer__sns-facebook { width: 22px; padding: 0 10px 0 10px } .l-footer .l-footer__sns-anchor.l-footer__sns-twitter { width: 42px } .l-footer .l-footer__sns-anchor.l-footer__sns-instagram { width: 42px } .l-footer .l-footer__sns-anchor.l-footer__sns-youtube { width: 42px; padding-top: 1px } .page-jobs .l-footer:before { display: block; content: ''; width: 100%; height: 73px; -webkit-box-sizing: border-box; box-sizing: border-box; background: #fff } .page-jobs .l-footer .l-footer__inner { padding: 60px 0 60px 35px; zoom: 1 } .page-jobs .l-footer .l-footer__inner:after { content: ""; display: block; clear: both } .page-jobs .l-footer .l-footer__jobs-head { display: block; color: #333; font-size: 1.5rem; letter-spacing: 0.06em; font-weight: 500 } .page-jobs .l-footer .l-footer__jobs-head:before { content: ''; display: inline-block; width: 16px; height: 16px; margin: 0 9px 1px 0; background: #333; border-radius: 50% } .page-jobs .l-footer .l-footer__jobs-tel { text-align: left; margin-bottom: 55px } .page-jobs .l-footer .l-footer__jobs-tel:before { content: ''; display: block; position: absolute; top: -44px; left: 34px; width: 64px; height: 44px; background: url(/assets/images/jobs/icon-taxi_01.svg) no-repeat } .page-jobs .l-footer-foreign .l-footer__jobs-tel:before { content: ''; display: block; position: absolute; top: -110px; left: 5px; width: 170px; height: 110px; background: url(/assets/images/jobs/icon-taxi-foreign_01.png) no-repeat; background-size: contain; } .page-jobs .l-footer .l-footer__jobs-tel:after { content: ''; display: block; position: absolute; top: -44px; left: 199px; width: 67px; height: 44px; background: url(/assets/images/jobs/icon-taxi_02.svg) no-repeat } .page-jobs .l-footer-foreign .l-footer__jobs-tel:after { content: ''; display: block; position: absolute; top: -110px; left: 128px; width: 170px; height: 110px; background: url(/assets/images/jobs/icon-taxi-foreign_02.png) no-repeat; background-size: contain; } .page-jobs .l-footer .l-footer__jobs-tel .l-footer__jobs-head { margin-bottom: 18px } .page-jobs .l-footer .l-footer__jobs-tel .l-footer__jobs-free { font-family: 'Open Sans', sans-serif } .page-jobs .l-footer .l-footer__jobs-tel .l-footer__jobs-free:before { content: ''; display: inline-block; width: 34px; height: 22px; background: url(/assets/images/jobs/icon-free.svg) no-repeat; vertical-align: top; margin: 21px 6px 0 0 } .page-jobs .l-footer .l-footer__jobs-tel .l-footer__jobs-free .l-footer__jobs-telno { display: inline-block; font-size: 3.5rem; font-weight: 400; color: #0c3287; letter-spacing: 0.02em } .page-jobs .l-footer .l-footer__jobs-tel .l-footer__jobs-free .l-footer__jobs-time { display: inline-block; font-size: 1.5rem; font-weight: 400; color: #0c3287; vertical-align: top; margin: 18px 0 0 12px } .page-jobs .l-footer .l-footer__jobs-net { text-align: left } .page-jobs .l-footer .l-footer__jobs-net:before { content: ''; display: block; position: absolute; top: -47px; left: 264px; width: 63px; height: 47px; background: url(/assets/images/jobs/icon-taxi_03.svg) no-repeat } .page-jobs .l-footer-foreign .l-footer__jobs-net:before { content: ''; display: block; position: absolute; top: -103px; left: 260px; width: 155px; height: 115px; background: url(/assets/images/jobs/icon-taxi-foreign_03.png) no-repeat; background-size: contain; } .page-jobs .l-footer .l-footer__jobs-net:after { content: ''; display: block; position: absolute; top: -44px; left: 526px; width: 67px; height: 44px; background: url(/assets/images/jobs/icon-taxi_04.svg) no-repeat } .page-jobs .l-footer-foreign .l-footer__jobs-net:after { content: ''; display: block; position: absolute; top: -115px; left: 437px; width: 170px; height: 115px; background: url(/assets/images/jobs/icon-taxi-foreign_04.png) no-repeat; background-size: contain; } .page-jobs .l-footer .l-footer__jobs-net .l-footer__jobs-head { margin-bottom: 28px } .page-jobs .l-footer .l-footer__jobs-net .l-footer__entry { letter-spacing: -0.4em } .page-jobs .l-footer .l-footer__jobs-net .l-footer__entry-item { display: inline-block; letter-spacing: normal; margin-left: 20px } .page-jobs .l-footer .l-footer__jobs-net .l-footer__entry-item:first-child { margin-left: 0 } .page-jobs .l-footer .l-footer__jobs-net .l-footer__entry-item .c-btn-entry { white-space: nowrap } .l-footer .l-footer__bottom { background: #333 } .l-footer .l-footer__bottom .l-footer__inner { padding: 15px 0 15px 0 } .l-footer .l-footer__bottom-nav { display: none } .l-footer .l-footer__copyright { font-size: 1.25rem; text-align: right; color: #fff; margin-top: 5px; font-family: 'Open Sans', sans-serif; font-weight: 400 } .l-footer .c-btn-pagetop { position: fixed; bottom: 40px; left: 534px !important; -webkit-transition: 0.4s opacity; transition: 0.4s opacity; opacity: 0; pointer-events: none } .l-footer .c-btn-pagetop.is-footer { position: absolute; bottom: 161px; left: 528px !important } .page-jobs .l-footer .c-btn-pagetop { position: fixed; bottom: 40px } .page-jobs .l-footer .c-btn-pagetop.is-footer { position: absolute; bottom: 356px } .l-footer .c-btn-pagetop.is-visible { opacity: 1; pointer-events: auto } } .l-footer-en { -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; -webkit-font-kerning: auto; font-kerning: auto; position: relative; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; background: #333; color: #fff } @media print, screen and (min-width: 641px) { .l-footer-en { min-width: 1000px; background: #e6eaf3; border: solid 8px #fff000; border-top: none } .l-footer-en .l-footer__inner { position: relative; width: 960px; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto 0 auto } .l-footer-en>.l-footer__inner { padding: 134px 0 0px 0px } .l-footer-en .l-footer__logo { position: absolute; top: 29px; left: 0; width: 128px } .l-footer-en .l-footer__sns { position: absolute; right: 0; bottom: 33px; letter-spacing: -0.4em; text-align: left } .l-footer-en .l-footer__sns-item { display: inline-block; letter-spacing: normal; vertical-align: middle; margin-right: 10px } .l-footer-en .l-footer__sns-anchor { display: block; vertical-align: middle; -webkit-transition: 0.4s all; transition: 0.4s all } .l-footer-en .l-footer__sns-anchor.l-footer__sns-facebook { width: 12px; padding: 0 5px 0 5px } .l-footer-en .l-footer__sns-anchor.l-footer__sns-twitter { width: 24px } .l-footer-en .l-footer__sns-anchor.l-footer__sns-instagram { width: 24px } .l-footer-en .l-footer__sns-anchor.l-footer__sns-youtube { width: 24px; padding-top: 1px } .l-footer-en .l-footer__sns-anchor:hover { opacity: 0.6 } .l-footer-en .l-footer__bottom { background: #333 } .l-footer-en .l-footer__bottom .l-footer__inner { padding: 15px 0 17px 0; zoom: 1 } .l-footer-en .l-footer__bottom .l-footer__inner:after { content: ""; display: block; clear: both } .l-footer-en .l-footer__copyright { float: right; font-size: .625rem; text-align: right; color: #fff; margin-top: 5px } .l-footer-en .c-btn-pagetop { position: fixed; bottom: 40px; left: 0px; -webkit-transition: 0.4s opacity; transition: 0.4s opacity; opacity: 0; pointer-events: none } .l-footer-en .c-btn-pagetop.is-footer { position: absolute; bottom: 115px; left: 0 } .l-footer-en .c-btn-pagetop.is-visible { opacity: 1; pointer-events: auto } .l-footer-en .c-btn-pagetop.is-visible:hover { text-decoration: none; opacity: .6 } } @media screen and (max-width: 640px) { .l-footer-en { min-width: 640px; background: #e6eaf3; border: solid 6px #fff000; border-top: none } .l-footer-en .l-footer__logo { position: absolute; left: 0; right: 0; margin: auto; bottom: 123px; width: 128px } .l-footer-en .l-footer__inner { position: relative; margin: 0 auto 0 auto } .l-footer-en>.l-footer__inner { padding: 0 0 237px 0 } .l-footer-en .l-footer__nav { display: none } .l-footer-en .l-footer__sns { position: absolute; left: 0; right: 0; margin: auto; bottom: 41px; letter-spacing: -0.4em } .l-footer-en .l-footer__sns-item { display: inline-block; letter-spacing: normal; vertical-align: middle; margin: 0 8px 0 8px } .l-footer-en .l-footer__sns-anchor { display: block; vertical-align: middle } .l-footer-en .l-footer__sns-anchor.l-footer__sns-facebook { width: 22px; padding: 0 10px 0 10px } .l-footer-en .l-footer__sns-anchor.l-footer__sns-twitter { width: 42px } .l-footer-en .l-footer__sns-anchor.l-footer__sns-instagram { width: 42px } .l-footer-en .l-footer__sns-anchor.l-footer__sns-youtube { width: 42px; padding-top: 1px } .l-footer-en .l-footer__bottom { background: #333 } .l-footer-en .l-footer__bottom .l-footer__inner { padding: 15px 0 15px 0 } .l-footer-en .l-footer__bottom-nav { display: none } .l-footer-en .l-footer__copyright { font-size: 1.25rem; text-align: right; color: #fff; margin-top: 5px; font-family: 'Open Sans', sans-serif; font-weight: 400 } .l-footer-en .c-btn-pagetop { position: fixed; bottom: 40px; left: 534px !important; -webkit-transition: 0.4s opacity; transition: 0.4s opacity; opacity: 0; pointer-events: none } .l-footer-en .c-btn-pagetop.is-footer { position: absolute; bottom: 161px; left: 528px !important } .l-footer-en .c-btn-pagetop.is-visible { opacity: 1; pointer-events: auto } } .l-content { background: #fff } @media print, screen and (min-width: 641px) { .l-content { position: relative; width: 100%; min-width: 1000px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 120px 0 0 0; min-height: calc(100vh - 339px); border: solid 8px #fff000; border-top: none; border-bottom: none } .page-jobs .l-content { padding: 100px 0 0 0; min-height: calc(100vh - 377px) } .l-content.is-en { min-height: calc(100vh - 319px); padding: 100px 0 0 0 } .l-content .c-heading-main, .l-content .c-heading-main--2line { margin-bottom: 52px } .l-content .c-heading-mainbg { margin-bottom: 60px } .l-content .l-content-section>.c-text { margin-bottom: 1.6em; text-align: justify } } @media screen and (max-width: 640px) { .l-content { position: relative; width: 100%; min-height: calc(100vh - 621px); -webkit-box-sizing: border-box; box-sizing: border-box; padding: 100px 0 0 0; border: solid 6px #fff000; border-top: none; border-bottom: none } .page-jobs .l-content { padding: 86px 0 0 0; min-height: calc(100vh - 535px) } .l-content .c-heading-main, .l-content .c-heading-main--2line { margin-bottom: 67px } .l-content .c-heading-mainbg { margin-bottom: 67px } .l-content .l-content-section>.c-text { margin-bottom: 1.75em; text-align: justify } } @media print, screen and (min-width: 641px) { .l-content-section { width: 960px; margin: 0 auto 0 auto } } @media screen and (max-width: 640px) { .l-content-section { width: 560px; margin: 0 auto 0 auto } } @media print, screen and (min-width: 641px) { .l-content-anchor:before { content: " "; margin-top: -140px; height: 140px; display: block; visibility: hidden } .page-jobs .l-content-anchor:before { margin-top: -108px; height: 108px } } @media screen and (max-width: 640px) { .l-content-anchor:before { content: " "; margin-top: -115px; height: 115px; display: block; visibility: hidden } .page-jobs .l-content-anchor:before { margin-top: -94px; height: 94px } } .l-content-breadcrumb { width: 100%; background: #e6eaf3 } @media print, screen and (min-width: 641px) { .l-content-breadcrumb .l-content-breadcrumb__list { width: 960px; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto 0 auto; padding: 13px 0 13px 0; zoom: 1 } .l-content-breadcrumb .l-content-breadcrumb__list:after { content: ""; display: block; clear: both } .page-jobs .l-content-breadcrumb .l-content-breadcrumb__list { padding: 24px 0 23px 0 } .l-content-breadcrumb .l-content-breadcrumb__item { float: left; font-size: .75rem; line-height: 1.1 } .l-content-breadcrumb .l-content-breadcrumb__item:after { content: '>'; display: inline-block; font-size: .75rem; margin: 0 4px 0 4px } .l-content-breadcrumb .l-content-breadcrumb__item:last-child:after { display: none } .l-content-breadcrumb .l-content-breadcrumb__item:last-child .c-btn-text { pointer-events: none } .l-content-breadcrumb .l-content-breadcrumb__item:last-child .c-btn-text:after { display: none } } @media screen and (max-width: 640px) { .l-content-breadcrumb { -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; -webkit-font-kerning: auto; font-kerning: auto } .l-content-breadcrumb .l-content-breadcrumb__list { width: 560px; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto 0 auto; padding: 28px 0 27px 0; zoom: 1 } .l-content-breadcrumb .l-content-breadcrumb__list:after { content: ""; display: block; clear: both } .l-content-breadcrumb .l-content-breadcrumb__item { float: left; font-size: 1.25rem; line-height: 1.1; letter-spacing: 1px } .l-content-breadcrumb .l-content-breadcrumb__item:after { content: '>'; display: inline-block; font-size: 1.25rem; margin: 0 7px 0 10px } .l-content-breadcrumb .l-content-breadcrumb__item:last-child:after { display: none } .l-content-breadcrumb .l-content-breadcrumb__item:last-child .c-btn-text { pointer-events: none } .l-content-breadcrumb .l-content-breadcrumb__item:last-child .c-btn-text:after { display: none } .page-news .l-content-breadcrumb .l-content-breadcrumb__item:last-child .c-btn-text { text-overflow: ellipsis; max-width: 350px; white-space: nowrap; overflow: hidden } .page-jobs-news .l-content-breadcrumb .l-content-breadcrumb__item:last-child .c-btn-text { text-overflow: ellipsis; max-width: 350px; white-space: nowrap; overflow: hidden } } .c-btn { display: block; text-decoration: none } @media print, screen and (min-width: 641px) { .c-btn { -webkit-transition: 0.4s all; transition: 0.4s all } .c-btn:hover { opacity: 0.6 } } @media screen and (max-width: 640px) { .c-btn:hover { text-decoration: none } } .c-btn-white { display: block; text-decoration: none; background: #fff } @media print, screen and (min-width: 641px) { .c-btn-white img { -webkit-transition: 0.4s all; transition: 0.4s all } .c-btn-white:hover img { opacity: 0.6 } } @media screen and (max-width: 640px) { .c-btn-white:hover { text-decoration: none } } .c-btn-text { display: inline-block; text-decoration: none; color: #333 } @media print, screen and (min-width: 641px) { .c-btn-text:after { content: ''; display: block; height: 1px; margin: 1px auto 0 auto; background-color: #333; -webkit-transition: 0.4s all; transition: 0.4s all } .c-btn-text:hover { text-decoration: none } .c-btn-text:hover:after { background-color: rgba(51, 51, 51, 0) } } @media screen and (max-width: 640px) { .c-btn-text:after { content: ''; display: block; height: 2px; margin: 1px auto 0 auto; background-color: #333 } } @media screen and (max-width: 640px) { .c-btn-tel { color: #333 } } .c-btn-line { display: block; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; color: #fff; text-decoration: none; letter-spacing: 0.05em } .c-btn-line:before { content: ''; display: inline-block } @media print, screen and (min-width: 641px) { .c-btn-line { width: 100%; height: 50px; border: solid 1px #fff; font-size: 1.375rem; font-weight: bold; line-height: 1.36; -webkit-transition: 0.4s opacity; transition: 0.4s opacity } .c-btn-line:before { position: absolute; top: 18px; left: 20px; width: 9px; height: 12px; background: url(/assets/images/common/icon-arrow.svg) no-repeat; background-size: cover } .c-btn-line:hover { text-decoration: none; opacity: .6 } } @media screen and (max-width: 640px) { .c-btn-line { width: 100%; height: 80px; border: solid 2px #fff; font-size: 1.5rem; line-height: 1.25 } .c-btn-line:before { position: absolute; top: 26px; left: 20px; width: 19px; height: 24px; background: url(/assets/images/common/icon-arrow.svg) no-repeat; background-size: cover } } .c-btn-img { display: block; width: 290px; color: #fff; text-decoration: none; letter-spacing: 0.05em; text-align: center } @media print, screen and (min-width: 641px) { .c-btn-img { font-size: 1.375rem; font-weight: bold; line-height: 1.36 } .c-btn-img span { display: block; width: 280px; -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 5px; border: solid 1px #fff; background: #fff } .c-btn-img img { vertical-align: top; -webkit-transition: 0.4s opacity; transition: 0.4s opacity; width: 100%; height: auto } .c-btn-img:hover { text-decoration: none } .c-btn-img:hover img { opacity: .6 } } @media screen and (max-width: 640px) { .c-btn-img { font-size: 1.5rem; line-height: 1.25 } .c-btn-img span { display: block; width: 280px; -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 5px; border: solid 2px #fff; background: #fff } .c-btn-img img { vertical-align: top; -webkit-transition: 0.4s opacity; transition: 0.4s opacity; width: 100%; height: auto } } .c-btn-pagetop { overflow: hidden } @media print, screen and (min-width: 641px) { .c-btn-pagetop { width: 50px; height: 0; padding-top: 50px; line-height: 2; background: url(/assets/images/common/icon-pagetop.svg) 50% 50% no-repeat #fff000; background-size: 16px 13px; -webkit-transition: 0.4s opacity; transition: 0.4s opacity } .c-btn-pagetop:hover { text-decoration: none; opacity: .6 } } @media screen and (max-width: 640px) { .c-btn-pagetop { width: 100px; height: 0; padding-top: 100px; line-height: 2; background: url(/assets/images/common/icon-pagetop.svg) 50% 50% no-repeat #fff000; background-size: 32px 24px } } .c-btn-arrow { display: block; position: relative; background: #0c3287; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; color: #fff; font-weight: bold; text-decoration: none; letter-spacing: 0.05em; text-align: center } .c-btn-arrow:before { content: ''; display: inline-block } @media print, screen and (min-width: 641px) { .c-btn-arrow { width: 400px; height: 70px; font-size: 1.375rem; line-height: 1.36; -webkit-transition: 0.4s opacity; transition: 0.4s opacity } .c-btn-arrow:before { position: absolute; top: 29px; left: 31px; width: 9px; height: 12px; background: url(/assets/images/common/icon-arrow.svg) no-repeat; background-size: cover } .c-btn-arrow:hover { text-decoration: none; opacity: .6 } .c-btn-arrow.is-disable { pointer-events: none; opacity: 0.2 } } @media screen and (max-width: 640px) { .c-btn-arrow { width: 560px; height: 90px; font-size: 1.875rem; line-height: 1.13 } .c-btn-arrow:before { position: absolute; top: 33px; left: 21px; width: 19px; height: 24px; background: url(/assets/images/common/icon-arrow.svg) no-repeat; background-size: cover } .c-btn-arrow.is-disable { pointer-events: none; opacity: 0.2 } } .c-btn-arrow--white { display: block; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; font-weight: bold; text-decoration: none; letter-spacing: 0.05em; text-align: center } .c-btn-arrow--white:before { content: ''; display: inline-block } @media print, screen and (min-width: 641px) { .c-btn-arrow--white { width: 400px; height: 70px; background: #fff; font-size: 1.375rem; color: #333; line-height: 1.36 } .c-btn-arrow--white:before { -webkit-transition: 0.4s opacity; transition: 0.4s opacity; position: absolute; top: 29px; left: 31px; width: 9px; height: 12px; background: url(/assets/images/common/icon-arrow-right.svg) no-repeat; background-size: cover } .c-btn-arrow--white span { -webkit-transition: 0.4s opacity; transition: 0.4s opacity } .c-btn-arrow--white:hover { text-decoration: none } .c-btn-arrow--white:hover span { opacity: .6 } .c-btn-arrow--white:hover:before { opacity: .6 } } @media screen and (max-width: 640px) { .c-btn-arrow--white { width: 560px; height: 90px; background: #0c3287; font-size: 1.875rem; color: #fff; line-height: 1.13 } .c-btn-arrow--white:before { position: absolute; top: 33px; left: 21px; width: 19px; height: 24px; background: url(/assets/images/common/icon-arrow.svg) no-repeat; background-size: cover } } .c-btn-paging { display: block; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; border: solid 1px #d6d6d6; color: #333; text-decoration: none; letter-spacing: 0.05em; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } .c-btn-paging.is-active { color: #fff; background: #333 } @media print, screen and (min-width: 641px) { .c-btn-paging { width: 40px; height: 40px; font-size: .875rem; line-height: 1.86; -webkit-transition: 0.3s all; transition: 0.3s all } .c-btn-paging:hover { color: #fff; background: #333 } } @media screen and (max-width: 640px) { .c-btn-paging { width: 80px; height: 80px; font-size: 1.75rem; line-height: 1.79 } } .c-btn-entry { display: block; position: relative; background: #0c3287; color: #fff; text-decoration: none; text-align: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } .c-btn-entry:before { content: ''; display: inline-block } @media print, screen and (min-width: 641px) { .c-btn-entry { width: 220px; height: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 0 0 10px; font-size: 1.25rem; line-height: 1.36; letter-spacing: 0.02em; font-weight: bold; -webkit-transition: 0.4s opacity; transition: 0.4s opacity } .l-footer-foreign .c-btn-entry { width: 460px; } .c-btn-entry .c-btn-entry__en { font-family: 'Open Sans', sans-serif } .c-btn-entry .c-btn-entry__brackets { font-size: 1rem; font-weight: bold; display: inline-block; margin: 2px 0 0 4px } .c-btn-entry:before { position: absolute; top: 19px; left: 15px; width: 9px; height: 12px; background: url(/assets/images/jobs/icon-cursor-right.svg) no-repeat; background-size: cover } .c-btn-entry:hover { text-decoration: none; opacity: .6 } } @media screen and (max-width: 640px) { .c-btn-entry { width: 270px; height: 80px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 0 0 15px; font-size: 1.5rem; line-height: 1.13; letter-spacing: 0.02em } .c-btn-entry .c-btn-entry__en { font-family: 'Open Sans', sans-serif; font-weight: 600; letter-spacing: 0.06em } .c-btn-entry .c-btn-entry__brackets { font-size: 1.25rem; display: inline-block; margin: 2px 0 0 4px } .c-btn-entry:before { position: absolute; top: 33px; left: 20px; width: 9px; height: 12px; background: url(/assets/images/jobs/icon-cursor-right.svg) no-repeat; background-size: cover } } .c-btn-line--blue { display: block; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; color: #0c3287; text-decoration: none; letter-spacing: 0.05em; background: #fff } .c-btn-line--blue:before { content: ''; display: inline-block } @media print, screen and (min-width: 641px) { .c-btn-line--blue { width: 320px; height: 40px; padding-left: 10px; border: solid 1px #0c3287; font-size: 1rem; font-weight: bold; line-height: 1.36; -webkit-transition: 0.4s opacity; transition: 0.4s opacity } .c-btn-line--blue:before { position: absolute; left: 14px; top: 0; bottom: 0; margin: auto; width: 9px; height: 12px; background: url(/assets/images/common/icon-arrow-right-blue.svg) no-repeat; background-size: cover } .c-btn-line--blue:hover { text-decoration: none; opacity: .6 } } @media screen and (max-width: 640px) { .c-btn-line--blue { width: 460px; height: 60px; border: solid 2px #0c3287; font-size: 1.5rem; line-height: 1.25; font-weight: 500 } .c-btn-line--blue:before { position: absolute; left: 14px; top: 0; bottom: 0; margin: auto; width: 9px; height: 12px; background: url(/assets/images/common/icon-arrow-right-blue.svg) no-repeat; background-size: cover } } .c-link { color: #333; text-decoration: none; letter-spacing: 0.05em } @media print, screen and (min-width: 641px) { .c-link { font-size: .75rem; line-height: 1.71 } .c-link:hover { text-decoration: underline } } @media screen and (max-width: 640px) { .c-link { font-size: 1.5rem; line-height: 1.79 } } .c-link-text { color: #333; text-decoration: underline; letter-spacing: 0.05em } @media print, screen and (min-width: 641px) { .c-link-text { font-size: .875rem; line-height: 1.71 } .c-link-text:hover { text-decoration: none } } @media screen and (max-width: 640px) { .c-link-text { font-size: 1.75rem; line-height: 1.79 } } .c-link-text--nav { color: #333; text-decoration: none; letter-spacing: 0.05em } @media print, screen and (min-width: 641px) { .c-link-text--nav { font-size: .875rem } .c-link-text--nav:after { content: ''; display: block; height: 1px; margin: 1px auto 0 auto; background-color: #333; -webkit-transition: 0.4s all; transition: 0.4s all } .c-link-text--nav:hover { text-decoration: none } .c-link-text--nav:hover:after { background-color: rgba(51, 51, 51, 0) } } @media screen and (max-width: 640px) { .c-link-text--nav { font-size: 1.25rem } .c-link-text--nav:after { content: ''; display: block; height: 2px; margin: 4px auto 0 auto; background-color: #333 } } .c-link-text--blue { color: #0c3287; text-decoration: underline; letter-spacing: 0.01em } @media print, screen and (min-width: 641px) { .c-link-text--blue { font-size: .875rem; line-height: 2.0 } .c-link-text--blue:hover { text-decoration: none } } @media screen and (max-width: 640px) { .c-link-text--blue { font-size: 1.75rem; line-height: 1.79 } } .c-link-text---blue-small { color: #0c3287; text-decoration: underline; letter-spacing: 0.01em } @media print, screen and (min-width: 641px) { .c-link-text---blue-small { font-size: .75rem; line-height: 2.0 } .c-link-text---blue-small:hover { text-decoration: none } } @media screen and (max-width: 640px) { .c-link-text---blue-small { font-size: 1.5rem; line-height: 1.79 } } .c-link-text--blue-bold { color: #0c3287; font-weight: bold; text-decoration: underline; letter-spacing: 0.05em } @media print, screen and (min-width: 641px) { .c-link-text--blue-bold { font-size: 1rem; line-height: 1.6 } .c-link-text--blue-bold:hover { text-decoration: none } } @media screen and (max-width: 640px) { .c-link-text--blue-bold { font-size: 1.75rem; line-height: 1.79 } } .c-link-arrow { display: inline-block; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; color: #333; text-decoration: none; letter-spacing: 0.05em; text-align: left } .c-link-arrow:before { content: ''; display: inline-block } @media print, screen and (min-width: 641px) { .c-link-arrow { padding: 0 0 0 17px; font-size: .875rem; line-height: 1.4; -webkit-transition: 0.4s opacity; transition: 0.4s opacity } .c-link-arrow:before { position: absolute; top: 3px; left: 0; width: 9px; height: 12px; background: url(/assets/images/common/icon-arrow-right.svg) no-repeat; background-size: cover } .c-link-arrow:hover { text-decoration: none; opacity: .6 } } @media screen and (max-width: 640px) { .c-link-arrow { padding: 0 0 0 27px; font-size: 1.75rem; line-height: 1.4 } .c-link-arrow:before { position: absolute; top: 7px; left: 0; width: 19px; height: 24px; background: url(/assets/images/common/icon-arrow-right.svg) no-repeat; background-size: cover } } .c-link-arrow--right { display: inline-block; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; color: #333; text-decoration: none; letter-spacing: 0.05em; text-align: right } .c-link-arrow--right:before { content: ''; display: inline-block } @media print, screen and (min-width: 641px) { .c-link-arrow--right { padding: 0 17px 0 0; font-size: .875rem; line-height: 1.4; -webkit-transition: 0.4s opacity; transition: 0.4s opacity } .c-link-arrow--right:before { position: absolute; top: 3px; right: 0; width: 9px; height: 12px; background: url(/assets/images/common/icon-arrow-right.svg) no-repeat; background-size: cover } .c-link-arrow--right:hover { text-decoration: none; opacity: .6 } } @media screen and (max-width: 640px) { .c-link-arrow--right { padding: 0 29px 0 0; font-size: 1.75rem; line-height: 1.4 } .c-link-arrow--right:before { position: absolute; top: 7px; right: 0; width: 19px; height: 24px; background: url(/assets/images/common/icon-arrow-right.svg) no-repeat; background-size: cover } } .c-link-arrow--left { display: inline-block; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; color: #333; text-decoration: none; letter-spacing: 0.05em; text-align: left } .c-link-arrow--left:before { content: ''; display: inline-block } @media print, screen and (min-width: 641px) { .c-link-arrow--left { padding: 0 0 0 17px; font-size: .875rem; line-height: 1.4; -webkit-transition: 0.4s opacity; transition: 0.4s opacity } .c-link-arrow--left:before { position: absolute; top: 3px; left: 0; width: 9px; height: 12px; background: url(/assets/images/common/icon-arrow-left.svg) no-repeat; background-size: cover } .c-link-arrow--left:hover { text-decoration: none; opacity: .6 } } @media screen and (max-width: 640px) { .c-link-arrow--left { padding: 0 0 0 29px; font-size: 1.75rem; line-height: 1.4 } .c-link-arrow--left:before { position: absolute; top: 7px; left: 0; width: 19px; height: 24px; background: url(/assets/images/common/icon-arrow-left.svg) no-repeat; background-size: cover } } .c-link-pdf { display: inline-block; position: relative; color: #333; text-decoration: none; letter-spacing: 0.05em } .c-link-pdf:before { content: ''; display: inline-block } @media print, screen and (min-width: 641px) { .c-link-pdf { padding: 0 0 0 30px; font-size: .875rem; line-height: 2.0 } .c-link-pdf .c-link-pdf__text { text-decoration: underline } .c-link-pdf .c-link-pdf__text:hover { text-decoration: none } .c-link-pdf .c-link-pdf__capacity { padding-left: 5px } .c-link-pdf:before { position: absolute; top: 0; left: 0; width: 21px; height: 26px; background: url(/assets/images/common/icon-pdf.svg) no-repeat; background-size: cover } } @media screen and (max-width: 640px) { .c-link-pdf { padding: 0 0 0 60px; font-size: 1.75rem; line-height: 1.79 } .c-link-pdf .c-link-pdf__text { text-decoration: underline } .c-link-pdf .c-link-pdf__capacity { padding-left: 8px } .c-link-pdf:before { position: absolute; top: 0; left: 0; width: 42px; height: 52px; background: url(/assets/images/common/icon-pdf.svg) no-repeat; background-size: cover } } .c-link-tel { display: inline-block; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; color: #333; text-decoration: none; font-weight: 300; font-family: 'Open Sans', sans-serif; font-style: italic } .c-link-tel:before { content: ''; display: inline-block } @media print, screen and (min-width: 641px) { .c-link-tel { pointer-events: none; padding: 0 0 0 26px; font-size: 2.875rem; line-height: 1.35; letter-spacing: 0.07em } .c-link-tel:before { position: absolute; top: 20px; left: 0; width: 20px; height: 20px; background: url(/assets/images/common/icon-tel-black.svg) no-repeat; background-size: cover } } @media screen and (max-width: 640px) { .c-link-tel { padding: 0 0 0 41px; font-size: 4rem; line-height: 1.35; letter-spacing: 0.05em } .c-link-tel:before { position: absolute; top: 29px; left: 0; width: 29px; height: 29px; background: url(/assets/images/common/icon-tel-black.svg) no-repeat; background-size: cover } } .c-link-tel--simple { color: #333 } @media print, screen and (min-width: 641px) { .c-link-tel--simple { text-decoration: none; pointer-events: none } } @media screen and (max-width: 640px) { .c-link-tel--simple { text-decoration: underline } } .c-link-tel--white { display: inline-block; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; color: #fff; text-decoration: none; font-weight: 300; font-family: 'Open Sans', sans-serif; font-style: italic } .c-link-tel--white:before { content: ''; display: inline-block } @media print, screen and (min-width: 641px) { .c-link-tel--white { padding: 0 0 0 26px; pointer-events: none; font-size: 2.875rem; line-height: 1.35; letter-spacing: 0.05em } .c-link-tel--white:before { position: absolute; top: 20px; left: 0; width: 20px; height: 20px; background: url(/assets/images/common/icon-tel-white.svg) no-repeat; background-size: cover } } @media screen and (max-width: 640px) { .c-link-tel--white { padding: 0 0 0 41px; font-size: 4rem; line-height: 1.35; letter-spacing: 0.05em } .c-link-tel--white:before { position: absolute; top: 29px; left: 0; width: 29px; height: 29px; background: url(/assets/images/common/icon-tel-white.svg) no-repeat; background-size: cover } } .c-link-tel--white-large { display: inline-block; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; color: #fff; text-decoration: none; font-weight: 300; font-family: 'Open Sans', sans-serif; font-style: italic } .c-link-tel--white-large:before { content: ''; display: inline-block } @media print, screen and (min-width: 641px) { .c-link-tel--white-large { padding: 0 0 0 36px; pointer-events: none; font-size: 3.5rem; line-height: 1.35; letter-spacing: 0.03em } .c-link-tel--white-large:before { position: absolute; top: 29px; left: 0; width: 20px; height: 20px; background: url(/assets/images/common/icon-tel-white.svg) no-repeat; background-size: cover } } @media screen and (max-width: 640px) { .c-link-tel--white-large { padding: 0 0 0 41px; font-size: 4rem; line-height: 1.35; letter-spacing: 0.05em } .c-link-tel--white-large:before { position: absolute; top: 40px; left: 0; width: 29px; height: 29px; background: url(/assets/images/common/icon-tel-white.svg) no-repeat; background-size: cover } } .c-form-input { -webkit-box-sizing: border-box; box-sizing: border-box; background: #fff; outline: none } .c-form-input:-moz-placeholder-shown { color: #999999 } .c-form-input:-ms-input-placeholder { color: #999999 } .c-form-input:placeholder-shown { color: #999999 } .c-form-input::-webkit-input-placeholder { color: #999999 } .c-form-input:-ms-input-placeholder { color: #999999 } .c-form-input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px #fff inset } .c-form-input:focus { background: #e6eaf3 } .c-form-input.is-error { color: #f00039; background: #ffe2e2 } .c-form-input.is-error:-moz-placeholder-shown { color: #999999 } .c-form-input.is-error:-ms-input-placeholder { color: #999999 } .c-form-input.is-error:placeholder-shown { color: #999999 } .c-form-input.is-error::-webkit-input-placeholder { color: #999999 } .c-form-input.is-error:-ms-input-placeholder { color: #999999 } @media print, screen and (min-width: 641px) { .c-form-input { border: solid 1px #d6d6d6; width: 500px; height: 32px; padding: 0 10px 0 10px; font-size: .875rem; line-height: 1.4; letter-spacing: 0.01em } .c-form-input.is-wide { width: 240px } .c-form-input.is-mid { width: 240px } .c-form-input.is-mini { width: 150px } } @media screen and (max-width: 640px) { .c-form-input { border: solid 2px #d6d6d6; width: 520px; height: 80px; padding: 0 19px 0 19px; font-size: 1.75rem; line-height: 1.7; letter-spacing: 0.01em } .c-form-input.is-wide { width: 520px } .c-form-input.is-mid { width: 230px } .c-form-input.is-mini { width: 400px } } .c-form-radio { display: block; position: relative; cursor: pointer; zoom: 1; -webkit-box-sizing: border-box; box-sizing: border-box } .c-form-radio:after { content: ""; display: block; clear: both } .c-form-radio .c-form-radio__text { position: relative; display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box } .c-form-radio .c-form-radio__text:before { display: block; content: " "; background: #fff; border-radius: 50%; border: solid 1px #d6d6d6 } @media print, screen and (min-width: 641px) { .c-form-radio input[type="radio"] { display: none } .c-form-radio input[type="radio"]:checked+.c-form-radio__text:after { display: block; content: " "; position: absolute; top: 4px; left: 4px; width: 12px; height: 12px; background: #0c3287; border-radius: 50% } .c-form-radio input[type="radio"]:checked+input { display: block } .c-form-radio .c-form-radio__text { padding: 2px 0 0 30px; font-size: .875rem; line-height: 1.4 } .c-form-radio .c-form-radio__text:before { position: absolute; top: 0; left: 0; width: 20px; height: 20px; -webkit-box-sizing: border-box; box-sizing: border-box } } @media screen and (max-width: 640px) { .c-form-radio input[type="radio"] { display: none } .c-form-radio input[type="radio"]:checked+.c-form-radio__text:after { display: block; content: " "; position: absolute; top: 14px; left: 8px; width: 24px; height: 24px; background: #0c3287; border-radius: 50% } .c-form-radio input[type="radio"]:checked+input { display: block } .c-form-radio .c-form-radio__text { padding: 0 0 20px 50px; font-size: 1.75rem; line-height: 1.79 } .c-form-radio .c-form-radio__text:before { position: absolute; top: 6px; left: 0; width: 40px; height: 40px; -webkit-box-sizing: border-box; box-sizing: border-box } } .c-form-select { display: inline-block; position: relative } .c-form-select select { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; background: #fff; border-radius: 0; border: solid 1px #d6d6d6; outline: none; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none } .c-form-select select.is-error { color: #f00039; background: #ffe2e2 } .c-form-select select::-ms-expand { display: none } .c-form-select:after { display: block; content: " "; pointer-events: none } .c-form-select select.is-placeholder { color: #999999 } @media print, screen and (min-width: 641px) { .c-form-select.is-mini select { width: 130px; font-size: .75rem; line-height: 1.4 } .c-form-select.is-micro select { width: auto; min-width: 60px; font-size: .75rem; line-height: 1.4 } .c-form-select select { width: 150px; height: 32px; padding: 0 30px 0 10px; font-size: .875rem; line-height: 1.4 } .c-form-select:after { position: absolute; top: 50%; right: 11px; width: 12px; height: 9px; margin-top: -4px; background: url(/assets/images/common/icon-arrow-select.svg) 0 0 no-repeat; background-size: 12px 9px } } @media screen and (max-width: 640px) { .c-form-select.is-mini select { width: 170px; font-size: 1.25rem; line-height: 1.4 } .c-form-select.is-micro select { width: auto; min-width: 150px; font-size: 1.25rem; line-height: 1.4 } .c-form-select select { width: 400px; height: 80px; padding: 0 30px 0 10px; font-size: 1.75rem; line-height: 1.79 } .c-form-select:after { position: absolute; top: 50%; right: 22px; width: 24px; height: 19px; margin-top: -4px; background: url(/assets/images/common/icon-arrow-select.svg) 0 0 no-repeat; background-size: 24px 19px } } .c-form-textarea { -webkit-box-sizing: border-box; box-sizing: border-box; background: #fff; border: solid 1px #d6d6d6; outline: none; resize: none; display: block } .c-form-textarea:-moz-placeholder-shown { color: #999999 } .c-form-textarea:-ms-input-placeholder { color: #999999 } .c-form-textarea:placeholder-shown { color: #999999 } .c-form-textarea::-webkit-input-placeholder { color: #999999 } .c-form-textarea:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px #fff inset } .c-form-textarea:focus { background: #e6eaf3; font-size: 14px } .c-form-textarea.is-error { color: #f00039; background: #ffe2e2 } .c-form-textarea.is-error:-moz-placeholder-shown { color: #cc6666 } .c-form-textarea.is-error:-ms-input-placeholder { color: #cc6666 } .c-form-textarea.is-error:placeholder-shown { color: #cc6666 } .c-form-textarea.is-error::-webkit-input-placeholder { color: #cc6666 } .c-form-textarea.is-error:-ms-input-placeholder { color: #cc6666 } @media print, screen and (min-width: 641px) { .c-form-textarea { width: 500px; height: 132px; padding: 10px 10px 10px 10px; font-size: .875rem; line-height: 1.4 } } @media screen and (max-width: 640px) { .c-form-textarea { width: 520px; height: 300px; padding: 10px 10px 10px 10px; font-size: 1.75rem; line-height: 1.79 } } .c-form-checkbox { position: relative; display: inline-block; cursor: pointer; -webkit-box-sizing: border-box; box-sizing: border-box; color: #333; vertical-align: middle } .c-form-checkbox:before { content: " "; display: block; background-color: #ffffff; border: 1px solid #d6d6d6 } .c-form-checkbox input[type="checkbox"] { display: none } .c-form-checkbox input[type="checkbox"]:checked~span:before { content: " "; display: block; outline: none; border: none } @media print, screen and (min-width: 641px) { .c-form-checkbox { min-height: 20px; padding: 0 0 0 30px; font-size: .875rem; line-height: 1.7; color: #333 } .c-form-checkbox:before { position: absolute; top: 0; left: 0; width: 20px; height: 20px } .c-form-checkbox input[type="checkbox"]:checked~span:before { position: absolute; top: 6px; left: 4px; width: 14px; height: 11px; background: url(/assets/images/common/icon-checkbox.svg) 0 0 no-repeat } } @media screen and (max-width: 640px) { .c-form-checkbox { min-height: 40px; padding: 0 0 0 60px; font-size: 1.75rem; line-height: 1.7; letter-spacing: 0.01em } .c-form-checkbox:before { position: absolute; top: 0; left: 0; width: 40px; height: 40px } .c-form-checkbox input[type="checkbox"]:checked~span:before { position: absolute; top: 8px; left: 6px; width: 30px; height: 25px; background: url(/assets/images/common/icon-checkbox.svg) 0 0 no-repeat } } .c-form-error-text { position: relative; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: white; border: 2px solid #ff0000; color: #f00039 } @media print, screen and (min-width: 641px) { .c-form-error-text { padding: 18px 20px 16px 22px; margin: -20px auto 25px auto; font-size: .875rem; line-height: 1.7; letter-spacing: 0.01em; font-weight: bold } } @media screen and (max-width: 640px) { .c-form-error-text { padding: 18px 20px 16px 22px; margin: -10px auto 25px auto; font-size: 1.75rem; line-height: 1.7; letter-spacing: 0.01em; font-weight: bold } } .c-heading-main { -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; -webkit-font-kerning: auto; font-kerning: auto } @media print, screen and (min-width: 641px) { .c-heading-main { width: 100%; height: 260px; background: #e6eaf3 } .c-heading-main .c-heading-main__inner { display: block; width: 960px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 108px 0 0 0; margin: 0 auto 0 auto; font-size: 2.25rem; color: #fafafa; font-weight: bold; line-height: 1.2; letter-spacing: 0.05em } } @media screen and (max-width: 640px) { .c-heading-main { width: 100%; height: 300px; background: #e6eaf3 } .c-heading-main .c-heading-main__inner { display: block; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 114px 0 0 40px; font-size: 3.25rem; color: #fafafa; font-weight: bold; line-height: 1.2; letter-spacing: 0.06em } } .c-heading-main--2line { -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; -webkit-font-kerning: auto; font-kerning: auto } @media print, screen and (min-width: 641px) { .c-heading-main--2line { width: 100%; height: 260px; background: #e6eaf3 } .c-heading-main--2line .c-heading-main--2line__inner { display: block; width: 960px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 108px 0 0 0; margin: 0 auto 0 auto; font-size: 2.25rem; color: #fafafa; font-weight: bold; line-height: 1.2; letter-spacing: 0.05em } } @media screen and (max-width: 640px) { .c-heading-main--2line { width: 100%; height: 300px; background: #e6eaf3 } .c-heading-main--2line .c-heading-main--2line__inner { display: block; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 90px 0 0 40px; font-size: 3.25rem; color: #fafafa; font-weight: bold; line-height: 1.2; letter-spacing: 0.06em } } .c-heading-mainbg { -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; -webkit-font-kerning: auto; font-kerning: auto } @media print, screen and (min-width: 641px) { .c-heading-mainbg { width: 100%; height: 80px; background: #0c3287 } .c-heading-mainbg .c-heading-mainbg__inner { display: block; width: 960px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 18px 0 0 0; margin: 0 auto 0 auto; font-size: 2.25rem; color: #fafafa; font-weight: bold; line-height: 1.2; letter-spacing: 0.05em } .c-heading-mainbg__inner-sub {font-size: 1.125rem;} } @media screen and (max-width: 640px) { .c-heading-mainbg { width: 100%; height: 120px; background: #0c3287 } .c-heading-mainbg .c-heading-mainbg__inner { display: block; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 28px 0 0 40px; font-size: 3.25rem; color: #fafafa; font-weight: bold; line-height: 1.2; letter-spacing: 0.06em } .c-heading-mainbg__inner-sub {font-size: 1.625rem; display: block;}} } .c-heading-enjp { -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; -webkit-font-kerning: auto; font-kerning: auto } @media print, screen and (min-width: 641px) { .c-heading-enjp { font-style: normal; font-size: 1.625rem; color: #fff; line-height: 1.6; letter-spacing: 0.05em; text-align: center } .c-heading-enjp span { display: block; padding-bottom: 4px; font-family: 'Open Sans', sans-serif; font-style: italic; font-size: 3.5rem; color: #fff; font-weight: 300; line-height: 1.1; letter-spacing: 0.05em; text-align: center } } @media screen and (max-width: 640px) { .c-heading-enjp { font-style: normal; font-size: 1.625rem; color: #fff; line-height: 1.6; letter-spacing: 0.05em; text-align: center } .c-heading-enjp span { display: block; padding-bottom: 4px; font-family: 'Open Sans', sans-serif; font-style: italic; font-size: 3.75rem; color: #fff; font-weight: 300; line-height: 1.1; letter-spacing: 0.05em; text-align: center } } .c-heading { -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; -webkit-font-kerning: auto; font-kerning: auto } @media print, screen and (min-width: 641px) { .c-heading { font-size: 1.5rem; color: #333; line-height: 1.4; letter-spacing: 0.05em } } @media screen and (max-width: 640px) { .c-heading { font-size: 2.25rem; color: #333; line-height: 1.4; letter-spacing: 0.05em } } .c-heading--small { -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; -webkit-font-kerning: auto; font-kerning: auto } @media print, screen and (min-width: 641px) { .c-heading--small { font-size: 1.375rem; color: #333; line-height: 1.36; letter-spacing: 0.05em } } @media screen and (max-width: 640px) { .c-heading--small { font-size: 1.875rem; color: #333; line-height: 1.2; letter-spacing: 0.05em } } .c-heading--small-center { -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; -webkit-font-kerning: auto; font-kerning: auto } @media print, screen and (min-width: 641px) { .c-heading--small-center { font-size: 1.375rem; color: #333; line-height: 1.36; letter-spacing: 0.05em; text-align: center } } @media screen and (max-width: 640px) { .c-heading--small-center { font-size: 1.875rem; color: #333; line-height: 1.2; letter-spacing: 0.05em; text-align: center } } .c-heading--bold { -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; -webkit-font-kerning: auto; font-kerning: auto } @media print, screen and (min-width: 641px) { .c-heading--bold { font-size: .875rem; color: #333; font-weight: bold; line-height: 1.4; letter-spacing: 0.05em } } @media screen and (max-width: 640px) { .c-heading--bold { font-size: 1.75rem; color: #333; font-weight: bold; line-height: 1.78; letter-spacing: 0.05em } } .c-heading--blue { -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; -webkit-font-kerning: auto; font-kerning: auto } @media print, screen and (min-width: 641px) { .c-heading--blue { font-size: 1.5rem; color: #0c3287; line-height: 1.4; letter-spacing: 0.05em } } @media screen and (max-width: 640px) { .c-heading--blue { font-size: 2.25rem; color: #0c3287; line-height: 1.4; letter-spacing: 0.05em } } .c-heading--blue-large { -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; -webkit-font-kerning: auto; font-kerning: auto } @media print, screen and (min-width: 641px) { .c-heading--blue-large { font-size: 2rem; color: #0c3287; line-height: 1.6; letter-spacing: 0.05em } } @media screen and (max-width: 640px) { .c-heading--blue-large { font-size: 3rem; color: #0c3287; line-height: 1.6; letter-spacing: 0.05em } } .c-heading--blue-medium { -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; -webkit-font-kerning: auto; font-kerning: auto } @media print, screen and (min-width: 641px) { .c-heading--blue-medium { font-size: 1.75rem; color: #0c3287; line-height: 1.6; letter-spacing: 0.05em; font-weight: 600 } } @media screen and (max-width: 640px) { .c-heading--blue-medium { font-size: 3rem; color: #0c3287; line-height: 1.6; letter-spacing: 0.05em } } .c-heading--blue-bold { -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; -webkit-font-kerning: auto; font-kerning: auto } @media print, screen and (min-width: 641px) { .c-heading--blue-bold { font-size: 1.5rem; color: #0c3287; font-weight: bold; line-height: 1.4; letter-spacing: 0.05em } } @media screen and (max-width: 640px) { .c-heading--blue-bold { font-size: 2.25rem; color: #0c3287; font-weight: bold; line-height: 1.4; letter-spacing: 0.05em } } .c-heading--blue-bold-medium { -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; -webkit-font-kerning: auto; font-kerning: auto } @media print, screen and (min-width: 641px) { .c-heading--blue-bold-medium { font-size: 1.625rem; color: #0c3287; font-weight: bold; line-height: 1.6; letter-spacing: 0.05em } } @media screen and (max-width: 640px) { .c-heading--blue-bold-medium { font-size: 2.25rem; color: #0c3287; font-weight: bold; line-height: 1.78; letter-spacing: 0.05em } } .c-heading--blue-bold-large { -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; -webkit-font-kerning: auto; font-kerning: auto } @media print, screen and (min-width: 641px) { .c-heading--blue-bold-large { font-size: 2rem; color: #0c3287; font-weight: bold; line-height: 2.0; letter-spacing: 0.05em; text-align: center } } @media screen and (max-width: 640px) { .c-heading--blue-bold-large { font-size: 2.25rem; color: #0c3287; font-weight: bold; line-height: 1.78; letter-spacing: 0.05em; text-align: center } } .c-heading--white { -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; -webkit-font-kerning: auto; font-kerning: auto } @media print, screen and (min-width: 641px) { .c-heading--white { font-size: 1.5rem; color: #fff; line-height: 1.4; letter-spacing: 0.05em; text-align: center } } @media screen and (max-width: 640px) { .c-heading--white { font-size: 2.25rem; color: #fff; line-height: 1.4; letter-spacing: 0.05em; text-align: center } } .c-heading--white-large { -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; -webkit-font-kerning: auto; font-kerning: auto } @media print, screen and (min-width: 641px) { .c-heading--white-large { font-size: 2rem; color: #fff; line-height: 1.6; letter-spacing: 0.05em; text-align: center } } @media screen and (max-width: 640px) { .c-heading--white-large { font-size: 2.125rem; color: #fff; line-height: 1.6; letter-spacing: 0.05em; text-align: center } } .c-heading--white-bold { -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; -webkit-font-kerning: auto; font-kerning: auto } @media print, screen and (min-width: 641px) { .c-heading--white-bold { font-size: 2rem; color: #fff; font-weight: bold; line-height: 1.6; letter-spacing: 0.05em } } @media screen and (max-width: 640px) { .c-heading--white-bold { font-size: 2.25rem; color: #fff; font-weight: bold; line-height: 1.78; letter-spacing: 0.05em } } .c-heading-bg { -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; -webkit-font-kerning: auto; font-kerning: auto } @media print, screen and (min-width: 641px) { .c-heading-bg { width: 100%; height: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 20px 0 20px; background: #333; font-size: 1.625rem; color: #fff; line-height: 1.9; letter-spacing: 0.05em } } @media screen and (max-width: 640px) { .c-heading-bg { width: 100%; height: 70px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 20px 0 20px; background: #333; font-size: 2.25rem; color: #fff; line-height: 1.86; letter-spacing: 0.05em } } .c-heading-bg--blue { -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; -webkit-font-kerning: auto; font-kerning: auto } @media print, screen and (min-width: 641px) { .c-heading-bg--blue { width: 100%; height: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 20px 0 20px; background: #0c3287; font-size: 1.625rem; color: #fff; font-weight: bold; line-height: 1.9; letter-spacing: 0.05em; text-align: center } } @media screen and (max-width: 640px) { .c-heading-bg--blue { width: 100%; height: 60px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 15px 0 15px; background: #0c3287; font-size: 2.25rem; color: #fff; font-weight: bold; line-height: 1.7; letter-spacing: 0.05em; text-align: center } } .c-heading-bg--blue-arrow { -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; -webkit-font-kerning: auto; font-kerning: auto } @media print, screen and (min-width: 641px) { .c-heading-bg--blue-arrow { position: relative; min-height: 105px } .c-heading-bg--blue-arrow span { display: block; position: absolute; top: 55px; left: 0; width: 100%; height: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 20px 0 20px; background: #0c3287; font-size: 1.625rem; color: #fff; font-weight: bold; line-height: 1.9; letter-spacing: 0.05em; text-align: center } .c-heading-bg--blue-arrow:before { content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; margin: auto; width: 28px; height: 36px; background: url(/assets/images/service/icon-arrow-down.svg) no-repeat; background-size: cover } } @media screen and (max-width: 640px) { .c-heading-bg--blue-arrow { position: relative; min-height: 164px } .c-heading-bg--blue-arrow span { display: block; position: absolute; top: 92px; left: 0; width: 100%; height: 60px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 15px 0 15px; background: #0c3287; font-size: 2.25rem; color: #fff; font-weight: bold; line-height: 1.7; letter-spacing: 0.05em; text-align: center } .c-heading-bg--blue-arrow:before { content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; margin: auto; width: 56px; height: 72px; background: url(/assets/images/service/icon-arrow-down.svg) no-repeat; background-size: cover } } .c-heading-bg--white { -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; -webkit-font-kerning: auto; font-kerning: auto } @media print, screen and (min-width: 641px) { .c-heading-bg--white { width: 100%; height: 40px; background: #fff; font-size: 2rem; color: #0c3287; font-weight: bold; line-height: 1.3; letter-spacing: 0.05em; text-align: center } } @media screen and (max-width: 640px) { .c-heading-bg--white { width: 100%; height: 60px; background: #fff; font-size: 2.25rem; color: #0c3287; font-weight: bold; line-height: 1.7; letter-spacing: 0.05em; text-align: center } } .c-heading-number { -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; -webkit-font-kerning: auto; font-kerning: auto } @media print, screen and (min-width: 641px) { .c-heading-number { font-size: 2rem; color: #0c3287; line-height: 1.6; letter-spacing: 0.05em } .c-heading-number span { font-family: 'Open Sans', sans-serif; font-style: italic; font-size: 2rem; color: #0c3287; font-weight: 400; line-height: 1.6; letter-spacing: 0.05em } } @media screen and (max-width: 640px) { .c-heading-number { font-size: 3rem; color: #0c3287; line-height: 1.54; letter-spacing: 0.05em } .c-heading-number span { font-family: 'Open Sans', sans-serif; font-style: italic; font-size: 3rem; color: #0c3287; font-weight: 400; line-height: 1.54; letter-spacing: 0.05em } } .c-heading-qa { -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; -webkit-font-kerning: auto; font-kerning: auto } @media print, screen and (min-width: 641px) { .c-heading-qa { position: relative; width: 960px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 4px 0 0 50px; font-size: 1.4rem; color: #333; line-height: 1.4; letter-spacing: 0.08em } .c-heading-qa span { display: inline-block; position: absolute; top: 5px; left: 0; min-width: 34px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 0 2px 1px; background: #0c3287; font-family: 'Open Sans', sans-serif; font-style: italic; font-size: 2rem; color: #fff; font-weight: 300; line-height: 1.0; letter-spacing: 0.05em; text-align: center } } @media screen and (max-width: 640px) { .c-heading-qa { position: relative; width: 560px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 0 0 94px; font-size: 2.25rem; color: #333; line-height: 1.78; letter-spacing: 0.05em } .c-heading-qa span { display: inline-block; position: absolute; top: 14px; left: 0; min-width: 68px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 0 4px 2px; background: #0c3287; font-family: 'Open Sans', sans-serif; font-style: italic; font-size: 4rem; color: #fff; font-weight: 300; line-height: 1.0; letter-spacing: 0.05em; text-align: center } } .c-heading-step { -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; -webkit-font-kerning: auto; font-kerning: auto } @media print, screen and (min-width: 641px) { .c-heading-step { position: relative; width: 120px; height: 65px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 4px 0 0 0; background: url(/assets/images/common/bg-step.svg) no-repeat; font-family: 'Open Sans', sans-serif; font-style: italic; font-size: 1.625rem; color: #0c3287; font-weight: 300; line-height: 1.6; letter-spacing: 0.05em; text-align: center } } @media screen and (max-width: 640px) { .c-heading-step { position: relative; width: 170px; height: 93px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 6px 0 0 0; margin-bottom: 12px; background: url(/assets/images/common/bg-step.svg) no-repeat; font-family: 'Open Sans', sans-serif; font-style: italic; font-size: 2.25rem; color: #0c3287; font-weight: 300; line-height: 1.6; letter-spacing: 0.05em; text-align: center } } .c-heading-step--title { -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; -webkit-font-kerning: auto; font-kerning: auto } @media print, screen and (min-width: 641px) { .c-heading-step--title { position: relative; min-height: 65px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 5px 0 0 130px; font-size: 1.5rem; color: #333; line-height: 1.4; letter-spacing: 0.05em } .c-heading-step--title span { display: inline-block; position: absolute; top: 0; left: 0; width: 120px; height: 65px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 4px 0 0 0; background: url(/assets/images/common/bg-step.svg) no-repeat; font-family: 'Open Sans', sans-serif; font-style: italic; font-size: 1.625rem; color: #0c3287; font-weight: 300; line-height: 1.6; letter-spacing: 0.05em; text-align: center } } @media screen and (max-width: 640px) { .c-heading-step--title { position: relative; font-size: 2.25rem; color: #333; line-height: 1.4; letter-spacing: 0.05em } .c-heading-step--title span { display: block; width: 170px; height: 93px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 6px 0 0 0; margin-bottom: 12px; background: url(/assets/images/common/bg-step.svg) no-repeat; font-family: 'Open Sans', sans-serif; font-style: italic; font-size: 2.25rem; color: #0c3287; font-weight: 300; line-height: 1.6; letter-spacing: 0.05em; text-align: center } } @media print, screen and (min-width: 641px) { .c-heading-form { font-size: .875rem; font-weight: bold; line-height: 1.71; letter-spacing: 0.01em } } @media screen and (max-width: 640px) { .c-heading-form { font-size: 1.75rem; font-weight: bold; line-height: 1.4; letter-spacing: 0.01em } } @media print, screen and (min-width: 641px) { .c-heading-form--blue { font-size: .875rem; color: #0c3287; font-weight: bold; line-height: 1.71; letter-spacing: 0.01em } } @media screen and (max-width: 640px) { .c-heading-form--blue { font-size: 1.75rem; color: #0c3287; font-weight: bold; line-height: 1.4; letter-spacing: 0.01em } } @media print, screen and (min-width: 641px) { .c-heading-flow { font-size: 1.75rem; color: #000; font-weight: 600; line-height: 1.65; letter-spacing: 0.02em } .c-heading-flow span { display: inline-block; width: 38px; height: 38px; -webkit-box-sizing: border-box; box-sizing: border-box; margin-right: 10px; line-height: 1.5; vertical-align: top; margin-top: 5px; text-align: center; font-size: 1.375rem; color: #0c3287; font-family: 'Open Sans', sans-serif; font-weight: 700; font-style: italic; background: #fff; border-radius: 50%; border: 2px solid #0c3287 } } @media screen and (max-width: 640px) { .c-heading-flow { position: relative; font-size: 3rem; color: #000; line-height: 1.4; letter-spacing: 0.005em; font-weight: 600; padding: 0 0 0 78px } .c-heading-flow span { display: inline-block; width: 60px; height: 60px; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; top: 0; left: 0; margin-right: 18px; padding-top: 5px; text-align: center; font-size: 2.125rem; color: #0c3287; font-family: 'Open Sans', sans-serif; font-weight: 700; font-style: italic; background: #fff; border-radius: 50%; border: 2px solid #0c3287 } } @media print, screen and (min-width: 641px) { .c-heading-faq { font-size: 1.125rem; color: #000; font-weight: bold; line-height: 1.6; letter-spacing: 0.02em } .c-heading-faq span { display: inline-block; width: 38px; height: 38px; -webkit-box-sizing: border-box; box-sizing: border-box; margin-right: 12px; text-align: center; font-size: 1.375rem; color: #fff; font-family: 'Open Sans', sans-serif; font-weight: 700; font-style: italic; background: #0c3287; border-radius: 50% } } @media screen and (max-width: 640px) { .c-heading-faq { position: relative; font-size: 2.25rem; color: #000; line-height: 1.4; letter-spacing: 0.025em; font-weight: 600; padding: 4px 0 0 78px } .c-heading-faq span { display: inline-block; width: 60px; height: 60px; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; top: 0; left: 0; margin-right: 18px; padding-top: 5px; text-align: center; font-size: 2.063rem; color: #fff; font-family: 'Open Sans', sans-serif; font-weight: 700; font-style: italic; background: #0c3287; border-radius: 50% } } @media print, screen and (min-width: 641px) { .c-list .c-list__item { font-size: .875rem; line-height: 2.0; letter-spacing: 0.01em; text-indent: -1rem; padding: 0 0 0 1rem; margin-bottom: 1px } } @media screen and (max-width: 640px) { .c-list .c-list__item { font-size: 1.75rem; line-height: 1.8; letter-spacing: 0.01em; text-indent: -2.2rem; padding: 0 0 0 2.2rem; margin-bottom: 4px } } @media print, screen and (min-width: 641px) { .c-media-message { font-size: .875rem; line-height: 2.0; letter-spacing: 0.01em } .c-media-message img { width: 160px; height: auto; margin-left: 24px } } @media screen and (max-width: 640px) { .c-media-message { font-size: 1.75rem; line-height: 1.79; letter-spacing: 0.01em } .c-media-message img { width: 240px; height: auto; margin-left: 42px } } .c-media-symbol img { width: 256px; height: auto; margin-bottom: 40px } @media print, screen and (min-width: 641px) { .c-media-symbol { font-size: 1rem; font-weight: bold; line-height: 2.0; letter-spacing: 0.01em; text-align: center } .c-media-symbol .is-sp { display: none } } @media screen and (max-width: 640px) { .c-media-symbol { font-size: 1.75rem; font-weight: bold; line-height: 1.79; letter-spacing: 0.01em; text-align: center } } .c-table thead .c-table__th-head, .c-table thead .c-table__th { color: #0c3287; font-weight: bold; letter-spacing: 0.01em; text-align: left; vertical-align: middle } .c-table tbody .c-table__th { color: #0c3287; font-weight: bold; letter-spacing: 0.01em; text-align: left; vertical-align: middle } .c-table tbody .c-table__td { letter-spacing: 0.01em; text-align: right; vertical-align: middle } @media print, screen and (min-width: 641px) { .c-table thead .c-table__th-head, .c-table thead .c-table__th { font-size: .875rem; line-height: 1.43 } .c-table tbody .c-table__th { font-size: .875rem; line-height: 1.71 } .c-table tbody .c-table__td { font-size: .875rem; line-height: 1.71 } } @media screen and (max-width: 640px) { .c-table thead .c-table__th-head { font-size: 1.75rem; line-height: 1.21 } .c-table thead .c-table__th { font-size: 1.5rem; line-height: 1.25 } .c-table tbody .c-table__th { font-size: 1.75rem; line-height: 1.79 } .c-table tbody .c-table__td { font-size: 1.75rem; line-height: 1.79 } } @media print, screen and (min-width: 641px) { .c-table-flatfare { width: 100%; border-top: 1px solid #d6d6d6 } .c-table-flatfare thead .c-table__th-head, .c-table-flatfare thead .c-table__th { color: #0c3287; font-weight: bold; letter-spacing: 0.01em; text-align: left; vertical-align: middle } .c-table-flatfare thead .c-table__th-head, .c-table-flatfare thead .c-table__th { width: 20%; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: .875rem; line-height: 1.43; background: #e6eaf3; padding: 7px 5px 5px 19px; border-bottom: 1px solid #d6d6d6 } .c-table-flatfare thead .c-table__th { border-left: 1px solid #d6d6d6 } .c-table-flatfare tbody .c-table__th { color: #0c3287; font-weight: bold; letter-spacing: 0.01em; text-align: left; vertical-align: middle } .c-table-flatfare tbody .c-table__td { letter-spacing: 0.01em; text-align: right; vertical-align: middle } .c-table-flatfare tbody .c-table__th { width: 20%; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: .875rem; line-height: 1.6; padding: 16px 20px 14px 19px; border-bottom: 1px solid #d6d6d6 } .c-table-flatfare tbody .c-table__td { width: 20%; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: .875rem; line-height: 1.6; padding: 16px 20px 14px 19px; border-bottom: 1px solid #d6d6d6; border-left: 1px solid #d6d6d6 } } @media screen and (max-width: 640px) { .c-table-flatfare { width: 100%; border-top: 2px solid #d6d6d6 } .c-table-flatfare thead .c-table__th-head, .c-table-flatfare thead .c-table__th { color: #0c3287; font-weight: bold; letter-spacing: 0.01em; text-align: left; vertical-align: middle } .c-table-flatfare thead .c-table__th-head { padding: 20px 15px 10px 15px; font-size: 1.75rem; line-height: 1.2; background: #e6eaf3 } .c-table-flatfare thead .c-table__th { padding: 2px 15px 17px 15px; font-size: 1.5rem; line-height: 1.25; background: #e6eaf3; vertical-align: top } .c-table-flatfare tbody .c-table__th { padding: 11px 20px 0 20px; font-size: 1.75rem; line-height: 1.6; color: #0c3287; font-weight: bold; letter-spacing: 0.01em; text-align: left; vertical-align: middle } .c-table-flatfare tbody .c-table__td { width: 25%; border-bottom: 2px solid #d6d6d6; padding: 0 0 11px 0; font-size: 1.75rem; line-height: 1.6; letter-spacing: 0.01em; text-align: center; vertical-align: middle; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; -webkit-font-kerning: auto; font-kerning: auto } } .c-table-dl .c-table-dl__th { color: #0c3287; font-weight: bold; letter-spacing: 0.01em; text-align: left; vertical-align: middle } .c-table-dl .c-table-dl__td { letter-spacing: 0.01em; text-align: left; vertical-align: middle } @media print, screen and (min-width: 641px) { .c-table-dl .c-table-dl__th { font-size: .875rem; line-height: 1.71 } .c-table-dl .c-table-dl__td { font-size: .875rem; line-height: 1.71 } } @media screen and (max-width: 640px) { .c-table-dl .c-table-dl__th { font-size: 1.75rem; line-height: 1.79 } .c-table-dl .c-table-dl__td { font-size: 1.75rem; line-height: 1.79 } } .c-table-thtop { width: 100% } .c-table-thtop .c-table-thtop__th { background: #e6eaf3; color: #0c3287; font-weight: bold; letter-spacing: 0.01em; text-align: left; vertical-align: middle } .c-table-thtop .c-table-thtop__td { letter-spacing: 0.01em; text-align: left; vertical-align: middle } @media print, screen and (min-width: 641px) { .c-table-thtop { border-top: 1px solid #d6d6d6 } .c-table-thtop .c-table-thtop__th { font-size: .875rem; line-height: 1.71; padding: 15px 20px 13px 20px; border-bottom: 1px solid #d6d6d6 } .c-table-thtop .c-table-thtop__th:nth-child(1) { border-right: 1px solid #d6d6d6 } .c-table-thtop .c-table-thtop__td { font-size: .875rem; line-height: 1.71; padding: 15px 20px 13px 20px; border-bottom: 1px solid #d6d6d6 } .c-table-thtop .c-table-thtop__td:nth-child(1) { border-right: 1px solid #d6d6d6 } } @media screen and (max-width: 640px) { .c-table-thtop { border-bottom: 2px solid #d6d6d6 } .c-table-thtop .c-table-thtop__th { display: block; font-size: 1.75rem; line-height: 1.79; padding: 11px 20px 10px 20px; border-top: 2px solid #d6d6d6 } .c-table-thtop .c-table-thtop__td { display: block; font-size: 1.75rem; line-height: 1.79; padding: 11px 20px 10px 20px } } .c-table-thleft .c-table-thleft__th { background: #e6eaf3; color: #0c3287; font-weight: bold; letter-spacing: 0.01em; text-align: left; vertical-align: middle } .c-table-thleft .c-table-thleft__td { letter-spacing: 0.01em; text-align: left; vertical-align: middle } @media print, screen and (min-width: 641px) { .c-table-thleft { width: 100%; border-top: 1px solid #d6d6d6 } .c-table-thleft .c-table-thleft__th { width: 220px; padding: 15px 20px 14px 20px; border-bottom: 1px solid #d6d6d6; font-size: .875rem; line-height: 1.71 } .c-table-thleft .c-table-thleft__td { padding: 15px 20px 14px 22px; border-bottom: 1px solid #d6d6d6; font-size: .875rem; line-height: 1.71; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; -webkit-font-kerning: auto; font-kerning: auto; letter-spacing: 0.05em } .c-table-thleft .c-table-thleft__td span { font-size: .75rem; line-height: 2.0; margin-left: 1.5em } } @media screen and (max-width: 640px) { .c-table-thleft { width: 100%; border-bottom: 2px solid #d6d6d6 } .c-table-thleft .c-table-thleft__th { display: block; border-top: 2px solid #d6d6d6; padding: 10px 20px 8px 20px; font-size: 1.75rem; line-height: 1.79 } .c-table-thleft .c-table-thleft__td { display: block; padding: 10px 20px 10px 20px; font-size: 1.75rem; line-height: 1.79 } .c-table-thleft .c-table-thleft__td span { display: block; font-size: 1.5rem; line-height: 1.67 } } @media print, screen and (min-width: 641px) { .c-table-recruit { width: 960px; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; border-top: 1px solid #d6d6d6 } .c-table-recruit .c-table-recruit__th { width: 160px; padding: 20px 20px 18px 20px; background: #e6eaf3; border-bottom: 1px solid #d6d6d6; color: #0c3287; font-size: 0.875em; font-weight: bold; text-align: left; line-height: 1.8; vertical-align: top } .c-table-recruit .c-table-recruit__td { padding: 20px 20px 18px 20px; font-size: 0.875em; line-height: 1.8; border-bottom: 1px solid #d6d6d6 } .c-table-recruit .c-table-recruit__item { width: 320px; float: left } .c-table-recruit .c-table-recruit__item:first-child { width: 390px } .c-table-recruit .c-table-recruit__item h4 { font-weight: bold; padding-bottom: 0.2em } } @media screen and (max-width: 640px) { .c-table-recruit { width: 560px; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; border-bottom: 2px solid #d6d6d6 } .c-table-recruit .c-table-recruit__th { display: block; border-top: 2px solid #d6d6d6; width: 560px; padding: 10px 18px 8px 18px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 1.75rem; font-weight: 600; letter-spacing: 0.05em; background: #e6eaf3; color: #0c3287; text-align: left; line-height: 1.8; vertical-align: top } .c-table-recruit .c-table-recruit__td { display: block; padding: 14px 18px 22px 18px; font-size: 1.75rem; line-height: 1.8; color: #333 } .c-table-recruit .c-table-recruit__item:first-child { margin-bottom: 1em } .c-table-recruit .c-table-recruit__item h4 { font-weight: bold } } @media print, screen and (min-width: 641px) { .c-text { font-size: .875rem; line-height: 2.0; letter-spacing: 0.01em } } @media screen and (max-width: 640px) { .c-text { font-size: 1.75rem; line-height: 1.79; letter-spacing: 0.01em } } @media print, screen and (min-width: 641px) { .c-text--bold { font-size: .875rem; font-weight: bold; line-height: 2.0; letter-spacing: 0.01em } } @media screen and (max-width: 640px) { .c-text--bold { font-size: 1.75rem; font-weight: bold; line-height: 1.79; letter-spacing: 0.01em } } @media print, screen and (min-width: 641px) { .c-text--medium { font-size: 1rem; line-height: 2.0; letter-spacing: 0.05em } } @media screen and (max-width: 640px) { .c-text--medium { font-size: 1.75rem; line-height: 1.79; letter-spacing: 0.05em } } @media print, screen and (min-width: 641px) { .c-text--medium-bold { font-size: 1rem; font-weight: bold; line-height: 2.0; letter-spacing: 0.05em } } @media screen and (max-width: 640px) { .c-text--medium-bold { font-size: 1.75rem; line-height: 1.79; letter-spacing: 0.05em } } @media print, screen and (min-width: 641px) { .c-text--large { font-size: 1.375rem; line-height: 1.36; letter-spacing: 0.05em } } @media screen and (max-width: 640px) { .c-text--large { font-size: 1.875rem; line-height: 1.2; letter-spacing: 0.05em } } @media print, screen and (min-width: 641px) { .c-text--small { font-size: .875rem; line-height: 2.0; letter-spacing: 0.01em } } @media screen and (max-width: 640px) { .c-text--small { font-size: 1.5rem; line-height: 1.67; letter-spacing: 0.01em } } @media print, screen and (min-width: 641px) { .c-text--little { font-size: .75rem; line-height: 2.0; letter-spacing: 0.01em } } @media screen and (max-width: 640px) { .c-text--little { font-size: 1.5rem; line-height: 1.67; letter-spacing: 0.01em } } @media print, screen and (min-width: 641px) { .c-text--bold { font-size: .875rem; font-weight: bold; line-height: 2.0; letter-spacing: 0.05em } } @media screen and (max-width: 640px) { .c-text--bold { font-size: 1.75rem; font-weight: bold; line-height: 1.79; letter-spacing: 0.05em } } @media print, screen and (min-width: 641px) { .c-text--white { font-size: 1rem; color: #fff; line-height: 2.0; letter-spacing: 0.05em } .c-text--white .is-sp { display: none } } @media screen and (max-width: 640px) { .c-text--white { font-size: 1.5rem; color: #fff; line-height: 1.67; letter-spacing: 0.05em } .c-text--white .is-pc { display: none } } @media print, screen and (min-width: 641px) { .c-text--white-huge { font-size: 2.25rem; color: #fff; line-height: 1.67; letter-spacing: 0.05em; text-align: right } } @media screen and (max-width: 640px) { .c-text--white-huge { font-size: 2.25rem; color: #fff; line-height: 1.67; letter-spacing: 0.05em; text-align: right } } @media print, screen and (min-width: 641px) { .c-text--white-large { font-size: 2rem; color: #fff; font-weight: bold; line-height: 1.94; letter-spacing: 0.05em } } @media screen and (max-width: 640px) { .c-text--white-large { font-size: 2.125rem; color: #fff; font-weight: bold; line-height: 1.83; letter-spacing: 0.05em } } @media print, screen and (min-width: 641px) { .c-text--white-small-center { font-size: .875rem; color: #fff; font-weight: bold; line-height: 2.0; letter-spacing: 0.14em; text-align: center } } @media screen and (max-width: 640px) { .c-text--white-small-center { font-size: 1.5rem; color: #fff; line-height: 1.67; letter-spacing: 0.14em; text-align: center } } @media print, screen and (min-width: 641px) { .c-text--blue-huge { font-size: 1.5rem; color: #0c3287; line-height: 1.17; letter-spacing: 0.01em } } @media screen and (max-width: 640px) { .c-text--blue-huge { font-size: 2.25rem; color: #0c3287; line-height: 1.78; letter-spacing: 0.01em } } @media print, screen and (min-width: 641px) { .c-text-copy { font-family: 'Open Sans', sans-serif; font-style: italic; font-size: 3.5rem; color: #fff; font-weight: 400; line-height: 1.11; letter-spacing: 0.05em; text-align: right } .c-text-copy .is-sp { display: none } } @media screen and (max-width: 640px) { .c-text-copy { font-family: 'Open Sans', sans-serif; font-style: italic; font-size: 3.5rem; color: #fff; font-weight: 400; line-height: 1.25; letter-spacing: 0.05em; text-align: right } } @media print, screen and (min-width: 641px) { .c-text-annotation--red { font-size: .875rem; color: #f00039; font-weight: bold; line-height: 1.71; letter-spacing: 0.01em } } @media screen and (max-width: 640px) { .c-text-annotation--red { font-size: 1.75rem; color: #f00039; font-weight: bold; line-height: 1.4; letter-spacing: 0.01em } } .c-text-error { color: #f00039; font-weight: bold; display: block } @media print, screen and (min-width: 641px) { .c-text-error { font-size: .875rem; line-height: 1.7; letter-spacing: 0.01em; margin: 2px 0 -4px 0 } } @media screen and (max-width: 640px) { .c-text-error { font-size: 1.75rem; line-height: 1.7; letter-spacing: 0.01em } } @media print, screen and (min-width: 641px) { .p-content-index .c-text--white { text-align: center } .p-content-index .p-content-index__section { position: relative; zoom: 1; border-bottom: 8px solid #fff000 } .p-content-index .p-content-index__section:after { content: ""; display: block; clear: both } .p-content-index .p-content-index__main { display: block; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; min-height: 482px } .p-content-index .p-content-index__main .p-content-index__main-item { display: block; position: relative; width: 100%; vertical-align: top } .p-content-index .p-content-index__main .p-content-index__main-item .p-content-index__main-pict { width: 100%; height: auto } .p-content-index .p-content-index__bnr { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 20px 0 20px 0; background: #fff000; letter-spacing: -0.4em; text-align: center } .p-content-index .p-content-index__bnr .p-content-index__item { display: inline-block; letter-spacing: normal; margin: 0 5px 0 5px; width: 232px } .p-content-index .p-content-index__bnr .p-content-index__item img { width: 100%; height: auto } .p-content-index .p-content-index__about { position: relative; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom: 8px solid #fff000 } .p-content-index .p-content-index__about .p-content-index__content { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 960px; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; margin: auto; padding: 25% 0 0 0 } .p-content-index .p-content-index__about .p-content-index__content .c-heading-enjp { margin-bottom: 41px; margin-top: -160px } .p-content-index .p-content-index__about .p-content-index__content .c-btn-line { position: absolute; bottom: 40px; left: 0; right: 0; margin: auto; width: 100%; max-width: 904px } .p-content-index .p-content-index__about .p-content-index__bgpict { width: 100%; height: auto } .p-content-index .p-content-index__service { position: relative; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; min-height: 507px; border-bottom: 8px solid #fff000 } .p-content-index .p-content-index__service .p-content-index__content { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 1000px; height: 350px; -webkit-box-sizing: border-box; box-sizing: border-box; margin: auto; padding: 15px 0 0 0 } .p-content-index .p-content-index__service .p-content-index__content .c-heading-enjp { margin-bottom: 30px } .p-content-index .p-content-index__service .p-content-index__content .p-content-index__service-list { letter-spacing: -0.4em; display: flex; justify-content: center; } .p-content-index .p-content-index__service .p-content-index__content .p-content-index__service-list .p-content-index__service-item { display: inline-block; letter-spacing: normal; margin: 0 20px 0 20px } .p-content-index .p-content-index__service .p-content-index__bgpict { width: 100%; height: auto } .p-content-index .p-content-index__company { position: relative; float: left; width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; min-height: 456px; border-right: 4px solid #fff000 } .p-content-index .p-content-index__company .p-content-index__content { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; max-width: 508px; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; margin: auto; padding: 50% 40px 0 40px } .p-content-index .p-content-index__company .p-content-index__content .c-heading-enjp { margin-bottom: 21px; margin-top: -100px } .p-content-index .p-content-index__company .p-content-index__content .c-btn-line { position: absolute; bottom: 40px; left: 0; right: 0; margin: auto; width: 100%; max-width: 422px } .p-content-index .p-content-index__company .p-content-index__bgpict { width: 100%; height: auto } .p-content-index .p-content-index__jobs { position: relative; float: right; width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; min-height: 456px; border-left: 4px solid #fff000 } .p-content-index .p-content-index__jobs .p-content-index__content { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; max-width: 508px; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; margin: auto; padding: 50% 40px 0 40px } .p-content-index .p-content-index__jobs .p-content-index__content .c-heading-enjp { margin-bottom: 21px; margin-top: -100px } .p-content-index .p-content-index__jobs .p-content-index__content .c-btn-line { position: absolute; bottom: 40px; left: 0; right: 0; margin: auto; width: 100%; max-width: 422px } .p-content-index .p-content-index__jobs .p-content-index__bgpict { width: 100%; height: auto } .p-content-index .p-content-index__news { position: relative; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; min-height: 332px; border-bottom: 8px solid #fff000 } .p-content-index .p-content-index__news .p-content-index__content { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 960px; height: 208px; -webkit-box-sizing: border-box; box-sizing: border-box; margin: auto; padding: 0 0 0 338px } .p-content-index .p-content-index__news .p-content-index__content .c-heading-enjp { position: absolute; top: 0; left: 0 } .p-content-index .p-content-index__news .p-content-index__content .c-btn-line { position: absolute; bottom: 0; left: 0; width: 260px } .p-content-index .p-content-index__news .p-list-info--white__item { margin-bottom: 18px } .p-content-index .p-content-index__news .p-list-info--white__item:last-child { background: none; margin-bottom: 0 } .p-content-index .p-content-index__news .p-content-index__bgpict { width: 100%; height: auto } } @media screen and (max-width: 640px) { .p-content-index .c-text--white { text-align: center } .p-content-index .p-content-index__main { display: block; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box } .p-content-index .p-content-index__main .p-content-index__main-item { position: relative; width: 100% } .p-content-index .p-content-index__main .p-content-index__main-item .p-content-index__main-pict { width: 100%; height: auto } .p-content-index .p-content-index__bnr { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 10px 24px 10px 24px; margin: 0 auto 0 auto; background: #fff000; letter-spacing: -0.4em; text-align: center } .p-content-index .p-content-index__bnr .p-content-index__item { display: inline-block; letter-spacing: normal; margin: 10px; width: 270px } .p-content-index .p-content-index__bnr .p-content-index__item img { display: block; width: 100%; height: auto } .p-content-index .p-content-index__about { position: relative; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 86px 0 60px 0; background: url(/assets/images/index/img-about_sp.jpg) no-repeat; background-size: cover; border-bottom: 6px solid #fff000 } .p-content-index .p-content-index__about .p-content-index__content .c-heading-enjp { margin-bottom: 40px } .p-content-index .p-content-index__about .p-content-index__content .c-heading--white-large { margin-bottom: 40px } .p-content-index .p-content-index__about .p-content-index__content .c-text--white { letter-spacing: 0.0em; margin-bottom: 88px } .p-content-index .p-content-index__about .p-content-index__content .c-btn-line { width: 560px; margin: 0 auto 0 auto } .p-content-index .p-content-index__about .p-content-index__bgpict { display: none } .p-content-index .p-content-index__service { position: relative; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 86px 0 70px 0; background: url(/assets/images/index/img-service_sp.jpg) no-repeat; background-size: cover; border-bottom: 6px solid #fff000 } .p-content-index .p-content-index__service .p-content-index__content .c-heading-enjp { margin-bottom: 50px } .p-content-index .p-content-index__service .p-content-index__content .p-content-index__service-list { width: 280px; margin: 0 auto 0 auto } .p-content-index .p-content-index__service .p-content-index__content .p-content-index__service-list .p-content-index__service-item { margin: 0 0 36px 0 } .p-content-index .p-content-index__service .p-content-index__bgpict { display: none } .p-content-index .p-content-index__company { position: relative; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 86px 34px 60px 34px; background: url(/assets/images/index/img-company_sp.jpg) no-repeat; background-size: cover; border-bottom: 6px solid #fff000 } .p-content-index .p-content-index__company .c-heading-enjp { margin-bottom: 24px } .p-content-index .p-content-index__company .c-text--white { margin-bottom: 70px } .p-content-index .p-content-index__company .p-content-index__bgpict { display: none } .p-content-index .p-content-index__jobs { position: relative; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 86px 34px 60px 34px; background: url(/assets/images/index/img-jobs_sp.jpg) no-repeat; background-size: cover; border-bottom: 6px solid #fff000 } .p-content-index .p-content-index__jobs .c-heading-enjp { margin-bottom: 24px } .p-content-index .p-content-index__jobs .c-text--white { margin-bottom: 70px } .p-content-index .p-content-index__jobs .p-content-index__bgpict { display: none } .p-content-index .p-content-index__news { position: relative; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 86px 0 60px 0; background: url(/assets/images/index/img-news_sp.jpg) no-repeat; background-size: cover; border-bottom: 6px solid #fff000 } .p-content-index .p-content-index__news .c-heading-enjp { margin-bottom: 20px } .p-content-index .p-content-index__news .p-content-index__content { width: 560px; margin: 0 auto 0 auto } .p-content-index .p-content-index__news .p-list-info--white__item { margin-bottom: 10px } .p-content-index .p-content-index__news .p-list-info--white__item:last-child { background: none; margin-bottom: 85px } .p-content-index .p-content-index__news .p-content-index__bgpict { display: none } } @media print, screen and (min-width: 641px) { .p-content-about { padding-bottom: 100px } .p-content-about .c-heading-main { height: 260px; background: url(/assets/images/common/title-about@2x.jpg) no-repeat; background-size: cover; margin-bottom: 60px } .p-content-about .p-content-main { height: 700px; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 84px 0 0 0; background: url(/assets/images/about/bg-about_pc.jpg) no-repeat; background-size: cover; text-align: center; } .p-content-about .p-content-main .c-heading--blue-bold-large { margin-bottom: 24px } .p-content-about .p-content-main .c-media-symbol img { display: block; width: 256px; margin: 0 auto 32px auto } } @media screen and (max-width: 640px) { .p-content-about { padding-bottom: 100px } .p-content-about .c-heading-main { height: 300px; background: url(/assets/images/common/title-about@2x_sp.jpg) no-repeat; background-size: cover; margin-bottom: 80px } .p-content-about .p-content-main { height: 900px; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 62px 0 0 0; background: url(/assets/images/about/bg-about_sp.jpg) no-repeat; background-size: cover; text-align: center } .p-content-about .p-content-main .c-heading--blue-bold-large { margin-bottom: 24px } .p-content-about .p-content-main .c-media-symbol img { display: block; width: 256px; margin: 0 auto 30px auto } } @media print, screen and (min-width: 641px) { .p-content-efforts { padding-bottom: 100px } .p-content-efforts .c-heading-main--2line { height: 260px; background: url(/assets/images/common/title-efforts@2x_pc.jpg) no-repeat; background-size: cover } .p-content-efforts .l-content-section>.c-text { margin-bottom: 44px } .p-content-efforts .p-media-pictbox { margin-bottom: 50px } .p-content-efforts .p-media-pictbox.is-bottom { margin-bottom: 0 } } @media screen and (max-width: 640px) { .p-content-efforts { padding-bottom: 100px } .p-content-efforts .c-heading-main--2line { height: 300px; background: url(/assets/images/common/title-efforts@2x_sp.jpg) no-repeat; background-size: cover } .p-content-efforts .l-content-section>.c-text { margin-bottom: 72px } .p-content-efforts .p-media-pictbox { margin-bottom: 80px } .p-content-efforts .p-media-pictbox.is-bottom { margin-bottom: 0 } } @media print, screen and (min-width: 641px) { .p-content-management { padding-bottom: 95px } .p-content-management .c-heading-main { height: 260px; background: url(/assets/images/common/title-management@2x_pc.jpg) no-repeat; background-size: cover } .p-content-management .l-content-section>.c-text { margin-bottom: 40px } .p-content-management .p-content-section { margin-bottom: 42px } .p-content-management .p-content-section.is-bottom { margin-bottom: 0 } .p-content-management .p-content-section .c-heading-number { margin-bottom: 22px } .p-content-management .p-content-section .c-text { text-align: justify; text-justify: inter-ideograph } } @media screen and (max-width: 640px) { .p-content-management { padding-bottom: 90px } .p-content-management .c-heading-main { height: 300px; background: url(/assets/images/common/title-management@2x_sp.jpg) no-repeat; background-size: cover } .p-content-management .p-content-section { margin-bottom: 72px } .p-content-management .p-content-section.is-bottom { margin-bottom: 0 } .p-content-management .p-content-section .c-heading-number { margin-bottom: 34px } .p-content-management .p-content-section .c-text { text-align: justify; text-justify: inter-ideograph } } @media print, screen and (min-width: 641px) { .p-content-message .c-heading-main { height: 260px; background: url(/assets/images/common/title-message_pc.jpg) no-repeat; background-size: cover; margin-bottom: 52px } .p-content-message .l-content-section { padding-bottom: 100px } .p-content-message .l-content-section .c-text { line-height: 1.8 } .p-content-message .l-content-section .c-media-message { text-align: right; margin-top: 52px } } @media screen and (max-width: 640px) { .p-content-message .c-heading-main { height: 300px; background: url(/assets/images/common/title-message_sp.jpg) no-repeat; background-size: cover; margin-bottom: 67px } .p-content-message .l-content-section { padding-bottom: 100px } .p-content-message .l-content-section .c-media-message { text-align: right; margin-top: 65px } } @media print, screen and (min-width: 641px) { .p-content-philosophy { padding-bottom: 90px } .p-content-philosophy .c-heading-main { height: 260px; background: url(/assets/images/common/title-philosophy_pc.jpg) no-repeat; background-size: cover } .p-content-philosophy .l-content-section { margin-bottom: 62px } .p-content-philosophy .l-content-section.is-bottom { margin-bottom: 0 } .p-content-philosophy .l-content-section .c-heading--blue-large { margin-bottom: 20px } .p-content-philosophy .l-content-section .c-heading { margin-bottom: 8px } .p-content-philosophy .l-content-section .p-content-philosophy__item { text-indent: -.9rem; padding: 0 0 0 .9rem } } @media screen and (max-width: 640px) { .p-content-philosophy { padding-bottom: 80px } .p-content-philosophy .c-heading-main { height: 300px; background: url(/assets/images/common/title-philosophy_sp.jpg) no-repeat; background-size: cover } .p-content-philosophy .l-content-section { margin-bottom: 73px } .p-content-philosophy .l-content-section.is-bottom { margin-bottom: 0 } .p-content-philosophy .l-content-section .c-heading--blue-large { margin-bottom: 30px } .p-content-philosophy .l-content-section .c-heading { line-height: 1.8; margin-bottom: 30px } .p-content-philosophy .l-content-section .p-content-philosophy__item { text-indent: -.9rem; padding: 0 0 0 .9rem; margin-bottom: 5px } } @media print, screen and (min-width: 641px) { .p-content-serviceoffice { padding-bottom: 60px } .p-content-serviceoffice .c-heading-main { height: 260px; background: url(/assets/images/common/title-serviceoffice_pc.jpg) no-repeat; background-size: cover } .p-content-serviceoffice .p-media-map { margin-bottom: 30px } .p-content-serviceoffice .p-media-map.is-bottom { margin-bottom: 0; background: none } } @media screen and (max-width: 640px) { .p-content-serviceoffice { padding-bottom: 40px } .p-content-serviceoffice .c-heading-main { height: 300px; background: url(/assets/images/common/title-serviceoffice_sp.jpg) no-repeat; background-size: cover } .p-content-serviceoffice .p-media-map { margin-bottom: 45px } .p-content-serviceoffice .p-media-map.is-bottom { margin-bottom: 0; background: none } } @media print, screen and (min-width: 641px) { .p-content-summary { padding-bottom: 90px } .p-content-summary .c-heading-main { height: 260px; background: url(/assets/images/common/title-summary_pc.jpg) no-repeat; background-size: cover; margin-bottom: 60px } .p-content-summary .c-table-dl { width: 960px; margin: 0 auto 60px auto; border-top: 2px solid #0c3287; border-bottom: 2px solid #0c3287 } .p-content-summary .c-table-dl .c-table-dl__tr { background: url(/assets/images/common/bg-dot.svg) left bottom repeat-x; background-size: 4px 1px } .p-content-summary .c-table-dl .c-table-dl__th { width: 160px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 14px 0 14px 20px; line-height: 1.9 } .p-content-summary .c-table-dl .c-table-dl__td { width: 800px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 14px 20px 14px 0; line-height: 1.9 } } @media screen and (max-width: 640px) { .p-content-summary { padding-bottom: 90px } .p-content-summary .c-heading-main { height: 300px; background: url(/assets/images/common/title-summary_sp.jpg) no-repeat; background-size: cover; margin-bottom: 80px } .p-content-summary .c-table-dl { width: 560px; margin: 0 auto 80px auto; border-top: 4px solid #0c3287; border-bottom: 4px solid #0c3287 } .p-content-summary .c-table-dl .c-table-dl__tr { background: url(/assets/images/common/bg-dot.svg) left bottom repeat-x; background-size: 8px 2px } .p-content-summary .c-table-dl .c-table-dl__th { width: 180px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 20px 0 20px 20px } .p-content-summary .c-table-dl .c-table-dl__td { width: 380px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 20px 10px 20px 0 } } @media print, screen and (min-width: 641px) { .p-content-faq { padding-bottom: 95px } .p-content-faq .c-heading-main { height: 260px; background: url(/assets/images/common/title-faq_pc.jpg) no-repeat; background-size: cover; margin-bottom: 56px } .p-content-faq .p-nav-link { margin-bottom: 45px } .p-content-faq .p-content-section:before { content: " "; margin-top: -120px; height: 120px; display: block; visibility: hidden } .p-content-faq .c-heading--blue-large { margin-bottom: 22px } .p-content-faq .p-list-faq { margin-bottom: 36px } .p-content-faq .p-list-faq.is-bottom { background: none; margin-bottom: 40px } } @media screen and (max-width: 640px) { .p-content-faq { padding-bottom: 95px } .p-content-faq .c-heading-main { height: 300px; background: url(/assets/images/common/title-faq_sp.jpg) no-repeat; background-size: cover } .p-content-faq .p-nav-link { margin-bottom: 95px } .p-content-faq .p-content-section:before { content: " "; margin-top: -95px; height: 95px; display: block; visibility: hidden } .p-content-faq .c-heading--blue-large { margin-bottom: 30px } .p-content-faq .p-list-faq { margin-bottom: 46px } .p-content-faq .p-list-faq.is-bottom { background: none; margin-bottom: 15px } } @media print, screen and (min-width: 641px) { .p-content-fare { padding-bottom: 100px } .p-content-fare .c-heading-main { height: 260px; background: url(/assets/images/common/title-fare_pc.jpg) no-repeat; background-size: cover; margin-bottom: 20px } .p-content-fare .l-content-section { letter-spacing: -0.4em } .p-content-fare .p-content-fare__pict1 { display: block; width: 160px; height: auto; margin: 15px 0 0 0 } .p-content-fare .p-content-fare__pict2 { display: block; width: 275px; height: auto; margin: 10px 0 0 0 } .p-content-fare .p-media-borderbox { margin-top: 40px } } @media screen and (max-width: 640px) { .p-content-fare { padding-bottom: 100px } .p-content-fare .c-heading-main { height: 300px; background: url(/assets/images/common/title-fare_sp.jpg) no-repeat; background-size: cover; margin-bottom: 15px } .p-content-fare .l-content-section { letter-spacing: -0.4em } .p-content-fare .p-content-fare__pict1 { display: block; width: 320px; height: auto; margin: 28px 0 12px 0 } .p-content-fare .p-content-fare__pict2 { width: 554px; height: auto; margin: 26px 0 0 0 } .p-content-fare .p-media-borderbox { margin-top: 40px } } @media print, screen and (min-width: 641px) { .p-content-lost { padding-bottom: 100px } .p-content-lost .c-heading-main { height: 260px; background: url(/assets/images/common/title-lost_pc.jpg) no-repeat; background-size: cover } .p-content-lost .l-content-section { zoom: 1 } .p-content-lost .l-content-section:after { content: ""; display: block; clear: both } .p-content-lost .l-content-section>.c-text { margin-bottom: 54px } .p-content-lost .p-content-section { float: left; zoom: 1; width: 600px } .p-content-lost .p-content-section:after { content: ""; display: block; clear: both } .p-content-lost .p-content-section .c-heading-bg--blue { margin-bottom: 20px } .p-content-lost .p-media-lostarrow { float: left } .p-content-lost .p-media-lostarrow.is-right { float: right } .p-content-lost .p-media-lost { float: right } } @media screen and (max-width: 640px) { .p-content-lost { padding-bottom: 100px } .p-content-lost .c-heading-main { height: 300px; background: url(/assets/images/common/title-lost_sp.jpg) no-repeat; background-size: cover } .p-content-lost .l-content-section>.c-text { -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; -webkit-font-kerning: auto; font-kerning: auto; letter-spacing: 0.05em; text-align: justify; text-justify: inter-ideograph } .p-content-lost .p-content-section { margin-bottom: 40px; zoom: 1 } .p-content-lost .p-content-section:after { content: ""; display: block; clear: both } .p-content-lost .p-content-section .c-heading-bg--blue { margin-bottom: 20px } .p-content-lost .p-media-lostarrow { float: left } .p-content-lost .p-media-lostarrow.is-right { float: right } } @media print, screen and (min-width: 641px) { .p-content-news { padding-bottom: 100px } .p-content-news .c-heading-main { height: 260px; background: url(/assets/images/common/title-news_pc.jpg) no-repeat; background-size: cover; margin-bottom: 56px } .page-jobs .p-content-news .c-heading-main { margin-bottom: 80px; background: url(/assets/images/jobs/news/title-news@2x_pc.jpg) no-repeat; background-size: cover } .p-content-news .p-list-info { margin-bottom: 60px } .p-content-news .p-list-info__item { margin-bottom: 15px } .p-content-news .p-list-info__item:last-child { background: none; margin-bottom: 0 } } @media screen and (max-width: 640px) { .p-content-news { padding-bottom: 100px } .p-content-news .c-heading-main { height: 300px; background: url(/assets/images/common/title-news_sp.jpg) no-repeat; background-size: cover } .page-jobs .p-content-news .c-heading-main { height: 280px; margin-bottom: 75px; background: url(/assets/images/jobs/news/title-news@2x_sp.jpg) no-repeat; background-size: cover } .p-content-news .p-list-info { margin-bottom: 36px } .p-content-news .p-list-info__item { margin-bottom: 25px } .p-content-news .p-list-info__item:last-child { background: none; margin-bottom: 0 } } @media print, screen and (min-width: 641px) { .p-content-newsarticle { padding-bottom: 95px } .p-content-newsarticle .p-heading-news { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 0 14px 0; margin-bottom: 12px; background: url(/assets/images/common/bg-dot.svg) left bottom repeat-x; background-size: 4px 1px } .p-content-newsarticle .p-heading-news .p-heading-news__date { display: inline-block; margin-right: 10px } .p-content-newsarticle .p-heading-news .p-heading-news__icon { display: inline-block; vertical-align: top; margin-top: 1px } .p-content-newsarticle .p-heading-news .p-heading-news__title:before { content: ''; display: block; clear: both; width: 100%; margin-top: 5px } .p-content-newsarticle .l-content-section { letter-spacing: 0.02em } .p-content-newsarticle .l-content-section>p { zoom: 1; font-size: .875rem; line-height: 2.0; letter-spacing: 0.01em; margin-bottom: 1.6em; text-align: justify; word-wrap: break-word } .p-content-newsarticle .l-content-section>p:after { content: ""; display: block; clear: both } .p-content-newsarticle .l-content-section>p img { display: block; margin: 32px 0 32px 0 } .p-content-newsarticle .l-content-section>p img.alignleft { float: left; margin-right: 10px } .p-content-newsarticle .l-content-section>p img.alignright { float: right; margin-left: 10px } .p-content-newsarticle .l-content-section>p.p-content-newsarticle__btn { text-align: right; margin-top: 58px } } @media screen and (max-width: 640px) { .p-content-newsarticle { padding-bottom: 95px } .p-content-newsarticle .p-heading-news { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 0 28px 0; margin-bottom: 26px; background: url(/assets/images/common/bg-dot.svg) left bottom repeat-x; background-size: 8px 2px } .p-content-newsarticle .p-heading-news .p-heading-news__date { display: inline-block; margin-right: 20px } .p-content-newsarticle .p-heading-news .p-heading-news__icon { display: inline-block; vertical-align: top; margin-top: 12px } .p-content-newsarticle .p-heading-news .p-heading-news__title:before { content: ''; display: block; clear: both; width: 100%; margin-top: 0px } .p-content-newsarticle .l-content-section { letter-spacing: 0.02em } .p-content-newsarticle .l-content-section img { display: block; margin: 30px 0 30px 0; width: 570px; height: auto } .p-content-newsarticle .l-content-section>p { zoom: 1; font-size: 1.75rem; line-height: 1.79; letter-spacing: 0.01em; margin-bottom: 1.6em; text-align: justify; word-wrap: break-word } .p-content-newsarticle .l-content-section>p:after { content: ""; display: block; clear: both } .p-content-newsarticle .l-content-section>p img { display: block; margin: 30px 0 30px 0; width: 570px; height: auto } .p-content-newsarticle .l-content-section>p.p-content-newsarticle__btn { text-align: right; margin-top: 65px } } @media print, screen and (min-width: 641px) { .p-content-privacy { padding-bottom: 100px } .p-content-privacy .p-content-section { margin-bottom: 60px } .p-content-privacy .p-content-section>.c-text { margin-bottom: 1.5em } .p-content-privacy .l-content-section>.c-text { margin-bottom: 60px } .p-content-privacy .c-heading--blue-large { margin-bottom: 10px } .p-content-privacy .c-heading--blue { margin-bottom: 10px } } @media screen and (max-width: 640px) { .p-content-privacy { padding-bottom: 100px } .p-content-privacy .p-content-section { margin-bottom: 80px } .p-content-privacy .p-content-section>.c-text { margin-bottom: 1.5em } .p-content-privacy .l-content-section>.c-text { margin-bottom: 80px } .p-content-privacy .c-heading--blue-large { margin-bottom: 20px } .p-content-privacy .c-heading--blue { margin-bottom: 20px } } @media print, screen and (min-width: 641px) { .p-content-jobs { padding-bottom: 100px } .p-content-jobs .p-content-section { margin-bottom: 60px } .p-content-jobs .p-content-section .c-text { margin-bottom: 1.5em } .p-content-jobs .l-content-section>.c-text { margin-bottom: 60px } .p-content-jobs .c-heading--blue-large { margin-bottom: 10px } .p-content-jobs .c-heading--blue { margin-bottom: 20px } } @media screen and (max-width: 640px) { .p-content-jobs { padding-bottom: 100px } .p-content-jobs .p-content-section { margin-bottom: 80px } .p-content-jobs .p-content-section .c-text { margin-bottom: 1.5em } .p-content-jobs .l-content-section>.c-text { margin-bottom: 80px } .p-content-jobs .c-heading--blue-large { margin-bottom: 20px } .p-content-jobs .c-heading--blue { margin-bottom: 20px } } @media print, screen and (min-width: 641px) { .p-content-terms { padding-bottom: 100px } .p-content-terms .p-content-section { margin-bottom: 60px } .p-content-terms .p-content-section .c-text { margin-bottom: 1.5em } .p-content-terms .l-content-section>.c-text { margin-bottom: 60px } .p-content-terms .c-heading--blue-large { margin-bottom: 10px } .p-content-terms .c-heading--blue { margin-bottom: 10px } } @media screen and (max-width: 640px) { .p-content-terms { padding-bottom: 100px } .p-content-terms .p-content-section { margin-bottom: 80px } .p-content-terms .p-content-section .c-text { margin-bottom: 1.5em } .p-content-terms .l-content-section>.c-text { margin-bottom: 80px } .p-content-terms .c-heading--blue-large { margin-bottom: 20px } .p-content-terms .c-heading--blue { margin-bottom: 20px } } @media print, screen and (min-width: 641px) { .p-content-corporation { padding-bottom: 100px } .p-content-corporation .c-heading-main { height: 260px; background: url(/assets/images/common/title-taxi@2x_pc.jpg) no-repeat; background-size: cover; margin-bottom: 58px } .p-content-corporation .p-nav-link { margin-bottom: 48px } .p-content-corporation .p-content-corporation__lead { margin: 22px 0 34px 0 } .p-content-corporation .p-media-titlebox { margin-bottom: 50px } .p-content-corporation .p-content-corporation__text { margin-bottom: 32px } .p-content-corporation .p-media-step { margin-bottom: 33px } .p-content-corporation .p-list-caution { margin-top: -5px; margin-bottom: 48px } } @media screen and (max-width: 640px) { .p-content-corporation { padding-bottom: 50px } .p-content-corporation .c-heading-main { height: 300px; background: url(/assets/images/common/title-taxi@2x_sp.jpg) no-repeat; background-size: cover; margin-bottom: 75px } .p-content-corporation .p-nav-link { margin-bottom: 45px } .p-content-corporation .p-content-corporation__lead { margin: 35px 0 55px 0 } .p-content-corporation .p-media-titlebox { margin-bottom: 85px } .p-content-corporation .c-heading--blue { line-height: 1.6 } .p-content-corporation .c-heading--blue-large { -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; -webkit-font-kerning: auto; font-kerning: auto; letter-spacing: 0.02em; line-height: 1.4 } .p-content-corporation .p-content-corporation__text { margin-top: 15px; margin-bottom: 50px } .p-content-corporation .p-media-step { margin-bottom: 50px } .p-content-corporation .p-list-caution { margin-top: 58px; margin-bottom: 58px } .p-content-corporation .p-media-contact { margin: 0 -34px 58px -34px; width: 628px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 30px 34px 32px 34px } } @media print, screen and (min-width: 641px) { .p-content-flatfare { padding-bottom: 100px } .p-content-flatfare .c-heading-main { height: 260px; background: url(/assets/images/common/title-taxi@2x_pc.jpg) no-repeat; background-size: cover; margin-bottom: 58px } .p-content-flatfare .p-nav-link { margin-bottom: 48px } .p-content-flatfare .p-media-pictbox { margin-bottom: 40px } .p-content-flatfare .c-table-flatfare { margin-bottom: 60px } } @media screen and (max-width: 640px) { .p-content-flatfare { padding-bottom: 45px } .p-content-flatfare .c-heading-main { height: 300px; background: url(/assets/images/common/title-taxi@2x_sp.jpg) no-repeat; background-size: cover; margin-bottom: 75px } .p-content-flatfare .p-nav-link { margin-bottom: 45px } .p-content-flatfare .p-media-pictbox { margin-bottom: 60px } .p-content-flatfare .c-table-flatfare { margin-bottom: 80px } .p-content-flatfare .p-media-contact { margin: 0 -34px 58px -34px; width: 628px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 30px 34px 32px 34px } } @media print, screen and (min-width: 641px) { .p-content-disabled { padding-bottom: 95px } .p-content-disabled .c-heading-main { height: 260px; background: url(/assets/images/common/title-taxi@2x_pc.jpg) no-repeat; background-size: cover; margin-bottom: 58px } .p-content-disabled .p-nav-link { margin-bottom: 50px } .p-content-disabled .p-media-box--narrow { min-height: 220px; padding: 0 198px 0 0; margin-bottom: 30px } .p-content-disabled .p-media-box--narrow .c-text--small { margin-top: 2.0em } .p-content-disabled .p-media-box--narrow .p-media-box--narrow__pict { top: 10px; width: 160px; height: auto } .p-content-disabled .p-media-box--narrow .p-media-box--narrow__pict img { width: 100%; height: auto } .p-content-disabled .p-media-box { padding: 34px 30px 40px 30px; margin-bottom: 60px; text-align: center } .p-content-disabled .p-media-box .c-btn-arrow { clear: both; width: 400px; margin: 12px auto 0 auto } .p-content-disabled .p-media-3column { margin-bottom: 28px } .p-content-disabled .p-media-3column .p-media-3column__item .p-media-3column__text { -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; -webkit-font-kerning: auto; font-kerning: auto; text-align: justify; text-justify: inter-ideograph; letter-spacing: 0.03em } } @media screen and (max-width: 640px) { .p-content-disabled { padding-bottom: 90px } .p-content-disabled .c-heading-main { height: 300px; background: url(/assets/images/common/title-taxi@2x_sp.jpg) no-repeat; background-size: cover; margin-bottom: 75px } .p-content-disabled .p-nav-link { margin-bottom: 45px } .p-content-disabled .p-media-box--narrow { margin-bottom: 60px } .p-content-disabled .p-media-box--narrow .c-heading--blue-large { -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; -webkit-font-kerning: auto; font-kerning: auto; letter-spacing: 0 } .p-content-disabled .p-media-box--narrow .c-text--small { margin-top: 2.0em } .p-content-disabled .p-media-box--narrow .p-media-box--narrow__pict { text-align: right; margin-top: 30px } .p-content-disabled .p-media-box--narrow .p-media-box--narrow__pict img { width: 270px; height: auto } .p-content-disabled .p-media-box { margin: 0 -34px 60px -34px; width: 628px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 28px 10px 40px 10px } .p-content-disabled .p-media-box .c-btn-arrow { width: 560px; margin: 28px auto 0 auto } .p-content-disabled .p-media-3column { margin-bottom: 60px } .p-content-disabled .p-media-3column .p-media-3column__item .p-media-3column__text { -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; -webkit-font-kerning: auto; font-kerning: auto; text-align: justify; text-justify: inter-ideograph; letter-spacing: 0.05em } } @media print, screen and (min-width: 641px) { .p-content-hire { padding-bottom: 100px } .p-content-hire .c-heading-main { height: 260px; background: url(/assets/images/common/title-hire_pc.jpg) no-repeat; background-size: cover; margin-bottom: 60px } .p-content-hire .p-content-hire__main { position: relative; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 55px } .p-content-hire .p-content-hire__main .p-content-hire__main-inner { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 960px; height: 475px; -webkit-box-sizing: border-box; box-sizing: border-box; margin: auto; padding: 0 0 0 0; text-align: center } .p-content-hire .p-content-hire__main .c-heading--white-bold { margin-bottom: 14px; line-height: 2 } .p-content-hire .p-content-hire__main .p-content-hire__main-text { font-size: 1rem; color: #fff; line-height: 2.0; letter-spacing: 0.01em; font-weight: bold; margin-bottom: 46px } .p-content-hire .p-content-hire__main .p-content-hire__main-box { width: 400px; margin: 0 auto 0 auto; text-align: center } .p-content-hire .p-content-hire__main .p-content-hire__main-box .p-media-box__text { font-size: .875rem; color: #fff; font-weight: bold; line-height: 2.0; letter-spacing: 0em; text-align: center; margin-bottom: 11px } .p-content-hire .p-content-hire__main .p-content-hire__main-pict { width: 100%; height: auto } .p-content-hire .p-media-4column { margin: 16px 0 36px 0 } .p-content-hire .c-table-thtop { margin: 10px 0 14px 0 } .p-content-hire .p-list-caution { margin: 25px 0 50px 0 } .p-content-hire .c-heading--blue-large { margin-bottom: 22px } .p-content-hire .p-media-hiretype { margin-bottom: 60px } .p-content-hire .p-media-box--minivan { background: #eee } } @media screen and (max-width: 640px) { .p-content-hire { padding-bottom: 50px } .p-content-hire .c-heading-main { height: 300px; background: url(/assets/images/common/title-hire_sp.jpg) no-repeat; background-size: cover; margin-bottom: 80px } .p-content-hire .p-content-hire__main .c-heading--white-bold { background: url(/assets/images/service/img-hire01_sp.jpg) no-repeat; background-size: cover; width: 100%; height: 480px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 65px 40px 40px 40px; margin-bottom: 25px; text-align: right } .p-content-hire .p-content-hire__main .p-content-hire__main-text { font-size: 1.75rem; color: #333; line-height: 1.79; letter-spacing: 0.01em; width: 560px; margin: 0 auto 30px auto; text-align: justify; text-justify: inter-ideograph } .p-content-hire .p-content-hire__main .p-content-hire__main-box { margin: 0 0 70px 0; width: 628px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 30px 34px 40px 34px; background: #e6eaf3 } .p-content-hire .p-content-hire__main .p-content-hire__main-box .p-media-box__text { font-size: 1.75rem; color: #333; line-height: 1.67; letter-spacing: 0.04em; font-weight: bold; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; -webkit-font-kerning: auto; font-kerning: auto; margin-bottom: 30px } .p-content-hire .p-content-hire__main .p-content-hire__main-pict { display: none } .p-content-hire .p-media-4column { margin: 30px 0 32px 0 } .p-content-hire .c-table-thtop { margin: 8px 0 30px 0 } .p-content-hire .p-list-caution { margin: 20px 0 75px 0 } .p-content-hire .c-heading--blue-large { margin-bottom: 40px } .p-content-hire .p-media-hiretype { margin-bottom: 80px } .p-content-hire .p-media-box--minivan { margin: 0 -34px 50px -34px; width: 628px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 26px 10px 12px 10px } } @media print, screen and (min-width: 641px) { .p-content-labor { padding-bottom: 60px } .p-content-labor .c-heading-main { height: 260px; background: url(/assets/images/common/title-taxi@2x_pc.jpg) no-repeat; background-size: cover; margin-bottom: 58px } .p-content-labor .p-nav-link { margin-bottom: 48px } .p-content-labor .p-content-section>.c-heading--blue-large { margin-bottom: 25px } .p-content-labor .p-media-box--narrow { min-height: 198px; padding: 0 236px 0 0; margin-bottom: 40px } .p-content-labor .p-media-box--narrow .p-media-box--narrow__pict { top: 10px; width: 212px; height: auto } .p-content-labor .p-media-box--narrow .p-media-box--narrow__pict img { width: 100%; height: auto } .p-content-labor .p-media-box--labor { margin-bottom: 40px } .p-content-labor .p-media-3column { margin-bottom: 45px } .p-content-labor .p-media-step { margin-bottom: 40px } .p-content-labor .p-media-step .c-btn-arrow { clear: both; width: 400px; margin: 10px 0 12px 0 } .p-content-labor .p-list-caution { margin: 55px 0 55px 0 } } @media screen and (max-width: 640px) { .p-content-labor { padding-bottom: 40px } .p-content-labor .c-heading-main { height: 300px; background: url(/assets/images/common/title-taxi@2x_sp.jpg) no-repeat; background-size: cover; margin-bottom: 75px } .p-content-labor .p-nav-link { margin-bottom: 45px } .p-content-labor .p-media-box--narrow { margin-bottom: 60px } .p-content-labor .p-media-box--narrow .p-media-box--narrow__pict { text-align: right; margin-top: 28px } .p-content-labor .p-media-box--narrow .p-media-box--narrow__pict img { width: 270px; height: auto } .p-content-labor .p-media-box--labor { margin: 0 -34px 58px -34px; width: 628px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 26px 34px 32px 34px } .p-content-labor .p-media-3column { margin-bottom: 150px } .p-content-labor .p-content-section>.c-heading--blue-large { margin-bottom: 40px } .p-content-labor .p-media-step { margin-bottom: 52px } .p-content-labor .p-media-step .c-btn-arrow { clear: both; margin: 28px 0 30px 0 } .p-content-labor .p-list-caution { margin: 62px 0 70px 0 } } @media print, screen and (min-width: 641px) { .p-content-minivan { padding-bottom: 45px } .p-content-minivan .c-heading-main { height: 260px; background: url(/assets/images/common/title-taxi@2x_pc.jpg) no-repeat; background-size: cover; margin-bottom: 58px } .p-content-minivan .p-nav-link { margin-bottom: 48px } .p-content-minivan .p-media-pictbox { margin-bottom: 40px } .p-content-minivan .p-media-box--minivan { margin-bottom: 55px } .p-content-minivan .p-media-3column-circle { margin: 15px 0 50px 0 } .p-content-minivan .c-heading--blue-large+.c-text--blue-huge { margin-top: 1em; font-size: 1.75rem } .p-content-minivan .p-media-borderbox { display: inline-block; width: auto; padding: 21px 32px 18px 30px; margin: 10px 0 5px 0; text-align: center; border: solid 3px #e6eaf3 } .p-content-minivan .p-media-borderbox .c-text--blue-huge { font-size: 1.25rem; letter-spacing: 0.01em } .p-content-minivan .p-list-caution { margin-bottom: 40px } .p-content-minivan .p-list-caution .p-list-caution__list .p-list-caution__item { text-indent: -.8rem; padding: 0 0 0 .8rem } .p-content-minivan .c-table-thleft { margin: 16px 0 15px 0 } .p-content-minivan .p-list-pict { margin: 28px 0 78px 0 } } @media screen and (max-width: 640px) { .p-content-minivan { padding-bottom: 50px } .p-content-minivan .c-heading-main { height: 300px; background: url(/assets/images/common/title-taxi@2x_sp.jpg) no-repeat; background-size: cover; margin-bottom: 75px } .p-content-minivan .p-nav-link { margin-bottom: 45px } .p-content-minivan .p-media-pictbox { margin-bottom: 60px } .p-content-minivan .p-media-box--minivan { margin: 0 -34px 50px -34px; width: 628px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 26px 10px 12px 10px } .p-content-minivan .p-media-3column-circle { margin: 10px 0 80px 0 } .p-content-minivan .c-heading--blue-large+.c-text--blue-huge { margin-top: 1em; font-size: 2.625rem } .p-content-minivan .p-media-borderbox { padding: 28px 0px 25px 0; margin: 10px 0 30px 0; text-align: center } .p-content-minivan .p-media-borderbox .c-text--blue-huge { line-height: 1.85; font-size: 1.875rem; letter-spacing: 0.04em } .p-content-minivan .p-list-caution { margin-bottom: 40px } .p-content-minivan .p-list-caution .p-list-caution__list .p-list-caution__item { text-indent: -1.4rem; padding: 0 0 0 1.4rem; letter-spacing: 0.05em; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; -webkit-font-kerning: auto; font-kerning: auto } .p-content-minivan .c-table-thleft { margin: 10px 0 35px 0 } .p-content-minivan .p-content-minivan__vehiclepict { margin-top: 75px } .p-content-minivan .p-list-pict { margin: 45px 0 78px 0 } } @media print, screen and (min-width: 641px) { .p-content-app { padding-bottom: 95px } .p-content-app .c-heading-main { height: 260px; background: url(/assets/images/common/title-taxi@2x_pc.jpg) no-repeat; background-size: cover; margin-bottom: 58px } .p-content-app .p-nav-link { margin-bottom: 48px } .p-content-app .p-media-box--narrow { display: block; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 0 0 0 } .p-content-app .p-media-box--narrow .c-heading--blue-large { margin-bottom: 32px } .p-content-app .p-media-box--narrow .p-content-app__kv { display: block; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box } .p-content-app .p-media-box--narrow .p-content-app__kv>img { display: block; vertical-align: top; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box } .p-content-app .p-media-box--app { text-align: center; padding: 30px 25px 36px 25px; margin-bottom: 14px } .p-content-app .p-media-box--app .c-heading--blue-medium { font-weight: normal; line-height: 1.5; margin-bottom: 30px } .p-content-app .p-media-box--app .p-media-box-list { margin-bottom: 15px } .p-content-app .p-list-caution { margin-bottom: 45px } .p-content-app .p-content-app__movie { display: block; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 10px 0 0 0; margin: 0 auto 100px auto } .p-content-app .p-content-app__movie>a { display: block } .p-content-app .p-content-app__movie img { display: block; vertical-align: top; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box } .p-content-app .p-content-app__nav { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 72px } .p-content-app .p-content-app__nav .p-content-app__nav-item { display: block; width: 100%; min-height: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #0c3287 } .p-content-app .p-content-app__nav .p-content-app__nav-item+.p-content-app__nav-item { margin-left: 15px } .p-content-app .p-content-app__nav .p-content-app__nav-anchor { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; width: 100%; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 14px; text-decoration: none; font-size: .875rem; line-height: 1.13; letter-spacing: 0.075em; font-weight: 500; color: #0c3287; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; -webkit-font-kerning: auto; font-kerning: auto; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: .7s; transition-duration: .7s; -webkit-transition-delay: 0; transition-delay: 0; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1) } .p-content-app .p-content-app__nav .p-content-app__nav-anchor:before { display: block; content: ''; position: absolute; top: 0; bottom: 0; left: 10px; width: 12px; height: 9px; margin: auto; background: url(/assets/images/service/icon-cursor-down.svg) left top no-repeat; background-size: contain; -webkit-transition-property: background; transition-property: background; -webkit-transition-duration: .7s; transition-duration: .7s; -webkit-transition-delay: 0; transition-delay: 0; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1) } .p-content-app .p-content-app__nav .p-content-app__nav-anchor:hover { background: #0c3287; color: #fff } .p-content-app .p-content-app__nav .p-content-app__nav-anchor:hover:before { background: url(/assets/images/service/icon-cursor-down_white.svg) left top no-repeat; background-size: contain } .p-content-app .p-content-app__title { margin-bottom: 32px } .p-content-app .p-media-step.is-capture { margin-bottom: 60px; padding-right: 0; padding-left: 140px; min-height: auto } .p-content-app .p-media-step.is-capture .c-heading-step--title { margin-bottom: 7px; color: #0c3287 } .p-content-app .p-media-step.is-capture.is-last { padding-bottom: 20px } .p-content-app .l-content-anchor#basic { margin-bottom: 26px } .p-content-app .l-content-anchor#advanced { margin-bottom: 71px } } @media screen and (max-width: 640px) { .p-content-app { padding-bottom: 85px } .p-content-app .c-heading-main { height: 300px; background: url(/assets/images/common/title-taxi@2x_sp.jpg) no-repeat; background-size: cover; margin-bottom: 75px } .p-content-app .p-nav-link { margin-bottom: 45px } .p-content-app .p-media-box--narrow { zoom: 1 } .p-content-app .p-media-box--narrow:after { content: ""; display: block; clear: both } .p-content-app .p-media-box--narrow .c-text { margin-bottom: 28px } .p-content-app .p-media-box--narrow .c-heading--blue-large { margin-bottom: 44px; letter-spacing: 0.02em } .p-content-app .p-media-box--narrow .p-content-app__kv { display: block; width: 628px; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 -34px 0 -34px } .p-content-app .p-media-box--narrow .p-content-app__kv>img { display: block; vertical-align: top; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box } .p-content-app .p-media-box--app { text-align: center; margin: 0 -34px 46px -34px; margin-bottom: 32px; width: 628px; -webkit-box-sizing: border-box; box-sizing: border-box } .p-content-app .p-media-box--app .c-heading--blue-medium { font-size: 2.25rem; text-align: center; font-weight: 600; line-height: 1.5; margin-bottom: 38px } .p-content-app .p-media-box--app .p-media-box-list { margin-bottom: 30px } .p-content-app .p-list-caution { margin-bottom: 60px } .p-content-app .p-content-app__movie { display: block; width: 628px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 0 0 0; margin: 0 -34px 120px -34px } .p-content-app .p-content-app__movie>a { display: block } .p-content-app .p-content-app__movie img { display: block; vertical-align: top; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box } .p-content-app .p-content-app__nav { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 85px } .p-content-app .p-content-app__nav .p-content-app__nav-item { display: block; width: 100%; min-height: 110px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #0c3287 } .p-content-app .p-content-app__nav .p-content-app__nav-item+.p-content-app__nav-item { margin-left: 10px } .p-content-app .p-content-app__nav .p-content-app__nav-anchor { display: block; text-align: center; width: 100%; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 14px 0 10px 0; text-decoration: none; font-size: 1.25rem; line-height: 1.5; letter-spacing: 0.05em; color: #0c3287; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; -webkit-font-kerning: auto; font-kerning: auto } .p-content-app .p-content-app__nav .p-content-app__nav-anchor:after { display: block; content: ''; width: 24px; height: 19px; margin: 6px auto 0 auto; background: url(/assets/images/service/icon-cursor-down.svg) left top no-repeat; background-size: contain } .p-content-app .p-content-app__title { margin-bottom: 42px } .p-content-app .p-media-step.is-capture { margin-bottom: 60px } .p-content-app .p-media-step.is-capture .c-heading-step--title { margin-top: 12px; margin-bottom: 21px; color: #0c3287 } .p-content-app .p-media-step.is-capture .p-media-step__pict { margin-top: -23px } .p-content-app .l-content-anchor#basic { margin-bottom: 86px } .p-content-app .l-content-anchor#advanced { margin-bottom: 86px } } @media print, screen and (min-width: 641px) { .p-content-form { padding-bottom: 100px } .p-content-form .c-heading-main { height: 260px } .page-contact .p-content-form .c-heading-main { background: url(/assets/images/common/title-contact_pc.jpg) no-repeat; background-size: cover } .page-questionnaire .p-content-form .c-heading-main { background: url(/assets/images/common/title-questionnaire_pc.jpg) no-repeat; background-size: cover } .page-labor .p-content-form .c-heading-main { background: url(/assets/images/common/title-labor_pc.png) no-repeat; background-size: cover } .page-minivan_hire .p-content-form .c-heading-main { background: url(/assets/images/common/title-minivan_hire_pc.png) no-repeat; background-size: cover } .p-content-form .c-heading-main--2line { height: 260px } .page-contact .p-content-form .c-heading-main--2line { background: url(/assets/images/common/title-contact_pc.jpg) no-repeat; background-size: cover } .page-questionnaire .p-content-form .c-heading-main--2line { background: url(/assets/images/common/title-questionnaire_pc.jpg) no-repeat; background-size: cover } .page-labor .p-content-form .c-heading-main--2line { background: url(/assets/images/common/title-labor_pc.png) no-repeat; background-size: cover } .page-minivan_hire .p-content-form .c-heading-main--2line { background: url(/assets/images/common/title-minivan_hire_pc.png) no-repeat; background-size: cover } .p-content-form .l-content-section>.c-text { margin-bottom: 45px } .p-content-form .p-media-telbox { min-height: 140px; margin-bottom: 60px } .p-content-form .p-content-section .c-heading--blue-large { margin-bottom: 30px } .p-content-form .p-content-section .p-content-annotation { margin-bottom: 20px } .p-content-form .p-content-section .p-content-annotation .c-text--little { display: block } .p-content-form .p-content-section { margin-bottom: 40px } .page-jobs .p-content-form .p-content-section>.c-heading--blue-large { margin-bottom: 20px } .page-jobs .p-content-form .p-content-section>.c-text { margin-bottom: 1em } .p-content-form .p-content-section .p-content-section__free { display: inline-block; background: #e6eaf3; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 20px 25px 20px 25px; margin: 5px 0 30px 0; font-family: 'Open Sans', sans-serif } .p-content-form .p-content-section .p-content-section__free:before { content: ''; display: inline-block; width: 24px; height: 16px; background: url(/assets/images/jobs/icon-free.svg) no-repeat; vertical-align: top; margin: 16px 10px 0 0 } .p-content-form .p-content-section .p-content-section__free .p-content-section__telno { display: inline-block; font-size: 2.75rem; font-weight: 400; color: #0c3287 } .p-content-form .p-content-section .p-content-section__free .p-content-section__time { display: inline-block; font-size: 1rem; font-weight: 400; color: #0c3287; vertical-align: top; margin: 15px 0 0 8px } .p-content-form .p-content-form__btn-comfirm { width: 400px; margin: 45px auto 0 auto } .p-content-form .p-content-form__btn-comfirm.is-comfirm { width: 500px; zoom: 1 } .p-content-form .p-content-form__btn-comfirm.is-comfirm:after { content: ""; display: block; clear: both } .p-content-form .p-content-form__btn-comfirm.is-comfirm .c-link-arrow--left { float: left; margin-top: 25px } .p-content-form .p-content-form__btn-comfirm.is-comfirm .c-btn-arrow { float: right } } @media screen and (max-width: 640px) { .p-content-form { padding-bottom: 100px } .p-content-form .c-heading-main { height: 300px } .page-contact .p-content-form .c-heading-main { background: url(/assets/images/common/title-contact_sp.jpg) no-repeat; background-size: cover } .page-questionnaire .p-content-form .c-heading-main { background: url(/assets/images/common/title-questionnaire_sp.jpg) no-repeat; background-size: cover } .page-labor .p-content-form .c-heading-main { background: url(/assets/images/common/title-labor_sp.png) no-repeat; background-size: cover } .page-minivan_hire .p-content-form .c-heading-main { background: url(/assets/images/common/title-minivan_hire_sp.png) no-repeat; background-size: cover } .p-content-form .c-heading-main--2line { height: 300px } .page-contact .p-content-form .c-heading-main--2line { background: url(/assets/images/common/title-contact_sp.jpg) no-repeat; background-size: cover } .page-questionnaire .p-content-form .c-heading-main--2line { background: url(/assets/images/common/title-questionnaire_sp.jpg) no-repeat; background-size: cover } .page-labor .p-content-form .c-heading-main--2line { background: url(/assets/images/common/title-labor_sp.png) no-repeat; background-size: cover } .page-minivan_hire .p-content-form .c-heading-main--2line { background: url(/assets/images/common/title-minivan_hire_sp.png) no-repeat; background-size: cover } .p-content-form .l-content-section>.c-text { margin-bottom: 65px } .p-content-form .p-media-telbox { margin-bottom: 80px } .p-content-form .p-content-section .c-heading--blue-large { margin-bottom: 45px } .p-content-form .p-content-section .p-content-annotation { margin-bottom: 40px } .p-content-form .p-content-section .p-content-annotation .c-text--little { display: block } .p-content-form .p-content-section { margin-bottom: 60px } .page-jobs .p-content-form .p-content-section>.c-text { margin-bottom: 1em } .page-jobs .p-content-form .p-content-section>.c-heading--blue-large { margin-bottom: 20px } .page-jobs .p-content-form .p-content-section { margin-bottom: 80px } .p-content-form .p-content-section .p-content-section__free { display: block; background: #e6eaf3; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 20px 30px 20px 25px; margin: 5px 0 30px 0; font-family: 'Open Sans', sans-serif; text-align: center } .p-content-form .p-content-section .p-content-section__free:before { content: ''; display: inline-block; width: 34px; height: 22px; background: url(/assets/images/jobs/icon-free.svg) no-repeat; vertical-align: top; margin: 21px 6px 0 0 } .p-content-form .p-content-section .p-content-section__free .p-content-section__telno { display: inline-block; font-size: 3.5rem; font-weight: 400; color: #0c3287; letter-spacing: 0.02em } .p-content-form .p-content-section .p-content-section__free .p-content-section__time { display: inline-block; font-size: 1.5rem; font-weight: 400; color: #0c3287; vertical-align: top; margin: 18px 0 0 12px } .p-content-form .p-content-form__btn-comfirm { width: 560px; margin: 80px auto 0 auto } .p-content-form .p-content-form__btn-comfirm.is-comfirm .c-link-arrow--left { display: block; width: 90px; margin: 40px auto 0 auto } } .p-content-en .c-heading-enjp span { color: #0c3287 } @media print, screen and (min-width: 641px) { .p-content-en { padding-bottom: 100px } .p-content-en .p-content-index__main { display: block; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 80px } .p-content-en .p-content-index__main .p-content-index__main-item { display: block; position: relative; width: 100%; vertical-align: top } .p-content-en .p-content-index__main .p-content-index__main-item .p-content-index__main-pict { width: 100%; height: auto } .p-content-en .p-content-main { height: 700px; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 58px 0 0 0; background: url(/assets/images/about/bg-about_pc.jpg) no-repeat; background-size: cover; text-align: center } .p-content-en .p-content-main .c-heading-enjp { margin-bottom: 8px } .p-content-en .p-content-main .c-heading--blue-bold-large { margin-bottom: 24px; line-height: 1.9; font-family: 'Open Sans', sans-serif; font-weight: 400 } .p-content-en .p-content-main .c-media-symbol img { display: block; width: 256px; margin: 0 auto 32px auto } .p-content-en .p-content-summary { padding: 68px 0 0 0 } .p-content-en .p-content-summary .c-heading-enjp { margin-bottom: 25px } .p-content-en .p-content-summary .c-table-dl__th { width: 210px; vertical-align: top } .p-content-en .p-content-summary .c-table-dl__td { width: 750px } .p-content-en .p-content-summary .c-table-dl__td.is-dl { letter-spacing: -0.4em } .p-content-en .p-content-summary .c-table-dl__td dl { width: 350px; display: inline-block; letter-spacing: normal; margin-bottom: 2.0em; line-height: 1.75 } .p-content-en .p-content-summary .c-table-dl__td dl .c-text--bold { margin-bottom: 1px } .p-content-en .p-content-summary .c-table-dl__td dl.is-bottom { margin-bottom: 0em } .p-content-en .p-media-map-company .p-media-map-company__inner { width: 960px; margin: 0 auto 65px auto } .p-content-en .p-content-en__contact { text-align: center } .p-content-en .p-content-en__contact .c-heading-enjp { margin-bottom: 26px } .p-content-en .p-content-en__contact .p-content-en__contact-anchor { display: inline-block; text-decoration: none; font-size: 2.25rem; font-family: 'Open Sans', sans-serif; font-weight: 300; font-style: italic; color: #333333; text-align: center; letter-spacing: 1.8px } .p-content-en .p-content-en__contact .p-content-en__contact-anchor:after { content: ''; display: block; height: 1px; margin: 1px auto 0 auto; background-color: rgba(51, 51, 51, 0); -webkit-transition: 0.4s all; transition: 0.4s all } .p-content-en .p-content-en__contact .p-content-en__contact-anchor:hover { text-decoration: none } .p-content-en .p-content-en__contact .p-content-en__contact-anchor:hover:after { background-color: #333 } } @media screen and (max-width: 640px) { .p-content-en { padding-bottom: 100px } .p-content-en .p-content-index__main { display: block; margin-bottom: 80px; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box } .p-content-en .p-content-index__main .p-content-index__main-item { position: relative; width: 100% } .p-content-en .p-content-index__main .p-content-index__main-item .p-content-index__main-pict { width: 100%; height: auto } .p-content-en .p-content-main { height: 900px; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 68px 0 0 0; background: url(/assets/images/about/bg-about_sp.jpg) no-repeat; background-size: cover; text-align: center } .p-content-en .p-content-main .c-heading-enjp { margin-bottom: 30px } .p-content-en .p-content-main .c-heading--blue-bold-large { margin-bottom: 30px; line-height: 1.8; font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 1.875rem } .p-content-en .p-content-main .c-media-symbol { font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 1.5rem; line-height: 1.67 } .p-content-en .p-content-main .c-media-symbol img { display: block; width: 256px; margin: 0 auto 32px auto } .p-content-en .p-content-summary { padding: 88px 0 0 0 } .p-content-en .p-content-summary .c-heading-enjp { margin-bottom: 45px } .p-content-en .p-content-summary .c-table-dl { margin-bottom: 60px } .p-content-en .p-content-summary .c-table-dl__th { width: 100%; padding: 18px 20px 0 20px; display: block; font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 1.75rem; line-height: 1.79 } .p-content-en .p-content-summary .c-table-dl__td { width: 100%; padding: 0 10px 20px 20px; display: block; font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 1.75rem; line-height: 1.79 } .p-content-en .p-content-summary .c-table-dl__td.is-dl { padding-bottom: 0 } .p-content-en .p-content-summary .c-table-dl__td dl { margin-bottom: 0.7em; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; -webkit-font-kerning: auto; font-kerning: auto; letter-spacing: 0.0em } .p-content-en .p-media-map-company .p-media-map-company__inner { width: 560px; margin: 0 auto 70px auto } .p-content-en .p-media-map-company .p-media-map-company__inner .c-text--bold { font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 1.75rem; line-height: 1.79 } .p-content-en .p-media-map-company .p-media-map-company__inner .c-text { font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 1.75rem; line-height: 1.79; letter-spacing: 0.0em; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; -webkit-font-kerning: auto; font-kerning: auto } .p-content-en .p-content-en__contact { text-align: center } .p-content-en .p-content-en__contact .c-heading-enjp { margin-bottom: 45px } .p-content-en .p-content-en__contact .p-content-en__contact-anchor { display: inline-block; text-decoration: none; font-size: 3.25rem; font-family: 'Open Sans', sans-serif; font-weight: 300; font-style: italic; color: #333333; text-align: center; letter-spacing: 1.8px } .p-content-en .p-content-en__contact .p-content-en__contact-anchor:after { content: ''; display: block; height: 1px; margin: 1px auto 0 auto; background-color: rgba(51, 51, 51, 0); -webkit-transition: 0.4s all; transition: 0.4s all } } @media print, screen and (min-width: 641px) { .page-jobs .p-content-jobs { padding-bottom: 52px } .page-jobs .p-content-jobs .p-content-jobs__content { display: block; z-index: 1; position: absolute; top: 0; left: 0; text-align: center } .page-jobs .p-content-jobs .p-content-jobs__content-title { display: inline-block; position: relative; font-size: 2.625rem; font-weight: 700; color: #333; letter-spacing: 0.01rem; text-align: center } .page-jobs .p-content-jobs .p-content-jobs__content-title>span { display: block; width: auto; height: auto; margin: 14px auto 0 auto; font-size: 1.5rem; font-family: 'Open Sans', sans-serif; font-style: italic; color: #0c3287; font-weight: 400; vertical-align: top } .page-jobs .p-content-jobs .p-content-jobs__img img { width: 100%; height: auto } .page-jobs .p-content-jobs .p-content-jobs__list { letter-spacing: -0.4em; text-align: left } .page-jobs .p-content-jobs .p-content-jobs__item { display: inline-block; margin: 0 20px 20px 20px; letter-spacing: normal } .page-jobs .p-content-jobs .p-content-jobs__anchor { position: relative; display: block; width: 260px; height: 150px; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; background-color: #0c3287; border: 3px solid #0c3287; -webkit-transition: 0.4s all; transition: 0.4s all; color: #fff; text-align: center; text-decoration: none; font-size: 1.375rem; font-weight: 700 } .page-jobs .p-content-jobs .p-content-jobs__anchor:hover { opacity: 1 } .page-jobs .p-content-jobs .p-content-jobs__anchor:hover>span { background: rgba(12, 50, 135, 0); text-shadow: 0 0 8px rgba(0, 0, 0, 0.75) } .page-jobs .p-content-jobs .p-content-jobs__anchor img { width: 100%; height: auto; display: block; vertical-align: top } .page-jobs .p-content-jobs .p-content-jobs__anchor>span { -webkit-transition: 0.4s all; transition: 0.4s all; display: block; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: absolute; top: 0; left: 0; z-index: 1; width: 254px; height: 144px; -webkit-box-sizing: border-box; box-sizing: border-box; letter-spacing: 0.14em; background: rgba(12, 50, 135, 0.3); text-shadow: 0 0 8px rgba(0, 0, 0, 0.6) } .page-jobs .p-content-jobs .p-content-jobs__anchor>span.is-message { display: block; padding: 18px 0 0 17px; text-align: left } .page-jobs .p-content-jobs .p-content-jobs__anchor>span.is-message>span { display: block; margin-bottom: 15px; font-size: 1rem; line-height: 24px; letter-spacing: 0.14em } .page-jobs .p-content-jobs .p-content-jobs__next { display: block; z-index: 1; position: absolute; bottom: 20px; left: 0; right: 0; margin: auto; width: 48px; height: 32px } .page-jobs .p-content-jobs .p-content-jobs__next-btn { display: block; width: 48px; height: 32px; -webkit-transition: 0.4s all; transition: 0.4s all } .page-jobs .p-content-jobs .p-content-jobs__next-btn img { width: 48px; height: 32px } .page-jobs .p-content-jobs .p-content-jobs__next-btn:hover { opacity: 0.5 } .page-jobs .p-content-jobs .p-content-jobs-index__kv { position: relative; min-height: 583px; border-bottom: 8px solid #fff000; -webkit-box-sizing: border-box; box-sizing: border-box } .page-jobs .p-content-jobs .p-content-jobs-index__kv .p-content-jobs__next { bottom: 120px } .page-jobs .p-content-jobs .p-content-jobs__main { display: block; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; min-height: 482px } .page-jobs .p-content-jobs .p-content-jobs__main .p-content-jobs__main-item { display: block; position: relative; width: 100%; vertical-align: top } .page-jobs .p-content-jobs .p-content-jobs__main .p-content-jobs__main-item .p-content-jobs__main-pict { width: 100%; height: auto } .page-jobs .p-content-jobs .p-content-jobs__news { display: block; position: absolute; left: 0; right: 0; bottom: 20px; margin: auto; width: 960px; height: 90px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: rgba(255, 255, 255, 0.9); padding: 20px 34px 10px 180px } .page-jobs .p-content-jobs .p-content-jobs__news .p-content-jobs__news-title { position: absolute; top: 20px; left: 30px; font-size: 1.25rem; text-decoration: none; font-weight: 600; color: #333; line-height: 1.45; letter-spacing: 0.1em; text-align: left; margin-bottom: 22px } .page-jobs .p-content-jobs .p-content-jobs__news .p-content-jobs__news-title>span { display: block; width: auto; height: auto; margin: 0; font-size: 1rem; font-family: 'Open Sans', sans-serif; font-style: italic; color: #0c3287; font-weight: 400; vertical-align: top; letter-spacing: 0.02em } .page-jobs .p-content-jobs .p-content-jobs__news .p-content-jobs__news-anchor { display: block; position: relative; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 2px 0 30px 0; font-size: .875rem; line-height: 1.71; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; -webkit-font-kerning: auto; font-kerning: auto; color: #333; text-decoration: none } .page-jobs .p-content-jobs .p-content-jobs__news .p-content-jobs__news-date { display: inline-block; letter-spacing: 0.02em; margin-right: 10px } .page-jobs .p-content-jobs .p-content-jobs__news .p-content-jobs__news-icon { display: inline-block; vertical-align: top; margin-top: -1px; text-align: center; width: 90px; height: 20px; font-size: .75rem; line-height: 1.7; letter-spacing: 0.05em; font-weight: 600 } .page-jobs .p-content-jobs .p-content-jobs__news .p-content-jobs__news-icon.is-jobs-info { background: #fff; color: #0c3287; border: 2px solid #0c3287; border-radius: 5px } .page-jobs .p-content-jobs .p-content-jobs__news .p-content-jobs__news-icon.is-new-career { background: #fff000; color: #0c3287; border-radius: 5px } .page-jobs .p-content-jobs .p-content-jobs__news .p-content-jobs__news-icon.is-mid-career { background: #0c3287; color: #fff; border-radius: 5px } .page-jobs .p-content-jobs .p-content-jobs__news .p-content-jobs__news-text { position: relative; display: block; line-height: 1.75; overflow: hidden; width: 585px; white-space: nowrap; text-overflow: ellipsis } .page-jobs .p-content-jobs .p-content-jobs__news .p-content-jobs__news-text:before { content: ''; display: block; clear: both; width: 100%; margin-top: 2px } .page-jobs .p-content-jobs .p-content-jobs__news .p-content-jobs__news-btn { position: absolute; top: 25px; right: 30px; width: 150px; height: 40px } .page-jobs .p-content-jobs .p-content-jobs__news .p-content-jobs__news-btn .c-btn-line--blue { width: 150px; height: 40px; padding-left: 10px } .page-jobs .p-content-jobs .p-content-jobs-index__company { position: relative; min-height: 575px; -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom: 8px solid #fff000 } .page-jobs .p-content-jobs .p-content-jobs-index__company .p-content-jobs__content { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 900px; height: 390px; padding-bottom: 80px } .page-jobs .p-content-jobs .p-content-jobs-index__company .p-content-jobs__content-title { padding-top: 65px; margin-bottom: 78px } .page-jobs .p-content-jobs .p-content-jobs-index__company .p-content-jobs__content-title:before { content: ''; display: block; position: absolute; width: 36px; height: 45px; position: absolute; top: 0; left: 0; right: 0; margin: auto; background: url(/assets/images/jobs/icon-header_01.svg) no-repeat; background-size: 36px 45px } .page-jobs .p-content-jobs .p-content-jobs-index__company .p-content-jobs__list { display: inline-block; width: 900px } .page-jobs .p-content-jobs .p-content-jobs-index__work { position: relative; min-height: 582px; -webkit-box-sizing: border-box; box-sizing: border-box } .page-jobs .p-content-jobs .p-content-jobs-index__work .p-content-jobs__content { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 900px; height: 535px; padding-bottom: 15px } .page-jobs .p-content-jobs .p-content-jobs-index__work .p-content-jobs__content-title { padding-top: 61px; margin-bottom: 6.5% } .page-jobs .p-content-jobs .p-content-jobs-index__work .p-content-jobs__content-title:before { content: ''; display: block; position: absolute; width: 45px; height: 39px; position: absolute; top: 0; left: 0; right: 0; margin: auto; background: url(/assets/images/jobs/icon-header_02.svg) no-repeat; background-size: 45px 39px } .page-jobs .p-content-jobs .p-content-jobs-index__work .p-content-jobs__list { display: inline-block; width: 900px } .page-jobs .p-content-jobs .p-content-jobs-index__interview { position: relative; min-height: 484px; -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom: 8px solid #fff000; background: #e6eaf3; text-align: center; padding: 60px 0 60px 0 } .page-jobs .p-content-jobs .p-content-jobs-index__interview .p-content-jobs__content-title { display: block; font-size: 2rem; letter-spacing: 0.1em; margin-bottom: 38px } .page-jobs .p-content-jobs .p-content-jobs-index__interview .p-content-jobs-interview__list { letter-spacing: -0.4em; margin-bottom: 18px } .page-jobs .p-content-jobs .p-content-jobs-index__interview .p-content-jobs-interview__item { display: inline-block; letter-spacing: normal; margin: 0 20px 20px 20px } .page-jobs .p-content-jobs .p-content-jobs-index__interview .p-content-jobs-interview__anchor { display: block; text-decoration: none; color: #333; -webkit-transition: 0.4s all; transition: 0.4s all } .page-jobs .p-content-jobs .p-content-jobs-index__interview .p-content-jobs-interview__anchor:hover { opacity: 0.6 } .page-jobs .p-content-jobs .p-content-jobs-index__interview .p-content-jobs-interview__pict { position: relative; display: block; overflow: hidden; width: 260px; height: 160px; -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 8px; background-color: #0c3287; border: 3px solid #0c3287 } .page-jobs .p-content-jobs .p-content-jobs-index__interview .p-content-jobs-interview__pict img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 100%; height: auto } .page-jobs .p-content-jobs .p-content-jobs-index__interview .p-content-jobs-interview__title { display: block; width: 260px; text-align: left; margin-bottom: 3px; font-size: .813rem; font-weight: 700; line-height: 1.5; letter-spacing: 0.05em } .page-jobs .p-content-jobs .p-content-jobs-index__interview .p-content-jobs-interview__date { display: block; width: 260px; text-align: left; font-size: .75rem; font-weight: 500; line-height: 1.5; letter-spacing: 0.05em } .page-jobs .p-content-jobs .p-content-jobs-index__interview .p-content-jobs-interview__btn { width: 320px; margin: 0 auto 0 auto } .page-jobs .p-content-jobs .p-content-jobs-index__recruitment { position: relative; min-height: 575px; -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom: 8px solid #fff000 } .page-jobs .p-content-jobs .p-content-jobs-index__recruitment .p-content-jobs__content { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 900px; height: 535px; padding-bottom: 15px } .page-jobs .p-content-jobs .p-content-jobs-index__recruitment .p-content-jobs__content-title { padding-top: 65px; margin-bottom: 4.0% } .page-jobs .p-content-jobs .p-content-jobs-index__recruitment .p-content-jobs__content-title:before { content: ''; display: block; position: absolute; width: 36px; height: 45px; position: absolute; top: 0; left: 0; right: 0; margin: auto; background: url(/assets/images/jobs/icon-header_03.svg) no-repeat; background-size: 36px 45px } .page-jobs .p-content-jobs .p-content-jobs-index__recruitment .p-content-jobs__list { display: inline-block; width: 900px; text-align: center; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; -webkit-font-kerning: auto; font-kerning: auto } .page-jobs .p-content-jobs .p-content-jobs-index__sns { position: relative; border-bottom: 8px solid #fff000; letter-spacing: -0.4em } .page-jobs .p-content-jobs .p-content-jobs-index__sns:before { content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; margin: auto; width: 8px; height: 100%; background: #fff000 } .page-jobs .p-content-jobs .p-content-jobs-index__sns>section { display: inline-block; width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; letter-spacing: normal; text-align: center; vertical-align: top } .page-jobs .p-content-jobs .p-content-jobs-index__sns .p-content-jobs__content-title { display: inline-block; position: relative; font-size: 2.125rem } .page-jobs .p-content-jobs .p-content-jobs-index__sns .p-content-jobs__content-title>span { margin-top: 20px } .page-jobs .p-content-jobs .p-content-jobs-index__sns .p-content-jobs-index__sns-twitter { padding: 8.4% 4px 7.2% 0 } .page-jobs .p-content-jobs .p-content-jobs-index__sns .p-content-jobs-index__sns-twitter .p-content-jobs__content-title { margin-bottom: 40px } .page-jobs .p-content-jobs .p-content-jobs-index__sns .p-content-jobs-index__sns-twitter .p-content-jobs-index__twitter { width: 420px; margin: 0 auto 0 auto } .page-jobs .p-content-jobs .p-content-jobs-index__sns .p-content-jobs-index__sns-instagram { padding: 8.4% 0 8.4% 4px } .page-jobs .p-content-jobs .p-content-jobs-index__sns .p-content-jobs-index__sns-instagram .p-content-jobs__content-title { margin-bottom: 58px } .page-jobs .p-content-jobs .p-content-jobs-index__sns .p-content-jobs-index__sns-instagram .p-content-jobs-index__instagram { width: 420px; margin: 0 auto 40px auto } .page-jobs .p-content-jobs .p-content-jobs-index__sns .p-content-jobs-index__sns-instagram .p-content-jobs-index__instagram img { width: 100%; height: auto } .page-jobs .p-content-jobs .p-content-jobs-index__sns .p-content-jobs-index__sns-instagram .c-btn-line--blue { width: 320px; margin: 0 auto 0 auto } } @media screen and (max-width: 640px) { .page-jobs .p-content-jobs { padding-bottom: 75px } .page-jobs .p-content-jobs .p-content-jobs__content { display: block; z-index: 1; position: absolute; top: 0; left: 0; text-align: center } .page-jobs .p-content-jobs .p-content-jobs__content-title { display: inline-block; position: relative; font-size: 3rem; font-weight: 600; color: #333; letter-spacing: 0.01em; text-align: center } .page-jobs .p-content-jobs .p-content-jobs__content-title>span { display: block; width: auto; height: auto; margin: 12px auto 0 auto; font-size: 1.75rem; font-family: 'Open Sans', sans-serif; font-style: italic; color: #0c3287; font-weight: 400; vertical-align: top; letter-spacing: 0.02em } .page-jobs .p-content-jobs .p-content-jobs__img img { width: 100%; height: auto } .page-jobs .p-content-jobs .p-content-jobs__list { letter-spacing: -0.4em; text-align: left } .page-jobs .p-content-jobs .p-content-jobs__item { display: inline-block; margin: 0 20px 20px 20px; letter-spacing: normal } .page-jobs .p-content-jobs .p-content-jobs__anchor { position: relative; display: block; width: 260px; height: 150px; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; background-color: #0c3287; border: 3px solid #0c3287; color: #fff; text-align: center; text-decoration: none; font-size: 1.5rem; font-weight: 700; letter-spacing: 0.14em } .page-jobs .p-content-jobs .p-content-jobs__anchor img { width: 100%; height: auto; display: block; vertical-align: top } .page-jobs .p-content-jobs .p-content-jobs__anchor>span { -webkit-transition: 0.4s all; transition: 0.4s all; display: block; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: absolute; top: 0; left: 0; z-index: 1; width: 254px; height: 144px; -webkit-box-sizing: border-box; box-sizing: border-box; letter-spacing: 0.14em; background: rgba(12, 50, 135, 0.3); text-shadow: 0 0 8px rgba(0, 0, 0, 0.6) } .page-jobs .p-content-jobs .p-content-jobs__anchor>span.is-message { display: block; padding: 18px 0 0 17px; text-align: left } .page-jobs .p-content-jobs .p-content-jobs__anchor>span.is-message>span { display: block; margin-bottom: 15px; font-size: 1rem; line-height: 24px; letter-spacing: 0.14em } .page-jobs .p-content-jobs .p-content-jobs__anchor>span.is-foreign { line-height: 1.667 } .page-jobs .p-content-jobs .p-content-jobs__next { display: block; z-index: 1; position: absolute; bottom: 20px; left: 0; right: 0; margin: auto; width: 58px; height: 38px } .page-jobs .p-content-jobs .p-content-jobs__next-btn { display: block; width: 58px; height: 38px; -webkit-transition: 0.4s all; transition: 0.4s all } .page-jobs .p-content-jobs .p-content-jobs__next-btn img { width: 58px; height: 38px } .page-jobs .p-content-jobs .p-content-jobs__next-btn:hover { opacity: 0.5 } .page-jobs .p-content-jobs .p-content-jobs-index__kv { position: relative; min-height: 1102px; -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom: 8px solid #fff000 } .page-jobs .p-content-jobs .p-content-jobs__main { position: relative } .page-jobs .p-content-jobs .p-content-jobs__main .p-content-jobs__main-list { display: block; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box } .page-jobs .p-content-jobs .p-content-jobs__main .p-content-jobs__main-list .p-content-jobs__main-item { position: relative; width: 100% } .page-jobs .p-content-jobs .p-content-jobs__main .p-content-jobs__main-list .p-content-jobs__main-item .p-content-jobs__main-pict { width: 100%; height: auto } .page-jobs .p-content-jobs .p-content-jobs__main .p-content-jobs__next { bottom: 20px } .page-jobs .p-content-jobs .p-content-jobs__news { display: block; position: relative; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 28px 34px 10px 34px } .page-jobs .p-content-jobs .p-content-jobs__news .p-content-jobs__news-title { position: relative; font-size: 2.25rem; text-decoration: none; font-weight: 600; color: #333; line-height: 1.45; letter-spacing: 0.1em; text-align: left; margin-bottom: 22px } .page-jobs .p-content-jobs .p-content-jobs__news .p-content-jobs__news-title>span { display: block; width: auto; height: auto; margin: 0; font-size: 1.563rem; font-family: 'Open Sans', sans-serif; font-style: italic; color: #0c3287; font-weight: 400; vertical-align: top; letter-spacing: 0.02em } .page-jobs .p-content-jobs .p-content-jobs__news .p-content-jobs__news-anchor { display: block; position: relative; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 2px 0 30px 0; font-size: 1.5rem; line-height: 1.71; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; -webkit-font-kerning: auto; font-kerning: auto; color: #333; text-decoration: none } .page-jobs .p-content-jobs .p-content-jobs__news .p-content-jobs__news-date { display: inline-block; letter-spacing: 0.02em; margin-right: 12px } .page-jobs .p-content-jobs .p-content-jobs__news .p-content-jobs__news-icon { display: inline-block; vertical-align: top; margin-top: 8px; text-align: center; width: 150px; height: 25px; font-size: 1.188rem; line-height: 1.4; letter-spacing: 0.05em; font-weight: 600 } .page-jobs .p-content-jobs .p-content-jobs__news .p-content-jobs__news-icon.is-jobs-info { background: #fff; color: #0c3287; border: 2px solid #0c3287; border-radius: 5px } .page-jobs .p-content-jobs .p-content-jobs__news .p-content-jobs__news-icon.is-new-career { background: #fff000; color: #0c3287; border-radius: 5px } .page-jobs .p-content-jobs .p-content-jobs__news .p-content-jobs__news-icon.is-mid-career { background: #0c3287; color: #fff; border-radius: 5px } .page-jobs .p-content-jobs .p-content-jobs__news .p-content-jobs__news-text { line-height: 1.75; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2 } .page-jobs .p-content-jobs .p-content-jobs__news .p-content-jobs__news-text:before { content: ''; display: block; clear: both; width: 100%; margin-top: 2px } .page-jobs .p-content-jobs .p-content-jobs__news .p-content-jobs__news-btn { position: absolute; top: 37px; right: 34px; width: 220px; height: 60px } .page-jobs .p-content-jobs .p-content-jobs__news .p-content-jobs__news-btn .c-btn-line--blue { width: 220px; height: 60px; padding-left: 10px } .page-jobs .p-content-jobs .p-content-jobs-index__company { position: relative; min-height: 757px; -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom: 8px solid #fff000 } .page-jobs .p-content-jobs .p-content-jobs-index__company .p-content-jobs__content { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 600px; height: 555px; padding-bottom: 50px } .page-jobs .p-content-jobs .p-content-jobs-index__company .p-content-jobs__content-title { padding-top: 65px; margin-bottom: 70px } .page-jobs .p-content-jobs .p-content-jobs-index__company .p-content-jobs__content-title:before { content: ''; display: block; position: absolute; width: 36px; height: 45px; position: absolute; top: 0; left: 0; right: 0; margin: auto; background: url(/assets/images/jobs/icon-header_01.svg) no-repeat; background-size: 36px 45px } .page-jobs .p-content-jobs .p-content-jobs-index__company .p-content-jobs__list { display: inline-block; width: 600px } .page-jobs .p-content-jobs .p-content-jobs-index__work { position: relative; min-height: 595px; -webkit-box-sizing: border-box; box-sizing: border-box } .page-jobs .p-content-jobs .p-content-jobs-index__work .p-content-jobs__content { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 100%; height: 555px; padding-bottom: 40px } .page-jobs .p-content-jobs .p-content-jobs-index__work .p-content-jobs__content-title { padding-top: 60px; margin-bottom: 70px } .page-jobs .p-content-jobs .p-content-jobs-index__work .p-content-jobs__content-title:before { content: ''; display: block; position: absolute; width: 45px; height: 39px; position: absolute; top: 0; left: 0; right: 0; margin: auto; background: url(/assets/images/jobs/icon-header_02.svg) no-repeat; background-size: 45px 39px } .page-jobs .p-content-jobs .p-content-jobs-index__work .p-content-jobs__list { display: inline-block; width: 600px } .page-jobs .p-content-jobs .p-content-jobs-index__interview { position: relative; border-bottom: 8px solid #fff000; background: #e6eaf3; text-align: center; padding: 76px 0 78px 0 } .page-jobs .p-content-jobs .p-content-jobs-index__interview .p-content-jobs__content-title { display: block; font-size: 2.5rem; letter-spacing: 0.08em; margin-bottom: 38px } .page-jobs .p-content-jobs .p-content-jobs-index__interview .p-content-jobs-interview__list { width: 600px; margin: 0 auto 0px auto; letter-spacing: -0.4em; text-align: left } .page-jobs .p-content-jobs .p-content-jobs-index__interview .p-content-jobs-interview__item { display: inline-block; letter-spacing: normal; margin: 0 20px 36px 20px } .page-jobs .p-content-jobs .p-content-jobs-index__interview .p-content-jobs-interview__anchor { display: block; text-decoration: none; color: #333; -webkit-transition: 0.4s all; transition: 0.4s all } .page-jobs .p-content-jobs .p-content-jobs-index__interview .p-content-jobs-interview__anchor:hover { opacity: 0.6 } .page-jobs .p-content-jobs .p-content-jobs-index__interview .p-content-jobs-interview__pict { position: relative; display: block; overflow: hidden; width: 260px; height: 160px; -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 12px; background-color: #0c3287; border: 3px solid #0c3287 } .page-jobs .p-content-jobs .p-content-jobs-index__interview .p-content-jobs-interview__pict img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 100%; height: auto } .page-jobs .p-content-jobs .p-content-jobs-index__interview .p-content-jobs-interview__title { display: block; width: 260px; text-align: left; margin-bottom: 5px; font-size: 1.438rem; font-weight: 600; line-height: 1.65; letter-spacing: 0.02em } .page-jobs .p-content-jobs .p-content-jobs-index__interview .p-content-jobs-interview__date { display: block; width: 260px; text-align: left; font-size: 1.25rem; font-weight: 500; line-height: 1.5; letter-spacing: 0.05em } .page-jobs .p-content-jobs .p-content-jobs-index__interview .p-content-jobs-interview__btn { width: 460px; margin: 0 auto 0 auto } .page-jobs .p-content-jobs .p-content-jobs-index__interview .p-content-jobs-interview__btn .c-btn-line--blue { padding-left: 10px } .page-jobs .p-content-jobs .p-content-jobs-index__recruitment { position: relative; min-height: 820px; -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom: 8px solid #fff000 } .page-jobs .p-content-jobs .p-content-jobs-index__recruitment .p-content-jobs__content { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 600px; height: 670px; padding-bottom: 0px } .page-jobs .p-content-jobs .p-content-jobs-index__recruitment .p-content-jobs__content-title { padding-top: 65px; margin-bottom: 32px } .page-jobs .p-content-jobs .p-content-jobs-index__recruitment .p-content-jobs__content-title:before { content: ''; display: block; position: absolute; width: 36px; height: 45px; position: absolute; top: 0; left: 0; right: 0; margin: auto; background: url(/assets/images/jobs/icon-header_03.svg) no-repeat; background-size: 36px 45px } .page-jobs .p-content-jobs .p-content-jobs-index__recruitment .p-content-jobs__list { display: inline-block; width: 600px } .page-jobs .p-content-jobs .p-content-jobs-index__sns { position: relative } .page-jobs .p-content-jobs .p-content-jobs-index__sns>section { display: block; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; vertical-align: top } .page-jobs .p-content-jobs .p-content-jobs-index__sns .p-content-jobs__content-title { display: inline-block; position: relative; font-size: 2.5rem } .page-jobs .p-content-jobs .p-content-jobs-index__sns .p-content-jobs__content-title>span { margin-top: 12px } .page-jobs .p-content-jobs .p-content-jobs-index__sns .p-content-jobs-index__sns-twitter { padding: 80px 4px 60px 0; border-bottom: 8px solid #fff000 } .page-jobs .p-content-jobs .p-content-jobs-index__sns .p-content-jobs-index__sns-twitter .p-content-jobs__content-title { margin-bottom: 15px } .page-jobs .p-content-jobs .p-content-jobs-index__sns .p-content-jobs-index__sns-twitter .p-content-jobs-index__twitter { width: 560px; margin: 0 auto 0 auto } .page-jobs .p-content-jobs .p-content-jobs-index__sns .p-content-jobs-index__sns-twitter .p-content-jobs-index__twitter iframe { width: 560px !important; height: 706px !important } .page-jobs .p-content-jobs .p-content-jobs-index__sns .p-content-jobs-index__sns-instagram { padding: 80px 0 80px 4px; border-bottom: 8px solid #fff000 } .page-jobs .p-content-jobs .p-content-jobs-index__sns .p-content-jobs-index__sns-instagram .p-content-jobs__content-title { margin-bottom: 37px } .page-jobs .p-content-jobs .p-content-jobs-index__sns .p-content-jobs-index__sns-instagram .p-content-jobs-index__instagram { width: 560px; margin: 0 auto 40px auto } .page-jobs .p-content-jobs .p-content-jobs-index__sns .p-content-jobs-index__sns-instagram .p-content-jobs-index__instagram img { width: 100%; height: auto } .page-jobs .p-content-jobs .p-content-jobs-index__sns .p-content-jobs-index__sns-instagram .c-btn-line--blue { width: 460px; margin: 0 auto 0 auto } } @media print, screen and (min-width: 641px) { .p-content-jobs-message .c-heading-main { height: 260px; margin-bottom: 80px; background: url(/assets/images/jobs/company/title-message_pc.jpg) no-repeat; background-size: cover } .p-content-jobs-message .c-heading-main__inner { color: #fff; text-shadow: 0 0 8px rgba(0, 0, 0, 0.6) } .p-content-jobs-message .l-content-section { padding-bottom: 50px } .p-content-jobs-message .l-content-section .p-content-jobs-message__block01 { position: relative; width: 960px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 0 0 440px } .p-content-jobs-message .l-content-section .p-content-jobs-message__block01 .p-content-jobs-message__pict { position: absolute; top: 4px; left: 0 } .p-content-jobs-message .l-content-section .p-content-jobs-message__block01 .p-content-jobs-message__pict img { width: 400px; height: auto } .p-content-jobs-message .l-content-section .p-content-jobs-message__block02 { margin-top: -12px } .p-content-jobs-message .l-content-section .p-content-jobs-message__block03 { position: relative; width: 960px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 440px 0 0 } .p-content-jobs-message .l-content-section .p-content-jobs-message__block03 .p-content-jobs-message__pict { position: absolute; top: 4px; right: 0 } .p-content-jobs-message .l-content-section .p-content-jobs-message__block03 .p-content-jobs-message__pict img { width: 400px; height: auto } .p-content-jobs-message .l-content-section .p-content-jobs-message__qa { margin-bottom: 40px } .p-content-jobs-message .l-content-section .p-content-jobs-message__title { font-size: 1.875rem; color: #333; font-weight: 700; letter-spacing: 0.1em; margin-bottom: 42px } .p-content-jobs-message .l-content-section .p-content-jobs-message__quesiton { font-size: 1.125rem; font-weight: bold; color: #0c3287; line-height: 1.5; letter-spacing: 0.02em; margin-bottom: 8px } .p-content-jobs-message .l-content-section .p-content-jobs-message__answer { font-size: .875rem; line-height: 1.8 } .p-content-jobs-message .l-content-section .p-content-jobs-message__sign { display: inline-block; float: right; text-align: right; line-height: 1.8; letter-spacing: 0.02em; margin-bottom: 48px; margin-top: -10px } .p-content-jobs-message .l-content-section .p-content-jobs-message__sign img { display: block; text-align: right; width: 160px; height: auto } .p-content-jobs-message .l-content-section .p-content-jobs-message__entry { display: block; clear: both; width: 960px; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto 0 auto; padding: 26px 0 30px 0; border: 4px solid #e6eaf3; text-align: center } .p-content-jobs-message .l-content-section .p-content-jobs-message__entry>span { font-size: 1.125rem; font-weight: 700; letter-spacing: 0.02em } .p-content-jobs-message .l-content-section .p-content-jobs-message__entry .c-btn-entry { width: 315px; height: 75px; font-size: 1.75rem; margin: 14px auto 0 auto } .p-content-jobs-message .l-content-section .p-content-jobs-message__entry .c-btn-entry:before { position: absolute; top: 0; left: 20px; bottom: 0; margin: auto; width: 12px; height: 18px; background: url(/assets/images/jobs/icon-cursor-right.svg) no-repeat; background-size: cover } } @media screen and (max-width: 640px) { .p-content-jobs-message .c-heading-main { height: 280px; margin-bottom: 70px; background: url(/assets/images/jobs/company/title-message@2x_sp.jpg) no-repeat; background-size: cover } .p-content-jobs-message .c-heading-main__inner { font-size: 3rem; padding-top: 110px; letter-spacing: 0.1em; color: #fff; text-shadow: 0 0 8px rgba(0, 0, 0, 0.4) } .p-content-jobs-message .l-content-section { padding-bottom: 60px } .p-content-jobs-message .l-content-section .p-content-jobs-message__block01 { position: relative; width: 560px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 0 0 0; margin: 0 auto 0 auto } .p-content-jobs-message .l-content-section .p-content-jobs-message__block01 .p-content-jobs-message__pict { margin-bottom: 50px } .p-content-jobs-message .l-content-section .p-content-jobs-message__block01 .p-content-jobs-message__pict img { width: 560px; height: auto } .p-content-jobs-message .l-content-section .p-content-jobs-message__block02 { margin-top: -12px } .p-content-jobs-message .l-content-section .p-content-jobs-message__block03 { position: relative; width: 560px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 0 0 0; margin-bottom: 70px } .p-content-jobs-message .l-content-section .p-content-jobs-message__block03 .p-content-jobs-message__pict { margin: 48px auto 10px auto } .p-content-jobs-message .l-content-section .p-content-jobs-message__block03 .p-content-jobs-message__pict img { width: 560px; height: auto } .p-content-jobs-message .l-content-section .p-content-jobs-message__qa { margin-bottom: 40px } .p-content-jobs-message .l-content-section .p-content-jobs-message__title { font-size: 3rem; color: #333; font-weight: 600; letter-spacing: 0.05em; margin-bottom: 44px; line-height: 1.4 } .p-content-jobs-message .l-content-section .p-content-jobs-message__quesiton { font-size: 2.25rem; font-weight: 600; color: #0c3287; line-height: 1.389; letter-spacing: 0.025em; margin-bottom: 20px; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; -webkit-font-kerning: auto; font-kerning: auto } .p-content-jobs-message .l-content-section .p-content-jobs-message__answer { font-size: 1.75rem; line-height: 1.8; text-align: justify; text-justify: inter-ideograph } .p-content-jobs-message .l-content-section .p-content-jobs-message__sign { display: inline-block; float: right; text-align: left; line-height: 1.8; letter-spacing: 0.02em; margin-bottom: 78px; margin-top: -10px; font-size: 1.75rem } .p-content-jobs-message .l-content-section .p-content-jobs-message__sign img { display: inline-block; text-align: left; width: 240px; height: auto; vertical-align: top; margin-left: 42px } .p-content-jobs-message .l-content-section .p-content-jobs-message__entry { display: block; clear: both; width: 560px; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto 0 auto; padding: 40px 0 40px 0; border: 8px solid #e6eaf3; text-align: center; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; -webkit-font-kerning: auto; font-kerning: auto } .p-content-jobs-message .l-content-section .p-content-jobs-message__entry>span { font-size: 1.75rem; font-weight: 700; letter-spacing: 0.05em } .p-content-jobs-message .l-content-section .p-content-jobs-message__entry .c-btn-entry { width: 500px; height: 100px; font-size: 2rem; margin: 40px auto 0 auto; font-weight: 600 } .p-content-jobs-message .l-content-section .p-content-jobs-message__entry .c-btn-entry:before { position: absolute; top: 0; left: 20px; bottom: 0; margin: auto; width: 18px; height: 24px; background: url(/assets/images/jobs/icon-cursor-right.svg) no-repeat; background-size: cover } } @media print, screen and (min-width: 641px) { .p-content-jobs-recruit .c-heading-main { height: 260px; margin-bottom: 60px; background: url(/assets/images/jobs/recruitment/title-recruit_pc.jpg) no-repeat; background-size: cover } .p-content-jobs-recruit .c-heading-main__inner { color: #0c3287 } .p-content-jobs-recruit .l-content-section { padding-bottom: 2px } .p-content-jobs-recruit .p-nav-link { margin-bottom: 50px } .p-content-jobs-recruit .c-table-recruit { margin-bottom: 50px } .p-content-jobs-recruit .c-table-recruit+.c-text--small { margin: -45px 0 50px 0.5em } } @media screen and (max-width: 640px) { .p-content-jobs-recruit .c-heading-main { height: 280px; margin-bottom: 80px; background: url(/assets/images/jobs/recruitment/title-recruit@2x_sp.jpg) no-repeat; background-size: cover } .p-content-jobs-recruit .c-heading-main__inner { font-size: 3rem; padding-top: 110px; letter-spacing: 0.1em; color: #0c3287 } .p-content-jobs-recruit .l-content-section { padding-bottom: 2px } .p-content-jobs-recruit .l-content-section .c-heading--bold { font-weight: 600; margin-bottom: 46px } .p-content-jobs-recruit .p-nav-link { margin-bottom: 50px } .p-content-jobs-recruit .c-table-recruit { margin-bottom: 120px } .p-content-jobs-recruit .c-table-recruit+.c-text--small { margin: -115px 0 120px 0.2em } } @media print, screen and (min-width: 641px) { .p-content-jobs-session .c-heading-main { height: 260px; margin-bottom: 80px; background: url(/assets/images/jobs/recruitment/title-session@2x_pc.jpg) no-repeat; background-size: cover } .p-content-jobs-session .c-heading-main__inner { text-shadow: 0 0 8px rgba(0, 0, 0, 0.6) } .p-content-jobs-session .l-content-section { padding-bottom: 50px } .p-content-jobs-session .l-content-section>.c-text { line-height: 1.8; margin-bottom: 53px } .p-content-jobs-session .l-content-section .p-content-jobs-session__lead { margin-bottom: 30px; font-size: 1.875rem; font-weight: 700; color: #333; letter-spacing: 0.1em; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; -webkit-font-kerning: auto; font-kerning: auto } .p-content-jobs-session .l-content-section .p-content-jobs-session__title { display: block; width: 960px; height: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; margin-bottom: 20px; font-size: 1.5rem; font-weight: 700; letter-spacing: 0.1em; color: #fff; line-height: 1.68; background-color: #0c3287; border-radius: 5px } .p-content-jobs-session .l-content-section .p-content-jobs-session__listbox { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; width: 960px; margin-bottom: 92px } .p-content-jobs-session .l-content-section .p-content-jobs-session__listbox:after { display: block; content: ''; width: 72px; height: 55px; position: absolute; bottom: -72px; left: 0; right: 0; margin: auto; background: url(/assets/images/jobs/icon-cursor-down.svg) no-repeat; background-size: 72px 55px } .p-content-jobs-session .l-content-section .p-content-jobs-session__block { display: inline-block; width: 310px; -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: top; padding: 16px 20px 20px 20px; background-color: white; border: 4px solid #e6eaf3 } .p-content-jobs-session .l-content-section .p-content-jobs-session__block .p-content-jobs-session__info { text-align: center } .p-content-jobs-session .l-content-section .p-content-jobs-session__block .p-content-jobs-session__schedule { display: block; color: #0c3287; font-size: 1.5rem; font-weight: 700; letter-spacing: 0.1em; line-height: 1.2 } .p-content-jobs-session .l-content-section .p-content-jobs-session__block .p-content-jobs-session__schedule>span { display: inline-block; font-size: 1.875rem } .p-content-jobs-session .l-content-section .p-content-jobs-session__block .p-content-jobs-session__schedule:after { display: block; content: ''; width: 36px; height: 27px; margin: 5px auto 8px auto; background: url(/assets/images/jobs/icon-cursor-down.svg) no-repeat; background-size: 36px 27px } .p-content-jobs-session .l-content-section .p-content-jobs-session__block .p-content-jobs-session__venue { font-size: 1.875rem; color: #333; font-weight: 700; letter-spacing: 0.1em; line-height: 1.1 } .p-content-jobs-session .l-content-section .p-content-jobs-session__block .p-content-jobs-session__venue>span { display: block; margin-bottom: 7px; font-size: .875rem } .p-content-jobs-session .l-content-section .p-content-jobs-session__block .p-content-jobs-session__map { width: 262px; height: 180px; margin: 16px auto 12px auto; background: #999 } .p-content-jobs-session .l-content-section .p-content-jobs-session__block .c-text { line-height: 1.8; margin-bottom: 10px } .p-content-jobs-session .l-content-section .p-content-jobs-session__block .c-text--little { line-height: 1.68; margin-top: -9px } .p-content-jobs-session .l-content-section .p-content-jobs-session__btn { width: 500px; margin: 0 auto 55px auto } .p-content-jobs-session .l-content-section .p-content-jobs-session__btn .c-btn-arrow { width: 500px; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 10px; font-size: 1.75rem; box-sizing: border-box } .p-content-jobs-session .l-content-section .p-content-jobs-session__btn .c-btn-arrow:before { left: 15px } .p-content-jobs-session .l-content-section>.c-text--little { line-height: 1.95 } } @media screen and (max-width: 640px) { .p-content-jobs-session .c-heading-main { height: 280px; margin-bottom: 68px; background: url(/assets/images/jobs/recruitment/title-session@2x_sp.jpg) no-repeat; background-size: cover } .p-content-jobs-session .c-heading-main__inner { font-size: 3rem; padding-top: 110px; letter-spacing: 0.1em; text-shadow: 0 0 8px rgba(0, 0, 0, 0.4) } .p-content-jobs-session .l-content-section { padding-bottom: 50px } .p-content-jobs-session .l-content-section>.c-text { line-height: 1.8; margin-bottom: 68px; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; -webkit-font-kerning: auto; font-kerning: auto } .p-content-jobs-session .l-content-section .p-content-jobs-session__lead { margin-bottom: 30px; font-size: 3rem; font-weight: 600; color: #333; letter-spacing: 0.05em; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; -webkit-font-kerning: auto; font-kerning: auto; line-height: 1.45 } .p-content-jobs-session .l-content-section .p-content-jobs-session__title { display: block; width: 560px; height: 60px; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; margin-bottom: 40px; font-size: 2.5rem; font-weight: 700; letter-spacing: 0.1em; color: #fff; line-height: 1.58; background-color: #0c3287; border-radius: 10px } .p-content-jobs-session .l-content-section .p-content-jobs-session__listbox { position: relative; width: 560px; margin-bottom: 130px } .p-content-jobs-session .l-content-section .p-content-jobs-session__listbox:after { display: block; content: ''; width: 72px; height: 55px; position: absolute; bottom: -90px; left: 0; right: 0; margin: auto; background: url(/assets/images/jobs/icon-cursor-down.svg) no-repeat; background-size: 72px 55px } .p-content-jobs-session .l-content-section .p-content-jobs-session__block { display: block; width: 560px; -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: top; padding: 30px 20px 20px 20px; margin-bottom: 60px; background-color: white; border: 8px solid #e6eaf3 } .p-content-jobs-session .l-content-section .p-content-jobs-session__block .p-content-jobs-session__info { text-align: center } .p-content-jobs-session .l-content-section .p-content-jobs-session__block .p-content-jobs-session__schedule { display: block; color: #0c3287; font-size: 2.5rem; font-weight: 600; letter-spacing: 0.05em; line-height: 1.36 } .p-content-jobs-session .l-content-section .p-content-jobs-session__block .p-content-jobs-session__schedule>span { display: inline-block; font-size: 3rem } .p-content-jobs-session .l-content-section .p-content-jobs-session__block .p-content-jobs-session__schedule:after { display: block; content: ''; width: 72px; height: 55px; margin: 9px auto 18px auto; background: url(/assets/images/jobs/icon-cursor-down.svg) no-repeat; background-size: 72px 55px } .p-content-jobs-session .l-content-section .p-content-jobs-session__block .p-content-jobs-session__venue { font-size: 3rem; color: #333; font-weight: 600; letter-spacing: 0.05em; line-height: 1.1 } .p-content-jobs-session .l-content-section .p-content-jobs-session__block .p-content-jobs-session__venue>span { display: block; margin-bottom: 16px; font-size: 1.5rem } .p-content-jobs-session .l-content-section .p-content-jobs-session__block .p-content-jobs-session__map { width: 504px; height: 346px; margin: 35px auto 26px auto; background: #999 } .p-content-jobs-session .l-content-section .p-content-jobs-session__block .c-text { line-height: 1.8; margin-bottom: 12px } .p-content-jobs-session .l-content-section .p-content-jobs-session__block .c-text--little { line-height: 1.8; margin-top: -6px } .p-content-jobs-session .l-content-section .p-content-jobs-session__btn { width: 560px; margin: 0 auto 50px auto } .p-content-jobs-session .l-content-section .p-content-jobs-session__btn .c-btn-arrow { width: 560px; height: 100px; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 25px; font-size: 2rem; box-sizing: border-box } .p-content-jobs-session .l-content-section .p-content-jobs-session__btn .c-btn-arrow:before { left: 20px; top: 38px } .p-content-jobs-session .l-content-section>.c-text--little { line-height: 1.8 } .p-content-jobs-session .l-content-section>.c-text--little li { text-indent: -1.5rem; padding: 0 0 0 1.5rem } } @media print, screen and (min-width: 641px) { .p-content-jobs-flow .c-heading-main { height: 260px; margin-bottom: 80px; background: url(/assets/images/jobs/recruitment/title-flow_pc.jpg) no-repeat; background-size: cover } .p-content-jobs-flow .c-heading-main__inner { text-shadow: 0 0 8px rgba(0, 0, 0, 0.6) } .p-content-jobs-flow .l-content-section { padding-bottom: 10px } .p-content-jobs-flow .l-content-section .c-heading--bold { margin-bottom: 40px } } @media screen and (max-width: 640px) { .p-content-jobs-flow .c-heading-main { height: 280px; margin-bottom: 68px; background: url(/assets/images/jobs/recruitment/title-flow@2x_sp.jpg) no-repeat; background-size: cover } .p-content-jobs-flow .c-heading-main__inner { font-size: 3rem; padding-top: 110px; letter-spacing: 0.1em; text-shadow: 0 0 8px rgba(0, 0, 0, 0.4) } .p-content-jobs-flow .l-content-section { padding-bottom: 10px } .p-content-jobs-flow .l-content-section .c-heading--bold { font-weight: 600; margin-bottom: 46px } } @media print, screen and (min-width: 641px) { .p-content-jobs-faq .c-heading-main { height: 260px; margin-bottom: 80px; background: url(/assets/images/jobs/recruitment/title-faq_pc.jpg) no-repeat; background-size: cover } .p-content-jobs-faq .c-heading-main__inner { text-shadow: 0 0 8px rgba(0, 0, 0, 0.6) } } @media screen and (max-width: 640px) { .p-content-jobs-faq .c-heading-main { height: 280px; margin-bottom: 75px; background: url(/assets/images/jobs/recruitment/title-faq@2x_sp.jpg) no-repeat; background-size: cover } .p-content-jobs-faq .c-heading-main__inner { font-size: 3rem; padding-top: 110px; letter-spacing: 0.1em; text-shadow: 0 0 8px rgba(0, 0, 0, 0.4) } .p-content-jobs-faq .l-content-section { padding-bottom: 10px } .p-content-jobs-faq .l-content-section .c-media-message { text-align: right; margin-top: 65px } } @media print, screen and (min-width: 641px) { .p-content-work-message .c-heading-mainbg { margin-bottom: 0 } .p-content-work-message .p-content-work-message__next { display: block; width: 48px; height: 32px; -webkit-transition: 0.4s all; transition: 0.4s all } .p-content-work-message .p-content-work-message__next img { width: 48px; height: 32px } .p-content-work-message .p-content-work-message__next:hover { opacity: 0.5 } .p-content-work-message .p-content-work-message__block-img { width: 100%; height: auto } .p-content-work-message .p-content-work-message__caption { display: inline-block; z-index: 1; position: absolute; bottom: 14px; right: 14px; font-size: 1.125rem; color: #fff; font-style: italic; font-family: 'Open Sans', sans-serif; letter-spacing: 0.02em; text-shadow: 0 0 8px rgba(0, 0, 0, 0.95) } .p-content-work-message .p-content-work-message__arrow { display: block; z-index: 1; position: absolute; bottom: 20px; left: 0; right: 0; margin: auto; width: 48px; height: 32px } .p-content-work-message .p-content-message__kv { position: relative; border-bottom: 8px solid #fff000 } .p-content-work-message .p-content-message__kv .p-content-work-message__cont { display: block; position: absolute; top: 14%; width: 460px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 30px 18px 26px 38px; background: rgba(255, 255, 255, 0.8); -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; -webkit-font-kerning: auto; font-kerning: auto } .p-content-work-message .p-content-message__kv .p-content-work-message__cont.is-left { left: 9.54% } .p-content-work-message .p-content-message__kv .p-content-work-message__cont.is-right { right: 9.54% } .p-content-work-message .p-content-message__kv .p-content-work-message__head { font-size: 1.875rem; color: #0c3287; line-height: 1.68; margin-bottom: 18px; font-weight: 600; letter-spacing: 0.16em } .p-content-work-message .p-content-message__kv .p-content-work-message__name { font-size: 1.75rem; color: #333; line-height: 1.8; letter-spacing: 0.14em; font-weight: 600; margin-bottom: 14px } .p-content-work-message .p-content-message__kv .p-content-work-message__name span { display: inline-block; vertical-align: top; margin-top: 10px; margin-left: 5px; font-size: 1.125rem; letter-spacing: normal; font-weight: normal; white-space: nowrap } .p-content-work-message .p-content-message__kv .p-content-work-message-profile__item { font-size: 1rem; margin-bottom: 15px } .p-content-work-message .p-content-message__kv .p-content-work-message-profile__item .p-content-work-message-profile__item-head { position: relative; display: inline-block; width: 150px; letter-spacing: 0.12em } .p-content-work-message .p-content-message__kv .p-content-work-message-profile__item .p-content-work-message-profile__item-head.is-comfirm { letter-spacing: 0.26em } .p-content-work-message .p-content-message__kv .p-content-work-message-profile__item .p-content-work-message-profile__item-head:after { content: '：'; display: block; width: 16px; position: absolute; top: 0; right: 3px } .p-content-work-message .p-content-message__kv .p-content-work-message-profile__item .p-content-work-message-profile__item-text { display: inline-block; letter-spacing: 0.14em; white-space: nowrap } .p-content-work-message .p-content-work-message__block { position: relative; border-bottom: 8px solid #fff000 } .p-content-work-message .p-content-work-message__block .p-content-work-message__cont { display: block; position: absolute; top: 14.5%; width: 580px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 40px 40px 40px 40px; background: rgba(255, 255, 255, 0.8) } .p-content-work-message .p-content-work-message__block .p-content-work-message__cont.is-left { left: 9.54% } .p-content-work-message .p-content-work-message__block .p-content-work-message__cont.is-right { right: 9.54% } .p-content-work-message .p-content-work-message__block .p-content-work-message__head { font-size: 1.5rem; color: #0c3287; line-height: 1.4; margin-bottom: 16px } .p-content-work-message .p-content-work-message__block .p-content-work-message__text { font-size: .875rem; color: #333; line-height: 1.8; text-align: justify; text-justify: inter-ideograph } .p-content-work-message .p-content-work-message__list { width: 960px; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 50px auto 0 auto; padding-bottom: 80px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch } .p-content-work-message .p-content-work-message__anchor { position: relative; display: block; width: 225px; height: 130px; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; background-color: #b6c2db; border: 3px solid #0c3287; -webkit-transition: 0.4s all; transition: 0.4s all; color: #fff; text-align: center; text-decoration: none; font-size: 1.375rem; font-weight: 700 } .p-content-work-message .p-content-work-message__anchor:hover { opacity: 1 } .p-content-work-message .p-content-work-message__anchor:hover>span { background: rgba(12, 50, 135, 0); text-shadow: 0 0 8px rgba(0, 0, 0, 0.75) } .p-content-work-message .p-content-work-message__anchor.is-active { opacity: 0.5 } .p-content-work-message .p-content-work-message__anchor.is-active:hover>span { background: rgba(12, 50, 135, 0.3) } .p-content-work-message .p-content-work-message__anchor img { width: 100%; height: auto; display: block; vertical-align: top } .p-content-work-message .p-content-work-message__anchor>span { -webkit-transition: 0.4s all; transition: 0.4s all; display: block; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: absolute; top: 0; left: 0; z-index: 1; width: 219px; height: 124px; -webkit-box-sizing: border-box; box-sizing: border-box; letter-spacing: 0.12em; background: rgba(12, 50, 135, 0.3); text-shadow: 0 0 8px rgba(0, 0, 0, 0.6) } .p-content-work-message .p-content-work-message__anchor>span.is-message { display: block; padding: 18px 0 0 17px; text-align: left } .p-content-work-message .p-content-work-message__anchor>span.is-message>span { display: block; margin-bottom: 15px; font-size: 1rem; line-height: 24px; letter-spacing: 0.14em } } @media screen and (max-width: 640px) { .p-content-work-message .c-heading-mainbg { display: none } .p-content-work-message .p-content-work-message__next { display: none } .p-content-work-message .p-content-work-message__block-img { width: 100%; height: auto } .p-content-work-message .p-content-work-message__caption { display: inline-block; z-index: 1; position: absolute; bottom: 14px; right: 14px; font-size: 1.125rem; color: #fff; font-style: italic; font-family: 'Open Sans', sans-serif; letter-spacing: 0.02em; text-shadow: 0 0 8px rgba(0, 0, 0, 0.95) } .p-content-work-message .p-content-work-message__arrow { display: none } .p-content-work-message .p-content-message__kv { position: relative; border-bottom: 8px solid #fff000 } .p-content-work-message .p-content-message__kv .p-content-work-message__cont { display: block; position: absolute; bottom: 40px; right: 30px; width: 490px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 30px 18px 16px 25px; background: rgba(255, 255, 255, 0.8); -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; -webkit-font-kerning: auto; font-kerning: auto } .p-content-work-message .p-content-message__kv .p-content-work-message__caption { bottom: 8px; right: 10px } .p-content-work-message .p-content-message__kv .p-content-work-message__head { font-size: 2.25rem; color: #0c3287; line-height: 1.5; margin-bottom: 4px; font-weight: 600; letter-spacing: 0.1em } .p-content-work-message .p-content-message__kv .p-content-work-message__name { font-size: 2rem; color: #333; line-height: 1.8; letter-spacing: 0.14em; font-weight: 600; margin-bottom: 14px } .p-content-work-message .p-content-message__kv .p-content-work-message__name span { display: inline-block; vertical-align: top; margin-top: 10px; margin-left: 5px; font-size: 1.5rem; letter-spacing: normal; font-weight: normal; white-space: nowrap } .p-content-work-message .p-content-message__kv .p-content-work-message-profile__item { font-size: 1.5rem; margin-bottom: 19px } .p-content-work-message .p-content-message__kv .p-content-work-message-profile__item .p-content-work-message-profile__item-head { position: relative; display: inline-block; width: 185px; letter-spacing: 0.05em } .p-content-work-message .p-content-message__kv .p-content-work-message-profile__item .p-content-work-message-profile__item-head.is-comfirm { letter-spacing: 0.26em } .p-content-work-message .p-content-message__kv .p-content-work-message-profile__item .p-content-work-message-profile__item-head:after { content: '：'; display: block; width: 10px; position: absolute; top: 0; right: 0px } .p-content-work-message .p-content-message__kv .p-content-work-message-profile__item .p-content-work-message-profile__item-text { display: inline-block; letter-spacing: 0.14em; white-space: nowrap } .p-content-work-message .p-content-work-message__block { position: relative; border-bottom: 8px solid #fff000 } .p-content-work-message .p-content-work-message__block .p-content-work-message__cont { display: block; width: 628px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 50px 34px 48px 34px; background: rgba(255, 255, 255, 0.8) } .p-content-work-message .p-content-work-message__block .p-content-work-message__head { font-size: 2.25rem; color: #0c3287; line-height: 1.45; margin-bottom: 18px } .p-content-work-message .p-content-work-message__block .p-content-work-message__text { font-size: 1.75rem; color: #333; line-height: 1.8; text-align: justify; text-justify: inter-ideograph } .p-content-work-message .p-content-work-message__list { width: 600px; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 60px auto 0 auto; padding-bottom: 60px; letter-spacing: -0.4em } .p-content-work-message .p-content-work-message__list .p-content-work-message__item { display: inline-block; letter-spacing: normal; margin: 0 20px 20px 20px; vertical-align: top } .p-content-work-message .p-content-work-message__anchor { position: relative; display: block; width: 260px; height: 150px; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; background-color: #b6c2db; border: 3px solid #0c3287; color: #fff; text-align: center; text-decoration: none; font-size: 1.5rem; font-weight: 700 } .p-content-work-message .p-content-work-message__anchor img { width: 100%; height: auto; display: block; vertical-align: top } .p-content-work-message .p-content-work-message__anchor.is-active { opacity: 0.5 } .p-content-work-message .p-content-work-message__anchor.is-active:hover>span { background: rgba(12, 50, 135, 0.3) } .p-content-work-message .p-content-work-message__anchor>span { -webkit-transition: 0.4s all; transition: 0.4s all; display: block; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: absolute; top: 0; left: 0; z-index: 1; width: 254px; height: 144px; -webkit-box-sizing: border-box; box-sizing: border-box; letter-spacing: 0.12em; background: rgba(12, 50, 135, 0.3); text-shadow: 0 0 8px rgba(0, 0, 0, 0.6) } .p-content-work-message .p-content-work-message__anchor>span.is-message { display: block; padding: 26px 0 0 17px; text-align: left } .p-content-work-message .p-content-work-message__anchor>span.is-message>span { display: block; margin-bottom: 14px; font-size: 1rem; line-height: 24px; letter-spacing: 0.14em } } @media print, screen and (min-width: 641px) { .p-content-jobs-foreign .c-heading-main { height: 260px; margin-bottom: 80px; background: url(/assets/images/jobs/recruitment/title-foreign_pc.jpg) no-repeat; background-size: cover } .p-content-jobs-foreign-2 .c-heading-main { height: 400px; margin-bottom: 80px; background: url(/assets/images/jobs/recruitment/title-foreign-2_pc.jpg) no-repeat; background-size: cover } .p-content-jobs-foreign .c-heading-main__inner { text-shadow: 0 0 8px rgba(0, 0, 0, 0.6) }.p-content-jobs-foreign-2 .c-heading-main__inner { line-height: normal; letter-spacing: .3rem;} .p-content-jobs-foreign-2 .c-heading-main__inner span { font-size: 1.25rem; font-style: italic; letter-spacing: normal;} .p-content-jobs-foreign .l-content-section { width: 100%; min-width: 1000px; text-align: center; padding-bottom: 60px } .p-content-jobs-foreign .p-content-jobs-foreign__title { display: inline-block; font-size: 2rem; color: #0c3287; font-weight: 500; letter-spacing: 0.01em; margin-bottom: 40px } .p-content-jobs-foreign .p-content-jobs-foreign__title .p-content-jobs-foreign__title-border { position: relative; display: inline-block; padding: 0 16px 0 18px } .p-content-jobs-foreign .p-content-jobs-foreign__title .p-content-jobs-foreign__title-border>span { position: relative; z-index: 1 } .p-content-jobs-foreign .p-content-jobs-foreign__title .p-content-jobs-foreign__title-border:before { content: ''; display: block; position: absolute; left: 0; right: 0; bottom: 0; margin: auto; width: 100%; height: 6px; background-color: #fff000 } .p-content-jobs-foreign .p-content-jobs-foreign__title .p-content-jobs-foreign__title-border+.p-content-jobs-foreign__title-border { margin-left: -40px } .p-content-jobs-foreign .p-content-foreign-application__message { font-size: 2rem; font-weight: 700; line-height: 2 } .p-content-jobs-foreign .p-content-foreign-recruit { margin-bottom: 100px } .p-content-jobs-foreign .p-content-foreign-superiority { margin-bottom: 94px } .p-content-jobs-foreign .p-content-foreign-structure { margin-bottom: 100px } .p-content-jobs-foreign .p-content-foreign-salary { margin-bottom: 94px } .p-content-foreign-birthplace__list { display: flex; justify-content: center; align-items: center;} .p-content-foreign-birthplace__list>div { display: flex; flex-direction: column;} .p-content-foreign-birthplace__list>div>img { margin: 0 10px 10px 10px; border: 1px solid #b0b0b0; width: 88px; height: auto;} .p-content-jobs-foreign .p-content-foreign-success { margin-bottom: 90px } img.p-content-foreign-gallery { width: 960px; display: block; margin: 0 auto;} .p-content-jobs-foreign .p-content-foreign-application { margin-bottom: 60px } } @media screen and (max-width: 640px) { img.p-content-foreign-gallery { width: 100%; display: block; margin: 0 auto;} .p-content-jobs-foreign .c-heading-main { height: 280px; margin-bottom: 75px; background: url(/assets/images/jobs/recruitment/title-foreign_pc.jpg) no-repeat; background-size: cover } .p-content-jobs-foreign-2 .c-heading-main { height: 400px; margin-bottom: 75px; background: url(/assets/images/jobs/recruitment/title-foreign-2_pc.jpg) no-repeat center; background-size: cover; background-position-x: right; } .p-content-jobs-foreign .c-heading-main__inner { font-size: 3rem; padding-top: 110px; padding-left: 32px; letter-spacing: 0.09em; text-shadow: 0 0 8px rgba(0, 0, 0, 0.4) } .p-content-jobs-foreign .l-content-section { text-align: center; width: 628px; padding-bottom: 60px } .p-content-jobs-foreign .p-content-jobs-foreign__title { display: inline-block; font-size: 2.5rem; color: #0c3287; letter-spacing: 0.08em; margin-bottom: 40px } .p-content-jobs-foreign .p-content-jobs-foreign__title .p-content-jobs-foreign__title-border { position: relative; display: inline-block; padding: 0 5px 0 10px } .p-content-jobs-foreign .p-content-jobs-foreign__title .p-content-jobs-foreign__title-border>span { position: relative; z-index: 1; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; -webkit-font-kerning: auto; font-kerning: auto } .p-content-jobs-foreign .p-content-jobs-foreign__title .p-content-jobs-foreign__title-border:before { content: ''; display: block; position: absolute; left: 0; right: 0; bottom: -1px; margin: auto; width: 100%; height: 8px; background-color: #fff000 } .p-content-jobs-foreign .p-content-jobs-foreign__title .p-content-jobs-foreign__title-border+.p-content-jobs-foreign__title-border { display: block; margin-top: 19px } .p-content-jobs-foreign .p-content-foreign-application__message { font-size: 3rem; font-weight: bold; line-height: 1.417; letter-spacing: 0.1em; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; -webkit-font-kerning: auto; font-kerning: auto } .p-content-jobs-foreign .p-content-foreign-recruit { margin-bottom: 100px } .p-content-jobs-foreign .p-content-foreign-superiority { margin-bottom: 90px } .p-content-jobs-foreign .p-content-foreign-structure { margin-bottom: 85px } .p-content-jobs-foreign .p-content-foreign-salary { margin-bottom: 90px } .p-content-jobs-foreign .p-content-foreign-success { margin-bottom: 90px } .p-content-jobs-foreign .p-content-foreign-application { margin-bottom: 80px } } @media print, screen and (min-width: 641px) { .p-content-foreign-recruit { width: 100%; min-width: 1000px } .p-content-foreign-recruit .p-content-foreign-recruit__inner { width: 100%; min-width: 1000px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 64px 0 76px 0; color: #fff; background: url(/assets/images/jobs/recruitment/foreign/bg-foreign_pc.png) no-repeat center top #0d3793 } .p-content-foreign-recruit .p-content-foreign-recruit__lead { font-size: 2rem; font-weight: 700; line-height: 2; margin-bottom: 17px } .p-content-foreign-recruit .p-content-foreign-recruit__text { font-size: 1rem; line-height: 1.75; font-weight: bold } .p-content-foreign-recruit .p-content-foreign-recruit__text+.p-content-foreign-recruit__text { margin-top: 16px } .p-content-foreign-recruit .p-content-foreign-recruit__list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; width: 960px; margin: 48px auto 0 auto; text-align: center } .p-content-foreign-recruit .p-content-foreign-recruit__anchor { display: block; position: relative; width: 225px; height: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: white; color: #0c3287; font-size: 1.25rem; line-height: 1.3; font-weight: bold; text-decoration: none } .p-content-foreign-recruit .p-content-foreign-recruit__anchor>span { -webkit-transition: 0.4s opacity; transition: 0.4s opacity; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-sizing: border-box; box-sizing: border-box; width: 225px; height: 50px; padding: 0 0 0 15px } .p-content-foreign-recruit .p-content-foreign-recruit__anchor:before { -webkit-transition: 0.4s opacity; transition: 0.4s opacity; content: ''; display: block; position: absolute; top: 0; bottom: 0; left: 15px; margin: auto; width: 9px; height: 12px; background: url(/assets/images/jobs/recruitment/foreign/icon-cursor-btn.svg) no-repeat; background-size: contain } .p-content-foreign-recruit .p-content-foreign-recruit__anchor:hover>span { opacity: 0.4 } .p-content-foreign-recruit .p-content-foreign-recruit__anchor:hover:before { opacity: 0.4 } } @media screen and (max-width: 640px) { .p-content-foreign-recruit { width: 100% } .p-content-foreign-recruit .p-content-foreign-recruit__inner { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 70px 0 60px 0; color: #fff; background: url(/assets/images/jobs/recruitment/foreign/bg-foreign_sp.png) no-repeat center top #0d3793 } .p-content-foreign-recruit .p-content-foreign-recruit__lead { font-size: 3rem; font-weight: bold; line-height: 1.417; margin-bottom: 36px } .p-content-foreign-recruit .p-content-foreign-recruit__text { font-size: 1.75rem; line-height: 1.786; font-weight: bold } .p-content-foreign-recruit .p-content-foreign-recruit__text+.p-content-foreign-recruit__text { margin-top: 30px } .p-content-foreign-recruit .p-content-foreign-recruit__list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; width: 560px; margin: 70px auto 0 auto; text-align: center } .p-content-foreign-recruit .p-content-foreign-recruit__item { margin-bottom: 20px } .p-content-foreign-recruit .p-content-foreign-recruit__anchor { display: block; position: relative; width: 270px; height: 80px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: white; color: #0c3287; font-size: 1.5rem; line-height: 1.3; font-weight: bold; text-decoration: none } .p-content-foreign-recruit .p-content-foreign-recruit__anchor>span { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-sizing: border-box; box-sizing: border-box; width: 270px; height: 80px; padding: 0 0 0 15px } .p-content-foreign-recruit .p-content-foreign-recruit__anchor:before { content: ''; display: block; position: absolute; top: 0; bottom: 0; left: 20px; margin: auto; width: 9px; height: 12px; background: url(/assets/images/jobs/recruitment/foreign/icon-cursor-btn.svg) no-repeat; background-size: contain } } @media print, screen and (min-width: 641px) { .p-content-foreign-superiority { width: 960px; margin: 0 auto 0 auto } .p-content-foreign-superiority .p-content-jobs-foreign__title { margin-bottom: 24px } .p-content-foreign-superiority .p-content-foreign-superiority__lead { font-size: 2rem; font-weight: 700; line-height: 2; letter-spacing: 0.1em; color: #333; margin-bottom: 23px } .p-content-foreign-superiority .p-content-foreign-superiority__text { position: relative; margin-bottom: 12px } .p-content-foreign-superiority .p-content-foreign-superiority__text>img { width: 960px; height: auto } .p-content-foreign-superiority .p-content-foreign-superiority__text>span { position: absolute; bottom: 6px; right: 12px; font-size: .75rem; font-weight: 500; letter-spacing: 0.05em; line-height: 2; color: #0c3287 } .p-content-foreign-superiority .p-content-foreign-superiority__note { text-align: left; font-size: .75rem; font-weight: 500; line-height: 2; color: #333 } } @media screen and (max-width: 640px) { .p-content-foreign-superiority { width: 560px; margin: 0 auto 0 auto } .p-content-foreign-superiority .p-content-jobs-foreign__title { margin-bottom: 30px } .p-content-foreign-superiority .p-content-foreign-superiority__lead { font-size: 3rem; font-weight: 700; line-height: 1.417; letter-spacing: 0.1em; color: #333; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; -webkit-font-kerning: auto; font-kerning: auto; margin-bottom: 28px } .p-content-foreign-superiority .p-content-foreign-superiority__text { position: relative; margin-bottom: 10px } .p-content-foreign-superiority .p-content-foreign-superiority__text>img { width: 560px; height: auto } .p-content-foreign-superiority .p-content-foreign-superiority__text>span { position: absolute; bottom: 8px; right: 16px; font-size: 1.25rem; font-weight: 500; letter-spacing: 0.05em; line-height: 2; color: #0c3287 } .p-content-foreign-superiority .p-content-foreign-superiority__note { text-align: left; font-size: 1.5rem; font-weight: 500; line-height: 1.75; color: #333; text-indent: -1.5rem; padding: 0 0 0 1.5rem } } @media print, screen and (min-width: 641px) { .p-content-foreign-structure { width: 960px; margin: 0 auto 0 auto } .p-content-foreign-structure .p-content-foreign-structure__pict>img { width: 960px; height: auto } } @media screen and (max-width: 640px) { .p-content-jobs-foreign-2 .c-heading-main__inner span { font-size: 1.25rem; font-style: italic; letter-spacing: normal;} .p-content-foreign-structure { width: 560px; margin: 0 auto 0 auto } .p-content-foreign-structure .p-content-foreign-structure__pict>img { width: 560px; height: auto } } @media print, screen and (min-width: 641px) { .p-content-foreign-salary .p-content-jobs-foreign__title { margin-bottom: 66px } .p-content-foreign-salary .p-content-foreign-salary__list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; width: 960px; margin: 0 auto 0 auto } .p-content-foreign-salary .p-content-foreign-salary__item { position: relative; vertical-align: top; width: 460px } .p-content-foreign-salary .p-content-foreign-salary__title { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: absolute; top: -27px; left: 20px; width: 100px; height: 100px; font-size: 1.25rem; font-weight: 700; letter-spacing: 0.05em; background-color: #0c3287; color: #fff; border-radius: 50% } .p-content-foreign-salary .p-content-foreign-salary__text { text-align: left; font-size: .875rem; font-weight: 500; line-height: 1.75 } .p-content-foreign-salary-2 .p-content-foreign-salary__text { font-size: 1.25rem; } .p-content-foreign-salary .p-content-foreign-salary__text img { vertical-align: top; width: 460px; height: auto; margin-bottom: 6px } .p-content-foreign-faq__list { display: flex; width: 960px; margin: 0 auto;} .p-content-foreign-faq__list .c-heading-qa, .p-content-foreign-faq__list .p-media-qa {width: unset; text-align: start;} .p-content-foreign-faq__list .p-list-faq{background: unset;} img.p-content-foreign-image { width: 960px; margin: 0 0 80px 0;}} @media screen and (max-width: 640px) { .p-content-foreign-salary .p-content-jobs-foreign__title { margin-bottom: 81px } .p-content-foreign-salary .p-content-foreign-salary__list { width: 560px; margin: 0 auto 0 auto } .p-content-foreign-salary .p-content-foreign-salary__item { position: relative; vertical-align: top; width: 560px } .p-content-foreign-salary .p-content-foreign-salary__item+.p-content-foreign-salary__item { margin-top: 68px } .p-content-foreign-salary .p-content-foreign-salary__title { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: absolute; top: -40px; left: 20px; width: 130px; height: 130px; font-size: 1.75rem; letter-spacing: 0.05em; background-color: #0c3287; color: #fff; border-radius: 50% } .p-content-foreign-salary .p-content-foreign-salary__text { text-align: left; font-size: 1.75rem; line-height: 1.786 } .p-content-foreign-salary .p-content-foreign-salary__text img { vertical-align: top; width: 560px; height: auto; margin-bottom: 6px } img.p-content-foreign-image { width: 100%; margin: 0 0 80px 0;}} @media print, screen and (min-width: 641px) { .p-content-foreign-success .p-content-foreign-success__list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; width: 960px; margin: 0 auto 0 auto } .p-content-foreign-success .p-content-foreign-success__driver { vertical-align: top; position: relative; width: 306px } .p-content-foreign-success .p-content-foreign-success__name { text-align: left; font-size: 1.125rem; font-weight: 700; line-height: 1.333 } .p-content-foreign-success-2 .p-content-foreign-success__name { text-align: center; font-size: 1.125rem; font-weight: 700; line-height: 1.333 } .p-content-foreign-success .p-content-foreign-success__name>img { vertical-align: top; width: 306px; height: auto; margin-bottom: 18px } .p-content-foreign-success .p-content-foreign-success__name>span { font-size: 1rem; margin-left: 6px } .p-content-foreign-success .p-content-foreign-success__country { text-align: right; margin-top: -23px; margin-bottom: 12px; font-size: .875rem; font-weight: 700; line-height: 1.714 } .p-content-foreign-success-2 .p-content-foreign-success__country { text-align: center; margin-top: 10px; margin-bottom: 32px; font-size: .875rem; font-weight: 700; line-height: 1.714;} .p-content-foreign-success .p-content-foreign-success__country>img { position: absolute; top: 10px; right: 10px; width: 68px; height: auto } .p-content-foreign-success-2 .p-content-foreign-success__country>img { position: absolute; top: 10px; right: 10px; width: 88px; height: auto } .p-content-foreign-success .p-content-foreign-success__text { text-align: left; text-align: justify; text-justify: inter-ideograph; font-size: .875rem; font-weight: 500; line-height: 1.75; color: #333 } } @media screen and (max-width: 640px) { .p-content-foreign-success .p-content-foreign-success__list { width: 560px; margin: 0 auto 0 auto } .p-content-foreign-success .p-content-foreign-success__driver { vertical-align: top; position: relative; width: 560px } .p-content-foreign-success .p-content-foreign-success__driver+.p-content-foreign-success__driver { margin-top: 50px } .p-content-foreign-success .p-content-foreign-success__name { text-align: left; font-size: 2rem; font-weight: 700; line-height: 1.333 } .p-content-foreign-success .p-content-foreign-success__name>img { vertical-align: top; width: 560px; height: auto; margin-bottom: 34px } .p-content-foreign-success .p-content-foreign-success__name>span { font-size: 1.75rem; margin-left: 12px } .p-content-foreign-success .p-content-foreign-success__country { text-align: right; margin-top: -44px; margin-bottom: 8px; font-size: 1.75rem; font-weight: 700; line-height: 1.714 } .p-content-foreign-success .p-content-foreign-success__country>img { position: absolute; top: 20px; right: 20px; width: 125px; height: auto } .p-content-foreign-success .p-content-foreign-success__text { text-align: left; text-align: justify; text-justify: inter-ideograph; font-size: 1.75rem; line-height: 1.8; color: #333 } } @media print, screen and (min-width: 641px) { .p-content-foreign-application { width: 960px; margin: 0 auto 0 auto } .p-content-foreign-application .p-content-foreign-application__item { position: relative; text-align: left; width: 960px; min-height: 170px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 0 0 280px } .p-content-foreign-application .p-content-foreign-application__item+.p-content-foreign-application__item { margin-top: 40px } .p-content-foreign-application .p-content-foreign-application__title { color: #0c3287; vertical-align: middle; font-size: 1.125rem; font-weight: 500; line-height: 1.222; margin-bottom: 12px } .p-content-foreign-application .p-content-foreign-application__title:before { content: ''; display: inline-block; width: 10px; height: 10px; margin: 0 9px 1px 0; background: #0c3287 } .p-content-foreign-application-2 .p-content-foreign-application__title:before { margin: 0 9px 6px 0; } .p-content-foreign-application-2 .p-content-foreign-application__title{font-size: 2rem;} .p-content-foreign-application .p-content-foreign-application__text { font-size: .875rem; font-weight: 500; line-height: 1.75 } .p-content-foreign-application .p-content-foreign-application__text>img { position: absolute; top: 1px; left: 0; width: 260px; height: auto } .p-content-foreign-application .c-table-recruit { width: 680px; margin-top: 18px } .p-content-foreign-application .c-table-recruit .c-table-recruit__th { width: 140px; padding: 9px 20px 7px 20px; font-size: .875rem } .p-content-foreign-application-2 .c-table-recruit .c-table-recruit__th { font-size: 1.25rem } .p-content-foreign-application .c-table-recruit .c-table-recruit__td { padding: 9px 8px 7px 20px; font-size: .875rem } .p-content-foreign-application-2 .c-table-recruit .c-table-recruit__td { font-size: 1.25rem } } @media screen and (max-width: 640px) { .p-content-foreign-application { width: 560px; margin: 0 auto 0 auto } .p-content-foreign-application .p-content-jobs-foreign__title { margin-bottom: 32px } .p-content-foreign-application .p-content-foreign-application__item { position: relative; text-align: left; width: 560px } .p-content-foreign-application .p-content-foreign-application__item+.p-content-foreign-application__item { margin-top: 52px } .p-content-foreign-application .p-content-foreign-application__title { min-height: 180px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 0 0 280px; margin-bottom: 5px; color: #0c3287; vertical-align: middle; font-size: 2rem; font-weight: bold; line-height: 1.438 } .p-content-foreign-application .p-content-foreign-application__text { font-size: 1.75rem; line-height: 1.786 } .p-content-foreign-application .p-content-foreign-application__text>img { position: absolute; top: 9px; left: 0; width: 260px; height: auto } .p-content-foreign-application .c-table-recruit { margin-top: 18px } .p-content-foreign-application .c-table-recruit .c-table-recruit__td { padding-top: 10px; padding-bottom: 10px } } .p-content-advanced { display: block; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box } @media print, screen and (min-width: 641px) { .p-content-advanced { padding: 40px; background: #f0f2f8 } .p-content-advanced+.p-content-advanced { margin-top: 60px } .p-content-advanced .p-content-advanced__info { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 300px; grid-template-columns: 1fr 300px; -ms-grid-rows: auto auto 1fr; grid-template-rows: auto auto 1fr; grid-column-gap: 40px; grid-row-gap: 0px; position: relative; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto 0 auto; padding: 0 0 0 20px } .p-content-advanced .p-content-advanced__info:before { display: block; content: ''; position: absolute; top: 0; left: 0; width: 4px; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; background: #0c3287 } .p-content-advanced .p-content-advanced__lead { -ms-grid-row: 1; -ms-grid-row-span: 1; -ms-grid-column: 1; -ms-grid-column-span: 1; grid-area: 1 / 1 / 2 / 2; margin-bottom: 8px; font-size: 1.5rem; line-height: 1.33; letter-spacing: 0.07em; font-weight: 600; color: #0c3287; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; -webkit-font-kerning: auto; font-kerning: auto } .p-content-advanced .p-content-advanced__text { -ms-grid-row: 2; -ms-grid-row-span: 1; -ms-grid-column: 1; -ms-grid-column-span: 1; grid-area: 2 / 1 / 3 / 2; margin-bottom: 6px; font-size: .875rem; line-height: 2; letter-spacing: 0.04em; color: #333333; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; -webkit-font-kerning: auto; font-kerning: auto } .p-content-advanced .p-content-advanced__note { -ms-grid-row: 3; -ms-grid-row-span: 1; -ms-grid-column: 1; -ms-grid-column-span: 1; grid-area: 3 / 1 / 4 / 2; font-size: .75rem; line-height: 2; letter-spacing: 0.02em; color: #333333; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; -webkit-font-kerning: auto; font-kerning: auto; text-indent: -0.75rem; padding: 0 0 0 0.75rem } .p-content-advanced .p-content-advanced__note em { font-weight: 600; color: #f00039 } .p-content-advanced .p-content-advanced__pict { -ms-grid-row: 1; -ms-grid-row-span: 3; -ms-grid-column: 2; -ms-grid-column-span: 1; grid-area: 1 / 2 / 4 / 3 } .p-content-advanced .p-content-advanced__pict img { display: block; vertical-align: top; width: 100%; height: auto; -webkit-box-sizing: border-box; box-sizing: border-box } .p-content-advanced .p-content-advanced__step { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between } .p-content-advanced .p-content-advanced__step-item+.p-content-advanced__step-item { margin-left: 50px } .p-content-advanced .p-content-advanced__step-label { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; overflow: hidden; width: 260px; height: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 24px; margin-bottom: 14px; font-family: 'Open Sans', sans-serif; font-style: italic; font-size: 1.625rem; color: #0c3287; font-weight: 300; line-height: 1.6; letter-spacing: 0.05em; background: url(/assets/images/service/bg-step-lable_pc.png) no-repeat; background-size: contain } .p-content-advanced .p-content-advanced__step-text { margin-bottom: 12px; font-size: .875rem; line-height: 2; letter-spacing: 0em; color: #333333 } .p-content-advanced .p-content-advanced__step-text>span { display: block; margin-top: 5px; font-size: .75rem; line-height: 2; letter-spacing: 0em; color: #333333 } .p-content-advanced .p-content-advanced__step-pict img { display: block; vertical-align: top; width: 100%; height: auto; -webkit-box-sizing: border-box; box-sizing: border-box } } @media screen and (max-width: 640px) { .p-content-advanced { margin: 0 -34px 58px -34px; padding: 48px 34px 45px 34px; width: 628px; -webkit-box-sizing: border-box; box-sizing: border-box; background: #f0f2f8 } .p-content-advanced+.p-content-advanced { margin-top: 60px } .p-content-advanced .p-content-advanced__info { display: block; position: relative; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto 30px auto; padding: 0 0 0 24px } .p-content-advanced .p-content-advanced__info:before { display: block; content: ''; position: absolute; top: 8px; left: 0; width: 4px; height: calc(100% - 8px); -webkit-box-sizing: border-box; box-sizing: border-box; background: #0c3287 } .p-content-advanced .p-content-advanced__lead { margin-bottom: 18px; font-size: 2.25rem; line-height: 1.5; letter-spacing: 0.05em; font-weight: 600; color: #0c3287; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; -webkit-font-kerning: auto; font-kerning: auto } .p-content-advanced .p-content-advanced__text { margin-bottom: 20px; font-size: 1.75rem; line-height: 1.79; letter-spacing: 0.04em; color: #333333; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; -webkit-font-kerning: auto; font-kerning: auto } .p-content-advanced .p-content-advanced__note { margin-bottom: 30px; font-size: 1.5rem; line-height: 1.67; letter-spacing: 0.04em; color: #333333; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; -webkit-font-kerning: auto; font-kerning: auto; text-indent: -1.5rem; padding: 0 0 0 1.5rem } .p-content-advanced .p-content-advanced__note em { font-weight: 600; color: #f00039 } .p-content-advanced .p-content-advanced__pict { display: block } .p-content-advanced .p-content-advanced__pict img { display: block; vertical-align: top; width: 100%; height: auto; -webkit-box-sizing: border-box; box-sizing: border-box } .p-content-advanced .p-content-advanced__step { display: block } .p-content-advanced .p-content-advanced__step-item+.p-content-advanced__step-item { margin-top: 60px } .p-content-advanced .p-content-advanced__step-label { display: block; position: relative; width: 170px; height: 93px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 6px 0 0 0; margin-bottom: 8px; background: url(/assets/images/common/bg-step.svg) no-repeat; font-family: 'Open Sans', sans-serif; font-style: italic; font-size: 2.25rem; color: #0c3287; font-weight: 300; line-height: 1.6; letter-spacing: 0.05em; text-align: center } .p-content-advanced .p-content-advanced__step-text { margin-bottom: 27px; font-size: 1.75rem; line-height: 1.79; letter-spacing: 0.05em; color: #333333; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; -webkit-font-kerning: auto; font-kerning: auto } .p-content-advanced .p-content-advanced__step-text>span { display: block; margin-top: 20px; font-size: 1.5rem; line-height: 1.67; letter-spacing: 0.08em; color: #333333; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; -webkit-font-kerning: auto; font-kerning: auto; text-indent: -1.5rem; padding: 0 0 0 1.5rem } .p-content-advanced .p-content-advanced__step-pict { display: block; width: 380px; margin: 0 auto 0 auto } .p-content-advanced .p-content-advanced__step-pict img { display: block; vertical-align: top; width: 100%; height: auto; -webkit-box-sizing: border-box; box-sizing: border-box } } .p-list-info .p-list-info__anchor { color: #333; letter-spacing: 0.05em; text-decoration: none } .p-list-info .p-list-info__icon { display: inline-block; position: relative; background: #0c3287; color: #fff; letter-spacing: 0.05em; text-align: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } @media print, screen and (min-width: 641px) { .p-list-info { width: 960px; margin: 0 auto 0 auto } .p-list-info .p-list-info__item { background: url(/assets/images/common/bg-dot.svg) left bottom repeat-x; background-size: 4px 1px } .p-list-info .p-list-info__anchor { display: block; position: relative; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 0 15px 198px; font-size: .875rem; line-height: 1.75; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; -webkit-font-kerning: auto; font-kerning: auto } .p-list-info .p-list-info__anchor:hover .p-list-info__text { text-decoration: underline } .p-list-info .p-list-info__date { position: absolute; top: 3px; left: 0; letter-spacing: 0.02em } .p-list-info .p-list-info__icon { display: block; position: absolute; top: 3px; left: 89px; width: 90px; height: 20px; margin-top: 1px; font-size: .688rem; font-weight: bold; line-height: 1.9; letter-spacing: 0 } .p-list-info .p-list-info__icon.is-jobs-info { background: #fff; color: #0c3287; border: 1px solid #0c3287; border-radius: 5px } .p-list-info .p-list-info__icon.is-new-career { background: #fff000; color: #0c3287; border-radius: 5px } .p-list-info .p-list-info__icon.is-mid-career { background: #0c3287; color: #fff; border-radius: 5px } .p-list-info .p-list-info__text { letter-spacing: 0.02em; line-height: 2.0 } } @media screen and (max-width: 640px) { .p-list-info { width: 560px; margin: 0 auto 0 auto } .p-list-info .p-list-info__item { background: url(/assets/images/common/bg-dot.svg) left bottom repeat-x; background-size: 8px 2px } .p-list-info .p-list-info__anchor { display: block; position: relative; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 2px 0 30px 0; font-size: 1.75rem; line-height: 1.71; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; -webkit-font-kerning: auto; font-kerning: auto } .p-list-info .p-list-info__date { display: inline-block; letter-spacing: 0.02em; margin-right: 20px } .p-list-info .p-list-info__icon { display: inline-block; vertical-align: top; margin-top: 10px; width: 150px; height: 25px; font-size: 1.125rem; line-height: 1.4; letter-spacing: 0.0em } .p-list-info .p-list-info__icon.is-jobs-info { background: #fff; color: #0c3287; border: 2px solid #0c3287; border-radius: 5px } .p-list-info .p-list-info__icon.is-new-career { background: #fff000; color: #0c3287; border-radius: 5px } .p-list-info .p-list-info__icon.is-mid-career { background: #0c3287; color: #fff; border-radius: 5px } .p-list-info .p-list-info__text { line-height: 1.75 } .p-list-info .p-list-info__text:before { content: ''; display: block; clear: both; width: 100%; margin-top: 0px } } .p-list-info--white .p-list-info--white__anchor { color: #fff; letter-spacing: 0.05em; text-decoration: none } .p-list-info--white .p-list-info--white__icon { display: inline-block; position: relative; background: #0c3287; color: #fff; letter-spacing: 0.05em; text-align: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } @media print, screen and (min-width: 641px) { .p-list-info--white .p-list-info--white__item { background: url(/assets/images/common/bg-dot-white.svg) left bottom repeat-x; background-size: 4px 1px; padding: 0 0 4px 0 } .p-list-info--white .p-list-info--white__anchor { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 0 10px 205px } .p-list-info--white .p-list-info--white__anchor:hover .p-list-info--white__text { text-decoration: underline } .p-list-info--white .p-list-info--white__date { position: absolute; top: 0; left: 0; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; -webkit-font-kerning: auto; font-kerning: auto; font-size: .875rem; line-height: 1.7; letter-spacing: 0.02em; white-space: nowrap } .p-list-info--white .p-list-info--white__icon { position: absolute; top: 1px; left: 97px; width: 90px; height: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 1px; background: #0c3287; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; -webkit-font-kerning: auto; font-kerning: auto; letter-spacing: 0.02em; font-size: .688rem; font-weight: bold; white-space: nowrap } .p-list-info--white .p-list-info--white__text { display: inline-block; font-size: .875rem; letter-spacing: 0.02em; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; -webkit-font-kerning: auto; font-kerning: auto; line-height: 1.9; margin-top: -2px } } @media screen and (max-width: 640px) { .p-list-info--white .p-list-info--white__item { background: url(/assets/images/common/bg-dot-white.svg) left bottom repeat-x; background-size: 8px 2px; padding: 0 0 15px 0 } .p-list-info--white .p-list-info--white__anchor { display: block } .p-list-info--white .p-list-info--white__date { display: inline-block; margin-right: 10px; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; -webkit-font-kerning: auto; font-kerning: auto; font-size: 1.5rem; line-height: 1.7 } .p-list-info--white .p-list-info--white__icon { display: inline-block; width: 150px; height: 24px; font-size: 1.25rem; line-height: 1.2; vertical-align: top; margin-top: 8px } .p-list-info--white .p-list-info--white__text { width: 100%; display: block; clear: both; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; -webkit-font-kerning: auto; font-kerning: auto; font-size: 1.5rem; text-align: justify; text-justify: inter-ideograph; letter-spacing: 0.04em; margin-top: 5px; line-height: 1.7 } } @media print, screen and (min-width: 641px) { .p-list-caution .p-list-caution__title { font-size: .75rem; line-height: 2.0; letter-spacing: 0.01em } .p-list-caution .p-list-caution__list .p-list-caution__item { font-size: .75rem; line-height: 2.0; letter-spacing: 0.01em; text-indent: -1rem; padding: 0 0 0 1rem } } @media screen and (max-width: 640px) { .p-list-caution .p-list-caution__title { font-size: 1.5rem; line-height: 1.67; letter-spacing: 0.01em } .p-list-caution .p-list-caution__list .p-list-caution__item { font-size: 1.5rem; line-height: 1.67; letter-spacing: 0.01em; text-indent: -1.4rem; padding: 0 0 0 1.4rem } } @media print, screen and (min-width: 641px) { .p-list-faq { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 0 32px 0; background: url(/assets/images/common/bg-dot.svg) left bottom repeat-x; background-size: 4px 1px } .p-list-faq .c-heading-qa { margin-bottom: 17px } } @media screen and (max-width: 640px) { .p-list-faq { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 0 54px 0; background: url(/assets/images/common/bg-dot.svg) left bottom repeat-x; background-size: 8px 2px } .p-list-faq .c-heading-qa { margin-bottom: 15px } } @media print, screen and (min-width: 641px) { .p-list-pict { letter-spacing: -0.4em } .p-list-pict .p-list-pict__item { display: inline-block; letter-spacing: normal; margin: 0 3px 3px 0 } .p-list-pict .p-list-pict__item:nth-child(3n) { margin: 0 0 3px 0 } .p-list-pict .p-list-pict__item img { width: 318px; height: auto } } @media screen and (max-width: 640px) { .p-list-pict .p-list-pict__item { margin-bottom: 4px } .p-list-pict .p-list-pict__item img { width: 570px; height: auto } } @media print, screen and (min-width: 641px) { .p-list-jobs-flow .p-list-jobs-flow__item { position: relative; width: 960px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 15px 17px 25px 17px; border: 4px solid #e6eaf3; margin-bottom: 70px } .p-list-jobs-flow .p-list-jobs-flow__item:after { display: block; content: ''; width: 36px; height: 27px; position: absolute; bottom: -50px; left: 0; right: 0; margin: auto; background: url(/assets/images/jobs/icon-cursor-down.svg) no-repeat; background-size: 36px 27px } .p-list-jobs-flow .p-list-jobs-flow__item:last-child:after { display: none } .p-list-jobs-flow .p-list-jobs-flow__item .c-heading-flow { margin-bottom: 10px } .p-list-jobs-flow .p-list-jobs-flow__item .c-text--medium-bold { margin-top: 0.6em } .p-list-jobs-flow .p-list-jobs-flow__item li.c-text--medium { line-height: 1.8; word-wrap: break-word } } @media screen and (max-width: 640px) { .p-list-jobs-flow .p-list-jobs-flow__item { position: relative; width: 560px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 30px 20px 25px 20px; border: 8px solid #e6eaf3; margin-bottom: 95px } .p-list-jobs-flow .p-list-jobs-flow__item:after { display: block; content: ''; width: 72px; height: 55px; position: absolute; bottom: -82px; left: 0; right: 0; margin: auto; background: url(/assets/images/jobs/icon-cursor-down.svg) no-repeat; background-size: 72px 55px } .p-list-jobs-flow .p-list-jobs-flow__item:last-child:after { display: none } .p-list-jobs-flow .p-list-jobs-flow__item .c-heading-flow { font-weight: 600; margin-bottom: 18px } .p-list-jobs-flow .p-list-jobs-flow__item .c-text--medium-bold { margin-top: 0.6em } .p-list-jobs-flow .p-list-jobs-flow__item li.c-text--medium { line-height: 1.8; word-wrap: break-word } } @media print, screen and (min-width: 641px) { .p-list-jobs-faq { letter-spacing: -0.4em } .p-list-jobs-faq .p-list-jobs-faq__item { letter-spacing: normal; width: 450px; display: inline-block; vertical-align: top; margin: 0 0 45px 0 } .p-list-jobs-faq .p-list-jobs-faq__item:nth-child(odd) { margin: 0 60px 45px 0 } .p-list-jobs-faq .p-list-jobs-faq__item .c-heading-faq { margin-bottom: 10px } .p-list-jobs-faq .p-list-jobs-faq__item .c-text--medium { line-height: 1.8; word-wrap: break-word } } @media screen and (max-width: 640px) { .p-list-jobs-faq .p-list-jobs-faq__item { display: block; width: 560px; margin: 0 0 80px 0 } .p-list-jobs-faq .p-list-jobs-faq__item .c-heading-faq { margin-bottom: 20px } .p-list-jobs-faq .p-list-jobs-faq__item .c-text--medium { word-wrap: break-word } } .p-media-contact { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; background: #e6eaf3 } @media print, screen and (min-width: 641px) { .p-media-contact { position: relative; padding: 24px 40px 34px 320px } .p-media-contact .c-heading--blue-bold { position: absolute; top: 36px; left: 40px } .p-media-contact .p-media-contact__text { font-size: .875rem; line-height: 2.0; letter-spacing: 0.05em; margin: 2px 0 0 28px } } @media screen and (max-width: 640px) { .p-media-contact { text-align: center } .p-media-contact .c-heading--blue-bold { text-align: center; margin-bottom: 12px } .p-media-contact .c-link-tel { margin-bottom: 10px } .p-media-contact .p-media-contact__text { font-size: 1.5rem; line-height: 1.79; letter-spacing: 0.08em; text-align: center; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; -webkit-font-kerning: auto; font-kerning: auto } } @media print, screen and (min-width: 641px) { .p-media-box { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 25px 25px 25px 25px; background: #e6eaf3 } .p-media-box .c-heading--bold { margin-bottom: 10px } .p-media-box .c-text { line-height: 1.8 } .p-media-box .p-media-box__text { font-size: .875rem; font-weight: bold; line-height: 1.8; letter-spacing: 0.02em; text-align: center } .p-media-box .p-media-box__annotation { font-size: .75rem; line-height: 1.8; letter-spacing: 0.05em; text-align: center } .p-media-box .p-media-box-list .p-media-box-list__item img { width: 203px; height: auto } } @media screen and (max-width: 640px) { .p-media-box { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 40px 40px 40px 40px; background: #e6eaf3 } .p-media-box .c-heading--bold { margin-bottom: 10px } .p-media-box .c-text { line-height: 1.8 } .p-media-box .p-media-box__text { font-size: 1.75rem; font-weight: bold; line-height: 1.79; letter-spacing: 0.01em; text-align: center } .p-media-box .p-media-box__annotation { font-size: 1.5rem; line-height: 1.67; letter-spacing: 0.05em; text-align: center } .p-media-box .p-media-box-list .p-media-box-list__item img { width: 270px; height: auto } } @media print, screen and (min-width: 641px) { .p-media-box--labor { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 35px 25px 36px 25px; background: #e6eaf3 } .p-media-box--labor .c-btn-arrow { clear: both; width: 400px; margin: 15px auto 15px auto } .p-media-box--labor .p-media-box__text { font-size: .875rem; font-weight: bold; line-height: 1.8; letter-spacing: 0.02em; text-align: center } .p-media-box--labor .p-media-box__annotation { font-size: .75rem; line-height: 1.9; letter-spacing: 0.05em; text-align: center } } @media screen and (max-width: 640px) { .p-media-box--labor { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 26px 40px 32px 40px; background: #e6eaf3 } .p-media-box--labor .c-btn-arrow { clear: both; width: 560px; margin: 28px auto 32px auto } .p-media-box--labor .p-media-box__text { font-size: 1.75rem; font-weight: bold; line-height: 1.79; letter-spacing: 0.01em; text-align: center } .p-media-box--labor .p-media-box__annotation { font-size: 1.5rem; line-height: 1.7; letter-spacing: 0.03em; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; -webkit-font-kerning: auto; font-kerning: auto; text-align: center } } @media print, screen and (min-width: 641px) { .p-media-box--minivan { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 35px 25px 40px 25px; background: #e6eaf3 } .p-media-box--minivan .c-btn-arrow { clear: both; width: 400px; margin: 12px auto 0 auto } .p-media-box--minivan .p-media-box__text { font-size: .875rem; font-weight: bold; line-height: 1.8; letter-spacing: 0.02em; text-align: center } } @media screen and (max-width: 640px) { .p-media-box--minivan { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 26px 40px 32px 40px; background: #e6eaf3 } .p-media-box--minivan .c-btn-arrow { clear: both; width: 560px; margin: 28px auto 32px auto } .p-media-box--minivan .p-media-box__text { font-size: 1.75rem; font-weight: bold; line-height: 1.79; letter-spacing: 0.01em; text-align: center } .p-media-box--minivan .p-media-box__annotation { font-size: 1.5rem; line-height: 1.7; letter-spacing: 0.03em; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; -webkit-font-kerning: auto; font-kerning: auto; text-align: center } } @media print, screen and (min-width: 641px) { .p-media-box--app { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 35px 25px 40px 25px; background: #e6eaf3 } .p-media-box--app .p-media-box-list { letter-spacing: -0.4em; text-align: center } .p-media-box--app .p-media-box-list .p-media-box-list__item { display: inline-block; letter-spacing: normal; width: 203px; margin: 0 10px 0 10px } .p-media-box--app .p-media-box-list .p-media-box-list__item img { width: 100%; height: auto } .p-media-box--app .p-media-box__text { font-size: .875rem; font-weight: bold; line-height: 1.8; letter-spacing: 0.02em; text-align: center; margin-bottom: 12px } } @media screen and (max-width: 640px) { .p-media-box--app { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 28px 10px 40px 10px; background: #e6eaf3 } .p-media-box--app .p-media-box-list { letter-spacing: -0.4em; text-align: center } .p-media-box--app .p-media-box-list .p-media-box-list__item { display: inline-block; letter-spacing: normal; width: 270px; margin: 0 10px 0 10px } .p-media-box--app .p-media-box-list .p-media-box-list__item img { width: 100%; height: auto } .p-media-box--app .p-media-box__text { font-size: 1.75rem; font-weight: bold; line-height: 1.79; letter-spacing: 0.01em; text-align: center; margin-bottom: 28px } } @media print, screen and (min-width: 641px) { .p-media-box--narrow { position: relative; width: 960px; -webkit-box-sizing: border-box; box-sizing: border-box } .p-media-box--narrow .c-heading--blue-large { margin-bottom: 21px } .p-media-box--narrow .p-media-box--narrow__pict { position: absolute; top: 0; right: 0 } } @media screen and (max-width: 640px) { .p-media-box--narrow { position: relative; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box } .p-media-box--narrow .c-heading--blue-large { margin-bottom: 30px } .p-media-box--narrow .c-text { text-align: justify; text-justify: inter-ideograph; letter-spacing: 0.04em; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; -webkit-font-kerning: auto; font-kerning: auto } .p-media-box--narrow .c-text--small { text-indent: -1.4rem; padding: 0 0 0 1.4rem } } @media print, screen and (min-width: 641px) { .p-media-2column { display: inline-block; width: 460px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 30px 0 40px 0; letter-spacing: normal; vertical-align: top; background: url(/assets/images/common/bg-dot.svg) left top repeat-x; background-size: 4px 1px } .p-media-2column.is-top { background: none } .p-media-2column.is-left { margin-right: 40px } .p-media-2column .c-heading--blue-large { margin-bottom: 20px } .p-media-2column .p-media-2column__list { margin-top: 6px } .p-media-2column .p-media-2column__list .c-text--little { text-indent: -.8rem; padding: 0 0 0 .8rem } .p-media-2column .p-media-2column__list .c-text { text-indent: -1rem; padding: 0 0 0 1rem } } @media screen and (max-width: 640px) { .p-media-2column { display: inline-block; width: 560px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 48px 0 48px 0; letter-spacing: normal; vertical-align: top; background: url(/assets/images/common/bg-dot.svg) left top repeat-x; background-size: 8px 2px } .p-media-2column.is-top.is-first { background: none } .p-media-2column.is-left { margin-right: 40px } .p-media-2column .c-heading--blue-large { margin-bottom: 32px } .p-media-2column .c-text { letter-spacing: 0.0em } .p-media-2column .p-media-2column__list { -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; -webkit-font-kerning: auto; font-kerning: auto; margin-top: 6px } .p-media-2column .p-media-2column__list .c-text--little { text-indent: -1.6rem; padding: 0 0 0 1.6rem; letter-spacing: 0.04em } .p-media-2column .p-media-2column__list .c-text { text-indent: -1.6rem; padding: 0 0 0 1.6rem; letter-spacing: 0.04em } } @media print, screen and (min-width: 641px) { .p-media-3column { letter-spacing: -0.4em } .p-media-3column .p-media-3column__item { display: inline-block; vertical-align: top; width: 300px; -webkit-box-sizing: border-box; box-sizing: border-box; margin-left: 30px; letter-spacing: normal } .p-media-3column .p-media-3column__item:first-child { margin-left: 0 } .p-media-3column .p-media-3column__item .p-media-3column__pict { display: block; width: 300px; height: auto; margin-bottom: 15px } .p-media-3column .p-media-3column__item .c-heading--blue { margin-bottom: 8px } .p-media-3column .p-media-3column__item .p-media-3column__title { font-size: 1.375rem; color: #0c3287; line-height: 1.4; letter-spacing: 0.05em; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; -webkit-font-kerning: auto; font-kerning: auto; margin-bottom: 9px } .p-media-3column .p-media-3column__item .p-media-3column__text { font-size: .875rem; line-height: 2.0; letter-spacing: 0.01em } .p-media-3column .p-media-3column__item .p-media-3column__annotation { font-size: .875rem; line-height: 2.0; letter-spacing: 0.05em } } @media screen and (max-width: 640px) { .p-media-3column .p-media-3column__item { margin-bottom: 50px } .p-media-3column .p-media-3column__item .c-heading--blue .p-media-3column__pict { display: inline; width: 270px; height: auto; vertical-align: middle; text-align: left; margin: 0 20px 8px 0 } .p-media-3column .p-media-3column__item .c-heading--blue span { width: 270px; display: inline-block; vertical-align: middle } .p-media-3column .p-media-3column__item .p-media-3column__title { font-size: 2.25rem; color: #0c3287; line-height: 1.4; letter-spacing: 0.05em } .p-media-3column .p-media-3column__item .p-media-3column__title .p-media-3column__pict { display: inline; width: 270px; height: auto; vertical-align: middle; text-align: left; margin: 0 20px 8px 0 } .p-media-3column .p-media-3column__item .p-media-3column__title span { width: 270px; display: inline-block; vertical-align: middle } .p-media-3column .p-media-3column__item .p-media-3column__text { font-size: 1.75rem; line-height: 1.79; letter-spacing: 0.01em } .p-media-3column .p-media-3column__item .p-media-3column__annotation { font-size: 1.5rem; line-height: 1.67; letter-spacing: 0.05em; margin-top: 5px } } .p-media-3column-circle .p-media-3column-circle__item { position: relative } .p-media-3column-circle .p-media-3column-circle__item .p-media-3column-circle__pict { position: relative; display: inline-block; vertical-align: middle; width: 150px; height: 150px; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; background: #fff; border-radius: 50%; border: solid 4px #e6eaf3 } .p-media-3column-circle .p-media-3column-circle__item .p-media-3column-circle__pict .p-media-3column-circle__pict01 { width: 80%; height: auto; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto } .p-media-3column-circle .p-media-3column-circle__item .p-media-3column-circle__pict .p-media-3column-circle__pict02 { width: 80%; height: auto; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto } .p-media-3column-circle .p-media-3column-circle__item .p-media-3column-circle__pict .p-media-3column-circle__pict03 { width: 80%; height: auto; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto } @media print, screen and (min-width: 641px) { .p-media-3column-circle { letter-spacing: -0.4em } .p-media-3column-circle .p-media-3column-circle__item { width: 310px; margin-right: 15px; display: inline-block; letter-spacing: normal } .p-media-3column-circle .p-media-3column-circle__item:last-child { margin-right: 0 } .p-media-3column-circle .p-media-3column-circle__item .p-media-3column-circle__text { margin-left: 10px; display: inline-block; vertical-align: middle; font-size: 1.375rem; line-height: 1.36; letter-spacing: 0.05em } } @media screen and (max-width: 640px) { .p-media-3column-circle { letter-spacing: -0.4em } .p-media-3column-circle .p-media-3column-circle__item { width: 150px; margin: 0 21px 0 21px; vertical-align: top; display: inline-block; letter-spacing: normal } .p-media-3column-circle .p-media-3column-circle__item:first-child { margin-left: 5px } .p-media-3column-circle .p-media-3column-circle__item:last-child { margin-right: 0 } .p-media-3column-circle .p-media-3column-circle__item .p-media-3column-circle__pict { margin-bottom: 16px } .p-media-3column-circle .p-media-3column-circle__item .p-media-3column-circle__text { font-size: 1.875rem; line-height: 1.2; letter-spacing: 0.0em; text-align: justify; text-justify: inter-ideograph; text-align: center } } @media print, screen and (min-width: 641px) { .p-media-4column { letter-spacing: -0.4em } .p-media-4column .p-media-4column__item { width: 200px; margin: 0 20px 0 20px; display: inline-block; letter-spacing: normal; vertical-align: top } .p-media-4column .p-media-4column__item:last-child { margin-right: 0 } .p-media-4column .p-media-4column__item img { width: 200px; height: auto } .p-media-4column .p-media-4column__item .p-media-4column__text { font-size: 1.375rem; color: #333; line-height: 1.36; letter-spacing: 0.05em; text-align: center; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; -webkit-font-kerning: auto; font-kerning: auto; margin: 18px 0 0 0 } } @media screen and (max-width: 640px) { .p-media-4column { letter-spacing: -0.4em } .p-media-4column .p-media-4column__item { display: inline-block; letter-spacing: normal; vertical-align: top; width: 275px; margin: 0 0 35px 0; text-align: center } .p-media-4column .p-media-4column__item img { width: 200px; height: auto } .p-media-4column .p-media-4column__item .p-media-4column__text { font-size: 1.875rem; color: #333; line-height: 1.2; letter-spacing: 0.05em; text-align: center; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; -webkit-font-kerning: auto; font-kerning: auto; margin: 18px 0 0 0 } } @media print, screen and (min-width: 641px) { .p-media-lostarrow { width: 280px } .p-media-lostarrow .c-heading-bg--blue-arrow { margin-bottom: 12px } .p-media-lostarrow .c-link-text--blue-bold { line-height: 2 } .p-media-lostarrow .p-media-lostarrow__list .p-media-lostarrow__text { font-size: 1rem; font-weight: bold; line-height: 2.0; letter-spacing: 0.05em } .p-media-lostarrow .p-media-lostarrow__list .p-media-lostarrow__text .is-sp { display: none } } @media screen and (max-width: 640px) { .p-media-lostarrow { width: 260px; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; -webkit-font-kerning: auto; font-kerning: auto } .p-media-lostarrow .c-link-text--blue-bold { line-height: 1.7 } .p-media-lostarrow .p-media-lostarrow__list .p-media-lostarrow__text { font-size: 1.75rem; line-height: 1.7; letter-spacing: 0.05em; margin-bottom: 6px } } @media print, screen and (min-width: 641px) { .p-media-lost { width: 320px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 22px 30px 20px 30px; background-color: #f4f4f4 } .p-media-lost .p-media-lost__text { font-size: .875rem; color: #333; line-height: 2.0; letter-spacing: 0.01em } .p-media-lost .p-media-lost__text em { font-weight: bold } .p-media-lost img { width: 260px; height: auto; display: block; margin-top: 16px } } @media screen and (max-width: 640px) { .p-media-lost { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 28px 40px 40px 40px; background-color: #f4f4f4; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; -webkit-font-kerning: auto; font-kerning: auto } .p-media-lost .p-media-lost__text { font-size: 1.75rem; color: #333; line-height: 1.79; letter-spacing: 0.05em; text-align: justify; text-justify: inter-ideograph } .p-media-lost .p-media-lost__text em { font-weight: bold } .p-media-lost img { display: block; margin: 30px auto 0 auto; width: 390px; height: auto } } @media print, screen and (min-width: 641px) { .p-media-qa { position: relative; width: 960px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 10px 0 0 50px } .p-media-qa .p-media-qa__icon { display: inline-block; position: absolute; top: 5px; left: 0; min-width: 34px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 0 2px 1px; background: #e6eaf3; font-family: 'Open Sans', sans-serif; font-style: italic; font-size: 2rem; color: #0c3287; font-weight: 300; line-height: 1.0; letter-spacing: 0.01em; text-align: center } .p-media-qa .p-media-qa__text { display: block; font-size: .875rem; color: #333; line-height: 2.0; letter-spacing: 0.01em } .p-media-qa .p-media-qa__annotation { display: block; font-size: .75rem; color: #333; line-height: 2.33; letter-spacing: 0.01em } } @media screen and (max-width: 640px) { .p-media-qa { position: relative; width: 560px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 3px 0 0 94px } .p-media-qa .p-media-qa__icon { display: inline-block; position: absolute; top: 14px; left: 0; min-width: 68px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 0 4px 2px; background: #e6eaf3; font-family: 'Open Sans', sans-serif; font-style: italic; font-size: 4rem; color: #0c3287; font-weight: 300; line-height: 1.0; letter-spacing: 0.01em; text-align: center } .p-media-qa .p-media-qa__text { display: block; margin-bottom: 10px; font-size: 1.75rem; color: #333; line-height: 1.78; letter-spacing: 0.05em; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; -webkit-font-kerning: auto; font-kerning: auto; text-align: justify; text-justify: inter-ideograph } .p-media-qa .p-media-qa__annotation { display: block; font-size: 1.5rem; color: #333; line-height: 1.67; letter-spacing: 0.01em; text-indent: -1.5rem; padding: 0 0 0 1.5rem } } @media print, screen and (min-width: 641px) { .p-media-pictbox { position: relative; width: 100%; min-height: 250px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 380px 0 0 } .p-media-pictbox .c-heading--blue-large { margin-bottom: 22px; letter-spacing: 0.02em } .p-media-pictbox .c-text { text-align: justify; text-justify: inter-ideograph } .p-media-pictbox .p-media-pictbox__pict { position: absolute; top: 10px; right: 0; width: 360px; height: auto } .p-media-pictbox .p-media-pictbox__pict .p-media-pictbox__pict1 { width: 180px; height: auto; margin-right: 1px } .p-media-pictbox .p-media-pictbox__pict .p-media-pictbox__pict2 { width: 179px; height: auto } } @media screen and (max-width: 640px) { .p-media-pictbox { width: 100% } .p-media-pictbox .c-heading--blue-large { margin-bottom: 30px; letter-spacing: 0.04em } .p-media-pictbox .c-text { text-align: justify; text-justify: inter-ideograph; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; -webkit-font-kerning: auto; font-kerning: auto; letter-spacing: 0.04em } .p-media-pictbox .p-media-pictbox__pict { display: block; clear: both; width: 100%; height: auto; margin: 30px 0 0 0 } .p-media-pictbox .p-media-pictbox__pict .p-media-pictbox__pict1 { width: 279px; height: auto; margin-right: 2px } .p-media-pictbox .p-media-pictbox__pict .p-media-pictbox__pict2 { width: 279px; height: auto } } @media print, screen and (min-width: 641px) { .p-media-map { position: relative; width: 960px; min-height: 410px; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto 0 auto; padding: 0 575px 40px 0; background: url(/assets/images/common/bg-dot.svg) left bottom repeat-x; background-size: 4px 1px } .p-media-map .c-heading--blue-large { margin-bottom: 20px } .p-media-map .p-media-map__access { margin: 28px 0 0 0 } .p-media-map .p-media-map__access .c-text--little { margin-top: 2px } .p-media-map .p-media-map__map { position: absolute !important; top: 10px; right: 0; width: 540px; height: 360px; background: #ccc } } @media screen and (max-width: 640px) { .p-media-map { position: relative; width: 560px; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto 0 auto; padding: 0 0 60px 0; background: url(/assets/images/common/bg-dot.svg) left bottom repeat-x; background-size: 8px 2px } .p-media-map .c-heading--blue-large { margin-bottom: 32px } .p-media-map .p-media-map__access { margin: 50px 0 50px 0 } .p-media-map .p-media-map__access .c-text--little { margin-top: 2px } .p-media-map .p-media-map__map { width: 560px; height: 374px; background: #ccc } } @media print, screen and (min-width: 641px) { .p-media-map-company .p-media-map-company__map { width: 100%; height: 500px; background: #ccc; margin-bottom: 13px } .p-media-map-company .c-text { width: 960px; margin: 0 auto 0 auto } } @media screen and (max-width: 640px) { .p-media-map-company .p-media-map-company__map { width: 100%; height: 600px; background: #ccc; margin-bottom: 28px } .p-media-map-company .c-text { width: 560px; margin: 0 auto 0 auto } } .p-media-borderbox { position: relative; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box } @media print, screen and (min-width: 641px) { .p-media-borderbox { padding: 20px 20px 10px 20px; border: solid 4px #e6eaf3 } .p-media-borderbox .c-heading--blue-bold-medium { margin-bottom: 8px } .p-media-borderbox .c-text { margin-bottom: 1em } .p-media-borderbox .c-text--blue-huge { margin-bottom: 12px } } @media screen and (max-width: 640px) { .p-media-borderbox { padding: 25px 20px 0px 20px; border: solid 8px #e6eaf3 } .p-media-borderbox .c-heading--blue-bold-medium { margin-bottom: 12px } .p-media-borderbox .c-text { margin-bottom: 1.8em; text-align: justify; text-justify: inter-ideograph; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; -webkit-font-kerning: auto; font-kerning: auto; letter-spacing: 0.04em } .p-media-borderbox .c-text--blue-huge { display: block; text-align: center } } @media print, screen and (min-width: 641px) { .p-media-step { position: relative; width: 960px; min-height: 65px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 10px 0 0 130px } .p-media-step.is-capture { padding: 10px 295px 0 130px; min-height: 462px } .p-media-step.is-capture .p-media-step__text { text-align: justify; text-justify: inter-ideograph; margin-bottom: 2.0em } .p-media-step.is-capture .p-media-step__list { margin-top: -2px } .p-media-step.is-capture .p-media-step__list .p-media-step__list__item { text-indent: -.7rem; padding: 0 0 0 .7rem } .p-media-step.is-capture .p-media-step__pict { position: absolute; top: 0; right: 0 } .p-media-step .c-heading-step { position: absolute; top: 0; left: 0 } .p-media-step .c-heading-step--title { position: static; padding: 0 0 0 0; margin: -2px 0 4px 0; min-height: 0 } .p-media-step .p-media-step__text { font-size: .875rem; line-height: 2.0; letter-spacing: 0.01em } .p-media-step .p-media-step__list { margin-bottom: -5px } .p-media-step .p-media-step__list .p-media-step__list__item { font-size: .75rem; line-height: 2.0; letter-spacing: 0.01em; text-indent: -.8rem; padding: 0 0 0 .8rem } .p-media-step .p-media-step__pict img { width: 260px; height: auto } } @media screen and (max-width: 640px) { .p-media-step .p-media-step__text { font-size: 1.75rem; line-height: 1.79; letter-spacing: 0.03em; text-align: justify; text-justify: inter-ideograph; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; -webkit-font-kerning: auto; font-kerning: auto } .p-media-step.is-capture .c-heading-step { margin-bottom: 8px } .p-media-step.is-capture .p-media-step__text { margin-bottom: 1.8em } .p-media-step.is-capture .p-media-step__list { margin-top: -33px } .p-media-step.is-capture .p-media-step__pict { margin: 30px auto 0 auto; width: 380px } .p-media-step.is-capture .p-media-step__pict img { width: 100%; height: auto } .p-media-step .c-heading-step--title { position: static; padding: 0 0 0 0; margin: -2px 0 8px 0; min-height: 0 } .p-media-step .p-media-step__list .p-media-step__list__item { font-size: 1.5rem; line-height: 1.67; letter-spacing: 0.04em; text-indent: -1.4rem; padding: 0 0 0 1.4rem; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; -webkit-font-kerning: auto; font-kerning: auto } .p-media-step .p-media-step__pict img { width: 380px; height: auto } } @media print, screen and (min-width: 641px) { .p-media-titlebox { position: relative; zoom: 1 } .p-media-titlebox:after { content: ""; display: block; clear: both } .p-media-titlebox .c-heading--blue { margin-bottom: 30px; zoom: 1 } .p-media-titlebox .c-heading--blue:after { content: ""; display: block; clear: both } .p-media-titlebox.is-narrow .c-heading--blue { margin-bottom: 10px } .p-media-titlebox .p-media-titlebox__text { float: left; width: 620px } .p-media-titlebox .p-media-titlebox__text .c-heading--bold { margin-bottom: 20px } .p-media-titlebox .p-media-titlebox__text .c-text { -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; -webkit-font-kerning: auto; font-kerning: auto; text-align: justify; text-justify: inter-ideograph; letter-spacing: 0.04em; margin-bottom: 2.0em } .p-media-titlebox .p-media-titlebox__pict { float: right; width: 300px } .p-media-titlebox .p-media-titlebox__pict img { width: 300px; height: auto; margin-bottom: 2px } } @media screen and (max-width: 640px) { .p-media-titlebox .c-heading--blue { margin-bottom: 22px } .p-media-titlebox .c-heading--bold { letter-spacing: 0.03em; margin-bottom: 15px } .p-media-titlebox .c-text { -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; -webkit-font-kerning: auto; font-kerning: auto; text-align: justify; text-justify: inter-ideograph; letter-spacing: 0.05em; margin-bottom: 1.8em } .p-media-titlebox .p-media-titlebox__pict { width: 560px; margin-top: -24px } .p-media-titlebox .p-media-titlebox__pict img { width: 100%; height: auto; margin-bottom: 4px } } @media print, screen and (min-width: 641px) { .p-media-telbox { position: relative } .p-media-telbox .c-heading--blue-large { margin-bottom: 16px } .p-media-telbox .c-text--small { display: block; margin: 1px 0 0 28px } .p-media-telbox .p-nav-form { position: absolute; top: 12px; right: 0 } } @media screen and (max-width: 640px) { .p-media-telbox .c-heading--blue-large { margin-bottom: 30px } .p-media-telbox .c-text--small { display: block; margin: 15px 0 30px 45px } } @media print, screen and (min-width: 641px) { .p-media-hiretype .c-heading-bg { margin-bottom: 20px } .p-media-hiretype .p-media-tablebox { margin-bottom: 35px } } @media screen and (max-width: 640px) { .p-media-hiretype .c-heading-bg { margin-bottom: 40px } .p-media-hiretype .p-media-tablebox { margin-bottom: 0px } } @media print, screen and (min-width: 641px) { .p-media-tablebox { position: relative; width: 100%; min-height: 260px; -webkit-box-sizing: border-box; box-sizing: border-box } .p-media-tablebox .c-table-dl { width: 560px } .p-media-tablebox .c-table-dl .c-table-dl__tr { background: url(/assets/images/common/bg-dot.svg) left bottom repeat-x; background-size: 4px 1px } .p-media-tablebox .c-table-dl .c-table-dl__tr.is-bottom { background: none } .p-media-tablebox .c-table-dl .c-table-dl__th { width: 160px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 15px 20px 15px 20px } .p-media-tablebox .c-table-dl .c-table-dl__td { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 15px 20px 15px 0 } .p-media-tablebox .p-media-tablebox__pict { position: absolute; top: 20px; right: 0 } .p-media-tablebox .p-media-tablebox__pict img { width: 360px; height: auto } } @media screen and (max-width: 640px) { .p-media-tablebox .c-table-dl { width: 560px } .p-media-tablebox .c-table-dl .c-table-dl__tr { background: url(/assets/images/common/bg-dot.svg) left bottom repeat-x; background-size: 8px 2px } .p-media-tablebox .c-table-dl .c-table-dl__tr.is-bottom { background: none } .p-media-tablebox .c-table-dl .c-table-dl__th { width: 185px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 18px 20px 18px 20px; vertical-align: top } .p-media-tablebox .c-table-dl .c-table-dl__td { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 18px 20px 18px 0 } .p-media-tablebox .p-media-tablebox__pict img { width: 560px; height: auto } } .p-nav-link { letter-spacing: -0.4em } @media print, screen and (min-width: 641px) { .p-nav-link .p-nav-link__item { display: inline-block; margin: 0 20px 16px 0; letter-spacing: normal } .p-nav-link .p-nav-link__item .c-link-text--nav { letter-spacing: 0.04em } .p-nav-link .p-nav-link__item:last-child { margin-right: 0 } } @media screen and (max-width: 640px) { .p-nav-link .p-nav-link__item { display: inline-block; margin: 0 20px 16px 0; letter-spacing: normal } } @media print, screen and (min-width: 641px) { .p-nav-paging ul.page-numbers { letter-spacing: -0.4em; text-align: center } .p-nav-paging ul.page-numbers li { display: inline-block; letter-spacing: normal; margin: 0 5px 0 5px } .p-nav-paging ul.page-numbers li a.prev { margin-right: 15px } .p-nav-paging ul.page-numbers li a.next { margin-left: 15px } .p-nav-paging ul.page-numbers .page-numbers { display: block; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; border: solid 1px #d6d6d6; color: #333; text-decoration: none; letter-spacing: 0.05em; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 40px; height: 40px; font-size: .875rem; line-height: 1.86; -webkit-transition: 0.3s all; transition: 0.3s all } .p-nav-paging ul.page-numbers .page-numbers.current { color: #fff; background: #0c3287 } .p-nav-paging ul.page-numbers .page-numbers:hover { color: #fff; background: #0c3287 } .p-nav-paging ul.page-numbers .page-numbers.dots { pointer-events: none; border: none } .p-nav-paging ul.page-numbers .page-numbers.prev { width: auto; height: auto; border: none; display: inline-block; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; color: #333; text-decoration: none; letter-spacing: 0.05em; text-align: left; padding: 0 0 0 17px; font-size: .875rem; line-height: 1.4 } .p-nav-paging ul.page-numbers .page-numbers.prev:before { content: ''; display: inline-block } .p-nav-paging ul.page-numbers .page-numbers.prev:before { position: absolute; top: 3px; left: 0; width: 9px; height: 12px; background: url(/assets/images/common/icon-arrow-left.svg) no-repeat; background-size: cover } .p-nav-paging ul.page-numbers .page-numbers.prev:hover { color: #333; background: none; text-decoration: none; opacity: .6 } .p-nav-paging ul.page-numbers .page-numbers.next { width: auto; height: auto; border: none; display: inline-block; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; color: #333; text-decoration: none; letter-spacing: 0.05em; text-align: right; padding: 0 17px 0 0; font-size: .875rem; line-height: 1.4 } .p-nav-paging ul.page-numbers .page-numbers.next:before { content: ''; display: inline-block } .p-nav-paging ul.page-numbers .page-numbers.next:before { position: absolute; top: 3px; right: 0; width: 9px; height: 12px; background: url(/assets/images/common/icon-arrow-right.svg) no-repeat; background-size: cover } .p-nav-paging ul.page-numbers .page-numbers.next:hover { color: #333; background: none; text-decoration: none; opacity: .6 } } @media screen and (max-width: 640px) { .p-nav-paging ul.page-numbers { letter-spacing: -0.4em; text-align: center } .p-nav-paging ul.page-numbers li { display: inline-block; letter-spacing: normal; margin: 0 5px 0 5px } .p-nav-paging ul.page-numbers li a.prev { margin-right: 15px } .p-nav-paging ul.page-numbers li a.next { margin-left: 15px } .p-nav-paging ul.page-numbers .page-numbers { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; border: solid 1px #d6d6d6; color: #333; text-decoration: none; letter-spacing: 0.05em; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; display: none; width: 80px; height: 80px; font-size: 1.75rem; line-height: 1.79; -webkit-transition: 0.3s all; transition: 0.3s all } .p-nav-paging ul.page-numbers .page-numbers.current { color: #fff; background: #0c3287 } .p-nav-paging ul.page-numbers .page-numbers:hover { color: #fff; background: #0c3287 } .p-nav-paging ul.page-numbers .page-numbers.dots { pointer-events: none; border: none } .p-nav-paging ul.page-numbers .page-numbers.prev { display: block; width: auto; height: auto; border: none; display: inline-block; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; color: #333; text-decoration: none; letter-spacing: 0.05em; text-align: left; padding: 0 0 0 29px; font-size: 1.75rem; line-height: 1.4 } .p-nav-paging ul.page-numbers .page-numbers.prev:before { content: ''; display: inline-block } .p-nav-paging ul.page-numbers .page-numbers.prev:before { position: absolute; top: 7px; left: 0; width: 19px; height: 24px; background: url(/assets/images/common/icon-arrow-left.svg) no-repeat; background-size: cover } .p-nav-paging ul.page-numbers .page-numbers.prev:hover { color: #333; background: none; text-decoration: none; opacity: .6 } .p-nav-paging ul.page-numbers .page-numbers.next { display: block; width: auto; height: auto; border: none; display: inline-block; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; color: #333; text-decoration: none; letter-spacing: 0.05em; text-align: right; padding: 0 29px 0 0; font-size: 1.75rem; line-height: 1.4 } .p-nav-paging ul.page-numbers .page-numbers.next:before { content: ''; display: inline-block } .p-nav-paging ul.page-numbers .page-numbers.next:before { position: absolute; top: 7px; right: 0; width: 19px; height: 24px; background: url(/assets/images/common/icon-arrow-right.svg) no-repeat; background-size: cover } .p-nav-paging ul.page-numbers .page-numbers.next:hover { color: #333; background: none; text-decoration: none; opacity: .6 } } @media print, screen and (min-width: 641px) { .p-nav-form { width: 340px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 18px 20px 11px 20px; background: #e6eaf3 } .p-nav-form .p-nav-form__item { margin-bottom: 9px } } @media screen and (max-width: 640px) { .p-nav-form { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 18px 20px 11px 20px; background: #e6eaf3 } .p-nav-form .p-nav-form__item { margin-bottom: 6px } } .p-heading-news .p-heading-news__icon { display: inline-block; position: relative; background: #0c3287; color: #fff; letter-spacing: 0.05em; text-align: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } @media print, screen and (min-width: 641px) { .p-heading-news .p-heading-news__date { font-size: .875rem; color: #333; letter-spacing: 0.05em; text-decoration: none; line-height: 1.8 } .p-heading-news .p-heading-news__icon { width: 90px; height: 20px; font-size: .688rem; font-weight: bold; line-height: 1.8; vertical-align: top; margin-top: 1px; letter-spacing: 0.04em } .p-heading-news .p-heading-news__icon.is-jobs-info { background: #fff; color: #0c3287; border: 1px solid #0c3287; border-radius: 5px } .p-heading-news .p-heading-news__icon.is-new-career { background: #fff000; color: #0c3287; border-radius: 5px } .p-heading-news .p-heading-news__icon.is-mid-career { background: #0c3287; color: #fff; border-radius: 5px } .p-heading-news .p-heading-news__title { display: block; font-size: 1.625rem; line-height: 1.62; letter-spacing: 0.05em; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; -webkit-font-kerning: auto; font-kerning: auto } } @media screen and (max-width: 640px) { .p-heading-news .p-heading-news__date { font-size: 1.75rem; line-height: 1.79; letter-spacing: 0.01em } .p-heading-news .p-heading-news__icon { width: 150px; height: 24px; font-size: 1.25rem; line-height: 1.2 } .p-heading-news .p-heading-news__icon.is-jobs-info { background: #fff; color: #0c3287; border: 2px solid #0c3287; border-radius: 5px } .p-heading-news .p-heading-news__icon.is-new-career { background: #fff000; color: #0c3287; border-radius: 5px } .p-heading-news .p-heading-news__icon.is-mid-career { background: #0c3287; color: #fff; border-radius: 5px } .p-heading-news .p-heading-news__title { display: block; font-size: 2.25rem; line-height: 1.78; letter-spacing: 0.05em; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; -webkit-font-kerning: auto; font-kerning: auto } } @media print, screen and (min-width: 641px) { .p-form-list { width: 100%; display: table; border-top: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6; margin-bottom: -1px } .p-form-list .p-form-list__title { display: table-cell; width: 220px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 17px 20px 11px 20px; background-color: #e6eaf3; vertical-align: top; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; -webkit-font-kerning: auto; font-kerning: auto } .p-form-list .p-form-list__title .c-text-annotation--red { margin-left: 5px } .p-form-list .p-form-list__title .c-text--little { display: block } .p-form-list .p-form-list__form { display: table-cell; width: 740px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 11px 20px 11px 20px; vertical-align: middle; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; -webkit-font-kerning: auto; font-kerning: auto; font-size: .875rem; line-height: 2.0; letter-spacing: 0.01em } .p-form-list .p-form-list__form .c-text, .p-form-list .p-form-list__form .c-text--little { display: block } .p-form-list .p-form-list__form .c-text { margin-top: 6px } .p-form-list .p-form-list__form .c-text--little { margin-top: 2px } .p-form-list .p-form-list__form .c-form-radio { display: inline-block; margin-right: 40px } .p-form-list .p-form-list__form .p-form-list__info, .p-form-list .p-form-list__form .p-form-list__info--right { margin-left: 10px } .p-form-list .p-form-list__form .p-form-list__info--l { margin-right: 6px } .p-form-list .p-form-list__form .p-form-list__list { margin-bottom: 10px } .p-form-list .p-form-list__form .p-form-list__list .p-form-list__item { text-indent: -1rem; padding: 0 0 0 1rem } .p-form-list .p-form-list__form .p-form-list__list .p-form-list__item .c-text--little { text-indent: -1rem; padding: 0 0 0 1rem; margin-bottom: 5px } .p-form-list .p-form-list__form hr { visibility: hidden; margin: 10px 0 0 0 } .p-form-list .p-form-list__form .p-form-list__form-text { display: block; font-size: .75rem; line-height: 2.0; letter-spacing: 0.01em; margin-bottom: 20px } .p-form-list .p-form-list__form .c-form-checkbox span { margin-left: 10px; margin-right: 20px } .p-form-list .p-form-list__form .p-form-time { zoom: 1 } .p-form-list .p-form-list__form .p-form-time:after { content: ""; display: block; clear: both } .p-form-list .p-form-list__form .p-form-time .p-form-time__item { float: left; -webkit-box-sizing: border-box; box-sizing: border-box; margin-left: 10px } .p-form-list .p-form-list__form .p-form-time .p-form-time__item:first-child { margin-left: 0 } .p-form-list .p-form-list__form .p-form-time .p-form-time__item:nth-child(3) { margin-left: 30px } .page-labor .p-form-list .p-form-list__form .p-form-time .p-form-time__item:first-child { margin-right: 10px } .page-labor .p-form-list .p-form-list__form .p-form-time .p-form-time__item:nth-child(3) { margin-left: 10px } .p-form-list .p-form-list__form .p-form-duration { zoom: 1 } .p-form-list .p-form-list__form .p-form-duration:after { content: ""; display: block; clear: both } .p-form-list .p-form-list__form .p-form-duration .p-form-duration__item { float: left; -webkit-box-sizing: border-box; box-sizing: border-box; margin-left: 20px } .p-form-list .p-form-list__form .p-form-duration .p-form-duration__item:first-child { margin-left: 0 } .p-form-list .p-form-list__form .p-form-duration .p-form-duration__item.is-separate { -webkit-box-sizing: border-box; box-sizing: border-box; width: 40px; padding: 4px 0 0; margin: 0 -20px 0 0; font-size: 1.125rem; line-height: 1.4; color: #333; text-align: center } .p-form-list .p-form-list__dl { zoom: 1; margin-bottom: 10px } .p-form-list .p-form-list__dl:after { content: ""; display: block; clear: both } .p-form-list .p-form-list__dl.is-bottom { margin-bottom: 0 } .p-form-list .p-form-list__dl .p-form-list__dt { width: 140px; float: left; padding-top: 2px } .p-form-list .p-form-list__dl .p-form-list__dd { float: left } } @media screen and (max-width: 640px) { .p-form-list { width: 100%; border-top: 2px solid #d6d6d6; border-bottom: 2px solid #d6d6d6; margin-bottom: -2px } .p-form-list.is-bottom { margin-bottom: 0 } .p-form-list .p-form-list__title { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 15px 20px 14px 20px; background-color: #e6eaf3; vertical-align: top; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; -webkit-font-kerning: auto; font-kerning: auto } .p-form-list .p-form-list__title .c-text-annotation--red { margin-left: 15px } .p-form-list .p-form-list__title .c-text--little { display: block } .p-form-list .p-form-list__form { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 20px 20px 20px 20px; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; -webkit-font-kerning: auto; font-kerning: auto; font-size: 1.75rem; line-height: 2.0; letter-spacing: 0.01em } .p-form-list .p-form-list__form .c-text, .p-form-list .p-form-list__form .c-text--little { display: block } .p-form-list .p-form-list__form .c-text { margin-top: 6px } .p-form-list .p-form-list__form .c-text--little { margin-top: 2px } .p-form-list .p-form-list__form .c-form-radio { display: inline-block; margin-right: 32px } .p-form-list .p-form-list__form .p-form-list__info { display: block; width: 100%; margin: 4px 0 -6px 0; text-align: right } .p-form-list .p-form-list__form .p-form-list__info.is-line { display: inline-block; width: 50px } .p-form-list .p-form-list__form .p-form-list__info--l { margin-right: 14px } .p-form-list .p-form-list__form .p-form-list__list { margin-bottom: 10px } .p-form-list .p-form-list__form .p-form-list__list .p-form-list__item { text-indent: -2.2rem; padding: 0 0 0 2.2rem } .p-form-list .p-form-list__form .p-form-list__list .p-form-list__item .c-text--little { text-indent: -.4rem; padding: 0 0 0 .4rem; margin-bottom: 5px } .p-form-list .p-form-list__form hr { visibility: hidden; margin: 10px 0 0 0 } .p-form-list .p-form-list__form .p-form-list__form-text { display: block; font-size: 1.5rem; line-height: 1.67; letter-spacing: 0.01em; margin-bottom: 30px } .p-form-list .p-form-list__form .p-form-time { zoom: 1 } .p-form-list .p-form-list__form .p-form-time:after { content: ""; display: block; clear: both } .p-form-list .p-form-list__form .p-form-time .p-form-time__item { float: left; width: 250px; -webkit-box-sizing: border-box; box-sizing: border-box; margin-left: 10px; margin-bottom: 20px } .p-form-list .p-form-list__form .p-form-time .p-form-time__item:first-child { margin-left: 0 } .p-form-list .p-form-list__form .p-form-time .p-form-time__item:nth-child(3) { margin-left: 0 } .p-form-list .p-form-list__form .p-form-time .p-form-time__item .p-form-list__info { display: inline-block; width: 70px; margin: 4px 0 -6px 10px; text-align: left } .page-labor .p-form-list .p-form-list__form .p-form-time .p-form-time__item:first-child { width: 100% } .page-labor .p-form-list .p-form-list__form .p-form-time .p-form-time__item:nth-child(2) { margin-left: 0 } .p-form-list .p-form-list__form .p-form-duration { zoom: 1 } .p-form-list .p-form-list__form .p-form-duration:after { content: ""; display: block; clear: both } .p-form-list .p-form-list__form .p-form-duration .p-form-duration__item { float: left; -webkit-box-sizing: border-box; box-sizing: border-box; margin-left: 20px } .p-form-list .p-form-list__form .p-form-duration .p-form-duration__item:first-child { margin-left: 0 } .p-form-list .p-form-list__form .p-form-duration .p-form-duration__item.is-separate { -webkit-box-sizing: border-box; box-sizing: border-box; width: 60px; padding: 20px 0 0; margin: 0 -20px 0 0; font-size: 1.75rem; line-height: 1.4; color: #333; text-align: center } .p-form-list .p-form-list__dl { zoom: 1; margin: -14px 0 24px 0 } .p-form-list .p-form-list__dl:after { content: ""; display: block; clear: both } .p-form-list .p-form-list__dl.is-bottom { margin-bottom: 0 } .p-form-list .p-form-list__dl .p-form-list__dt { width: 100% } .p-form-list .p-form-list__dl .p-form-list__dd .p-form-list__info--right { display: block; width: 100%; margin: 4px 0 -6px 0; text-align: right } .p-form-list .p-form-list__dl .p-form-list__info { display: inline; width: auto; margin: 0 0 0 15px; text-align: left } } @media print, screen and (min-width: 641px) { .u-border-dot { width: 100%; border-bottom: dotted 1px #0c3287 } } .slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0 } .slick-list:focus { outline: none } .slick-list.dragging { cursor: pointer; cursor: hand } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto } .slick-track:before, .slick-track:after { content: ""; display: table } .slick-track:after { clear: both } .slick-loading .slick-track { visibility: hidden } .slick-slide { float: left; height: 100%; min-height: 1px; display: none } [dir="rtl"] .slick-slide { float: right } .slick-slide img { display: block } .slick-slide.slick-loading img { display: none } .slick-slide.dragging img { pointer-events: none } .slick-initialized .slick-slide { display: block } .slick-loading .slick-slide { visibility: hidden } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent } .slick-arrow.slick-hidden { display: none } .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8 } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; box-sizing: border-box } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle } .mfp-align-top .mfp-container:before { display: none } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045 } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto } .mfp-ajax-cur { cursor: progress } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -webkit-zoom-out; cursor: zoom-out } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: zoom-in } .mfp-auto-cursor .mfp-content { cursor: auto } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .mfp-loading.mfp-figure { display: none } .mfp-hide { display: none !important } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044 } .mfp-preloader a { color: #CCC } .mfp-preloader a:hover { color: #FFF } .mfp-s-ready .mfp-preloader { display: none } .mfp-s-error .mfp-content { display: none } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; -ms-touch-action: manipulation; touch-action: manipulation } button::-moz-focus-inner { padding: 0; border: 0 } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace } .mfp-close:hover, .mfp-close:focus { opacity: 1 } .mfp-close:active { top: 1px } .mfp-close-btn-in .mfp-close { color: #333 } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100% } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent } .mfp-arrow:active { margin-top: -54px } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1 } .mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7 } .mfp-arrow-left { left: 0 } .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F } .mfp-arrow-right { right: 0 } .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px } .mfp-arrow-right:before { border-left: 27px solid #3F3F3F } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px } .mfp-iframe-holder .mfp-close { top: -40px } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25% } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000 } img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto } .mfp-figure { line-height: 0 } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444 } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px } .mfp-figure figure { margin: 0 } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px } .mfp-image-holder .mfp-content { max-width: 100% } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0 } .mfp-img-mobile img.mfp-img { padding: 0 } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0 } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; box-sizing: border-box } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0 } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0 } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); -ms-transform: scale(0.75); transform: scale(0.75) } .mfp-arrow-left { -webkit-transform-origin: 0; -ms-transform-origin: 0; transform-origin: 0 } .mfp-arrow-right { -webkit-transform-origin: 100%; -ms-transform-origin: 100%; transform-origin: 100% } .mfp-container { padding-left: 6px; padding-right: 6px } } .p-content-people__kv { position: relative; } .p-content-work-people__cont { background-color: rgba(0, 0, 0, 0.6); color: white; width: 700px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 50px 0; } .p-content-work-people__cont h2.p-content-work-people__head { font-size: 3.5rem; line-height: .9; } .p-content-work-people__head-line { width: 500px; } .p-content-work-people__head-en { font-weight: bold; margin: 10px 0 20px; } .p-content-work-people__lead { text-align: center; } .p-content-work-people__block-img { width: 100%; } .people-lists { max-width: 1100px; width: 100%; margin: 0 auto; padding: 70px 0; display: flex; justify-content: space-between; flex-wrap: wrap; } .people-lists__box { max-width: 350px; width: 30%; } .people-lists__box a { text-decoration: none; color: #333; } .people-lists__box-img { max-width: 350px; max-height: 350px; width: 100%; height: 30vw; object-fit: cover; transition: .4s; margin-top: 30px; } .people-lists__box-img:hover { opacity: .6; transition: .4s; } .people-lists__box-name { margin-top: 10px; } @media screen and (max-width: 640px) { .p-content-work-people__cont { width: auto; padding: 90px 50px 50px; } .p-content-work-people__cont h2.p-content-work-people__head { font-size: 3rem; } .p-content-work-people__head-line { width: 440px; } .p-content-work-people__block-img { height: 800px; object-fit: cover; } .people-lists { width: 90%; } .people-lists__box { width: 47%; } .people-lists__box a { text-decoration: none; color: #333; } .people-lists__box-img { width: 100%; height: 41.5vw; } } .message-lists { max-width: 960px; width: 90%; margin: 0 auto 0 auto; display: flex; justify-content: space-between; flex-wrap: wrap; padding: 70px 0 0; } .message-lists__box { width: 48%; } .message-lists__box-link { text-decoration: none; } .message-lists__box-img { width: 100%; transition: .4s; } .message-lists__box-img:hover { opacity: .6; transition: .4s; } .message-lists__box-name { font-weight: bold; font-size: 1.4rem; color: #0C3287; text-align: center; margin: 20px 0 70px; } @media screen and (max-width: 640px) { .message-lists__box { width: 100%; } .message-lists__box-name { font-size: 1.8rem; } } .p-content-base p, .p-content-base h2, .p-content-base h3 { line-height: 1.8; } .p-content-base h2 { font-size: 1.7rem; font-weight: bold; } .p-content-base h3 { font-size: 1.5rem; font-weight: bold; } .p-content-people-detail__kv img { max-width: 1100px; width: 100%; margin: -60px auto 0; display: block; } .people-detail__profile { display: flex; justify-content: space-between; max-width: 960px; margin: 30px auto 0; background-image: url(../images/jobs/work/img-work-people-detail-background01.png); background-size: contain; background-position: right; background-repeat: no-repeat; padding-bottom: 90px; } .people-detail__profile--left { padding: 10px 15px 0; border-left: solid 5px #0c3287; height: 100%; } .people-detail__profile--right { display: flex; flex-wrap: wrap; width: 250px; } .people-detail__profile--right p { margin: 0 5px; text-decoration: underline; } .people-detail__character { background-color: #EFEFEF; } .people-detail__character-content { display: flex; justify-content: space-between; max-width: 1000px; width: 100%; padding: 70px 0; margin: 0 auto; } .people-detail__character--left { padding: 0 40px; position: relative; z-index: 0; display: flex; flex-direction: column; justify-content: center; } .people-detail__character--left h3 { color: #0c3287; } .people-detail__character-text { margin: 30px 0; } .people-detail__character-catch-copy { color: #0c3287; font-weight: bold; font-size: 1.3rem; background-color: white; border: 1px solid #0c3287; width: fit-content; padding: 15px 20px; position: relative; } .people-detail__character-catch-copy::before { position: absolute; top: 7px; left: 7px; width: 100%; height: 100%; border: 1px solid #BFBEBE; content: ''; z-index: -1; } .people-detail__character-catch-copy span { font-size: 1.7rem; } .people-detail__character--right { display: flex; flex-direction: column; align-items: center; padding: 0 40px; } .people-detail__character-main-img { max-width: 200px; border: 10px solid #0c3287; } .people-detail__character-img { max-width: 210px; margin-top: 10px; } .people-detail__faq { padding: 70px 0 0; background-image: url(../images/jobs/work/img-work-people-detail-background02.png); background-size: cover; background-position-y: 50px; background-repeat: no-repeat; } .people-detail__faq-content { max-width: 960px; width: 100%; margin: 0 auto; flex-wrap: wrap; display: flex; justify-content: space-between; } .people-detail__faq-box { width: 46%; margin: 30px 0; flex-direction: column; display: flex; } .people-detail__faq-box div { width: fit-content; background-color: #0c3287; color: white; font-weight: bold; font-size: 1.5rem; padding: 5px 0; width: 100px; text-align: center; } .people-detail__faq-box h3 { color: #0c3287; margin: 10px 0; font-size: 1.2rem; } .people-detail__btn-box { display: flex; justify-content: center; padding: 70px 0; } .people-detail__btn { position: relative; background: #0c3287; color: white; font-weight: bold; height: 70px; line-height: 70px; font-size: 1.375rem; width: 480px; text-align: center; text-decoration: none; transition: .4s; } .people-detail__btn:hover { opacity: .6; transition: .4s; } .people-detail__btn::before { position: absolute; top: 29px; left: 31px; width: 9px; height: 12px; background: url(../images/common/icon-arrow.svg) no-repeat; background-size: cover; content: ''; display: inline-block; } @media screen and (max-width: 640px) { .p-content-base p { font-size: 1.75rem; } .p-content-base h2 { font-size: 2.5rem; } .p-content-base h3 { font-size: 2.25rem; } .p-content-base .c-heading-mainbg { display: none; } .p-content-people-detail__kv img { height: 800px; object-fit: cover; margin: unset; } .people-detail__profile { flex-direction: column; margin: 30px 50px 0; padding-bottom: 70px; background-position: right bottom; } .people-detail__profile--right { width: auto; margin-top: 50px; } .people-detail__character-content { flex-direction: column; } .people-detail__character-catch-copy { margin: 0 auto 40px; } .people-detail__character-catch-copy span { font-size: 2rem; display: block; } .people-detail__character-catch-copy-over span { font-size: 2rem; } .people-detail__character-main-img, .people-detail__character-img { max-width: 600px; width: 80%; margin: 0 auto; display: block; } .people-detail__faq { background-size: cover; background-position-y: 0; background-repeat: repeat; } .people-detail__faq-content { flex-direction: column; } .people-detail__faq-box { width: 90%; margin: 30px auto; } .people-detail__faq-box div { font-size: 2.25rem; padding: 10px 0; width: 140px; } .people-detail__btn { height: 90px; line-height: 90px; font-size: 1.8rem; width: 90%; } .people-detail__btn::before { position: absolute; top: 33px; left: 21px; width: 19px; height: 24px; } } .p-content-dailylife p, .p-content-dailylife h2, .p-content-dailylife h3 { line-height: 1.8; } .p-content-dailylife h2 { font-size: 1.7rem; font-weight: bold; } .dailylife-head-text01 { margin-top: 20px; } h2.dailylife-head-text__name { font-size: 2.2rem; } h2.dailylife-head-text__name span { font-size: 1.5rem; margin-left: 20px; } .p-content-dailylife h3 { font-size: 1.5rem; font-weight: bold; } .dailylife-head-text-common { color: #0c3287; background: linear-gradient(transparent 60%, #fff000 60%); width: fit-content; padding: 0 15px; margin: 0 auto; } .p-content-dailylife-detail__kv { position: relative; } .p-content-dailylife-detail__kv img { width: 100%; margin-top: -60px; } .dailylife-head-text { position: absolute; bottom: 10%; left: 5%; background-color: rgba(255, 255, 255, .9); padding: 30px 100px; } .dailylife-head-text__right { left: unset; right: 5%; } .dailylife-head-text03 { margin-bottom: 20px; } .dailylife-head-text04 { color: #0c3287; font-weight: bold; } .dailylife-time { background: url(../images/jobs/work/img-work-dailylife-detail-bg07.png) repeat-y top center; } .dailylife-time__contents { background-image: url(../images/jobs/work/img-work-dailylife-detail-bg10.png); background-size: cover; } .dailylife_time_container { background: url(../img/dailylife_watch.png) no-repeat 50% 800px; border-bottom: 1px solid #cfd0d0; padding-bottom: 80px; } .dailylife-timearea { background: url(../images/jobs/work/img-work-dailylife-detail-bg05.png) repeat-y 50% 8px; } h3.dailylife-head-time { position: relative; font-size: 135px; margin-top: 50px; font-weight: bold; color: rgba(0, 78, 162, 0.5); width: 50%; text-align: right; line-height: 1; padding-right: 70px; background: url(../images/jobs/work/img-work-dailylife-detail-bg06.png) no-repeat center right; margin-bottom: 20px; overflow: hidden; box-sizing: border-box; } .dailylife-head-time:before { content: ""; position: absolute; top: 50%; right: 530px; width: 100%; height: 15px; background: #0c3287; margin-top: -7px; } .dailylife-contents-inner { max-width: 1040px; margin: 0 auto; padding: 0 20px; display: flex; } .dailylife-contents-text { width: 50%; float: left; text-align: center; padding: 20px 60px; box-sizing: border-box; } .dailylife-contents-text h4 { display: block; font-size: 1.5rem; font-weight: bold; position: relative; padding-bottom: 20px; } .dailylife-contents-text h4:after { content: ""; position: absolute; bottom: 0; left: 50%; width: 50px; height: 1px; margin-left: -25px; background: #000000; } .dailylife-contents-text p { margin-top: 20px; text-align: left; } .dailylife-contents-img { width: 50%; position: relative; } .dailylife-contents-img img { width: 100%; } .dailylife-timearea2 { background: url(../images/jobs/work/img-work-dailylife-detail-bg08.png) repeat-y 50% 8px; } h3.dailylife-head-time2 { text-align: left; background: url(../images/jobs/work/img-work-dailylife-detail-bg09.png) no-repeat center left; padding-left: 70px; padding-right: unset; margin-top: 100px; margin-left: 50%; } h3.dailylife-head-time2::before { left: 530px; right: unset; } .dailylife-contents-inner2 { flex-direction: row-reverse; } h3.dailylife-head-time3 { margin-top: 60px; } .dailylife-timearea3 { display: flex; } .dailylife-contents-inner3 { margin: 0 0 0 60px; } .dailylife-contents-text3 { width: 100%; padding: unset; display: flex; align-items: center; padding-top: 50px; } .shift { margin: 70px 0; } .shift h2, .p-content-work-dailylife__list h2 { text-align: center; color: #0c3287; font-size: 2rem; margin-bottom: 30px; } .shift p { max-width: 960px; margin: 0 auto 30px; text-align: center; } .shift-table { max-width: 850px; width: 90%; margin: 0 auto; border-collapse: separate; } .shift-table th, td { border: 1px solid #000; } .shift-table th { background-color: #0c3287; color: white; padding: 10px 0; } .shift-table td { position: relative; padding: 30px 20px; vertical-align: middle; width: calc(100%/7); } .shift-table td span { position: absolute; top: 5%; left: 5%; color: #0c3287; } .shift-table img { max-width: 40px; display: block; margin-top: 10px; } .shift-table__red { background-color: #FFE8E8; } .shift-table__orange { background-color: #fff6e8; } .dailylife__list--contents { display: flex; max-width: 960px; flex-wrap: wrap; justify-content: center; margin: 0 auto; padding-bottom: 20px; } .dailylife__list--content { margin: 10px 0; } .dailylife__list--items { display: flex; margin: 0 10px; } .dailylife__list--item { position: relative; margin: 20px 5px; transition: .4s; } .dailylife__list--item:hover { opacity: .6; transition: .4s; } .dailylife__list--item img { max-width: 200px; border: 3px solid #0c3287; } .dailylife__list--item p { position: absolute; bottom: 10%; color: white; left: 5%; line-height: 1.3; } .dailylife__list--item p span { font-size: .8rem; } @media screen and (max-width: 640px) { .p-content-dailylife .l-content-breadcrumb__list .l-content-breadcrumb__item:nth-child(3) { margin-top: 15px; } .p-content-dailylife p { font-size: 1.75rem; } .p-content-dailylife h2 { font-size: 2.5rem; } h2.dailylife-head-text__name { font-size: 3.3rem; } h2.dailylife-head-text__name span { font-size: 2rem; } .p-content-dailylife h3 { font-size: 2.25rem; } .p-content-dailylife h4 { font-size: 2rem; } .p-content-dailylife .c-heading-mainbg { display: none; } .dailylife-head-text { position: unset; margin: 30px auto 0; width: 100%; max-width: 550px; padding: unset; } .p-content-dailylife-detail__kv img { margin-top: unset; height: 70vw; object-fit: cover; object-position: 80% 0; } h3.dailylife-head-time:before { right: 450px; } h3.dailylife-head-time2::before { left: 450px; right: unset; } h3.dailylife-head-time { font-size: 98px; width: 100%; } .dailylife-contents-inner { flex-direction: column; padding: 0; } .dailylife-contents-text { width: 100%; padding: 20px; } .dailylife-contents-img { width: 100%; } h3.dailylife-head-time2 { margin-left: unset; } .dailylife-timearea3 { flex-direction: column; } .dailylife-contents-inner3 { margin: 0 auto; } .shift p { padding: 0 20px; } .shift-table { width: 95%; } .shift-table td { padding: 30px 0; } .dailylife__list--contents { width: 100%; } .dailylife__list--item { margin: 30px 5px; } .dailylife__list--item img { max-width: 300px; width: 95%; } } .dailylife-top__lead { max-width: 960px; width: 90%; margin: 0 auto 30px; } .dailylife-top__list--contents { display: flex; max-width: 960px; flex-direction: column; margin: 0 auto; } .dailylife-top__list--content { margin: 20px 0; } .dailylife-top__list--items { display: flex; justify-content: space-between; margin: 30px 0; } .dailylife-top__list--items a { display: contents; } .dailylife-top__list--item { position: relative; width: 48%; transition: .4s; } .dailylife-top__list--item:hover { opacity: .6; transition: .4s; } .dailylife-top__list--item img { max-width: 100%; } .dailylife-top__list--text { position: absolute; color: white; top: 50%; left: 27%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); width: 180px; } .dailylife-top__list--text h2 { font-size: 2rem; line-height: 1; } .dailylife-top__list--text-right { text-align: end; } .dailylife-top__list--text-en { border-bottom: 2px solid white; margin-bottom: 20px; } p.dailylife-top__list--text-style { font-size: 1.3rem; line-height: 1; } @media screen and (max-width: 640px) { .dailylife-top__lead { margin: 50px auto; } .dailylife-top__list--items { flex-direction: column; align-items: center; } .dailylife-top__list--item { width: 90%; margin: 20px 0; } .dailylife-top__list--text p { font-size: 1.4rem; } .dailylife-top__list--text { left: 25%; width: 35vw; } .dailylife-top__list--text h2 { font-size: 2.5rem; } p.dailylife-top__list--text-style { font-size: 1.75rem; } } .ev-p-media-pictbox{ padding: 0; min-height: unset; } .ev-taxi-pictbox{ display: flex; justify-content: space-between; margin-bottom: 40px; } .ev-taxi-pictbox span{ font-size: .875rem; } .ev-taxi-pictbox>div{ display: flex; flex-direction: column; align-items: center; } .ev-taxi-pictbox img{ width: 95%; } .ev-taxi-pictbox h3{ font-size: 1.375rem; text-align: center; margin: 20px 0; line-height: 1.5; } .ev-p-media-3column-circle{ display: flex; } .ev-p-media-3column-circle .p-media-3column-circle__item{ display: flex; flex-direction: column; align-items: center; } .ev-p-media-3column-circle .p-media-3column-circle__text{ margin-top: 20px; } .ev-taxi-name, .ev-taxi-plan{ font-size: 1.375rem; } .ev-taxi-name_01{ margin-top: 30px; } .p-form-top{ display: flex; justify-content: space-between; } .p-media-borderbox .ev-taxi-plan_box{ display: flex; align-items: flex-start; margin-bottom: unset; } .ev-taxi-plan_hour{ display: inline-block; width: fit-content; } .ev-taxi-plan_detail{ font-size: .75rem; letter-spacing: 0.01em; text-indent: -0.8rem; } input[type="radio" i] { margin: 8px; } .c-form-radio-button{ margin-right: 40px;} .l-header__pulldown-anchor-mini{font-size: 80%; display: contents;} } @media screen and (max-width: 640px) { .ev-taxi-pictbox span{ font-size: 1.75rem; } .ev-taxi-pictbox h3{ font-size: 1.875rem; } .ev-taxi-name, .ev-taxi-plan{ font-size: 1.875rem; } .ev-taxi-pictbox{ flex-direction: column; } .ev-taxi-pictbox img { width: 100%; } .p-form-top{ flex-direction: column-reverse; } .p-form-top .p-nav-form{ margin-bottom: 65px; } .ev-taxi-plan_detail{ font-size: 1.5rem; letter-spacing: 0.05em; text-indent: -1.4rem; } .p-media-borderbox .ev-taxi-plan_box{ flex-direction: column; align-items: center; } .c-form-radio-button{ margin-right: unset; } }@media print, screen and (min-width: 641px) { .c-btn-arrow-foreign { height: 55px; align-items: baseline; padding-top: 15px; }.c-form-input-foreign { width: 80px; margin-right: 10px; }.c-heading-mainbg-foreign{ display: flex; align-items: center;}.c-heading-mainbg-foreign .c-heading-mainbg__inner { padding: 0;} } @media screen and (max-width: 640px){ .l-footer-foreign-top { border: unset; margin-bottom: 80px; min-width: unset; }.l-footer-foreign .c-btn-entry { width: 85vw; }.page-jobs .l-footer-foreign .l-footer__jobs-net .l-footer__entry-item .c-btn-entry { display: flex; align-items: baseline; padding-top: 15px; }.p-content-foreign-birthplace__list { display: flex; justify-content: center; align-items: center; }.p-content-foreign-birthplace__list>div { display: flex; flex-direction: column; align-items: center; }.p-content-foreign-birthplace__list>div>img { margin: 0 10px 10px 10px; border: 1px solid #b0b0b0; width: 125px; height: auto; }.p-content-jobs-foreign__title-border-fit { width: fit-content; }.p-content-foreign-success-2 .p-content-foreign-success__country { text-align: center; margin-top: 10px; } .p-content-foreign-success-2 .p-content-foreign-success__name{ text-align: center; }.p-content-foreign-faq__list .c-heading-qa, .p-content-foreign-faq__list .p-media-qa { width: unset; text-align: start; }.c-btn-arrow-foreign { align-items: baseline; padding-top: 15px; height: 75px; }.c-form-input-foreign { width: 150px; margin-right: 10px; }.c-heading-mainbg-foreign { height: 170px;  display: flex; align-items: center;}.c-heading-mainbg-foreign .c-heading-mainbg__inner { padding: 0 0 0 40px;} .l-header__pulldown-anchor-mini{font-size: 80%; display: contents;} }