@charset "UTF-8"; /*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */ /** * 1. Change the default font family in all browsers (opinionated). * 2. Correct the line height in all browsers. * 3. Prevent adjustments of font size after orientation changes in IE and iOS. */ html { font-family: sans-serif; /* 1 */ line-height: 1.15; /* 2 */ -ms-text-size-adjust: 100%; /* 3 */ -webkit-text-size-adjust: 100%; /* 3 */ } /** * Remove the margin in all browsers (opinionated). */ body { margin: 0; } /* HTML5 display definitions ========================================================================== */ /** * Add the correct display in IE 9-. * 1. Add the correct display in Edge, IE, and Firefox. * 2. Add the correct display in IE. */ article, aside, details, /* 1 */ figcaption, figure, footer, header, main, /* 2 */ menu, nav, section, summary { /* 1 */ display: block; } /** * Add the correct display in IE 9-. */ audio, canvas, progress, video { display: inline-block; } /** * Add the correct display in iOS 4-7. */ audio:not([controls]) { display: none; height: 0; } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Add the correct display in IE 10-. * 1. Add the correct display in IE. */ template, /* 1 */ [hidden] { display: none; } /* Links ========================================================================== */ /** * 1. Remove the gray background on active links in IE 10. * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. */ a { background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */ } /** * Remove the outline on focused links when they are also active or hovered * in all browsers (opinionated). */ a:active, a:hover { outline-width: 0; } /* Text-level semantics ========================================================================== */ /** * 1. Remove the bottom border in Firefox 39-. * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Prevent the duplicate application of `bolder` by the next rule in Safari 6. */ b, strong { font-weight: inherit; } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * Add the correct font style in Android 4.3-. */ dfn { font-style: italic; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /** * Add the correct background and color in IE 9-. */ mark { background-color: #ff0; color: #000; } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10-. */ img { border-style: none; } /** * Hide the overflow in IE. */ svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, pre, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct margin in IE 8. */ figure { margin: 1em 40px; } /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /* Forms ========================================================================== */ /** * 1. Change font properties to `inherit` in all browsers (opinionated). * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font: inherit; /* 1 */ margin: 0; /* 2 */ } /** * Restore the font weight unset by the previous rule. */ optgroup { font-weight: bold; } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` * controls in Android 4. * 2. Correct the inability to style clickable types in iOS and Safari. */ button, html [type="button"], /* 1 */ [type="reset"], [type="submit"] { -webkit-appearance: button; /* 2 */ } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Change the border, margin, and padding in all browsers (opinionated). */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Remove the default vertical scrollbar in IE. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10-. * 2. Remove the padding in IE 10-. */ [type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding and cancel buttons in Chrome and Safari on OS X. */ [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * Correct the text style of placeholders in Chrome, Edge, and Safari. */ ::-webkit-input-placeholder { color: inherit; opacity: 0.54; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } :root:lang(ja) .AboutCeo-title, :root:lang(ja) .AboutCompany-title, :root:lang(ja) .AboutHistory-title, :root:lang(ja) .AboutHistory-year, :root:lang(ja) .AboutHistory-month, :root:lang(ja) .AdvtDetail-footer-contact-text, :root:lang(ja) .Button-round-black, :root:lang(ja) .Button-round-white, :root:lang(ja) .Button-round-border-black, :root:lang(ja) .Button-round-border-white, :root:lang(ja) .CategoryHeader-title, :root:lang(ja) .CategoryHeader-breadcrumb, :root:lang(ja) .CategoryHeader-info-date, :root:lang(ja) .CategoryHeader-info-tag, :root:lang(ja) .CategoryHeader-internalLink-list-item, :root:lang(ja) .CasestudyBox-num, :root:lang(ja) .CasestudyBox-label-fixed, :root:lang(ja) .CasestudyDetail-section-label, :root:lang(ja) .CasestudyDetail-footer-contact-text, :root:lang(ja) .CasestudyHero-label-fixed, :root:lang(ja) .CasestudyHero-share-title, :root:lang(ja) .is-news .Filter-list-item, :root:lang(ja) .HomeAbout-title, :root:lang(ja) .HomeNews-title, :root:lang(ja) .HomeRecruit-title, :root:lang(ja) .HomeServices-title, :root:lang(ja) .MainVisual-body-title, :root:lang(ja) .NewsList-date, :root:lang(ja) .NewsList-tag, :root:lang(ja) .PageFooter-share-title, :root:lang(ja) .PageFooter-share-list-item, :root:lang(ja) .PageFooter-award-title, :root:lang(ja) .PageFooter-copyright, :root:lang(ja) .PageHeader-menuList-item, :root:lang(ja) .PageHeader-langList-item, :root:lang(ja) .PageHeader-contact-text, :root:lang(ja) .Pagination-prev, :root:lang(ja) .Pagination-next, :root:lang(ja) .Pagination-num, :root:lang(ja) .Pagination-extend, :root:lang(ja) .Pagination-current, :root:lang(ja) .Share-title, :root:lang(ja) .UniverseUnvsCase-title, :root:lang(ja) .UniverseUnvsMethod-title { font-family: "Myriad W01", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } main, details, summary { display: block; } hr { box-sizing: content-box; height: 0; overflow: visible; } pre { overflow: auto; -webkit-overflow-scrolling: touch; } pre, code, samp, kbd { font-family: "Menlo", monospace; font-size: 1em; } audio, canvas, embed, iframe, img, svg, video { vertical-align: middle; } audio:not([controls]) { display: none; height: 0; } img { height: auto; max-width: 100%; } svg { fill: currentColor; max-width: 100%; } svg:not(:root) { overflow: hidden; } template, [hidden] { display: none; } button, input, select, textarea { margin: 0; } button, input { overflow: visible; } button, select { text-transform: none; } button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } [type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { -webkit-appearance: textfield; } [type="search"]:focus { outline-offset: -2px; } [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-input-placeholder { color: inherit; opacity: 0.54; } textarea { overflow: auto; } progress { vertical-align: baseline; } legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } html { font-size: 125%; font-style: normal; } :root:lang(ja) { font-weight: 400; } :root:lang(ja) { font-family: "AXIS Font Japanese W55", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "Yu Gothic", "メイリオ", Meiryo, sans-serif; } :root:lang(en) { font-weight: 200; } :root:lang(en) { font-family: "Myriad W01", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } body { font-size: 80%; color: #000000; background-color: #000000; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } h1, h2, h3, h4, h5, h6, p, pre, blockquote, ol, ul, dl, dd { margin: 0; } ol, ul { padding: 0; } li { list-style-type: none; } dd { margin: 0; } a { color: inherit; text-decoration: none; } abbr[title] { border-bottom-width: 0; } table { margin: 0; } label { cursor: pointer; } ::-moz-selection { background-color: #b3d7d0; text-shadow: none; } ::selection { background-color: #b3d7d0; text-shadow: none; } figure { margin: 0; padding: 0; } textarea { resize: vertical; } svg { height: auto; } html { height: 100%; } body { height: 100%; overflow: hidden; } body.is-home { position: relative; } body.is-loaded { overflow: auto; } .page-container { position: relative; max-width: 1960px; margin-left: auto; margin-right: auto; } .page-content { padding-left: 20px; padding-right: 20px; } .page-content-medium { padding-left: 20px; padding-right: 20px; } .page-content-small { padding-left: 20px; padding-right: 20px; } .visual { background-color: #b0c4c0; } .visual canvas { background-color: #b0c4c0; } input:focus, select:focus, textarea:focus { outline: 2px #b4c9c5 solid; } .AboutCeo { background-color: #f8f8f8; font-size: 0.6rem; line-height: 2; font-weight: 400; color: #575757; } .AboutCeo:lang(en) { font-weight: 200; } .AboutCeo:lang(en) { font-size: 0.7rem; } .AboutCeo-content-inner:before, .AboutCeo-content-inner:after { content: " "; display: table; } .AboutCeo-content-inner:after { clear: both; } .AboutCeo-title { margin-top: 25px; font-size: 1.3rem; line-height: 1.5; letter-spacing: 0.05em; font-weight: 100; line-height: 3.5rem; color: #000000; white-space: nowrap; } .AboutCeo-visual { margin-bottom: 30px; } .AboutCeo-body { margin-bottom: 2.5rem; } .AboutCeo-section { margin-bottom: 1.5rem; } .AboutCeo-headline { margin-bottom: 0.5rem; font-size: 0.9rem; line-height: 1.5; letter-spacing: 0.05em; font-weight: 300; letter-spacing: 0.01em; color: #000000; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; letter-spacing: 0.1em; } :root .AboutCeo-headline { font-family: "AXIS Font Japanese W55", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "Yu Gothic", "メイリオ", Meiryo, sans-serif; } .AboutCeo-headline:lang(en) { font-weight: 100; } .AboutCeo-headline:lang(en) { font-size: 1rem; letter-spacing: normal; } :root .AboutCeo-headline:lang(en) { font-family: "Myriad W01", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } .AboutCeo-text { margin-bottom: 0.9rem; } .AboutCeo-text:lang(ja) { text-align: justify; } .AboutCeo-name { margin-top: 1.2rem; font-size: 0.7rem; line-height: 1.5; letter-spacing: 0.05em; font-weight: 300; color: #000000; text-align: right; } :root .AboutCeo-name { font-family: "AXIS Font Japanese W55", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "Yu Gothic", "メイリオ", Meiryo, sans-serif; } .AboutCeo-name:lang(en) { font-weight: 100; } .AboutCeo-name:lang(en) { font-size: 0.8rem; letter-spacing: normal; } :root .AboutCeo-name:lang(en) { font-family: "Myriad W01", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } .AboutCompany { padding-top: 30px; padding-bottom: 50px; } .AboutCompany:before, .AboutCompany:after { content: " "; display: table; } .AboutCompany:after { clear: both; } .AboutCompany-title { padding-top: 20px; margin-bottom: 1rem; font-size: 1.3rem; line-height: 1.5; letter-spacing: 0.05em; font-weight: 100; line-height: 1.2; color: #000000; white-space: nowrap; } .AboutHistory { background-color: #f8f8f8; padding-bottom: 30px; margin-top: 50px; } .AboutHistory:before, .AboutHistory:after { content: " "; display: table; } .AboutHistory:after { clear: both; } .AboutHistory-inner { -webkit-transform: translateY(-50px); -ms-transform: translateY(-50px); transform: translateY(-50px); } .AboutHistory-visual { margin-bottom: 25px; } .AboutHistory-title { padding-top: 20px; margin-bottom: 0.7rem; font-size: 1.3rem; line-height: 1.5; letter-spacing: 0.05em; font-weight: 100; line-height: 1.2; color: #000000; white-space: nowrap; } .AboutHistory-timeline { line-height: 2; } .AboutHistory-list-item { position: relative; margin: 18px 0 18px 15%; } .AboutHistory-year { position: relative; font-size: 0.8rem; font-weight: 100; color: #999999; margin-left: 15%; line-height: 1.2; } .AboutHistory-year-inner { display: inline-block; position: relative; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); text-align: right; padding-right: 10px; } .AboutHistory-year::after { content: ""; position: absolute; height: 0; border-bottom: 1px #999999 dashed; left: 0; right: 0; top: 50%; } .AboutHistory-month { position: absolute; right: 100%; margin-right: 0.5rem; font-size: 1.2rem; font-weight: 100; color: #000000; line-height: 1.2rem; } .AboutHistory-event { display: block; font-size: 0.6rem; color: #000000; font-size: 0.55rem; line-height: 1.75; font-weight: 400; line-height: 2; } .AboutHistory-event:lang(en) { font-weight: 200; } .AboutHistory-event:lang(en) { font-size: 0.65rem; } .Accordion-header { position: relative; padding: 0.75rem 2.25rem 0.75rem 1.5rem; font-size: 0.6rem; line-height: 2; font-weight: 400; line-height: 1rem; letter-spacing: 0.05em; color: #ffffff; border: 1px #000000 solid; background-color: #000000; border-radius: 99em; box-sizing: border-box; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -webkit-tap-highlight-color: transparent; overflow: hidden; -webkit-perspective: 1000; perspective: 1000; -webkit-transform: translateZ(0); transform: translateZ(0); z-index: 1; -webkit-transition: background 0.3s 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: background 0.3s 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .Accordion-header:lang(en) { font-weight: 200; } .Accordion-header:lang(en) { font-size: 0.7rem; } .Accordion-header-text { position: relative; display: inline-block; color: #ffffff; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: color 0.3s 0.1s cubic-bezier(0.57, 0.1, 0.13, 1); transition: color 0.3s 0.1s cubic-bezier(0.57, 0.1, 0.13, 1); z-index: 1; } .Accordion-header-icon::before, .Accordion-header-icon::after { content: ""; position: absolute; -webkit-transition: border 0.3s 0.1s cubic-bezier(0.57, 0.1, 0.13, 1), opacity 0.5s cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 0.5s cubic-bezier(0.77, 0, 0.175, 1); transition: border 0.3s 0.1s cubic-bezier(0.57, 0.1, 0.13, 1), opacity 0.5s cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 0.5s cubic-bezier(0.77, 0, 0.175, 1); transition: border 0.3s 0.1s cubic-bezier(0.57, 0.1, 0.13, 1), transform 0.5s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.5s cubic-bezier(0.77, 0, 0.175, 1); transition: border 0.3s 0.1s cubic-bezier(0.57, 0.1, 0.13, 1), transform 0.5s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.5s cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 0.5s cubic-bezier(0.77, 0, 0.175, 1); z-index: 2; } .Accordion-header-icon::before { width: 17px; height: 0; right: 25px; top: 50%; border-top: 1px #ffffff solid; } .Accordion-header-icon::after { width: 0; height: 17px; right: 33px; top: 50%; margin-top: -8px; border-left: 1px #ffffff solid; } .Accordion-header::before { content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); border-radius: 99em; background-color: #000000; -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.57, 0.1, 0.13, 1); transition: -webkit-transform 0.4s cubic-bezier(0.57, 0.1, 0.13, 1); transition: transform 0.4s cubic-bezier(0.57, 0.1, 0.13, 1); transition: transform 0.4s cubic-bezier(0.57, 0.1, 0.13, 1), -webkit-transform 0.4s cubic-bezier(0.57, 0.1, 0.13, 1); } .Accordion-header::after { content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; border-radius: 99em; -webkit-transform: translate3d(-101%, 0, 0); transform: translate3d(-101%, 0, 0); background-color: #ffffff; -webkit-transition: -webkit-transform 0.4s 0.1s cubic-bezier(0.57, 0.1, 0.13, 1); transition: -webkit-transform 0.4s 0.1s cubic-bezier(0.57, 0.1, 0.13, 1); transition: transform 0.4s 0.1s cubic-bezier(0.57, 0.1, 0.13, 1); transition: transform 0.4s 0.1s cubic-bezier(0.57, 0.1, 0.13, 1), -webkit-transform 0.4s 0.1s cubic-bezier(0.57, 0.1, 0.13, 1); } .Accordion-header.over { background-color: #ffffff; } .Accordion-header.over::before { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); -webkit-transition: -webkit-transform 0.5s 0.1s cubic-bezier(0.57, 0.1, 0.13, 1); transition: -webkit-transform 0.5s 0.1s cubic-bezier(0.57, 0.1, 0.13, 1); transition: transform 0.5s 0.1s cubic-bezier(0.57, 0.1, 0.13, 1); transition: transform 0.5s 0.1s cubic-bezier(0.57, 0.1, 0.13, 1), -webkit-transform 0.5s 0.1s cubic-bezier(0.57, 0.1, 0.13, 1); } .Accordion-header.over::after { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform 0.5s 0s cubic-bezier(0.57, 0.1, 0.13, 1); transition: -webkit-transform 0.5s 0s cubic-bezier(0.57, 0.1, 0.13, 1); transition: transform 0.5s 0s cubic-bezier(0.57, 0.1, 0.13, 1); transition: transform 0.5s 0s cubic-bezier(0.57, 0.1, 0.13, 1), -webkit-transform 0.5s 0s cubic-bezier(0.57, 0.1, 0.13, 1); } .Accordion-header.over .Accordion-header-text { color: #000000; -webkit-transition: color 0.3s cubic-bezier(0.57, 0.1, 0.13, 1); transition: color 0.3s cubic-bezier(0.57, 0.1, 0.13, 1); } .Accordion-header.over .Accordion-header-icon::before { border-top: 1px #000000 solid; } .Accordion-header.over .Accordion-header-icon::after { border-left: 1px #000000 solid; } .Accordion-panel { height: 0; margin-top: 12px; margin-bottom: 12px; overflow: hidden; -webkit-transition: height 0.55s cubic-bezier(0.52, 0.08, 0.18, 1); transition: height 0.55s cubic-bezier(0.52, 0.08, 0.18, 1); } .Accordion-cont { padding-top: 12px; padding-bottom: 60px; color: #575757; font-size: 0.55rem; line-height: 1.75; font-weight: 400; } .Accordion-cont:lang(en) { font-weight: 200; } .Accordion-cont:lang(en) { font-size: 0.65rem; } .Accordion-cont:before, .Accordion-cont:after { content: " "; display: table; } .Accordion-cont:after { clear: both; } .Accordion-section { margin-top: 20px; margin-bottom: 50px; } .Accordion-section:before, .Accordion-section:after { content: " "; display: table; } .Accordion-section:after { clear: both; } .Accordion-section:last-of-type { margin-bottom: 0; } .Accordion-section-title { margin-bottom: 0.8rem; font-size: 0.7rem; font-weight: 400; line-height: 1.5; color: #000000; } .Accordion-section-title:lang(en) { font-weight: 200; } .Accordion-close { margin-top: 25px; float: right; } .Accordion .TableBox { margin-bottom: 2.5rem; } .Recruit-section .Accordion .TableBox { margin-bottom: 0; } .Accordion-footer { padding: 30px 20px; text-align: center; background-color: #f8f8f8; } .Recruit-section .Accordion-footer { border-top: 1px #ffffff solid; } .Accordion-footer-entry { display: block; position: relative; height: 60px; margin-left: auto; margin-right: auto; color: #ffffff; background-color: #e8b78c; box-sizing: border-box; -webkit-transition: background-color 0.35s ease-out; transition: background-color 0.35s ease-out; } .no-touchevents .Accordion-footer-entry:hover { background-color: #000000; } .Accordion-footer-entry-text { margin-right: 0.3rem; font-size: 0.6rem; line-height: 2; font-weight: 400; letter-spacing: 0.05em; line-height: 3rem; } .Accordion-footer-entry-text:lang(en) { font-weight: 200; } .Accordion-footer-entry-text:lang(en) { font-size: 0.7rem; } .Accordion-expanded .Accordion-header { background-color: #ffffff; color: #000000; } .Accordion-expanded .Accordion-header::before { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); -webkit-transition: -webkit-transform 0.5s 0.1s cubic-bezier(0.57, 0.1, 0.13, 1); transition: -webkit-transform 0.5s 0.1s cubic-bezier(0.57, 0.1, 0.13, 1); transition: transform 0.5s 0.1s cubic-bezier(0.57, 0.1, 0.13, 1); transition: transform 0.5s 0.1s cubic-bezier(0.57, 0.1, 0.13, 1), -webkit-transform 0.5s 0.1s cubic-bezier(0.57, 0.1, 0.13, 1); } .Accordion-expanded .Accordion-header::after { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform 0.5s 0s cubic-bezier(0.57, 0.1, 0.13, 1); transition: -webkit-transform 0.5s 0s cubic-bezier(0.57, 0.1, 0.13, 1); transition: transform 0.5s 0s cubic-bezier(0.57, 0.1, 0.13, 1); transition: transform 0.5s 0s cubic-bezier(0.57, 0.1, 0.13, 1), -webkit-transform 0.5s 0s cubic-bezier(0.57, 0.1, 0.13, 1); } .Accordion-expanded .Accordion-header-text { color: #000000; -webkit-transition: color 0.3s cubic-bezier(0.57, 0.1, 0.13, 1); transition: color 0.3s cubic-bezier(0.57, 0.1, 0.13, 1); } .Accordion-expanded .Accordion-header-icon::before { border-top: 1px #000000 solid; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } .Accordion-expanded .Accordion-header-icon::after { border-left: 1px #000000 solid; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .Accordion-expanded .Accordion-header.over .Accordion-header-icon::before, .Accordion-expanded .Accordion-header.over .Accordion-header-icon::after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .Accordion-expanded .Accordion-header.over .Accordion-header-icon::before { opacity: 1; } .Adinfo { background-color: #f8f8f8; } .Adinfo:before, .Adinfo:after { content: " "; display: table; } .Adinfo:after { clear: both; } .Adinfo-content { margin-top: 50px; margin-bottom: 60px; font-size: 0.6rem; line-height: 2; font-weight: 400; color: #575757; } .Adinfo-content:lang(en) { font-weight: 200; } .Adinfo-content:lang(en) { font-size: 0.7rem; } .Adinfo-section { padding-bottom: 40px; margin-bottom: 60px; border-bottom: 1px #999999 dashed; } .Adinfo-section:last-of-type { border-bottom: 0; } .Adinfo .Article-headline { line-height: 2; } .Adinfo-btn { background: none; border: 0; box-sizing: content-box; color: inherit; cursor: pointer; display: inline-block; line-height: normal; overflow: visible; padding: 0; text-align: center; text-decoration: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; display: block; position: relative; width: 100%; padding-top: 1rem; padding-bottom: 1rem; margin-left: auto; margin-right: auto; margin-bottom: 20px; color: #ffffff; background-color: #000000; box-sizing: border-box; -webkit-transition: background-color 0.35s ease-out; transition: background-color 0.35s ease-out; } button, input { font: inherit; } button::-moz-focus-inner, button::-moz-focus-inner, input::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } button { overflow: visible; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; } .no-touchevents .Adinfo-btn:hover { background-color: #e8b78c; } .Adinfo-btn-text { display: inline-block; margin-left: 0.5rem; margin-right: 0.5rem; font-size: 0.6rem; line-height: 1.5; letter-spacing: 0.05em; font-weight: 500; font-weight: 400; letter-spacing: 0.05em; text-align: left; } :root .Adinfo-btn-text { font-family: "AXIS Font Japanese W55", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "Yu Gothic", "メイリオ", Meiryo, sans-serif; } .Adinfo-btn-text:lang(en) { font-weight: 300; } .Adinfo-btn-text:lang(en) { font-size: 0.7rem; letter-spacing: normal; } :root .Adinfo-btn-text:lang(en) { font-family: "Myriad W01", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } .Adinfo-btn-text:lang(en) { font-weight: 200; } .Adinfo-btn-blank { position: relative; padding-right: 1rem; } .Adinfo-btn-blank::after { content: ""; position: absolute; width: 14px; height: 14px; right: 0; top: 50%; margin-top: -7px; color: #999999; background-image: url("../img/symbol/icon-blank.svg"); background-repeat: no-repeat; } .AdvtDetail { background-color: #f8f8f8; } .AdvtDetail:before, .AdvtDetail:after { content: " "; display: table; } .AdvtDetail:after { clear: both; } .AdvtDetail-header { margin-top: 40px; margin-bottom: 40px; border-bottom: 1px #999999 dashed; } .AdvtDetail-header-visual { position: relative; max-width: 400px; margin-left: auto; margin-right: auto; text-align: center; } .AdvtDetail-header-title { margin-top: 40px; margin-bottom: 36px; font-size: 0.9rem; font-weight: 400; line-height: 1.5; } .AdvtDetail-body { border-bottom: 1px #999999 dashed; } .AdvtDetail-footer { margin-top: 50px; margin-bottom: 60px; color: #575757; font-size: 0.6rem; line-height: 2; font-weight: 400; line-height: 1.75; text-align: center; } .AdvtDetail-footer:lang(en) { font-weight: 200; } .AdvtDetail-footer:lang(en) { font-size: 0.7rem; } .AdvtDetail-footer-description { margin-bottom: 1.5rem; } .AdvtDetail-footer-contact { display: block; position: relative; height: 60px; margin-left: auto; margin-right: auto; color: #ffffff; background-color: #e8b78c; box-sizing: border-box; -webkit-transition: background-color 0.35s ease-out; transition: background-color 0.35s ease-out; } .no-touchevents .AdvtDetail-footer-contact:hover { background-color: #000000; } .AdvtDetail-footer-contact-text { margin-right: 0.3rem; font-size: 0.6rem; font-weight: 300; line-height: 3rem; letter-spacing: 0.05em; } .AdvtDetail-bottom { margin-top: 40px; margin-bottom: 40px; text-align: center; } .AdvtIndex { background-color: #f8f8f8; } .AdvtIndex:before, .AdvtIndex:after { content: " "; display: table; } .AdvtIndex:after { clear: both; } .AdvtIndex-content { margin-top: 50px; margin-bottom: 60px; } .AdvtIndex-error { margin-top: 60px; margin-bottom: 60px; font-size: 0.6rem; line-height: 2; font-weight: 400; color: #575757; text-align: center; } .AdvtIndex-error:lang(en) { font-weight: 200; } .AdvtIndex-error:lang(en) { font-size: 0.7rem; } .AdvtList-visual { position: relative; margin-bottom: 20px; } .AdvtList-visual-img { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; -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: 100%; min-height: 136px; padding: 10%; background-color: #ffffff; box-sizing: border-box; } .is-ie .AdvtList-visual-img { display: table; } .AdvtList-visual-img-inner { position: relative; max-width: 100%; } .is-ie .AdvtList-visual-img-inner { position: relative; display: table-cell; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; vertical-align: middle; text-align: center; } .is-ie .AdvtList-visual-img-inner img { width: 100%; max-width: 100%; } .AdvtList-visual-img::after { position: absolute; display: block; content: ""; width: 100%; height: 100%; left: 0; top: 0; border: 0 #ddd solid; box-sizing: border-box; -webkit-transition: border 0.3s ease-out; transition: border 0.3s ease-out; } .AdvtList-item { margin-bottom: 40px; } .no-touchevents .AdvtList-item a:hover .AdvtList-visual-img::after { border: 4px #ddd solid; } .no-touchevents .AdvtList-item a:hover .Button-round-black { background-color: #ddd; } .no-touchevents .AdvtList-item a:hover .Button-round-black:before { -webkit-transform: translate3d(100%, 0%, 0px); transform: translate3d(100%, 0%, 0px); } .no-touchevents .AdvtList-item a:hover .Button-round-black:after { -webkit-transform: translate3d(0%, 0%, 1px); transform: translate3d(0%, 0%, 1px); } .no-touchevents .AdvtList-item a:hover .Button-round-black span { color: #000000; } .AdvtList-title { margin-bottom: 0.4rem; font-size: 1rem; font-size: 0.8rem; line-height: 1.5; letter-spacing: 0.05em; font-weight: 300; line-height: 1.25; } :root .AdvtList-title { font-family: "AXIS Font Japanese W55", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "Yu Gothic", "メイリオ", Meiryo, sans-serif; } .AdvtList-title:lang(en) { font-weight: 100; } .AdvtList-title:lang(en) { font-size: 0.9rem; letter-spacing: normal; } :root .AdvtList-title:lang(en) { font-family: "Myriad W01", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } .AdvtList-text { margin-bottom: 0.8rem; font-size: 0.55rem; line-height: 1.75; font-weight: 400; } .AdvtList-text:lang(en) { font-weight: 200; } .AdvtList-text:lang(en) { font-size: 0.65rem; } .AdvtList-tags { margin-bottom: 1rem; } .AdvtList-tags-item { display: inline-block; padding: 0 0.9rem; margin-right: 0.3rem; margin-bottom: 0.2rem; font-size: 0.5rem; color: #999999; font-weight: 500; line-height: 0.9rem; letter-spacing: 0.05em; text-align: center; text-transform: uppercase; border: 1px #999999 solid; border-radius: 99em; box-sizing: border-box; } .AdvtList-tags-item:lang(en) { font-weight: 300; } .AdvtList-more { text-align: center; } .AdvtList-more .Button-round-black span { -webkit-transform: translate3d(0, 0, 1px); transform: translate3d(0, 0, 1px); } .Article-text { margin-bottom: 1.2rem; font-size: 0.6rem; line-height: 2; font-weight: 400; color: #575757; } .Article-text:lang(en) { font-weight: 200; } .Article-text:lang(en) { font-size: 0.7rem; } .Article-text:last-child { margin-bottom: 2rem; } .Article-text a { color: #61b4a8; text-decoration: underline; } .Article-text a:link { text-decoration: underline; } .Article-text a:visited { text-decoration: underline; } .Article-text a:active { text-decoration: underline; } .Article-text a:hover { text-decoration: none; } .Article-visual { margin-top: 2rem; margin-bottom: 2rem; text-align: center; } .Article-visual img { display: block; margin-left: auto; margin-right: auto; } .Article-visual figcaption { display: inline-block; margin-top: 0.6rem; font-size: 0.5rem; line-height: 1.5; text-align: left; color: #575757; } .Article-headline { margin-top: 2rem; margin-bottom: 1.1rem; font-size: 0.6rem; line-height: 1.5; letter-spacing: 0.05em; font-weight: 500; color: #000000; } :root .Article-headline { font-family: "AXIS Font Japanese W55", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "Yu Gothic", "メイリオ", Meiryo, sans-serif; } .Article-headline:lang(en) { font-weight: 300; } .Article-headline:lang(en) { font-size: 0.7rem; letter-spacing: normal; } :root .Article-headline:lang(en) { font-family: "Myriad W01", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } .Article-headlineNormal { margin-top: 2rem; margin-bottom: 1.1rem; font-size: 0.6rem; line-height: 1.5; letter-spacing: 0.05em; font-weight: 500; color: #000000; font-weight: 400; } :root .Article-headlineNormal { font-family: "AXIS Font Japanese W55", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "Yu Gothic", "メイリオ", Meiryo, sans-serif; } .Article-headlineNormal:lang(en) { font-weight: 300; } .Article-headlineNormal:lang(en) { font-size: 0.7rem; letter-spacing: normal; } :root .Article-headlineNormal:lang(en) { font-family: "Myriad W01", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } .Article-headlineNormal:lang(en) { font-weight: 200; } .Article-list { padding-left: 25px; margin-top: 1.8rem; margin-bottom: 1.8rem; } .Article-list-item { position: relative; font-size: 0.6rem; line-height: 1.5; font-weight: 400; color: #575757; } .Article-list-item:lang(en) { font-weight: 200; } .Article-list-item:lang(en) { font-size: 0.7rem; } .Article-list-item::before { position: absolute; display: block; content: ""; width: 14px; height: 3px; left: -1.25rem; top: 0.45rem; background-color: #61b4a8; border-radius: 99em; } .Article-list li + li { margin-top: 0.9rem; } .Article-simpleList { position: relative; margin-top: 0.9rem; margin-bottom: 0.9rem; padding-left: 2.2em; font-size: 0.6rem; line-height: 1.5; font-weight: 400; line-height: 1.75; } .Article-simpleList:lang(en) { font-weight: 200; } .Article-simpleList:lang(en) { font-size: 0.7rem; } .Article-simpleList li + li { margin-top: 0.9rem; } .Article-simpleList-num { display: block; position: absolute; left: 0; } .Article-simpleList-list { position: relative; margin-top: 0.9rem; margin-bottom: 0.9rem; padding-left: 1.8em; } .Article-simpleList-list-num { display: block; position: absolute; left: 0; } .Article-simpleList-list-list { position: relative; margin-top: 0.9rem; margin-bottom: 0.9rem; padding-left: 1.6em; } .Article-simpleList-list-list-num { display: block; position: absolute; left: 0; } .Article-links { padding-top: 30px; padding-bottom: 26px; margin-top: 40px; margin-bottom: 40px; border-top: 1px #999999 dashed; border-bottom: 1px #999999 dashed; font-size: 0.6rem; line-height: 2; font-weight: 400; } .Article-links:lang(en) { font-weight: 200; } .Article-links:lang(en) { font-size: 0.7rem; } .Article-links:before, .Article-links:after { content: " "; display: table; } .Article-links:after { clear: both; } .Article-links:last-child { margin-bottom: 0; border-bottom: 0; } .Article-links a { display: block; position: relative; padding-right: 1rem; line-height: 1.5; -webkit-transition: color 0.2s ease-out; transition: color 0.2s ease-out; } .no-touchevents .Article-links a:hover { color: #61b4a8; } .Article-links a::after { content: ""; position: absolute; width: 14px; height: 14px; right: 0; top: 50%; margin-top: -7px; color: #999999; background-image: url("../img/symbol/icon-blank.svg"); background-repeat: no-repeat; } .Article-links-title { display: inline-block; margin-bottom: 0.3rem; font-size: 0.55rem; line-height: 1.75; font-weight: 400; font-weight: 500; line-height: 1.5; color: #000000; white-space: nowrap; } .Article-links-title:lang(en) { font-weight: 200; } .Article-links-title:lang(en) { font-size: 0.65rem; } .Article-links-title:lang(en) { font-weight: 300; } .Article-links-title::after { display: inline-block; content: "/"; margin-left: 0.3rem; margin-right: 0.4rem; } .Article-links-list { display: inline-block; margin-top: -1px; line-height: 1.5; } .Article-links-list-item { display: inline-block; position: relative; margin-right: 1rem; margin-bottom: 0.2rem; font-size: 0.55rem; line-height: 1.75; font-weight: 400; line-height: 1.5; color: #575757; word-break: break-all; } .Article-links-list-item:lang(en) { font-weight: 200; } .Article-links-list-item:lang(en) { font-size: 0.65rem; } .Article-outline { margin-bottom: 2rem; } .Article-outline-title { margin-bottom: 0.8rem; color: #000000; font-size: 0.6rem; line-height: 2; font-weight: 400; line-height: 1.5; } .Article-outline-title:lang(en) { font-weight: 200; } .Article-outline-title:lang(en) { font-size: 0.7rem; } .Article-outline-table { font-size: 0.55rem; line-height: 1.75; font-weight: 400; color: #575757; } .Article-outline-table:lang(en) { font-weight: 200; } .Article-outline-table:lang(en) { font-size: 0.65rem; } .Article-contact { margin-bottom: 40px; } .Article-contact-title { margin-bottom: 0.8rem; font-size: 0.6rem; line-height: 2; font-weight: 400; line-height: 1.5; color: #000000; } .Article-contact-title:lang(en) { font-weight: 200; } .Article-contact-title:lang(en) { font-size: 0.7rem; } .Article-contact-block { padding: 20px 20px 18px; margin-bottom: 20px; font-size: 0.6rem; font-size: 0.55rem; line-height: 1.75; font-weight: 400; line-height: 1.5; background-color: #ffffff; } .Article-contact-block:lang(en) { font-weight: 200; } .Article-contact-block:lang(en) { font-size: 0.65rem; } .Article-contact-block:before, .Article-contact-block:after { content: " "; display: table; } .Article-contact-block:after { clear: both; } .Article-contact-block-title { margin-bottom: 0.4rem; font-size: 0.7rem; color: #000000; font-weight: 400; } .Article-contact-block-title:lang(en) { font-weight: 200; } .Article-contact-list-item { display: block; margin-right: 1.5rem; margin-bottom: 0.2rem; color: #575757; } .Article-contact-list-item.contact-staff { display: block; margin-right: 0; } .Article-contact-list-item.contact-staff-dt { margin-right: 2.2em; } .Article-contact-list-item-dt { font-weight: 400; margin-right: 0.5rem; margin-right: 0.8em; } .Article-contact-list-item-dt:lang(en) { font-weight: 200; } .contact-staff .Article-contact-list-item-dt { margin-right: 1.2em; } .Article-contact-list-item-dd { font-weight: 300; word-break: break-all; } .Article-contact-list-item-dd:lang(en) { font-weight: 100; } .Article-contact-list-item-dd a { color: #61b4a8; text-decoration: underline; } .Article-contact-list-item-dd a:link { text-decoration: underline; } .Article-contact-list-item-dd a:visited { text-decoration: underline; } .Article-contact-list-item-dd a:active { text-decoration: underline; } .Article-contact-list-item-dd a:hover { text-decoration: none; } .Article-notes { margin-bottom: 1.5rem; font-size: 0.5rem; line-height: 1.75; font-weight: 300; line-height: 1.5; color: #575757; } .Article-notes:lang(en) { font-weight: 100; } .Article-notes:lang(en) { font-size: 0.6rem; } .Article-notes li + li { margin-top: 0.5rem; } .Article-notes a { color: #61b4a8; text-decoration: underline; } .Article-notes a:link { text-decoration: underline; } .Article-notes a:visited { text-decoration: underline; } .Article-notes a:active { text-decoration: underline; } .Article-notes a:hover { text-decoration: none; } .Article-QaList { padding-left: 2em; font-size: 0.6rem; line-height: 1.5; font-weight: 400; } .Article-QaList:lang(en) { font-weight: 200; } .Article-QaList:lang(en) { font-size: 0.7rem; } .Article-QaList dt, .Article-QaList dd { position: relative; } .Article-QaList dt span, .Article-QaList dd span { position: absolute; top: 0; left: -2em; font-size: 0.6rem; line-height: 1.5; letter-spacing: 0.05em; font-weight: 500; font-weight: 400; color: #61b4a8; line-height: 1.35; } :root .Article-QaList dt span, .Article-QaList dd span { font-family: "AXIS Font Japanese W55", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "Yu Gothic", "メイリオ", Meiryo, sans-serif; } .Article-QaList dt span:lang(en), .Article-QaList dd span:lang(en) { font-weight: 300; } .Article-QaList dt span:lang(en), .Article-QaList dd span:lang(en) { font-size: 0.7rem; letter-spacing: normal; } :root .Article-QaList dt span:lang(en), .Article-QaList dd span:lang(en) { font-family: "Myriad W01", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } .Article-QaList dt span:lang(en), .Article-QaList dd span:lang(en) { font-weight: 200; } .Article-QaList dt { margin-bottom: 0.8rem; color: #000000; } .Article-QaList dd { margin-bottom: 1.5rem; } .Button-round-black, .Button-round-white { display: inline-block; position: relative; padding: 0.5rem 1.5rem; font-size: 0.6rem; font-weight: 300; line-height: 0.9rem; letter-spacing: 0.05em; text-align: center; text-transform: uppercase; border-radius: 99em; box-sizing: border-box; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -webkit-tap-highlight-color: transparent; overflow: hidden; -webkit-perspective: 1000; perspective: 1000; -webkit-transform: translateZ(0); transform: translateZ(0); z-index: 1; -webkit-transition: background 0.3s 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: background 0.3s 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .Button-round-black.btn-large, .Button-round-white.btn-large { padding: 0.85rem 4.5rem; font-size: 0.75rem; } :root:lang(ja) .Button-round-black.lang-ja, .Button-round-white.lang-ja { font-weight: 400; } :root:lang(ja) .Button-round-black.lang-ja, .Button-round-white.lang-ja { font-family: "AXIS Font Japanese W55", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "Yu Gothic", "メイリオ", Meiryo, sans-serif; } .Button-round-black span, .Button-round-white span { position: relative; display: inline-block; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: color 0.3s 0.1s cubic-bezier(0.57, 0.1, 0.13, 1); transition: color 0.3s 0.1s cubic-bezier(0.57, 0.1, 0.13, 1); z-index: 2; } .Button-round-black:before, .Button-round-white:before { content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); border-radius: 99em; -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.57, 0.1, 0.13, 1); transition: -webkit-transform 0.4s cubic-bezier(0.57, 0.1, 0.13, 1); transition: transform 0.4s cubic-bezier(0.57, 0.1, 0.13, 1); transition: transform 0.4s cubic-bezier(0.57, 0.1, 0.13, 1), -webkit-transform 0.4s cubic-bezier(0.57, 0.1, 0.13, 1); } .Button-round-black:after, .Button-round-white:after { content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; border-radius: 99em; -webkit-transform: translate3d(-101%, 0, 0); transform: translate3d(-101%, 0, 0); -webkit-transition: -webkit-transform 0.4s 0.1s cubic-bezier(0.57, 0.1, 0.13, 1); transition: -webkit-transform 0.4s 0.1s cubic-bezier(0.57, 0.1, 0.13, 1); transition: transform 0.4s 0.1s cubic-bezier(0.57, 0.1, 0.13, 1); transition: transform 0.4s 0.1s cubic-bezier(0.57, 0.1, 0.13, 1), -webkit-transform 0.4s 0.1s cubic-bezier(0.57, 0.1, 0.13, 1); z-index: 1; } .no-touchevents .Button-round-black:hover:before, .no-touchevents .Button-round-white:hover:before { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); -webkit-transition: -webkit-transform 0.5s 0.1s cubic-bezier(0.57, 0.1, 0.13, 1); transition: -webkit-transform 0.5s 0.1s cubic-bezier(0.57, 0.1, 0.13, 1); transition: transform 0.5s 0.1s cubic-bezier(0.57, 0.1, 0.13, 1); transition: transform 0.5s 0.1s cubic-bezier(0.57, 0.1, 0.13, 1), -webkit-transform 0.5s 0.1s cubic-bezier(0.57, 0.1, 0.13, 1); } .no-touchevents .Button-round-black:hover:after, .no-touchevents .Button-round-white:hover:after { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform 0.5s 0s cubic-bezier(0.57, 0.1, 0.13, 1); transition: -webkit-transform 0.5s 0s cubic-bezier(0.57, 0.1, 0.13, 1); transition: transform 0.5s 0s cubic-bezier(0.57, 0.1, 0.13, 1); transition: transform 0.5s 0s cubic-bezier(0.57, 0.1, 0.13, 1), -webkit-transform 0.5s 0s cubic-bezier(0.57, 0.1, 0.13, 1); } .no-touchevents .Button-round-black:hover span, .no-touchevents .Button-round-white:hover span { -webkit-transition: color 0.3s cubic-bezier(0.57, 0.1, 0.13, 1); transition: color 0.3s cubic-bezier(0.57, 0.1, 0.13, 1); } .Button-round-iconBlank { position: relative; padding-right: 1rem; } .Button-round-iconBlank::after { content: ""; position: absolute; width: 14px; height: 14px; right: 0; top: 50%; margin-top: -7px; color: #999999; background-image: url("../img/symbol/icon-blank.svg"); background-repeat: no-repeat; } .Button-round-black { color: #ffffff; background-color: #000000; } .comingsoon .Button-round-black { background-color: #ddd; } .Button-round-black span { color: #ffffff; } .comingsoon .Button-round-black span { color: #000000; } .Button-round-black:before { background-color: #000000; } .comingsoon .Button-round-black:before { background-color: #ddd; } .Button-round-black:after { background-color: #ddd; } .no-touchevents .Button-round-black:hover { background-color: #ddd; } .no-touchevents .Button-round-black:hover span { color: #000000; } .Button-round-white span { color: #000000; } .Button-round-white:before { background-color: #ffffff; } .Button-round-white:after { background-color: #ddd; } .Button-round-border-black, .Button-round-border-white { display: inline-block; position: relative; padding: 0.5rem 1.5rem; font-size: 0.6rem; font-weight: 300; line-height: 0.9rem; letter-spacing: 0.05em; text-align: center; text-transform: uppercase; border-radius: 99em; box-sizing: border-box; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -webkit-tap-highlight-color: transparent; overflow: hidden; -webkit-perspective: 1000; perspective: 1000; -webkit-transform: translateZ(0px); transform: translateZ(0px); z-index: 1; } :root:lang(ja) .Button-round-border-black.lang-ja, .Button-round-border-white.lang-ja { font-weight: 400; } :root:lang(ja) .Button-round-border-black.lang-ja, .Button-round-border-white.lang-ja { font-family: "AXIS Font Japanese W55", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "Yu Gothic", "メイリオ", Meiryo, sans-serif; } .Button-round-border-black span, .Button-round-border-white span { position: relative; display: inline-block; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: color 0.3s 0.1s cubic-bezier(0.57, 0.1, 0.13, 1); transition: color 0.3s 0.1s cubic-bezier(0.57, 0.1, 0.13, 1); z-index: 1; } .Button-round-border-black:after, .Button-round-border-white:after { content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; border-radius: 99em; -webkit-transform: translate3d(-101%, 0, 0); transform: translate3d(-101%, 0, 0); -webkit-transition: -webkit-transform 0.4s 0.1s cubic-bezier(0.57, 0.1, 0.13, 1); transition: -webkit-transform 0.4s 0.1s cubic-bezier(0.57, 0.1, 0.13, 1); transition: transform 0.4s 0.1s cubic-bezier(0.57, 0.1, 0.13, 1); transition: transform 0.4s 0.1s cubic-bezier(0.57, 0.1, 0.13, 1), -webkit-transform 0.4s 0.1s cubic-bezier(0.57, 0.1, 0.13, 1); } .no-touchevents .Button-round-border-black:hover:after, .no-touchevents .Button-round-border-white:hover:after { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform 0.5s 0s cubic-bezier(0.57, 0.1, 0.13, 1); transition: -webkit-transform 0.5s 0s cubic-bezier(0.57, 0.1, 0.13, 1); transition: transform 0.5s 0s cubic-bezier(0.57, 0.1, 0.13, 1); transition: transform 0.5s 0s cubic-bezier(0.57, 0.1, 0.13, 1), -webkit-transform 0.5s 0s cubic-bezier(0.57, 0.1, 0.13, 1); } .no-touchevents .Button-round-border-black:hover span, .no-touchevents .Button-round-border-white:hover span { -webkit-transition: color 0.3s cubic-bezier(0.57, 0.1, 0.13, 1); transition: color 0.3s cubic-bezier(0.57, 0.1, 0.13, 1); } .Button-round-border-black { background-color: rgba(255, 255, 255, 0); border: 1px #000000 solid; } .Button-round-border-black span { color: #000000; } .Button-round-border-black:after { background-color: #000000; } .no-touchevents .Button-round-border-black:hover span { color: #ffffff; } .Button-round-border-white { border: 1px #ffffff solid; } .Button-round-border-white span { color: #ffffff; } .Button-font-black span { color: #000000; } .Button-font-black{ border: 1px #000000 solid; text-transform: none; padding: 0.5rem 1.3rem; } .Button-font-black:hover { border: 1px #ffffff solid; } @media (min-width: 680px){ .Button-font-black br { display: none; } } @media (min-width: 680px){ .Button-font-gray br { display: none; } } .Button-font-gray{ text-transform: none; padding: 0.5rem 1.0rem; } .Button-round-border-white:after { background-color: #ffffff; } .no-touchevents .Button-round-border-white:hover span { color: #000000; } .CategoryHeader { padding-top: 60px; } .CategoryHeader:before, .CategoryHeader:after { content: " "; display: table; } .CategoryHeader:after { clear: both; } .is-news .CategoryHeader { max-width: 1960px; margin-left: auto; margin-right: auto; background-image: url("../img/news/bg_header.png"); background-position: 50% 20%; background-repeat: no-repeat; background-size: cover; } .is-irnotice .CategoryHeader { max-width: 1960px; margin-left: auto; margin-right: auto; background-image: url("../img/news/bg_header.png"); background-position: 50% 20%; background-repeat: no-repeat; background-size: cover; } .CategoryHeader-title { margin-bottom: 1.5rem; font-size: 1.5rem; line-height: 1.5; letter-spacing: 0.05em; font-weight: 100; line-height: 1.2; text-align: center; } .is-about .CategoryHeader-title, .is-universe .CategoryHeader-title { margin-bottom: 1rem; } .is-irnotice .CategoryHeader-title, .is-services .CategoryHeader-title, .is-news .CategoryHeader-title, .is-about .CategoryHeader-title, .is-recruit .CategoryHeader-title, .is-contact .CategoryHeader-title, .is-privacy .CategoryHeader-title, .is-data-info .CategoryHeader-title, .is-ad-info .CategoryHeader-title { margin-top: 1.5rem; } .is-advertising-detail .CategoryHeader-title { font-size: 1rem; line-height: 1.5; letter-spacing: 0.05em; font-weight: 300; } :root .is-advertising-detail .CategoryHeader-title { font-family: "AXIS Font Japanese W55", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "Yu Gothic", "メイリオ", Meiryo, sans-serif; } .is-advertising-detail .CategoryHeader-title:lang(en) { font-weight: 100; } .is-advertising-detail .CategoryHeader-title:lang(en) { font-size: 1.1rem; } :root .is-advertising-detail .CategoryHeader-title:lang(en) { font-family: "Myriad W01", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } .is-news-detail .CategoryHeader-title { font-size: 1rem; line-height: 1.5; letter-spacing: 0.05em; font-weight: 300; margin-top: 0.6rem; text-align: left; } :root .is-news-detail .CategoryHeader-title { font-family: "AXIS Font Japanese W55", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "Yu Gothic", "メイリオ", Meiryo, sans-serif; } .is-news-detail .CategoryHeader-title:lang(en) { font-weight: 100; } .is-news-detail .CategoryHeader-title:lang(en) { font-size: 1.1rem; } :root .is-news-detail .CategoryHeader-title:lang(en) { font-family: "Myriad W01", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } .is-ad-info .CategoryHeader-title { font-size: 1rem; line-height: 1.5; letter-spacing: 0.05em; font-weight: 300; } :root .is-ad-info .CategoryHeader-title { font-family: "AXIS Font Japanese W55", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "Yu Gothic", "メイリオ", Meiryo, sans-serif; } .is-ad-info .CategoryHeader-title:lang(en) { font-weight: 100; } .is-ad-info .CategoryHeader-title:lang(en) { font-size: 1.1rem; } :root .is-ad-info .CategoryHeader-title:lang(en) { font-family: "Myriad W01", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } .is-data-info .CategoryHeader-title { font-size: 1rem; line-height: 1.5; letter-spacing: 0.05em; font-weight: 300; } :root .is-data-info .CategoryHeader-title { font-family: "AXIS Font Japanese W55", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "Yu Gothic", "メイリオ", Meiryo, sans-serif; } .is-data-info .CategoryHeader-title:lang(en) { font-weight: 100; } .is-data-info .CategoryHeader-title:lang(en) { font-size: 1.1rem; } :root .is-data-info .CategoryHeader-title:lang(en) { font-family: "Myriad W01", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } .CategoryHeader-breadcrumb { height: 20px; margin-left: 18px; margin-top: 10px; font-size: 0.5rem; line-height: 1.5; letter-spacing: 0.05em; font-weight: 100; } .CategoryHeader-breadcrumb li { display: inline-block; } .CategoryHeader-breadcrumb li::after { content: " /"; } .CategoryHeader-breadcrumb li a { -webkit-transition: color 0.2s ease-out; transition: color 0.2s ease-out; } .no-touchevents .CategoryHeader-breadcrumb li a:hover { color: #61b4a8; } .CategoryHeader-breadcrumb li + li { margin-left: 0.25rem; } .CategoryHeader-info { margin-top: 0.5rem; } .CategoryHeader-info-date { margin-right: 0.5rem; font-size: 0.7rem; font-weight: 300; letter-spacing: 0.05em; color: #000000; } .CategoryHeader-info-tag { font-size: 0.7rem; font-weight: 300; letter-spacing: 0.05em; text-transform: uppercase; } .category-news .CategoryHeader-info-tag { color: #61b4a8; } .category-press .CategoryHeader-info-tag { color: #c66584; } .category-seminar .CategoryHeader-info-tag { color: #e8b78c; } .category-data .CategoryHeader-info-tag { color: #e8b78c; } .CategoryHeader-internalLink { padding-left: 20px; padding-right: 20px; margin-bottom: 40px; } .is-universe .CategoryHeader-internalLink { margin-bottom: 40px; } .CategoryHeader-internalLink-list { text-align: center; } .CategoryHeader-internalLink-list-item { display: inline-block; margin-left: 0.5rem; margin-right: 0.5rem; font-size: 0.8rem; letter-spacing: 0.05em; line-height: 1.5; font-weight: 100; color: #000000; -webkit-transition: color 0.2s ease-out; transition: color 0.2s ease-out; } .no-touchevents .CategoryHeader-internalLink-list-item:hover { color: #61b4a8; } .CasestudyBox { position: relative; margin-bottom: 50px; background-color: #000000; color: #ffffff; width: 100%; } .CasestudyBox a { display: block; height: 100%; color: #ffffff; } .no-touchevents .CasestudyBox a:hover .CasestudyBox-label, .no-touchevents .CasestudyBox a:hover .CasestudyBox-title { color: #61b4a8; } .no-touchevents .CasestudyBox a:hover .CasestudyBox-visual-img::after { border: 6px #61b4a8 solid; } .CasestudyBox-visual { position: relative; height: 0; padding-top: 56.48148%; overflow: hidden; -webkit-perspective: 1000px; perspective: 1000px; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-perspective-origin: 50% 50%; perspective-origin: 50% 50%; } .CasestudyBox-visual-img { position: absolute; width: 100%; height: 100%; left: 0; top: 0; -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.37, 0.16, 0.12, 1); transition: -webkit-transform 0.8s cubic-bezier(0.37, 0.16, 0.12, 1); transition: transform 0.8s cubic-bezier(0.37, 0.16, 0.12, 1); transition: transform 0.8s cubic-bezier(0.37, 0.16, 0.12, 1), -webkit-transform 0.8s cubic-bezier(0.37, 0.16, 0.12, 1); } .CasestudyBox-visual-img img { width: 100%; } .CasestudyBox-visual-img::after { position: absolute; display: block; content: ""; width: 100%; height: 100%; left: 0; top: 0; border: 0 #61b4a8 solid; box-sizing: border-box; -webkit-transition: border 0.3s ease-out; transition: border 0.3s ease-out; } .CasestudyBox-num { position: absolute; left: 10px; top: 10px; font-size: 1rem; font-weight: 200; letter-spacing: 0.05em; } .CasestudyBox-body { margin: 1rem 1rem 1.5rem; line-height: 1.75; } .CasestudyBox-label { margin-bottom: 0.5rem; line-height: 1.5; -webkit-transition: color 0.3s ease-out; transition: color 0.3s ease-out; } .CasestudyBox-label-fixed { display: block; font-size: 0.6rem; font-weight: 200; letter-spacing: 0.05em; } .CasestudyBox-label-main { display: block; font-size: 0.6rem; line-height: 2; font-weight: 400; line-height: 1.5; } .CasestudyBox-label-main:lang(en) { font-weight: 200; } .CasestudyBox-label-main:lang(en) { font-size: 0.7rem; } .CasestudyBox-title { margin-bottom: 0.5rem; font-size: 0.8rem; line-height: 1.5; letter-spacing: 0.05em; font-weight: 400; letter-spacing: normal; -webkit-transition: color 0.3s ease-out; transition: color 0.3s ease-out; } :root .CasestudyBox-title { font-family: "AXIS Font Japanese W55", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "Yu Gothic", "メイリオ", Meiryo, sans-serif; } .CasestudyBox-title:lang(en) { font-weight: 200; } .CasestudyBox-title:lang(en) { font-size: 0.9rem; letter-spacing: normal; } :root .CasestudyBox-title:lang(en) { font-family: "Myriad W01", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } .CasestudyBox-summary { font-size: 0.6rem; font-weight: 400; font-size: 0.55rem; line-height: 1.75; font-weight: 400; } .CasestudyBox-summary:lang(en) { font-weight: 200; } .CasestudyBox-summary:lang(en) { font-size: 0.65rem; } .CasestudyDetail { background-color: #f8f8f8; color: #575757; } .CasestudyDetail:before, .CasestudyDetail:after { content: " "; display: table; } .CasestudyDetail:after { clear: both; } .CasestudyDetail-content { margin-top: 60px; } .CasestudyDetail-body { border-bottom: 1px #999999 dashed; } .CasestudyDetail-section { position: relative; margin-bottom: 80px; font-size: 0.6rem; line-height: 2; font-weight: 400; } .CasestudyDetail-section:lang(en) { font-weight: 200; } .CasestudyDetail-section:lang(en) { font-size: 0.7rem; } .CasestudyDetail-section:last-of-type { margin-bottom: 40px; } .CasestudyDetail-section-label { margin-bottom: 0.9rem; font-size: 1.5rem; line-height: 1.5; letter-spacing: 0.05em; font-weight: 100; line-height: 1; color: #999999; text-align: center; z-index: 1; } .CasestudyDetail-section-title { margin-bottom: 1.4rem; font-size: 1rem; font-weight: 300; line-height: 2; color: #000000; } .CasestudyDetail-section-title:lang(en) { font-weight: 100; } .casestudy-imgNone .CasestudyDetail-section-title, .casestudy-imgLarge .CasestudyDetail-section-title { text-align: center; } .CasestudyDetail-section-title-inner { display: inline-block; text-align: left; } .CasestudyDetail-section-body { margin-bottom: 1.5rem; } .CasestudyDetail-section-visual { position: relative; text-align: center; } .casestudy-imgSmall .CasestudyDetail-section-visual { margin-top: 0; } .CasestudyDetail-section-visual img { display: block; width: 100%; margin-left: auto; margin-right: auto; } .CasestudyDetail-section-visual figcaption { display: inline-block; margin-top: 0.6rem; font-size: 0.5rem; line-height: 1.5; text-align: left; } .CasestudyDetail-footer { margin-top: 30px; margin-bottom: 60px; color: #575757; font-size: 0.6rem; line-height: 2; font-weight: 400; line-height: 1.75; text-align: center; } .CasestudyDetail-footer:lang(en) { font-weight: 200; } .CasestudyDetail-footer:lang(en) { font-size: 0.7rem; } .CasestudyDetail-footer-description { margin-bottom: 1rem; color: #000000; font-size: 0.9rem; line-height: 1.5; letter-spacing: 0.05em; font-weight: 300; letter-spacing: normal; } :root .CasestudyDetail-footer-description { font-family: "AXIS Font Japanese W55", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "Yu Gothic", "メイリオ", Meiryo, sans-serif; } .CasestudyDetail-footer-description:lang(en) { font-weight: 100; } .CasestudyDetail-footer-description:lang(en) { font-size: 1rem; letter-spacing: normal; } :root .CasestudyDetail-footer-description:lang(en) { font-family: "Myriad W01", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } .CasestudyDetail-footer-contact { display: block; position: relative; height: 60px; margin-left: auto; margin-right: auto; color: #ffffff; background-color: #e8b78c; box-sizing: border-box; -webkit-transition: background-color 0.35s ease-out; transition: background-color 0.35s ease-out; } .no-touchevents .CasestudyDetail-footer-contact:hover { background-color: #000000; } .CasestudyDetail-footer-contact-text { margin-right: 0.3rem; font-size: 0.6rem; font-weight: 300; line-height: 3rem; letter-spacing: 0.05em; } .CasestudyDetail-bottom { margin-top: 40px; margin-bottom: 40px; text-align: center; } .CasestudyIndex { background-color: #f8f8f8; margin-top: 50px; } .CasestudyIndex.no-data { margin-top: 0; } .CasestudyIndex-inner { -webkit-transform: translateY(-50px); -ms-transform: translateY(-50px); transform: translateY(-50px); } .no-data .CasestudyIndex-inner { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .CasestudyIndex-content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .CasestudyIndex-error { width: 100%; margin-top: 60px; margin-bottom: 60px; font-size: 0.6rem; line-height: 2; font-weight: 400; color: #575757; text-align: center; } .CasestudyIndex-error:lang(en) { font-weight: 200; } .CasestudyIndex-error:lang(en) { font-size: 0.7rem; } .CasestudyHero { background-color: #000000; margin-top: 50px; color: #ffffff; } .CasestudyHero-inner { -webkit-transform: translateY(-50px); -ms-transform: translateY(-50px); transform: translateY(-50px); } .CasestudyHero-section-inner { margin-bottom: 20px; } .CasestudyHero-visual { position: relative; margin-bottom: 20px; } .CasestudyHero-visual-img { position: relative; width: 100%; height: 0; padding-top: 56.48148%; overflow: hidden; } .CasestudyHero-visual-img img { position: absolute; width: 100%; left: 0; top: 0; } .CasestudyHero-body { position: relative; } .CasestudyHero-label { margin-bottom: 0.5rem; border-bottom: 1px #999999 dashed; line-height: 1.5; } .CasestudyHero-label-fixed { display: block; font-size: 0.7rem; font-weight: 200; letter-spacing: 0.05em; color: #999999; } .CasestudyHero-label-main { display: block; margin-bottom: 0.5rem; font-size: 0.8rem; letter-spacing: 0.05em; } .CasestudyHero-share { font-size: 0.6rem; line-height: 2; font-weight: 400; } .CasestudyHero-share:lang(en) { font-weight: 200; } .CasestudyHero-share:lang(en) { font-size: 0.7rem; } .CasestudyHero-share-title { display: inline-block; font-size: 0.6rem; font-weight: 200; letter-spacing: 0.05em; margin-right: 0.3rem; margin-bottom: 0.5rem; } .CasestudyHero-share-list { display: inline-block; } .CasestudyHero-share-list-item { width: 36px; height: 36px; display: inline-block; margin-left: 3px; margin-right: 3px; } .CasestudyHero-share-list-item.share-facebook { color: #3b5998; } .CasestudyHero-share-list-item.share-twitter { color: #55acee; } .CasestudyHero-title { font-size: 1rem; line-height: 1.5; letter-spacing: 0.05em; font-weight: 300; } :root .CasestudyHero-title { font-family: "AXIS Font Japanese W55", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "Yu Gothic", "メイリオ", Meiryo, sans-serif; } .CasestudyHero-title:lang(en) { font-weight: 100; } .CasestudyHero-title:lang(en) { font-size: 1.1rem; } :root .CasestudyHero-title:lang(en) { font-family: "Myriad W01", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } .Contact { background-color: #f8f8f8; } .Contact:before, .Contact:after { content: " "; display: table; } .Contact:after { clear: both; } .Contact-content { margin-top: 60px; margin-bottom: 60px; } .Contact-textCheck { display: none; margin-bottom: 40px; font-size: 0.6rem; line-height: 2; font-weight: 400; color: #c66584; font-weight: 500; } .Contact-textCheck:lang(en) { font-weight: 200; } .Contact-textCheck:lang(en) { font-size: 0.7rem; } .Contact-textCheck:lang(en) { font-weight: 300; } .is-formConfirm .Contact-textCheck { display: block; } .Contact-textCheck span { display: inline-block; text-align: left; } .Contact-thanks { display: none; font-size: 0.6rem; line-height: 2; font-weight: 400; text-align: center; color: #575757; } .Contact-thanks:lang(en) { font-weight: 200; } .Contact-thanks:lang(en) { font-size: 0.7rem; } .is-formThanks .Contact-thanks { display: block; } .Contact-thanks-text { display: inline-block; margin-bottom: 2rem; text-align: left; } .Contact-thanks-bottom { width: 100%; } .is-formThanks .ContactForm { display: none; } .ContactForm-errorText { font-size: 0.7rem; line-height: 1.75; font-weight: 300; color: red; } .ContactForm-errorText:lang(en) { font-weight: 100; } .ContactForm-errorText:lang(en) { font-size: 0.8rem; } .ContactForm-header { padding-bottom: 40px; margin-bottom: 40px; border-bottom: 1px #999999 dashed; } .ContactForm-header-headline { margin-bottom: 1rem; font-size: 0.7rem; line-height: 1.5; letter-spacing: 0.05em; font-weight: 400; color: #000000; } :root .ContactForm-header-headline { font-family: "AXIS Font Japanese W55", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "Yu Gothic", "メイリオ", Meiryo, sans-serif; } .ContactForm-header-headline:lang(en) { font-weight: 200; } .ContactForm-header-headline:lang(en) { font-size: 0.8rem; letter-spacing: normal; } :root .ContactForm-header-headline:lang(en) { font-family: "Myriad W01", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } .ContactForm-header-text { margin-bottom: 1rem; font-size: 0.6rem; line-height: 2; font-weight: 400; color: #575757; } .ContactForm-header-text:lang(en) { font-weight: 200; } .ContactForm-header-text:lang(en) { font-size: 0.7rem; } .ContactForm-header-text a { color: #61b4a8; text-decoration: underline; } .ContactForm-header-text a:link { text-decoration: underline; } .ContactForm-header-text a:visited { text-decoration: underline; } .ContactForm-header-text a:active { text-decoration: underline; } .ContactForm-header-text a:hover { text-decoration: none; } .ContactForm-header-list { padding-left: 25px; margin-bottom: 1rem; } .ContactForm-header-list-item { position: relative; font-size: 0.6rem; line-height: 1.5; font-weight: 400; color: #575757; } .ContactForm-header-list-item:lang(en) { font-weight: 200; } .ContactForm-header-list-item:lang(en) { font-size: 0.7rem; } .ContactForm-header-list-item::before { position: absolute; display: block; content: ""; width: 14px; height: 3px; left: -1.25rem; top: 0.45rem; background-color: #61b4a8; border-radius: 99em; } .ContactForm-header-list-item a { color: #61b4a8; text-decoration: underline; } .ContactForm-header-list-item a:link { text-decoration: underline; } .ContactForm-header-list-item a:visited { text-decoration: underline; } .ContactForm-header-list-item a:active { text-decoration: underline; } .ContactForm-header-list-item a:hover { text-decoration: none; } .ContactForm-header-list li + li { margin-top: 0.9rem; } .ContactForm-header-note { font-size: 0.55rem; line-height: 1.75; font-weight: 400; font-weight: 500; color: #575757; padding-left: 1em; text-indent: -1em; } .ContactForm-header-note:lang(en) { font-weight: 200; } .ContactForm-header-note:lang(en) { font-size: 0.65rem; } .ContactForm-header-note:lang(en) { font-weight: 300; } .ContactForm-headline { display: block; margin-bottom: 1rem; font-size: 0.7rem; line-height: 1.5; letter-spacing: 0.05em; font-weight: 400; color: #000000; } :root .ContactForm-headline { font-family: "AXIS Font Japanese W55", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "Yu Gothic", "メイリオ", Meiryo, sans-serif; } .ContactForm-headline:lang(en) { font-weight: 200; } .ContactForm-headline:lang(en) { font-size: 0.8rem; letter-spacing: normal; } :root .ContactForm-headline:lang(en) { font-family: "Myriad W01", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } .ContactForm-subheadline { display: block; font-size: 0.6rem; line-height: 1.5; font-weight: 400; color: #575757; } .ContactForm-subheadline:lang(en) { font-weight: 200; } .ContactForm-subheadline:lang(en) { font-size: 0.7rem; } .ContactForm-item { margin-bottom: 40px; overflow: hidden; } .ContactForm-header .ContactForm-item { margin-bottom: 0; } .ContactForm-item.g-recaptcha-response { display: none; position: relative; -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; -webkit-transform: scale(0.85); -ms-transform: scale(0.85); transform: scale(0.85); } .is-formConfirm .ContactForm-item.g-recaptcha-response { display: block; } .ContactForm-item-inner { position: relative; margin-bottom: 20px; box-sizing: border-box; } .ContactForm-item-inner:last-of-type { margin-bottom: 0; } .ContactForm-item-inner.contact_name_family, .ContactForm-item-inner.contact_name_first { padding-left: 2em; } .ContactForm-item-inner.contact_name_family .ContactForm-subheadline, .ContactForm-item-inner.contact_name_first .ContactForm-subheadline { position: absolute; left: 0; bottom: 0; line-height: 34px; } .ContactForm-radio, .ContactForm-checkbox { display: block; position: relative; margin-bottom: 0.75rem; font-size: 0.6rem; line-height: 1.5; font-weight: 400; color: #575757; padding-left: 25px; vertical-align: top; } .ContactForm-radio:lang(en), .ContactForm-checkbox:lang(en) { font-weight: 200; } .ContactForm-radio:lang(en), .ContactForm-checkbox:lang(en) { font-size: 0.7rem; } .no-touchevents .ContactForm-radio:hover .ContactForm-radio-icon, .no-touchevents .ContactForm-radio:hover .ContactForm-checkbox-icon, .no-touchevents .ContactForm-checkbox:hover .ContactForm-radio-icon, .no-touchevents .ContactForm-checkbox:hover .ContactForm-checkbox-icon { background-image: url("../img/common/icon_circle_check_over.png"); } .ContactForm-radio + .ContactForm-radio-link, .ContactForm-checkbox + .ContactForm-radio-link, .ContactForm-radio + .ContactForm-checkbox-link, .ContactForm-checkbox + .ContactForm-checkbox-link { margin-top: -0.5rem; } .ContactForm-radio input, .ContactForm-checkbox input { display: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .is-formConfirm .ContactForm-radio input[type=radio]:checked ~ span, .is-formConfirm .ContactForm-radio input[type=checkbox]:checked ~ span, .is-formConfirm .ContactForm-checkbox input[type=radio]:checked ~ span, .is-formConfirm .ContactForm-checkbox input[type=checkbox]:checked ~ span { opacity: 1; } input[type=radio]:checked ~ .ContactForm-radio-icon, input[type=checkbox]:checked ~ .ContactForm-radio-icon, input[type=radio]:checked ~ .ContactForm-checkbox-icon, input[type=checkbox]:checked ~ .ContactForm-checkbox-icon { background-image: url("../img/common/icon_circle_check.png"); } .is-formConfirm input[type=radio]:checked ~ .ContactForm-radio-icon, .is-formConfirm input[type=checkbox]:checked ~ .ContactForm-radio-icon, .is-formConfirm input[type=radio]:checked ~ .ContactForm-checkbox-icon, .is-formConfirm input[type=checkbox]:checked ~ .ContactForm-checkbox-icon { opacity: 1; } .ContactForm-radio-icon, .ContactForm-checkbox-icon { position: absolute; width: 16px; height: 16px; left: 0; top: 50%; margin-top: -8px; background-image: url("../img/common/icon_circle_border.png"); background-repeat: no-repeat; background-size: cover; } .is-formConfirm .ContactForm-radio-icon, .is-formConfirm .ContactForm-checkbox-icon { opacity: 0.3; } .is-formConfirm .ContactForm-radio span, .is-formConfirm .ContactForm-checkbox span { opacity: 0.3; } .is-formConfirm .ContactForm-radio, .is-formConfirm .ContactForm-checkbox { pointer-events: none; border: none; } .ContactForm-radio-link, .ContactForm-checkbox-link { display: block; margin-left: 1.25rem; margin-bottom: 0.75rem; font-size: 0.6rem; line-height: 1.5; font-weight: 400; color: #61b4a8; text-decoration: underline; } .ContactForm-radio-link:lang(en), .ContactForm-checkbox-link:lang(en) { font-weight: 200; } .ContactForm-radio-link:lang(en), .ContactForm-checkbox-link:lang(en) { font-size: 0.7rem; } .ContactForm-radio-link:link, .ContactForm-checkbox-link:link { text-decoration: underline; } .ContactForm-radio-link:visited, .ContactForm-checkbox-link:visited { text-decoration: underline; } .ContactForm-radio-link:active, .ContactForm-checkbox-link:active { text-decoration: underline; } .ContactForm-radio-link:hover, .ContactForm-checkbox-link:hover { text-decoration: none; } .ContactForm-inputText { display: block; width: 100%; padding: 0.35rem 0.5rem; font-size: 0.6rem; line-height: 2; font-weight: 400; color: #575757; line-height: 1rem; border: 0; border-radius: 0; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .ContactForm-inputSelect { height: 45px; display: block; width: 50%; padding: 0.35rem 0.5rem; font-size: 0.75rem; line-height: 2; font-weight: 400; color: #575757; line-height: 1rem; border: 0; border-radius: 0; box-sizing: border-box; appearance:none; -moz-appearance:none; -webkit-appearance:none; background: url(../favicon/select_bg.png) no-repeat right 0.45rem center/15px 13px; background-color: #fff; } .ContactForm-inputText:lang(en) { font-weight: 200; } .ContactForm-inputText:lang(en) { font-size: 0.7rem; } .is-formConfirm .ContactForm-inputText { padding: 0.3rem 0.45rem; border: 1px #d3d3d3 solid; pointer-events: none; background-color: #f8f8f8 !important; color: #575757 !important; } .ContactForm-submit, .ContactForm-send { background: none; border: 0; box-sizing: content-box; color: inherit; cursor: pointer; display: inline-block; line-height: normal; overflow: visible; padding: 0; text-align: center; text-decoration: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; display: block; position: relative; width: 100%; height: 60px; margin-left: auto; margin-right: auto; margin-bottom: 20px; color: #ffffff; background-color: #e8b78c; box-sizing: border-box; -webkit-transition: background-color 0.35s ease-out; transition: background-color 0.35s ease-out; } button, input { font: inherit; } button::-moz-focus-inner, button::-moz-focus-inner, input::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } button { overflow: visible; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; } .no-touchevents .ContactForm-submit:hover, .no-touchevents .ContactForm-send:hover { background-color: #000000; } .ContactForm-submit-text, .ContactForm-send-text { margin-right: 0.3rem; font-size: 0.6rem; line-height: 1.5; letter-spacing: 0.05em; font-weight: 500; font-weight: 400; line-height: 3rem; letter-spacing: 0.05em; } :root .ContactForm-submit-text, .ContactForm-send-text { font-family: "AXIS Font Japanese W55", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "Yu Gothic", "メイリオ", Meiryo, sans-serif; } .ContactForm-submit-text:lang(en), .ContactForm-send-text:lang(en) { font-weight: 300; } .ContactForm-submit-text:lang(en), .ContactForm-send-text:lang(en) { font-size: 0.7rem; letter-spacing: normal; } :root .ContactForm-submit-text:lang(en), .ContactForm-send-text:lang(en) { font-family: "Myriad W01", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } .ContactForm-submit-text:lang(en), .ContactForm-send-text:lang(en) { font-weight: 200; } .ContactForm-submit-icon, .ContactForm-send-icon { display: inline-block; width: 20px; height: 20px; line-height: 0; } .is-formConfirm .ContactForm-submit { display: none; } .ContactForm-submit:disabled { pointer-events: none; background-color: #ccc; } .ContactForm-send, .ContactForm-back { display: none; } .is-formConfirm .ContactForm-send, .is-formConfirm .ContactForm-back { display: block; } .ContactForm-back { margin-left: auto; margin-right: auto; text-align: center; } .ContactForm-privacy-check { text-align: center; margin-bottom: 40px; } .ContactForm-privacy .ContactForm-checkbox { display: inline-block; margin-bottom: 0; } .ContactForm-privacyBox { height: 320px; padding: 20px 20px 40px; margin-bottom: 40px; font-size: 0.6rem; line-height: 2; font-weight: 400; font-weight: 300; color: #000000; background-color: #e1eee9; overflow-y: scroll; word-wrap: break-word; box-sizing: border-box; } .ContactForm-privacyBox:lang(en) { font-weight: 200; } .ContactForm-privacyBox:lang(en) { font-size: 0.7rem; } .ContactForm-privacyBox:lang(en) { font-weight: 100; } .ContactForm-block-title { margin-top: 1rem; margin-bottom: 1rem; font-size: 0.6rem; line-height: 1.5; letter-spacing: 0.05em; font-weight: 500; font-weight: 400; } :root .ContactForm-block-title { font-family: "AXIS Font Japanese W55", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "Yu Gothic", "メイリオ", Meiryo, sans-serif; } .ContactForm-block-title:lang(en) { font-weight: 300; } .ContactForm-block-title:lang(en) { font-size: 0.7rem; letter-spacing: normal; } :root .ContactForm-block-title:lang(en) { font-family: "Myriad W01", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } .ContactForm-block-title:lang(en) { font-weight: 200; } .ContactForm-block-summary { margin-bottom: 1.5rem; font-size: 0.6rem; line-height: 2; font-weight: 400; font-weight: 300; } .ContactForm-block-summary:lang(en) { font-weight: 200; } .ContactForm-block-summary:lang(en) { font-size: 0.7rem; } .ContactForm-block-summary:lang(en) { font-weight: 100; } .ContactForm-block-section { margin-bottom: 1.5rem; font-size: 0.6rem; line-height: 2; font-weight: 400; font-weight: 300; } .ContactForm-block-section:lang(en) { font-weight: 200; } .ContactForm-block-section:lang(en) { font-size: 0.7rem; } .ContactForm-block-section:lang(en) { font-weight: 100; } .ContactForm-block-headline { margin-bottom: 0.5rem; font-size: 0.6rem; line-height: 2; font-weight: 400; font-weight: 400; line-height: 1.5; } .ContactForm-block-headline:lang(en) { font-weight: 200; } .ContactForm-block-headline:lang(en) { font-size: 0.7rem; } .ContactForm-block-headline:lang(en) { font-weight: 200; } .ContactForm-block-text { display: block; margin-bottom: 0.5rem; font-size: 0.6rem; line-height: 2; font-weight: 400; font-weight: 300; } .ContactForm-block-text:lang(en) { font-weight: 200; } .ContactForm-block-text:lang(en) { font-size: 0.7rem; } .ContactForm-block-text:lang(en) { font-weight: 100; } .ContactForm-block-list { margin-bottom: 0.9rem; padding-left: 1.2em; text-indent: -1.2em; font-size: 0.6rem; line-height: 1.5; font-weight: 400; line-height: 1.75; font-weight: 300; } .ContactForm-block-list:lang(en) { font-weight: 200; } .ContactForm-block-list:lang(en) { font-size: 0.7rem; } .ContactForm-block-list:lang(en) { font-weight: 100; } .ContactForm-block-list li + li { margin-top: 0.9rem; } .ContactForm-block-list-list { margin-top: 0.5rem; margin-bottom: 0.5rem; padding-left: 2em; text-indent: -2em; } .ContactForm-inputFile-file { display: none; } .ContactForm-inputFile-text { display: block; width: 100%; padding: 0.1rem 0 0.5rem; font-size: 0.55rem; line-height: 1.75; font-weight: 400; line-height: 1.5; color: #575757; border: 0; border-radius: 0; box-sizing: border-box; pointer-events: none; background-color: #f8f8f8; } .ContactForm-inputFile-text:lang(en) { font-weight: 200; } .ContactForm-inputFile-text:lang(en) { font-size: 0.65rem; } .ContactForm-inputFile-btn { background: none; border: 0; box-sizing: content-box; color: inherit; cursor: pointer; display: inline-block; line-height: normal; overflow: visible; padding: 0; text-align: center; text-decoration: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; display: block; width: 100%; max-width: 380px; height: 50px; color: #ffffff; background-color: #000000; box-sizing: border-box; -webkit-transition: background-color 0.35s ease-out; transition: background-color 0.35s ease-out; font-size: 0.6rem; line-height: 1.5; letter-spacing: 0.05em; font-weight: 500; font-weight: 400; line-height: 2.5rem; letter-spacing: 0.05em; } button, input { font: inherit; } button::-moz-focus-inner, button::-moz-focus-inner, input::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } button { overflow: visible; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; } :root .ContactForm-inputFile-btn { font-family: "AXIS Font Japanese W55", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "Yu Gothic", "メイリオ", Meiryo, sans-serif; } .ContactForm-inputFile-btn:lang(en) { font-weight: 300; } .ContactForm-inputFile-btn:lang(en) { font-size: 0.7rem; letter-spacing: normal; } :root .ContactForm-inputFile-btn:lang(en) { font-family: "Myriad W01", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } .ContactForm-inputFile-btn:lang(en) { font-weight: 200; } .no-touchevents .ContactForm-inputFile-btn:hover { background-color: #e8b78c; } .is-formConfirm .ContactForm-inputFile-btn { pointer-events: none; background-color: #d3d3d3; } .Datainfo { background-color: #f8f8f8; } .Datainfo:before, .Datainfo:after { content: " "; display: table; } .Datainfo:after { clear: both; } .Datainfo-content { margin-top: 50px; margin-bottom: 60px; font-size: 0.6rem; line-height: 2; font-weight: 400; color: #575757; } .Datainfo-content:lang(en) { font-weight: 200; } .Datainfo-content:lang(en) { font-size: 0.7rem; } .Datainfo-section { padding-bottom: 40px; margin-bottom: 60px; border-bottom: 1px #999999 dashed; } .Datainfo-section:last-of-type { border-bottom: 0; } .Datainfo .Article-headline { line-height: 2; } .Filter { margin-bottom: 35px; padding-left: 20px; padding-right: 20px; } .Filter-list { text-align: center; } .Filter-list-item { display: inline-block; position: relative; margin-left: 0.5rem; margin-right: 0.5rem; margin-bottom: 0.5rem; font-size: 0.6rem; line-height: 2; font-weight: 400; font-weight: 300; line-height: 1.5; letter-spacing: 0.05em; text-transform: uppercase; } .Filter-list-item:lang(en) { font-weight: 200; } .Filter-list-item:lang(en) { font-size: 0.7rem; } .Filter-list-item:lang(en) { font-weight: 100; } .is-news .Filter-list-item { font-size: 0.8rem; font-weight: 100; } .Filter-list-item a { display: block; width: 100%; } .no-touchevents .Filter-list-item a:hover .Filter-list-item-icon { background-image: url("../img/common/icon_circle_check_over.png"); } .Filter-list-item-icon { position: absolute; width: 16px; height: 16px; left: 0; top: 50%; margin-top: -8px; background-image: url("../img/common/icon_circle_border.png"); background-repeat: no-repeat; background-size: cover; } .selected .Filter-list-item-icon { background-image: url("../img/common/icon_circle_fill.png"); } .Filter-list-item-text { padding-left: 25px; } .Location { margin-bottom: 40px; } .Location-name { margin-bottom: 30px; font-size: 0.7rem; line-height: 1.5; letter-spacing: 0.05em; font-weight: 300; color: #000000; } :root .Location-name { font-family: "AXIS Font Japanese W55", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "Yu Gothic", "メイリオ", Meiryo, sans-serif; } .Location-name:lang(en) { font-weight: 100; } .Location-name:lang(en) { font-size: 0.8rem; letter-spacing: normal; } :root .Location-name:lang(en) { font-family: "Myriad W01", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } .Location:last-of-type .Location-company:last-of-type { padding-bottom: 0; margin-bottom: 0; border-bottom: 0; } .Location-company { padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px #999999 dashed; } .Location-company-name { margin-bottom: 0.5rem; font-size: 0.6rem; line-height: 1.5; letter-spacing: 0.05em; font-weight: 500; font-weight: 400; color: #000000; line-height: 1.5; display: inline-block; position: relative; } :root .Location-company-name { font-family: "AXIS Font Japanese W55", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "Yu Gothic", "メイリオ", Meiryo, sans-serif; } .Location-company-name:lang(en) { font-weight: 300; } .Location-company-name:lang(en) { font-size: 0.7rem; letter-spacing: normal; } :root .Location-company-name:lang(en) { font-family: "Myriad W01", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } .Location-company-name:lang(en) { font-weight: 200; } .Location-company-name a { display: block; position: relative; padding-right: 1rem; line-height: 1.5; -webkit-transition: color 0.2s ease-out; transition: color 0.2s ease-out; } .no-touchevents .Location-company-name a:hover { color: #61b4a8; } .Location-company-name a::after { content: ""; position: absolute; width: 14px; height: 14px; right: 0; top: 50%; margin-top: -7px; color: #999999; background-image: url("../img/symbol/icon-blank.svg"); background-repeat: no-repeat; } .Location-office { margin-top: 25px; margin-bottom: 25px; } .Location-office:first-child { margin-top: 0; } .Location-office:last-child { margin-bottom: 0; } .Location-office-name { margin-bottom: 0.5rem; font-size: 0.6rem; line-height: 2; font-weight: 400; color: #000000; line-height: 1.5; display: inline-block; position: relative; } .Location-office-name:lang(en) { font-weight: 200; } .Location-office-name:lang(en) { font-size: 0.7rem; } .Location-office-name a { display: block; position: relative; padding-right: 1rem; line-height: 1.5; } .Location-office-name a::after { content: ""; position: absolute; width: 14px; height: 14px; right: 0; top: 50%; margin-top: -7px; color: #999999; background-image: url("../img/symbol/icon-blank.svg"); background-repeat: no-repeat; } .Location-list { margin-bottom: 2rem; } .Location-list:last-of-type { margin-bottom: 0; } .Location-list-item { margin-bottom: 0.3rem; font-size: 0.55rem; line-height: 1.75; font-weight: 400; line-height: 1.5; } .Location-list-item:lang(en) { font-weight: 200; } .Location-list-item:lang(en) { font-size: 0.65rem; } .Location-list-item:last-of-type { margin-bottom: 0; } .Location-list-item a { color: #61b4a8; text-decoration: underline; } .Location-list-item a:link { text-decoration: underline; } .Location-list-item a:visited { text-decoration: underline; } .Location-list-item a:active { text-decoration: underline; } .Location-list-item a:hover { text-decoration: none; } .Location-list-item-tel { display: inline-block; padding-right: 1em; } .Location-list-item-tel:last-of-type { padding-right: 0; } .Location-text { margin-bottom: 0.3rem; font-size: 0.55rem; line-height: 1.75; font-weight: 400; line-height: 1.5; } .Location-text:lang(en) { font-weight: 200; } .Location-text:lang(en) { font-size: 0.65rem; } .Location-text:first-child { margin-top: 0; } .Location-map { margin-top: 20px; } .Location-map-inner { position: relative; width: 100%; height: 0; padding-top: 56.25%; margin-bottom: 10px; } .Location-map-content { position: absolute; width: 100%; height: 100%; left: 0; top: 0; } .Location-map-notes { font-size: 0.55rem; line-height: 1.75; font-weight: 400; } .Location-map-notes:lang(en) { font-weight: 200; } .Location-map-notes:lang(en) { font-size: 0.65rem; } .Location-map-notes a { text-decoration: none; } .Location-map-notes a:link { text-decoration: none; } .Location-map-notes a:visited { text-decoration: none; } .Location-map-notes a:active { text-decoration: none; } .Location-map-notes a:hover { text-decoration: underline; } .Location-map-notes-more { margin-right: 0.5rem; color: #61b4a8; } .Location-map-notes-text { display: inline-block; } .HomeAbout { position: relative; background-color: #000000; color: #ffffff; } .HomeAbout-body { background-color: #000000; } .HomeAbout-body-content { padding-left: 20px; padding-right: 20px; padding-top: 8.33333%; padding-bottom: 10%; } .HomeAbout-title { margin-bottom: 0.75rem; font-size: 1.7rem; letter-spacing: 0.05em; line-height: 1.15; font-weight: 100; text-align: center; } .HomeAbout-title br { display: none; } .HomeAbout-summary { margin-bottom: 1rem; font-size: 0.6rem; line-height: 2; font-weight: 400; text-align: center; } .HomeAbout-summary:lang(en) { font-weight: 200; } .HomeAbout-summary:lang(en) { font-size: 0.7rem; } .HomeAbout-summary-inner { display: inline-block; text-align: left; } .HomeAbout-more { text-align: center; } .HomeAbout-visual-inner { background-image: url("../img/home/img_about.jpg"); background-position: center; background-repeat: no-repeat; background-size: cover; padding-top: 41.66667%; box-sizing: border-box; } .HomeAbout-visual-inner img { display: none; } .HomeContent-block:before, .HomeContent-block:after { content: " "; display: table; } .HomeContent-block:after { clear: both; } .HomeContent-block-inner { width: 100%; } .block-left .HomeContent-block-inner { float: right; } .block-right .HomeContent-block-inner { float: left; } .HomeNews { position: relative; } .HomeNews-body { background-color: #ffffff; } .HomeNews-body-content { padding-left: 20px; padding-right: 20px; padding-top: 8.33333%; padding-bottom: 10%; } .HomeNews-body-content .NewsList { margin-bottom: 0.5rem; } .HomeNews-title { font-size: 1.7rem; letter-spacing: 0.05em; line-height: 1.15; font-weight: 100; color: #000000; text-align: center; } .HomeNews-more { text-align: center; } .HomeNews-visual { background-color: #f8f8f8; } .HomeNews-visual-inner { padding-top: 41.66667%; box-sizing: border-box; background-image: url("../img/home/news_small.png"); background-position: center center; background-repeat: no-repeat; background-size: cover; } .HomeRecruit { position: relative; background-color: #ffffff; color: #ffffff; } .HomeRecruit-body { max-width: 1960px; margin-left: auto; margin-right: auto; background-color: #b4c9c5; } .HomeRecruit-body-overlay { position: absolute; width: 100%; height: 100%; left: 0; top: 0; } .HomeRecruit-body-content { position: relative; padding-left: 20px; padding-right: 20px; padding-top: 8.33333%; padding-bottom: 10%; } .HomeRecruit-title { margin-bottom: 0.75rem; font-size: 1.7rem; letter-spacing: 0.05em; line-height: 1.15; font-weight: 100; text-align: center; } .HomeRecruit-summary { margin-bottom: 1rem; font-size: 0.6rem; line-height: 2; font-weight: 400; text-align: center; } .HomeRecruit-summary:lang(en) { font-weight: 200; } .HomeRecruit-summary:lang(en) { font-size: 0.7rem; } .HomeRecruit-summary-inner { display: inline-block; text-align: left; } .HomeRecruit-more { text-align: center; } .HomeRecruit-visual-inner { padding-top: 41.66667%; box-sizing: border-box; background-image: url("../img/home/img_recruit.jpg"); background-position: center; background-repeat: no-repeat; background-size: cover; } .HomeRecruit-visual-inner img { display: none; } .HomeServices { position: relative; background-color: #b4c9c5; color: #ffffff; } .HomeServices-body { max-width: 1960px; margin-left: auto; margin-right: auto; } .HomeServices-body-content { position: relative; padding-left: 20px; padding-right: 20px; padding-top: 8.33333%; padding-bottom: 10%; } .HomeServices-title { padding-bottom: 6.66667%; font-size: 1.3rem; line-height: 1.5; letter-spacing: 0.05em; font-weight: 100; text-align: center; } .HomeServices-block-section { text-align: center; padding-bottom: 12%; } .HomeServices-block-section:last-of-type { padding-bottom: 0; } .no-touchevents .HomeServices-block-section a:hover .HomeServices-block-visual::after { border: 6px #ddd solid; } .no-touchevents .HomeServices-block-section a:hover .Button-round-black { background-color: #ddd; } .no-touchevents .HomeServices-block-section a:hover .Button-round-black::before { -webkit-transform: translate3d(100%, 0%, 0px); transform: translate3d(100%, 0%, 0px); } .no-touchevents .HomeServices-block-section a:hover .Button-round-black::after { -webkit-transform: translate3d(0%, 0%, 0px); transform: translate3d(0%, 0%, 0px); } .no-touchevents .HomeServices-block-section a:hover .Button-round-black span { color: #000000; } .HomeServices-block-visual { position: relative; width: 100%; margin-bottom: 12px; } .HomeServices-block-visual img { width: 100%; } .HomeServices-block-visual::after { position: absolute; display: block; content: ""; width: 100%; height: 100%; left: 0; top: 0; border: 0 #ddd solid; box-sizing: border-box; -webkit-transition: border 0.3s ease-out; transition: border 0.3s ease-out; } .HomeServices-block-title { margin-bottom: 20px; font-size: 0.7rem; line-height: 1.5; letter-spacing: 0.05em; font-weight: 300; color: #000000; } :root .HomeServices-block-title { font-family: "AXIS Font Japanese W55", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "Yu Gothic", "メイリオ", Meiryo, sans-serif; } .HomeServices-block-title:lang(en) { font-weight: 100; } .HomeServices-block-title:lang(en) { font-size: 0.8rem; } :root .HomeServices-block-title:lang(en) { font-family: "Myriad W01", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } .MainVisual { position: relative; width: 100%; height: 100vh; overflow: hidden; background-color: #000000; } .MainVisual-visual { position: absolute; width: 100%; height: 100%; } .MainVisual-visual video { position: absolute; max-width: none; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .is-mobile .MainVisual-visual { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; background-image: url("../img//home/main_small.jpg"); } .MainVisual-body { position: absolute; width: 100%; height: 100%; left: 0; top: 0; 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; } .MainVisual-body-content { text-align: center; color: #ffffff; } .is-mobile .MainVisual-body-content { margin-bottom: 20px; } .MainVisual-body-title { overflow: hidden; position: relative; margin-bottom: 10px; font-size: 1.8rem; letter-spacing: 0.05em; line-height: 1.2; font-weight: 100; } .MainVisual-body-title .text { display: block; opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); -webkit-transition: -webkit-transform 1.05s cubic-bezier(0.165, 0.84, 0.44, 1); transition: -webkit-transform 1.05s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 1.05s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 1.05s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1.05s cubic-bezier(0.165, 0.84, 0.44, 1); } .MainVisual-body-title .text.show { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .MainVisual-body-title .line { display: block; position: absolute; width: 0; height: 3px; background-color: #ffffff; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .MainVisual-body-summary { margin-bottom: 40px; } .MainVisual-body-summary-inner { display: inline-block; position: relative; font-size: 0.7rem; line-height: 1.5; letter-spacing: 0.05em; font-weight: 400; } .MainVisual-body-summary-inner:lang(en) { font-weight: 200; } .MainVisual-body-summary-inner:lang(en) { font-size: 0.8rem; letter-spacing: normal; } :root .MainVisual-body-summary-inner:lang(en) { font-family: "Myriad W01", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } .MainVisual-body-summary-inner .text { display: block; opacity: 0; -webkit-transform: translateY(12px); -ms-transform: translateY(12px); transform: translateY(12px); -webkit-transition: -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1); transition: -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1); } .MainVisual-body-summary-inner .text.show { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .MainVisual-body-summary-inner .line { display: block; position: absolute; width: 0; height: 3px; background-color: #ffffff; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .MainVisual-body .Button-round-border-white { font-size: 0.6rem; line-height: 1.2; letter-spacing: 0.05em; font-weight: 500; border: 2px #ffffff solid; opacity: 0; -webkit-transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1); transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1); } :root .MainVisual-body .Button-round-border-white { font-family: "AXIS Font Japanese W55", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "Yu Gothic", "メイリオ", Meiryo, sans-serif; } .MainVisual-body .Button-round-border-white:lang(en) { font-weight: 300; } .MainVisual-body .Button-round-border-white:lang(en) { font-size: 0.7rem; letter-spacing: normal; } :root .MainVisual-body .Button-round-border-white:lang(en) { font-family: "Myriad W01", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } .is-mobile .MainVisual-body .Button-round-border-white { background-color: rgba(0, 0, 0, 0.5); } .NewsIndex { background-color: #f8f8f8; } .NewsIndex:before, .NewsIndex:after { content: " "; display: table; } .NewsIndex:after { clear: both; } .NewsIndex-content { margin-top: 30px; margin-bottom: 30px; } .NewsIndex-error { margin-top: 60px; margin-bottom: 60px; font-size: 0.6rem; line-height: 2; font-weight: 400; color: #575757; text-align: center; } .NewsIndex-error:lang(en) { font-weight: 200; } .NewsIndex-error:lang(en) { font-size: 0.7rem; } .NewsList-item { padding-top: 0.6rem; padding-bottom: 0.8rem; border-bottom: 1px #ddd solid; } .NewsList-item:last-of-type { border-bottom: none; } .NewsList-item a { display: block; } .no-touchevents .NewsList-item:hover .NewsList-text { text-decoration: underline; } .NewsList-date { margin-right: 0.5rem; font-size: 0.6rem; font-weight: 300; letter-spacing: 0.05em; color: #000000; } .NewsList-tag { font-size: 0.6rem; font-weight: 300; letter-spacing: 0.05em; text-transform: uppercase; } .category-news .NewsList-tag { color: #61b4a8; } .category-press .NewsList-tag { color: #c66584; } .category-seminar .NewsList-tag { color: #e8b78c; } .category-data .NewsList-tag { color: #e8b78c; } .NewsList-text { margin-top: 0.3rem; font-size: 0.6rem; line-height: 1.5; font-weight: 400; color: #575757; } .NewsList-text:lang(en) { font-weight: 200; } .NewsList-text:lang(en) { font-size: 0.7rem; } .NewsDetail { background-color: #f8f8f8; } .NewsDetail:before, .NewsDetail:after { content: " "; display: table; } .NewsDetail:after { clear: both; } .NewsDetail-inner { margin-top: 40px; } .NewsDetail-body { border-bottom: 1px #999999 dashed; } .NewsDetail-footer { margin-top: 30px; margin-bottom: 40px; } .NewsDetail-bottom { margin-top: 40px; margin-bottom: 40px; text-align: center; } .PageFooter { padding: 30px 0 25px; background-color: #000000; text-align: center; color: #ffffff; opacity: 0; } .PageFooter:before, .PageFooter:after { content: " "; display: table; } .PageFooter:after { clear: both; } .is-loaded .PageFooter { opacity: 1; } .PageFooter-logo { width: 140px; margin-left: auto; margin-right: auto; margin-bottom: 20px; color: #000000; } .PageFooter-logo-inner { display: block; width: 140px; height: 0; padding-top: 24px; background-image: url("../img/common/logo_footer_mob.png"); background-position: center; background-repeat: no-repeat; background-size: contain; overflow: hidden; } .PageFooter-share { margin-bottom: 20px; } .PageFooter-share-title { margin-bottom: 10px; font-size: 0.5rem; font-weight: 300; } .PageFooter-share-list-item { display: inline-block; font-size: 0.6rem; font-weight: 300; -webkit-transition: color 0.2s ease-out; transition: color 0.2s ease-out; } .PageFooter-share-list-item:first-of-type .PageFooter-share-icon { margin-right: 0.1rem; } .no-touchevents .PageFooter-share-list-item.share-facebook:hover { color: #426dc5; } .no-touchevents .PageFooter-share-list-item.share-twitter:hover { color: #55acee; } .PageFooter-share li + li { margin-left: 20px; } .PageFooter-share-icon { display: inline-block; width: 22px; height: 22px; margin-right: 0.3rem; } .PageFooter-share-text { display: inline-block; line-height: 1.1rem; } .PageFooter-award { padding-top: 20px; padding-bottom: 15px; margin-left: 20px; margin-right: 20px; margin-bottom: 30px; border-top: 1px #999999 solid; border-bottom: 1px #999999 solid; } .PageFooter-award-title { margin-left: 5px; margin-bottom: 12px; font-size: 0.5rem; font-weight: 300; } .PageFooter-award-list-item { display: inline-block; margin-bottom: 10px; margin-left: 2px; margin-right: 2px; } .PageFooter-links { font-size: 0.5rem; } .PageFooter-links-list { margin-bottom: 18px; } .PageFooter-links-list:before, .PageFooter-links-list:after { content: " "; display: table; } .PageFooter-links-list:after { clear: both; } .PageFooter-links-list-item { margin-bottom: 0.5rem; color: #999999; } .PageFooter-links-list-item a { text-decoration: none; } .PageFooter-links-list-item a:link { text-decoration: none; } .PageFooter-links-list-item a:visited { text-decoration: none; } .PageFooter-links-list-item a:active { text-decoration: none; } .PageFooter-links-list-item a:hover { text-decoration: underline; } .PageFooter-copyright { font-size: 0.5rem; font-weight: 300; letter-spacing: 0.05em; } .PageHeader { position: relative; width: 100%; top: 0; left: 0; z-index: 10; } .PageHeader-title { position: fixed; z-index: 2; opacity: 0; top: 0; } .is-loaded .PageHeader-title { opacity: 1; } .PageHeader-logo { width: 80px; height: 60px; padding-top: 11px; padding-left: 18px; background-color: #000000; box-sizing: border-box; } .PageHeader-logo-inner { display: block; width: 62px; height: 0; padding-top: 38px; background-image: url("../img/common/logo_header_mob.png"); background-position: center; background-repeat: no-repeat; background-size: contain; overflow: hidden; } .PageHeader-burger { position: absolute; width: 70px; height: 60px; left: 80px; top: 0; background-color: #000000; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -webkit-tap-highlight-color: transparent; } .PageHeader-burger-line1, .PageHeader-burger-line2 { position: absolute; width: 30px; height: 1px; left: 20px; background-color: #ffffff; -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: -webkit-transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); transition: transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1), -webkit-transform 0.35s cubic-bezier(0.37, 0.16, 0.12, 1); } .PageHeader-burger-line1 { top: 26px; } .is-navOpen .PageHeader-burger-line1 { -webkit-transform: rotate(45deg) translate(2px, 3px); -ms-transform: rotate(45deg) translate(2px, 3px); transform: rotate(45deg) translate(2px, 3px); } .PageHeader-burger-line2 { top: 33px; } .is-navOpen .PageHeader-burger-line2 { -webkit-transform: rotate(-45deg) translate(2px, -3px); -ms-transform: rotate(-45deg) translate(2px, -3px); transform: rotate(-45deg) translate(2px, -3px); } .PageHeader-body { position: fixed; width: 70%; min-width: 220px; height: 100%; box-sizing: border-box; z-index: 1; -webkit-transform: translateX(-100.5%); -ms-transform: translateX(-100.5%); transform: translateX(-100.5%); opacity: 0; } .is-loaded .PageHeader-body { opacity: 1; } .PageHeader-body-inner { position: relative; height: 100%; -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.52, 0.08, 0.18, 1); transition: -webkit-transform 0.6s cubic-bezier(0.52, 0.08, 0.18, 1); transition: transform 0.6s cubic-bezier(0.52, 0.08, 0.18, 1); transition: transform 0.6s cubic-bezier(0.52, 0.08, 0.18, 1), -webkit-transform 0.6s cubic-bezier(0.52, 0.08, 0.18, 1); overflow: auto; box-sizing: border-box; } .is-navOpen .PageHeader-body-inner { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } .PageHeader-body-bg { position: relative; width: 100%; height: 100%; box-sizing: border-box; padding-top: 60px; } .PageHeader-body-bg-inner { height: 100%; background-color: #000000; } .PageHeader-nav { position: absolute; width: 100%; height: 100%; box-sizing: border-box; overflow: auto; top: 0; } .PageHeader-nav-list { background-color: #000000; } .PageHeader-menuList { padding-top: 40px; padding-bottom: 40px; margin-top: 60px; } .PageHeader-menuList-item { position: relative; margin-left: 22%; font-size: 0.8rem; font-weight: 300; letter-spacing: 0.05em; color: #ffffff; overflow: hidden; -webkit-transition: color 0.3s ease-out; transition: color 0.3s ease-out; } .PageHeader-menuList-item a { display: block; } .PageHeader-menuList-item a::after { position: absolute; display: block; content: ""; width: 100%; height: 100%; top: 0; background-color: transparent; cursor: pointer; } .PageHeader-menuList-item-blank { position: relative; padding-right: 1rem; } .PageHeader-menuList-item-blank::after { content: ""; position: absolute; width: 14px; height: 14px; right: 0; top: 50%; margin-top: -7px; color: #999999; background-image: url("../img/symbol/icon-blank.svg"); background-repeat: no-repeat; } .is-home .PageHeader-menuList-item.menu-home { color: #e8b78c; pointer-events: none; } .is-irnotice .PageHeader-menuList-item.menu-irnotice, .is-services .PageHeader-menuList-item.menu-services, .is-value .PageHeader-menuList-item.menu-services, .is-casestudy .PageHeader-menuList-item.menu-services, .is-casestudy-detail .PageHeader-menuList-item.menu-services, .is-advertising .PageHeader-menuList-item.menu-services, .is-advertising-detail .PageHeader-menuList-item.menu-services { color: #e8b78c; } .is-news .PageHeader-menuList-item.menu-news, .is-news-detail .PageHeader-menuList-item.menu-news { color: #e8b78c; } .is-about .PageHeader-menuList-item.menu-about { color: #e8b78c; pointer-events: none; } .is-recruit .PageHeader-menuList-item.menu-recruit { color: #e8b78c; pointer-events: none; } .PageHeader-menuList li + li { margin-top: 20px; } .PageHeader-langList { background-color: #efefef; height: 60px; overflow: hidden; } .PageHeader-langList-item { display: inline-block; position: relative; margin-left: 22%; font-size: 0.8rem; font-weight: 300; color: #000000; line-height: 3rem; } .PageHeader-langList-item::after { position: absolute; display: block; content: ""; width: 100%; height: 30px; top: 50%; margin-top: 8px; -webkit-transform: translateY(-43px); -ms-transform: translateY(-43px); transform: translateY(-43px); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; background-color: #000000; opacity: 0; -webkit-transition: opacity 0.5s cubic-bezier(0.52, 0.08, 0.18, 1), height 0.5s cubic-bezier(0.52, 0.08, 0.18, 1), background 0.5s cubic-bezier(0.52, 0.08, 0.18, 1), -webkit-transform 0.5s cubic-bezier(0.52, 0.08, 0.18, 1); transition: opacity 0.5s cubic-bezier(0.52, 0.08, 0.18, 1), height 0.5s cubic-bezier(0.52, 0.08, 0.18, 1), background 0.5s cubic-bezier(0.52, 0.08, 0.18, 1), -webkit-transform 0.5s cubic-bezier(0.52, 0.08, 0.18, 1); transition: opacity 0.5s cubic-bezier(0.52, 0.08, 0.18, 1), height 0.5s cubic-bezier(0.52, 0.08, 0.18, 1), transform 0.5s cubic-bezier(0.52, 0.08, 0.18, 1), background 0.5s cubic-bezier(0.52, 0.08, 0.18, 1); transition: opacity 0.5s cubic-bezier(0.52, 0.08, 0.18, 1), height 0.5s cubic-bezier(0.52, 0.08, 0.18, 1), transform 0.5s cubic-bezier(0.52, 0.08, 0.18, 1), background 0.5s cubic-bezier(0.52, 0.08, 0.18, 1), -webkit-transform 0.5s cubic-bezier(0.52, 0.08, 0.18, 1); } .no-touchevents .PageHeader-langList-item:hover::after { height: 3px; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; } .PageHeader-langList-item:lang(ja).lang-ja { pointer-events: none; } .PageHeader-langList-item:lang(ja).lang-ja::after { height: 3px; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; } .PageHeader-langList-item:lang(ja).lang-en { color: #757575; } .PageHeader-langList-item:lang(ja).lang-en::after { background-color: #757575; } .no-touchevents .PageHeader-langList-item:lang(ja).lang-en::after:hover { background-color: #000000; } .PageHeader-langList-item:lang(en).lang-ja { color: #757575; } .PageHeader-langList-item:lang(en).lang-ja::after { background-color: #757575; } .PageHeader-langList-item:lang(en).lang-en { pointer-events: none; } .PageHeader-langList-item:lang(en).lang-en::after { height: 3px; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; } .PageHeader-langList-item a { display: block; } .PageHeader-langList-item a::after { position: absolute; display: block; content: ""; width: 100%; height: 100%; top: 0; background-color: transparent; cursor: pointer; z-index: 2; } .PageHeader-langList li + li { margin-left: 38px; } .PageHeader-langList li + li::before { position: absolute; content: ""; width: 1px; height: 16px; left: -20px; top: 50%; margin-top: -8px; background-color: #afafaf; } .PageHeader-contact { display: block; position: relative; height: 60px; color: #ffffff; background-color: #e8b78c; box-sizing: border-box; -webkit-transition: background-color 0.35s ease-out; transition: background-color 0.35s ease-out; } .no-touchevents .PageHeader-contact:hover { background-color: #000000; } .PageHeader-contact-text { margin-left: 22%; margin-right: 0.1rem; font-size: 0.8rem; font-weight: 300; line-height: 3rem; letter-spacing: 0.05em; } .PageLoading { position: fixed; width: 100%; height: 100%; left: 0; top: 0; background-color: #000000; z-index: 20; } .PageLoading-body { position: absolute; width: 90px; height: 90px; top: 50%; left: 50%; margin-top: -45px; margin-left: -45px; } .PageLoading-logo { position: absolute; width: 62px; height: 28px; left: 50%; top: 50%; margin-left: -31px; margin-top: -14px; opacity: 0.5; } .PageLoading-circle { width: 90px; height: 90px; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); stroke-linecap: round; stroke-width: 4; fill: none; opacity: 0.3; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; } .is-ie .PageLoading-circle, .is-edge .PageLoading-circle { opacity: 0; } .PageLoading-circle-line1, .PageLoading-circle-line2 { stroke: #999999; stroke-dashoffset: 0; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; stroke-dasharray: 268; } .PageLoading-circle-line1 { -webkit-animation: loading-circle1 1.0s linear infinite; animation: loading-circle1 1.0s linear infinite; } .PageLoading-circle-line2 { -webkit-animation: loading-circle2 1.2s linear infinite; animation: loading-circle2 1.2s linear infinite; stroke-dashoffset: -268; } .PageLoading-circle-bg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 100%; height: 100%; border-radius: 50%; box-sizing: border-box; border-width: 4px; border-style: solid; border-color: rgba(153, 153, 153, 0.2); } .is-ie .PageLoading-circle-bg, .is-edge .PageLoading-circle-bg { border-width: 4px; border-style: solid; border-color: #999999 rgba(153, 153, 153, 0.2); -webkit-animation-name: loading-circle-bg; animation-name: loading-circle-bg; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75); animation-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75); -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .PageMain { background-color: #ffffff; opacity: 0; } .PageMain:before, .PageMain:after { content: " "; display: table; } .PageMain:after { clear: both; } .is-loaded .PageMain { opacity: 1; } .Pagination { margin-top: 50px; margin-bottom: 50px; text-align: center; height: 30px; } .Pagination-inner { display: inline-block; } .Pagination-prev, .Pagination-next { display: inline-block; position: relative; padding: 0.3rem 1.1rem 0.2rem; font-size: 0.6rem; font-weight: 300; line-height: 0.9rem; letter-spacing: 0.05em; text-align: center; text-transform: uppercase; border-radius: 99em; box-sizing: border-box; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -webkit-tap-highlight-color: transparent; overflow: hidden; -webkit-perspective: 1000; perspective: 1000; -webkit-transform: translateZ(0px); transform: translateZ(0px); z-index: 1; border: 1px #000000 solid; float: left; } .Pagination-prev span, .Pagination-next span { position: relative; display: inline-block; -webkit-transform: translate3d(0, 0, 1px); transform: translate3d(0, 0, 1px); -webkit-transition: color 0.3s 0.1s cubic-bezier(0.57, 0.1, 0.13, 1); transition: color 0.3s 0.1s cubic-bezier(0.57, 0.1, 0.13, 1); z-index: 1; color: #000000; } .Pagination-prev:after, .Pagination-next:after { content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; border-radius: 99em; -webkit-transform: translate3d(-101%, 0%, 1px); transform: translate3d(-101%, 0%, 1px); -webkit-transition: -webkit-transform 0.4s 0.1s cubic-bezier(0.57, 0.1, 0.13, 1); transition: -webkit-transform 0.4s 0.1s cubic-bezier(0.57, 0.1, 0.13, 1); transition: transform 0.4s 0.1s cubic-bezier(0.57, 0.1, 0.13, 1); transition: transform 0.4s 0.1s cubic-bezier(0.57, 0.1, 0.13, 1), -webkit-transform 0.4s 0.1s cubic-bezier(0.57, 0.1, 0.13, 1); background-color: #000000; } .no-touchevents .Pagination-prev:hover:after, .no-touchevents .Pagination-next:hover:after { -webkit-transform: translate3d(0%, 0%, 1px); transform: translate3d(0%, 0%, 1px); -webkit-transition: -webkit-transform 0.5s 0s cubic-bezier(0.57, 0.1, 0.13, 1); transition: -webkit-transform 0.5s 0s cubic-bezier(0.57, 0.1, 0.13, 1); transition: transform 0.5s 0s cubic-bezier(0.57, 0.1, 0.13, 1); transition: transform 0.5s 0s cubic-bezier(0.57, 0.1, 0.13, 1), -webkit-transform 0.5s 0s cubic-bezier(0.57, 0.1, 0.13, 1); } .no-touchevents .Pagination-prev:hover span, .no-touchevents .Pagination-next:hover span { -webkit-transition: color 0.3s cubic-bezier(0.57, 0.1, 0.13, 1); transition: color 0.3s cubic-bezier(0.57, 0.1, 0.13, 1); color: #ffffff; } .Pagination-prev { margin-right: 1rem; } .Pagination-next { margin-left: 1rem; } .Pagination-num, .Pagination-extend, .Pagination-current { margin-left: 0.5rem; margin-right: 0.5rem; font-size: 0.8rem; display: inline-block; line-height: 1.5rem; float: left; } .Pagination-num, .Pagination-extend { display: none; font-weight: 100; } .Pagination-current { font-weight: 300; } .Privacy { background-color: #f8f8f8; } .Privacy:before, .Privacy:after { content: " "; display: table; } .Privacy:after { clear: both; } .Privacy-content { margin-top: 50px; margin-bottom: 60px; font-size: 0.6rem; line-height: 2; font-weight: 400; color: #575757; } .Privacy-content:lang(en) { font-weight: 200; } .Privacy-content:lang(en) { font-size: 0.7rem; } .Privacy-section { margin-bottom: 2rem; } .Privacy .Article-headline { line-height: 2; } .ServicesIndex { background-color: #f8f8f8; margin-top: 42px; } .ServicesIndex-inner { -webkit-transform: translateY(-42px); -ms-transform: translateY(-42px); transform: translateY(-42px); padding-bottom: 42px; } .ServicesIndex-main { position: relative; margin-bottom: 50px; text-align: center; } .no-touchevents .ServicesIndex-main a:hover .ServicesIndex-main-visual::after { border: 6px #ddd solid; } .no-touchevents .ServicesIndex-main a:hover .Button-round-black { background-color: #ddd; } .no-touchevents .ServicesIndex-main a:hover .Button-round-black::before { -webkit-transform: translate3d(100%, 0%, 0px); transform: translate3d(100%, 0%, 0px); } .no-touchevents .ServicesIndex-main a:hover .Button-round-black::after { -webkit-transform: translate3d(0%, 0%, 0px); transform: translate3d(0%, 0%, 0px); } .no-touchevents .ServicesIndex-main a:hover .Button-round-black span { color: #000000; } .ServicesIndex-main-body { position: relative; } .ServicesIndex-main-title { margin-bottom: 10px; font-size: 0.7rem; line-height: 1.5; letter-spacing: 0.05em; font-weight: 300; } :root .ServicesIndex-main-title { font-family: "AXIS Font Japanese W55", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "Yu Gothic", "メイリオ", Meiryo, sans-serif; } .ServicesIndex-main-title:lang(en) { font-weight: 100; } .ServicesIndex-main-title:lang(en) { font-size: 0.8rem; } :root .ServicesIndex-main-title:lang(en) { font-family: "Myriad W01", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } .ServicesIndex-main-visual { position: relative; margin-bottom: 10px; overflow: hidden; } .ServicesIndex-main-visual img { width: 100%; } .ServicesIndex-main-visual::after { position: absolute; display: block; content: ""; width: 100%; height: 100%; left: 0; top: 0; border: 0 #ddd solid; box-sizing: border-box; -webkit-transition: border 0.3s ease-out; transition: border 0.3s ease-out; } .ServicesIndex-block-section { box-sizing: border-box; text-align: center; } .ServicesIndex-block-section.comingsoon { pointer-events: none; } .ServicesIndex-block-section .comingsoon-text { margin-top: 0.2rem; font-size: 0.55rem; line-height: 1.75; font-weight: 400; } .ServicesIndex-block-section .comingsoon-text:lang(en) { font-weight: 200; } .ServicesIndex-block-section .comingsoon-text:lang(en) { font-size: 0.65rem; } .no-touchevents .ServicesIndex-block-section a:hover .ServicesIndex-block-visual::after { border: 6px #ddd solid; } .no-touchevents .ServicesIndex-block-section a:hover .Button-round-black { background-color: #ddd; } .no-touchevents .ServicesIndex-block-section a:hover .Button-round-black::before { -webkit-transform: translate3d(100%, 0%, 0px); transform: translate3d(100%, 0%, 0px); } .no-touchevents .ServicesIndex-block-section a:hover .Button-round-black::after { -webkit-transform: translate3d(0%, 0%, 0px); transform: translate3d(0%, 0%, 0px); } .no-touchevents .ServicesIndex-block-section a:hover .Button-round-black span { color: #000000; } .ServicesIndex-block section + section { margin-top: 50px; } .ServicesIndex-block-visual { position: relative; margin-bottom: 10px; overflow: hidden; } .ServicesIndex-block-visual::after { position: absolute; display: block; content: ""; width: 100%; height: 100%; left: 0; top: 0; border: 0 #ddd solid; box-sizing: border-box; -webkit-transition: border 0.3s ease-out; transition: border 0.3s ease-out; } .ServicesIndex-block-title { margin-bottom: 10px; font-size: 0.7rem; line-height: 1.5; letter-spacing: 0.05em; font-weight: 300; } :root .ServicesIndex-block-title { font-family: "AXIS Font Japanese W55", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "Yu Gothic", "メイリオ", Meiryo, sans-serif; } .ServicesIndex-block-title:lang(en) { font-weight: 100; } .ServicesIndex-block-title:lang(en) { font-size: 0.8rem; } :root .ServicesIndex-block-title:lang(en) { font-family: "Myriad W01", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } .IrnoticeIndex { background-color: #f8f8f8; margin-top: 42px; } .IrnoticeIndex-inner { -webkit-transform: translateY(-42px); -ms-transform: translateY(-42px); transform: translateY(-42px); padding-bottom: 42px; background-color: #f8f8f8; } .IrnoticeIndex-main { position: relative; margin-bottom: 50px; text-align: center; } .no-touchevents .IrnoticeIndex-main a:hover .IrnoticeIndex-main-visual::after { border: 6px #ddd solid; } .no-touchevents .IrnoticeIndex-main a:hover .Button-round-black { background-color: #ddd; } .no-touchevents .IrnoticeIndex-main a:hover .Button-round-black::before { -webkit-transform: translate3d(100%, 0%, 0px); transform: translate3d(100%, 0%, 0px); } .no-touchevents .IrnoticeIndex-main a:hover .Button-round-black::after { -webkit-transform: translate3d(0%, 0%, 0px); transform: translate3d(0%, 0%, 0px); } .no-touchevents .IrnoticeIndex-main a:hover .Button-round-black span { color: #000000; } .IrnoticeIndex-main-body { position: relative; } .IrnoticeIndex-main-title { margin-bottom: 10px; font-size: 0.7rem; line-height: 1.5; letter-spacing: 0.05em; font-weight: 300; } :root .IrnoticeIndex-main-title { font-family: "AXIS Font Japanese W55", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "Yu Gothic", "メイリオ", Meiryo, sans-serif; } .IrnoticeIndex-main-title:lang(en) { font-weight: 100; } .IrnoticeIndex-main-title:lang(en) { font-size: 0.8rem; } :root .IrnoticeIndex-main-title:lang(en) { font-family: "Myriad W01", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } .IrnoticeIndex-main-visual { position: relative; margin-bottom: 10px; overflow: hidden; text-align: center; padding-top: 100px; } .IrnoticeIndex-main-visual img { width: 100%; } .IrnoticeIndex-main-visual::after { position: absolute; display: block; content: ""; width: 100%; height: 100%; left: 0; top: 0; border: 0 #ddd solid; box-sizing: border-box; -webkit-transition: border 0.3s ease-out; transition: border 0.3s ease-out; } .IrnoticeIndex-main-visual-large { font-size:1.1rem; } .IrnoticeIndex-main-visual-title-pdf { padding-left:2%; } .IrnoticeIndex-main-visual-title-pdf a { text-decoration: underline; z-index: 1; position:relative; } .IrnoticeIndex-main-visual-title-pdf span { background-color: #dc3545; display: inline-block; vertical-align: middle; padding: 0px 10px; margin-left: 5px; line-height: 15px; color: #FFF; font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'MS Pゴシック', ar\ial, helvetica, clean, sans-serif; font-size: 10px; } .IrnoticeIndex-block-section { box-sizing: border-box; text-align: center; } .IrnoticeIndex-block-section.comingsoon { pointer-events: none; } .IrnoticeIndex-block-section .comingsoon-text { margin-top: 0.2rem; font-size: 0.55rem; line-height: 1.75; font-weight: 400; } .IrnoticeIndex-block-section .comingsoon-text:lang(en) { font-weight: 200; } .IrnoticeIndex-block-section .comingsoon-text:lang(en) { font-size: 0.65rem; } .no-touchevents .IrnoticeIndex-block-section a:hover .IrnoticeIndex-block-visual::after { border: 6px #ddd solid; } .no-touchevents .IrnoticeIndex-block-section a:hover .Button-round-black { background-color: #ddd; } .no-touchevents .IrnoticeIndex-block-section a:hover .Button-round-black::before { -webkit-transform: translate3d(100%, 0%, 0px); transform: translate3d(100%, 0%, 0px); } .no-touchevents .IrnoticeIndex-block-section a:hover .Button-round-black::after { -webkit-transform: translate3d(0%, 0%, 0px); transform: translate3d(0%, 0%, 0px); } .no-touchevents .IrnoticeIndex-block-section a:hover .Button-round-black span { color: #000000; } .IrnoticeIndex-block section + section { margin-top: 50px; } .IrnoticeIndex-block-visual { position: relative; margin-bottom: 10px; overflow: hidden; } .IrnoticeIndex-block-visual::after { position: absolute; display: block; content: ""; width: 100%; height: 100%; left: 0; top: 0; border: 0 #ddd solid; box-sizing: border-box; -webkit-transition: border 0.3s ease-out; transition: border 0.3s ease-out; } .IrnoticeIndex-block-title { margin-bottom: 10px; font-size: 0.7rem; line-height: 1.5; letter-spacing: 0.05em; font-weight: 300; } :root .IrnoticeIndex-block-title { font-family: "AXIS Font Japanese W55", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "Yu Gothic", "メイリオ", Meiryo, sans-serif; } .IrnoticeIndex-block-title:lang(en) { font-weight: 100; } .IrnoticeIndex-block-title:lang(en) { font-size: 0.8rem; } :root .IrnoticeIndex-block-title:lang(en) { font-family: "Myriad W01", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } .Share { margin-bottom: 20px; color: #575757; font-size: 0.6rem; line-height: 2; font-weight: 400; text-align: center; } .Share:lang(en) { font-weight: 200; } .Share:lang(en) { font-size: 0.7rem; } .Share-title { font-size: 0.6rem; font-weight: 200; letter-spacing: 0.05em; margin-bottom: 0.5rem; } .Share-list-item { width: 36px; height: 36px; display: inline-block; margin-left: 5px; margin-right: 5px; -webkit-transition: color 0.2s ease-out; transition: color 0.2s ease-out; } .Share-list-item.share-facebook { color: #3b5998; } .Share-list-item.share-twitter { color: #55acee; } .no-touchevents .Share-list-item:hover { color: #000000; } .Table { border-collapse: collapse; width: 100%; line-height: 1.25; } .Table th { width: 10%; min-width: 6em; text-align: left; color: #000000; font-weight: 400; } .Table th:lang(en) { font-weight: 200; } .Table td { padding-left: 0.5rem; color: #575757; font-weight: 300; } .Table td:lang(en) { font-weight: 100; } .Table td a { position: relative; padding-right: 1rem; -webkit-transition: color 0.2s ease-out; transition: color 0.2s ease-out; } .no-touchevents .Table td a:hover { color: #61b4a8; } .Table td a::after { content: ""; position: absolute; width: 14px; height: 14px; right: 0; top: 50%; margin-top: -7px; color: #999999; background-image: url("../img/symbol/icon-blank.svg"); background-repeat: no-repeat; } .Table th, .Table td { display: table-cell; padding-top: 0.2rem; padding-bottom: 0.3rem; vertical-align: top; word-break: break-all; } .TableBox { border-collapse: collapse; width: 100%; } .TableBox th, .TableBox td { display: block; vertical-align: top; font-size: 0.6rem; line-height: 2; font-weight: 400; line-height: 1.75; color: #000000; } .TableBox th:lang(en), .TableBox td:lang(en) { font-weight: 200; } .TableBox th:lang(en), .TableBox td:lang(en) { font-size: 0.7rem; } .TableBox th { padding: 0.75rem 1rem; text-align: left; background-color: #e1eee9; border: solid #ffffff; border-width: 1px 0 0; } .TableBox td { padding: 0.75rem 1rem; background-color: #f6f8f8; font-weight: 300; } .TableBox td:lang(en) { font-weight: 100; } .TableBox td::before { content: ""; position: absolute; left: 0; top: 0; right: 0; } .TableBox-list { padding-left: 25px; margin-bottom: 1.8rem; } .TableBox-list-item { position: relative; font-size: 0.6rem; line-height: 1.5; font-weight: 400; color: #575757; } .TableBox-list-item:lang(en) { font-weight: 200; } .TableBox-list-item:lang(en) { font-size: 0.7rem; } .TableBox-list-item::before { position: absolute; display: block; content: ""; width: 14px; height: 3px; left: -1.25rem; top: 0.45rem; background-color: #61b4a8; border-radius: 99em; } .TableBox-list li + li { margin-top: 0.9rem; } .TableBox-list:last-child { margin-bottom: 0; } .TableBox-notes { margin-bottom: 1.5rem; font-size: 0.5rem; line-height: 1.5; color: #575757; } .TableBox-notes li + li { margin-top: 0.5rem; } .TableBox-notes:last-child { margin-bottom: 0; } .TableBox-text { margin-bottom: 1.2rem; font-size: 0.6rem; line-height: 2; font-weight: 400; color: #575757; } .TableBox-text:lang(en) { font-weight: 200; } .TableBox-text:lang(en) { font-size: 0.7rem; } .TableBox-text a { color: #61b4a8; text-decoration: underline; } .TableBox-text a:link { text-decoration: underline; } .TableBox-text a:visited { text-decoration: underline; } .TableBox-text a:active { text-decoration: underline; } .TableBox-text a:hover { text-decoration: none; } .TableBox-text:last-child { margin-bottom: 0; } .is-data-info .TableBox th { border: solid #f8f8f8; border-width: 1px 0 0; } .is-data-info .TableBox td { background-color: #ffffff; } .UniverseHero { background-color: #000000; } .UniverseHero-inner { position: relative; overflow: hidden; background-image: url("../img/services/universe/main_small.jpg"); background-position: center; background-repeat: no-repeat; background-size: cover; } .UniverseHero-inner img { display: none; } .UniverseHero-visual { display: none; } .UniverseHero-body { padding-left: 20px; padding-right: 20px; padding-top: 10%; padding-bottom: 11.66667%; color: #ffffff; } .UniverseHero-body-title { margin-bottom: 24px; font-size: 1rem; line-height: 1.5; font-weight: 300; line-height: 1.5; } :root .UniverseHero-body-title { font-family: "AXIS Font Japanese W55", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "Yu Gothic", "メイリオ", Meiryo, sans-serif; } .UniverseHero-body-title:lang(en) { font-weight: 100; } .UniverseHero-body-title:lang(en) { font-size: 1.1rem; } :root .UniverseHero-body-title:lang(en) { font-family: "Myriad W01", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } .UniverseHero-body-title br { display: none; } .UniverseHero-body-summary { font-size: 0.6rem; line-height: 2; font-weight: 400; } .UniverseHero-body-summary:lang(en) { font-weight: 200; } .UniverseHero-body-summary:lang(en) { font-size: 0.7rem; } .UniverseHero-body-summary:lang(ja) { text-align: justify; } .UniverseUnvs { background-color: #ffffff; } .UniverseUnvs-content { padding-top: 12.5%; } .UniverseUnvs-title { max-width: 658px; padding-left: 20px; padding-right: 20px; padding-bottom: 8.33333%; margin-left: auto; margin-right: auto; } .UniverseUnvsIntro { background-color: #ffffff; } .UniverseUnvsIntro-content { padding-bottom: 8.33333%; } .UniverseUnvsIntro-title { margin-bottom: 1.2rem; font-size: 0.9rem; line-height: 1.5; letter-spacing: 0.05em; font-weight: 300; text-align: center; } :root .UniverseUnvsIntro-title { font-family: "AXIS Font Japanese W55", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "Yu Gothic", "メイリオ", Meiryo, sans-serif; } .UniverseUnvsIntro-title:lang(en) { font-weight: 100; } .UniverseUnvsIntro-title:lang(en) { font-size: 1rem; letter-spacing: normal; } :root .UniverseUnvsIntro-title:lang(en) { font-family: "Myriad W01", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } .UniverseUnvsIntro-text { margin-left: auto; margin-right: auto; padding-bottom: 12.5%; font-size: 0.55rem; line-height: 1.75; font-weight: 400; line-height: 2; font-weight: 300; } .UniverseUnvsIntro-text:lang(en) { font-weight: 200; } .UniverseUnvsIntro-text:lang(en) { font-size: 0.65rem; } .UniverseUnvsIntro-text:lang(en) { font-weight: 100; } .UniverseUnvsIntro-detail-illust { width: 80%; max-width: 340px; margin-left: auto; margin-right: auto; } .UniverseUnvsIntro-detail-illust-img { padding-bottom: 438.82353%; background-image: url("../img/services/universe/illust_universe_small.png"); background-position: center; background-repeat: no-repeat; background-size: cover; } .UniverseUnvsIntro-detail-illust-img img { display: none; } .UniverseUnvsIntro-list { padding-top: 10%; } .UniverseUnvsIntro-list-item { margin-bottom: 30px; } .UniverseUnvsIntro-list-item:last-of-type { margin-bottom: 0; } .UniverseUnvsIntro-list-item-title { margin-bottom: 0.5rem; font-size: 0.6rem; line-height: 1.5; letter-spacing: 0.05em; font-weight: 500; } :root .UniverseUnvsIntro-list-item-title { font-family: "AXIS Font Japanese W55", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "Yu Gothic", "メイリオ", Meiryo, sans-serif; } .UniverseUnvsIntro-list-item-title:lang(en) { font-weight: 300; } .UniverseUnvsIntro-list-item-title:lang(en) { font-size: 0.7rem; letter-spacing: normal; } :root .UniverseUnvsIntro-list-item-title:lang(en) { font-family: "Myriad W01", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } .UniverseUnvsIntro-list-item-text { font-size: 0.55rem; line-height: 1.75; font-weight: 400; line-height: 2; font-weight: 300; } .UniverseUnvsIntro-list-item-text:lang(en) { font-weight: 200; } .UniverseUnvsIntro-list-item-text:lang(en) { font-size: 0.65rem; } .UniverseUnvsIntro-list-item-text:lang(en) { font-weight: 100; } .UniverseUnvsCase { background-color: #f8f8f8; } .UniverseUnvsCase-content { padding-top: 12.5%; padding-bottom: 12.5%; } .UniverseUnvsCase-title { margin-bottom: 0.4rem; font-size: 1.7rem; letter-spacing: 0.05em; line-height: 1.15; font-weight: 100; } .UniverseUnvsCase-summary { margin-left: auto; margin-right: auto; margin-bottom: 60px; font-size: 0.6rem; line-height: 2; font-weight: 400; font-weight: 300; } .UniverseUnvsCase-summary:lang(en) { font-weight: 200; } .UniverseUnvsCase-summary:lang(en) { font-size: 0.7rem; } .UniverseUnvsCase-summary:lang(en) { font-weight: 100; } .UniverseUnvsCase-list { position: relative; } .UniverseUnvsCase-list-item { margin-bottom: 40px; } .UniverseUnvsCase-list-item:last-of-type { margin-bottom: 0; } .UniverseUnvsCase-list-item-img { display: block; width: 50%; max-width: 192px; margin-left: auto; margin-right: auto; margin-bottom: 30px; } .UniverseUnvsCase-list-item-title { margin-bottom: 0.5rem; font-size: 0.6rem; line-height: 1.5; letter-spacing: 0.05em; font-weight: 500; text-align: center; } :root .UniverseUnvsCase-list-item-title { font-family: "AXIS Font Japanese W55", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "Yu Gothic", "メイリオ", Meiryo, sans-serif; } .UniverseUnvsCase-list-item-title:lang(en) { font-weight: 300; } .UniverseUnvsCase-list-item-title:lang(en) { font-size: 0.7rem; letter-spacing: normal; } :root .UniverseUnvsCase-list-item-title:lang(en) { font-family: "Myriad W01", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } .UniverseUnvsCase-list-item-text { font-size: 0.55rem; line-height: 1.75; font-weight: 400; line-height: 2; font-weight: 300; } .UniverseUnvsCase-list-item-text:lang(en) { font-weight: 200; } .UniverseUnvsCase-list-item-text:lang(en) { font-size: 0.65rem; } .UniverseUnvsCase-list-item-text:lang(en) { font-weight: 100; } .UniverseUnvsMethod { background-color: #ecf5f2; } .UniverseUnvsMethod-content { padding-top: 12.5%; padding-bottom: 12.5%; } .UniverseUnvsMethod-title { margin-bottom: 0.4rem; font-size: 1.7rem; letter-spacing: 0.05em; line-height: 1.15; font-weight: 100; } .UniverseUnvsMethod-summary { margin-left: auto; margin-right: auto; margin-bottom: 50px; font-size: 0.6rem; line-height: 2; font-weight: 400; font-weight: 300; } .UniverseUnvsMethod-summary:lang(en) { font-weight: 200; } .UniverseUnvsMethod-summary:lang(en) { font-size: 0.7rem; } .UniverseUnvsMethod-summary:lang(en) { font-weight: 100; } .UniverseUnvsMethod-illust { width: 100%; max-width: 375px; margin-left: auto; margin-right: auto; margin-bottom: 40px; box-sizing: border-box; border: 3px #61b4a8 solid; } .UniverseUnvsMethod-illust-img { padding-bottom: 372%; background-image: url("../img/services/universe/illust_method_small.png"); background-position: center; background-repeat: no-repeat; background-size: cover; } .UniverseUnvsMethod-illust-img img { display: none; } .UniverseUnvsMethod-text { margin-left: auto; margin-right: auto; font-size: 0.55rem; line-height: 1.75; font-weight: 400; line-height: 2; font-weight: 300; } .UniverseUnvsMethod-text:lang(en) { font-weight: 200; } .UniverseUnvsMethod-text:lang(en) { font-size: 0.65rem; } .UniverseUnvsMethod-text:lang(en) { font-weight: 100; } .UniverseOnline { background-color: #ffffff; } .UniverseOnline-content { padding-top: 12.5%; } .UniverseOnline-title { max-width: 658px; padding-left: 20px; padding-right: 20px; padding-bottom: 8.33333%; margin-left: auto; margin-right: auto; } .UniverseOnline-title img { width: 100%; padding-left: 10.0304%; padding-right: 10.0304%; box-sizing: border-box; } .UniverseOnlineIntro { background-color: #ffffff; } .UniverseOnlineIntro-content { padding-bottom: 8.33333%; } .UniverseOnlineIntro-title { margin-bottom: 1.2rem; font-size: 0.9rem; line-height: 1.5; letter-spacing: 0.05em; font-weight: 300; text-align: center; } :root .UniverseOnlineIntro-title { font-family: "AXIS Font Japanese W55", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "Yu Gothic", "メイリオ", Meiryo, sans-serif; } .UniverseOnlineIntro-title:lang(en) { font-weight: 100; } .UniverseOnlineIntro-title:lang(en) { font-size: 1rem; letter-spacing: normal; } :root .UniverseOnlineIntro-title:lang(en) { font-family: "Myriad W01", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } .UniverseOnlineIntro-text { margin-left: auto; margin-right: auto; margin-bottom: 70px; font-size: 0.55rem; line-height: 1.75; font-weight: 400; line-height: 2; font-weight: 300; } .UniverseOnlineIntro-text:lang(en) { font-weight: 200; } .UniverseOnlineIntro-text:lang(en) { font-size: 0.65rem; } .UniverseOnlineIntro-text:lang(en) { font-weight: 100; } .UniverseOnlineIntro-text br { display: none; } .UniverseOnlineIntro-visualize-title { margin-bottom: 40px; font-size: 0.6rem; line-height: 1.5; letter-spacing: 0.05em; font-weight: 500; } :root .UniverseOnlineIntro-visualize-title { font-family: "AXIS Font Japanese W55", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "Yu Gothic", "メイリオ", Meiryo, sans-serif; } .UniverseOnlineIntro-visualize-title:lang(en) { font-weight: 300; } .UniverseOnlineIntro-visualize-title:lang(en) { font-size: 0.7rem; letter-spacing: normal; } :root .UniverseOnlineIntro-visualize-title:lang(en) { font-family: "Myriad W01", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } .UniverseOnlineIntro-illust { width: 100%; max-width: 375px; margin-left: auto; margin-right: auto; box-sizing: border-box; } .UniverseOnlineIntro-illust-img { padding-bottom: 360%; background-image: url("../img/services/universe/illust_online_small.png"); background-position: center; background-repeat: no-repeat; background-size: cover; } .UniverseOnlineIntro-illust-img img { display: none; } .UniverseOnlineCase { background-color: #f8f8f8; } .UniverseOnlineCase-content { padding-top: 12.5%; padding-bottom: 8.33333%; } .UniverseOnlineCase-section { margin-bottom: 60px; } .UniverseOnlineCase-section:last-of-type { margin-bottom: 0; } .UniverseOnlineCase-section-icon { width: 48px; height: 48px; margin-left: auto; margin-right: auto; margin-bottom: 15px; } .UniverseOnlineCase-section-icon img { width: 100%; } .UniverseOnlineCase-section-title { margin-bottom: 1.6rem; font-size: 0.9rem; line-height: 1.5; letter-spacing: 0.05em; font-weight: 300; color: #61b4a8; text-align: center; } :root .UniverseOnlineCase-section-title { font-family: "AXIS Font Japanese W55", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "Yu Gothic", "メイリオ", Meiryo, sans-serif; } .UniverseOnlineCase-section-title:lang(en) { font-weight: 100; } .UniverseOnlineCase-section-title:lang(en) { font-size: 1rem; letter-spacing: normal; } :root .UniverseOnlineCase-section-title:lang(en) { font-family: "Myriad W01", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } .UniverseOnlineCase-section-label { margin-bottom: 0.2rem; font-size: 0.6rem; line-height: 1.5; letter-spacing: 0.05em; font-weight: 500; } :root .UniverseOnlineCase-section-label { font-family: "AXIS Font Japanese W55", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "Yu Gothic", "メイリオ", Meiryo, sans-serif; } .UniverseOnlineCase-section-label:lang(en) { font-weight: 300; } .UniverseOnlineCase-section-label:lang(en) { font-size: 0.7rem; letter-spacing: normal; } :root .UniverseOnlineCase-section-label:lang(en) { font-family: "Myriad W01", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } .UniverseOnlineCase-section-text { margin-bottom: 1.6rem; font-size: 0.55rem; line-height: 1.75; font-weight: 400; } .UniverseOnlineCase-section-text:lang(en) { font-weight: 200; } .UniverseOnlineCase-section-text:lang(en) { font-size: 0.65rem; } .UniverseOnlineCase-section-text span { display: inline-block; text-align: left; } .UniverseOnlineCase-section-text br { display: none; } .UniverseOnlineCase-section-list { text-align: left; } .UniverseOnlineCase-section-list-item { margin-bottom: 0.7rem; font-size: 0.6rem; line-height: 1.5; letter-spacing: 0.05em; font-weight: 500; font-weight: 400; padding-left: 1em; text-indent: -1em; } :root .UniverseOnlineCase-section-list-item { font-family: "AXIS Font Japanese W55", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "Yu Gothic", "メイリオ", Meiryo, sans-serif; } .UniverseOnlineCase-section-list-item:lang(en) { font-weight: 300; } .UniverseOnlineCase-section-list-item:lang(en) { font-size: 0.7rem; letter-spacing: normal; } :root .UniverseOnlineCase-section-list-item:lang(en) { font-family: "Myriad W01", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } .UniverseOnlineCase-section-list-item:lang(en) { font-weight: 200; } .UniverseRetail { background-color: #ffffff; } .UniverseRetail-content { padding-top: 12.5%; } .UniverseRetail-title { max-width: 658px; padding-left: 20px; padding-right: 20px; padding-bottom: 8.33333%; margin-left: auto; margin-right: auto; } .UniverseRetail-title img { width: 100%; padding-left: 10.94225%; padding-right: 10.94225%; box-sizing: border-box; } .UniverseRetailIntro { background-color: #ffffff; } .UniverseRetailIntro-content { padding-bottom: 8.33333%; } .UniverseRetailIntro-title { margin-bottom: 1.2rem; font-size: 0.9rem; line-height: 1.5; letter-spacing: 0.05em; font-weight: 300; text-align: center; } :root .UniverseRetailIntro-title { font-family: "AXIS Font Japanese W55", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "Yu Gothic", "メイリオ", Meiryo, sans-serif; } .UniverseRetailIntro-title:lang(en) { font-weight: 100; } .UniverseRetailIntro-title:lang(en) { font-size: 1rem; letter-spacing: normal; } :root .UniverseRetailIntro-title:lang(en) { font-family: "Myriad W01", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } .UniverseRetailIntro-text { margin-left: auto; margin-right: auto; margin-bottom: 70px; font-size: 0.55rem; line-height: 1.75; font-weight: 400; line-height: 2; font-weight: 300; } .UniverseRetailIntro-text:lang(en) { font-weight: 200; } .UniverseRetailIntro-text:lang(en) { font-size: 0.65rem; } .UniverseRetailIntro-text:lang(en) { font-weight: 100; } .UniverseRetailIntro-text br { display: none; } .UniverseRetailIntro-analysis-title { margin-bottom: 40px; font-size: 0.6rem; line-height: 1.5; letter-spacing: 0.05em; font-weight: 500; } :root .UniverseRetailIntro-analysis-title { font-family: "AXIS Font Japanese W55", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "Yu Gothic", "メイリオ", Meiryo, sans-serif; } .UniverseRetailIntro-analysis-title:lang(en) { font-weight: 300; } .UniverseRetailIntro-analysis-title:lang(en) { font-size: 0.7rem; letter-spacing: normal; } :root .UniverseRetailIntro-analysis-title:lang(en) { font-family: "Myriad W01", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } .UniverseRetailIntro-analysis-title br { display: none; } .UniverseRetailIntro-illust { width: 100%; max-width: 375px; margin-left: auto; margin-right: auto; box-sizing: border-box; } .UniverseRetailIntro-illust-img { padding-bottom: 226.66667%; background-image: url("../img/services/universe/illust_retail_small.png"); background-position: center; background-repeat: no-repeat; background-size: cover; } .UniverseRetailIntro-illust-img img { display: none; } .UniverseRetailCase { background-color: #f8f8f8; } .UniverseRetailCase-content { padding-top: 7.5%; padding-bottom: 5.41667%; } .UniverseRetailCase-section { margin-bottom: 80px; } .UniverseRetailCase-section:last-of-type { margin-bottom: 0; } .UniverseRetailCase-section-icon { width: 48px; height: 48px; margin-left: auto; margin-right: auto; margin-bottom: 15px; } .UniverseRetailCase-section-icon img { width: 100%; } .UniverseRetailCase-section-title { margin-bottom: 1.6rem; font-size: 0.9rem; line-height: 1.5; letter-spacing: 0.05em; font-weight: 300; color: #61b4a8; text-align: center; } :root .UniverseRetailCase-section-title { font-family: "AXIS Font Japanese W55", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "Yu Gothic", "メイリオ", Meiryo, sans-serif; } .UniverseRetailCase-section-title:lang(en) { font-weight: 100; } .UniverseRetailCase-section-title:lang(en) { font-size: 1rem; letter-spacing: normal; } :root .UniverseRetailCase-section-title:lang(en) { font-family: "Myriad W01", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } .UniverseRetailCase-section-label { margin-bottom: 0.2rem; font-size: 0.6rem; line-height: 1.5; letter-spacing: 0.05em; font-weight: 500; } :root .UniverseRetailCase-section-label { font-family: "AXIS Font Japanese W55", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "Yu Gothic", "メイリオ", Meiryo, sans-serif; } .UniverseRetailCase-section-label:lang(en) { font-weight: 300; } .UniverseRetailCase-section-label:lang(en) { font-size: 0.7rem; letter-spacing: normal; } :root .UniverseRetailCase-section-label:lang(en) { font-family: "Myriad W01", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } .UniverseRetailCase-section-text { margin-bottom: 1.6rem; font-size: 0.55rem; line-height: 1.75; font-weight: 400; } .UniverseRetailCase-section-text:lang(en) { font-weight: 200; } .UniverseRetailCase-section-text:lang(en) { font-size: 0.65rem; } .UniverseRetailCase-section-text span { display: inline-block; text-align: left; } .UniverseRetailCase-section-text br { display: none; } .UniverseRetailCase-section-list { text-align: left; } .UniverseRetailCase-section-list-item { margin-bottom: 1.9rem; } .UniverseRetailCase-section-list-title { margin-bottom: 0.5rem; font-size: 0.6rem; line-height: 1.5; letter-spacing: 0.05em; font-weight: 500; font-weight: 400; padding-left: 1em; text-indent: -1em; } :root .UniverseRetailCase-section-list-title { font-family: "AXIS Font Japanese W55", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "Yu Gothic", "メイリオ", Meiryo, sans-serif; } .UniverseRetailCase-section-list-title:lang(en) { font-weight: 300; } .UniverseRetailCase-section-list-title:lang(en) { font-size: 0.7rem; letter-spacing: normal; } :root .UniverseRetailCase-section-list-title:lang(en) { font-family: "Myriad W01", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } .UniverseRetailCase-section-list-title:lang(en) { font-weight: 200; } .UniverseRetailCase-section-list-text { font-size: 0.55rem; line-height: 1.75; font-weight: 400; font-weight: 300; margin-bottom: 1.2rem; } .UniverseRetailCase-section-list-text:lang(en) { font-weight: 200; } .UniverseRetailCase-section-list-text:lang(en) { font-size: 0.65rem; } .UniverseRetailCase-section-list-text:lang(en) { font-weight: 100; } .UniverseRetailCase-section-list-text br { display: none; } .UniverseRetailCase-section-list-link { text-align: center; } .UniverseBottom { margin-top: 80px; margin-bottom: 80px; text-align: center; } .privacy-table { border-collapse: collapse; } .privacy-table td { border: 1px solid #000000; vertical-align: top; padding: 0 5px; } .Article-text-link { color: #61b4a8; text-decoration: underline; } .Article-text-link:link { text-decoration: underline; } .Article-text-link:visited { text-decoration: underline; } .Article-text-link:active { text-decoration: underline; } .Article-text-link:hover { text-decoration: none; } .policy-cookie-table { border-collapse: collapse; width: 100%; table-layout: fixed; } .policy-cookie-table td, .policy-cookie-table th { border: 1px solid #000000; vertical-align: top; padding: 0 5px; word-break: break-word; } .policy-cookie-table th { text-align: center; } .policy-cookie-table a { color: #61b4a8; text-decoration: underline; } .policy-cookie-table a:link { text-decoration: underline; } .policy-cookie-table a:visited { text-decoration: underline; } .policy-cookie-table a:active { text-decoration: underline; } .policy-cookie-table a:hover { text-decoration: none; } @-webkit-keyframes loading-circle1 { 0% { stroke-dashoffset: 268; -webkit-transform: rotate(70deg); transform: rotate(70deg); } 60% { stroke-dashoffset: -268; } 100% { stroke-dashoffset: -268; -webkit-transform: rotate(432deg); transform: rotate(432deg); } } @keyframes loading-circle1 { 0% { stroke-dashoffset: 268; -webkit-transform: rotate(70deg); transform: rotate(70deg); } 60% { stroke-dashoffset: -268; } 100% { stroke-dashoffset: -268; -webkit-transform: rotate(432deg); transform: rotate(432deg); } } @-webkit-keyframes loading-circle2 { 0% { -webkit-transform: rotate(70deg); transform: rotate(70deg); } 100% { -webkit-transform: rotate(432deg); transform: rotate(432deg); } } @keyframes loading-circle2 { 0% { -webkit-transform: rotate(70deg); transform: rotate(70deg); } 100% { -webkit-transform: rotate(432deg); transform: rotate(432deg); } } @-webkit-keyframes loading-circle-bg { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360.0deg); transform: rotate(360.0deg); } } @keyframes loading-circle-bg { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360.0deg); transform: rotate(360.0deg); } } @media (min-width: 375px){ /* DO NOT REMOVE THIS COMMENT */ .ContactForm-item.g-recaptcha-response{ -webkit-transform: none; -ms-transform: none; transform: none; } .HomeServices-block-title{ font-size: 0.8rem; } .HomeServices-block-title:lang(en){ font-size: 0.9rem; } .ServicesIndex-main-title{ font-size: 0.8rem; } .ServicesIndex-main-title:lang(en){ font-size: 0.9rem; } .ServicesIndex-block-title{ font-size: 0.8rem; } .ServicesIndex-block-title:lang(en){ font-size: 0.9rem; } .IrnoticeIndex-main-title{ font-size: 0.8rem; } .IrnoticeIndex-main-title:lang(en){ font-size: 0.9rem; } .IrnoticeIndex-block-title{ font-size: 0.8rem; } .IrnoticeIndex-block-title:lang(en){ font-size: 0.9rem; } } @media (min-width: 480px){ /* DO NOT REMOVE THIS COMMENT */ .page-content{ padding-left: 8.33333%; padding-right: 8.33333%; } .page-content-medium{ padding-left: 8.33333%; padding-right: 8.33333%; } .page-content-small{ padding-left: 8.33333%; padding-right: 8.33333%; } .AboutHistory-title{ padding-left: 6.25%; margin-left: -20px; } .AboutHistory-list-item{ margin: 18px 0 18px 20%; } .AboutHistory-year{ margin-left: 20%; } .AboutHistory-year-inner{ padding-right: 20px; } .AboutHistory-month{ margin-right: 1rem; } .Accordion-footer-entry{ max-width: 60%; } .Adinfo-btn-text br{ display: none; } .AdvtDetail-footer-contact{ max-width: 60%; } .AdvtList-visual-img{ min-height: 180px; } .Article-list{ margin-left: 20px; } .CasestudyDetail-footer-contact{ max-width: 60%; } .ContactForm-header-list{ margin-left: 20px; } .ContactForm-item-inner{ width: 47%; } .ContactForm-item-inner.contact_name_family, .ContactForm-item-inner.contact_name_first{ padding-left: 1.5em; } .ContactForm-item-inner.contact_name_family{ float: left; } .ContactForm-item-inner.contact_name_first{ float: right; } .Filter{ padding-left: 8.33333%; padding-right: 8.33333%; } .HomeAbout-body-content{ padding-left: 8.33333%; padding-right: 8.33333%; } .HomeNews-body-content{ padding-left: 8.33333%; padding-right: 8.33333%; } .HomeRecruit-body-content{ padding-left: 8.33333%; padding-right: 8.33333%; } .HomeServices-body-content{ padding-left: 8.33333%; padding-right: 8.33333%; } .HomeServices-block-title{ font-size: 0.9rem; } .HomeServices-block-title:lang(en){ font-size: 1rem; } .MainVisual-body-title{ font-size: 2.5rem; } .MainVisual-body-summary{ margin-bottom: 50px; } .MainVisual-body-summary-inner{ font-size: 0.9rem; } .MainVisual-body-summary-inner:lang(en){ font-size: 1rem; } .MainVisual-body .Button-round-border-white{ font-size: 0.8rem; line-height: 1.5; } .MainVisual-body .Button-round-border-white:lang(en){ font-size: 0.9rem; } .MainVisual-body .Button-round-border-white br{ display: none; } .PageFooter-award{ margin-left: 8.33333%; margin-right: 8.33333%; } .ServicesIndex-main-title{ font-size: 1rem; } .ServicesIndex-main-title:lang(en){ font-size: 1.1rem; } .ServicesIndex-block-title{ font-size: 1rem; } .ServicesIndex-block-title:lang(en){ font-size: 1.1rem; } .IrnoticeIndex-main-title{ font-size: 1rem; } .IrnoticeIndex-main-title:lang(en){ font-size: 1.1rem; } .IrnoticeIndex-block-title{ font-size: 1rem; } .IrnoticeIndex-block-title:lang(en){ font-size: 1.1rem; } .UniverseHero-body{ padding-left: 8.33333%; padding-right: 8.33333%; padding-top: 8.33333%; padding-bottom: 10%; } .UniverseHero-body-title{ margin-bottom: 28px; line-height: 2; } .UniverseHero-body-title br{ display: inline; } .UniverseUnvs-content{ padding-top: 8.33333%; } .UniverseUnvs-title{ padding-left: 8.33333%; padding-right: 8.33333%; padding-bottom: 4.16667%; } .UniverseUnvsIntro-text{ padding-bottom: 6.5%; } .UniverseUnvsIntro-detail-illust{ width: 60%; } .UniverseUnvsCase-content{ padding-top: 8.33333%; padding-bottom: 8.33333%; } .UniverseUnvsCase-list-item{ width: 80%; margin-bottom: 60px; margin-left: auto; margin-right: auto; } .UniverseUnvsMethod-content{ padding-top: 8.33333%; padding-bottom: 8.33333%; } .UniverseOnline-content{ padding-top: 8.33333%; } .UniverseOnline-title{ padding-left: 8.33333%; padding-right: 8.33333%; padding-bottom: 4.16667%; } .UniverseOnlineIntro-content{ padding-bottom: 7.5%; } .UniverseOnlineCase-content{ padding-top: 7.5%; padding-bottom: 5.41667%; } .UniverseOnlineCase-section-title br{ display: none; } .UniverseRetail-content{ padding-top: 8.33333%; } .UniverseRetail-title{ padding-left: 8.33333%; padding-right: 8.33333%; padding-bottom: 4.16667%; } .UniverseRetailIntro-content{ padding-bottom: 7.5%; } .UniverseRetailCase-section-title br{ display: none; } } @media (min-width: 680px){ /* DO NOT REMOVE THIS COMMENT */ .AboutCeo{ font-size: 0.7rem; } .AboutCeo:lang(en){ font-size: 0.8rem; } .AboutCeo{ margin-top: 100px; } .AboutCeo-inner{ -webkit-transform: translateY(-50px); -ms-transform: translateY(-50px); transform: translateY(-50px); } .AboutCeo-title{ font-size: 1.4rem; } .AboutCeo-title{ position: absolute; top: -60px; margin-top: 0; } .AboutCeo-visual{ margin-bottom: 50px; } .AboutCeo-body{ margin-bottom: 2rem; } .AboutCeo-section{ margin-bottom: 2rem; } .AboutCeo-headline{ font-size: 1.1rem; } .AboutCeo-headline:lang(en){ font-size: 1.2rem; } .AboutCeo-headline{ margin-bottom: 1rem; } .AboutCeo-name{ font-size: 0.8rem; } .AboutCeo-name:lang(en){ font-size: 0.9rem; } .AboutCeo-name{ margin-top: 2rem; } .AboutCompany-title{ font-size: 1.4rem; } .AboutHistory-title{ font-size: 1.4rem; } .AboutHistory-list-item{ margin: 18px 0 18px 15%; } .AboutHistory-year{ margin-left: 15%; } .AboutHistory-event{ font-size: 0.6rem; } .AboutHistory-event:lang(en){ font-size: 0.7rem; } .Accordion-header{ font-size: 0.7rem; } .Accordion-header:lang(en){ font-size: 0.8rem; } .Accordion-header{ width: 50%; padding: 1rem 3rem 1rem 2rem; } .Accordion-header-icon::before{ width: 21px; height: 1px; right: 25px; } .Accordion-header-icon::after{ height: 21px; right: 35px; margin-top: -10px; } .Accordion-cont{ font-size: 0.6rem; } .Accordion-cont:lang(en){ font-size: 0.7rem; } .Accordion-section-title{ width: 12.5%; float: left; } .Accordion-section-body{ width: 87.5%; float: left; } .Recruit-section .Accordion-footer{ border-top: 0; } .Accordion-footer-entry-text{ font-size: 0.7rem; } .Accordion-footer-entry-text:lang(en){ font-size: 0.8rem; } .Adinfo-content{ font-size: 0.7rem; } .Adinfo-content:lang(en){ font-size: 0.8rem; } .Adinfo-btn-text{ font-size: 0.7rem; } .Adinfo-btn-text:lang(en){ font-size: 0.8rem; } .AdvtDetail-header{ margin-top: 60px; } .AdvtDetail-header-title{ margin-top: 60px; } .AdvtDetail-footer{ font-size: 0.7rem; } .AdvtDetail-footer:lang(en){ font-size: 0.8rem; } .AdvtIndex-error{ font-size: 0.7rem; } .AdvtIndex-error:lang(en){ font-size: 0.8rem; } .AdvtList-visual{ width: 30%; margin-right: 2%; } .AdvtList-visual-img::after{ border: 0 #ddd solid; } .AdvtList-visual-img{ min-height: 120px; } .AdvtList-body{ width: 68%; } .AdvtList-item a{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .no-touchevents .AdvtList-item a:hover .AdvtList-visual-img::after{ border: 6px #ddd solid; } .AdvtList-title{ font-size: 0.9rem; } .AdvtList-title:lang(en){ font-size: 1rem; } .AdvtList-text{ font-size: 0.6rem; } .AdvtList-text:lang(en){ font-size: 0.7rem; } .AdvtList-more{ text-align: left; } .Article-text{ font-size: 0.7rem; } .Article-text:lang(en){ font-size: 0.8rem; } .Article-text{ margin-bottom: 1.4rem; } .Article-visual figcaption{ font-size: 0.55rem; } .Article-headline{ font-size: 0.7rem; } .Article-headline:lang(en){ font-size: 0.8rem; } .Article-headlineNormal{ font-size: 0.7rem; } .Article-headlineNormal:lang(en){ font-size: 0.8rem; } .Article-list{ margin-left: 8.33333%; } .Article-list-item{ font-size: 0.7rem; } .Article-list-item:lang(en){ font-size: 0.8rem; } .Article-simpleList{ font-size: 0.7rem; } .Article-simpleList:lang(en){ font-size: 0.8rem; } .Article-links{ font-size: 0.7rem; } .Article-links:lang(en){ font-size: 0.8rem; } .Article-links{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .Article-links-title{ font-size: 0.6rem; } .Article-links-title:lang(en){ font-size: 0.7rem; } .Article-links-list-item{ font-size: 0.6rem; } .Article-links-list-item:lang(en){ font-size: 0.7rem; } .Article-outline-title{ font-size: 0.7rem; } .Article-outline-title:lang(en){ font-size: 0.8rem; } .Article-outline-table{ font-size: 0.6rem; } .Article-outline-table:lang(en){ font-size: 0.7rem; } .Article-contact-title{ font-size: 0.7rem; } .Article-contact-title:lang(en){ font-size: 0.8rem; } .Article-contact-block{ font-size: 0.6rem; } .Article-contact-block:lang(en){ font-size: 0.7rem; } .Article-contact-list-item{ display: inline-block; } .Article-notes{ font-size: 0.55rem; } .Article-notes:lang(en){ font-size: 0.65rem; } .Article-QaList{ font-size: 0.7rem; } .Article-QaList:lang(en){ font-size: 0.8rem; } .Article-QaList dt span, .Article-QaList dd span{ font-size: 0.7rem; } .Article-QaList dt span:lang(en), .Article-QaList dd span:lang(en){ font-size: 0.8rem; } .CategoryHeader-title{ font-size: 1.9rem; } .CategoryHeader-title{ margin-top: 0.3rem; margin-bottom: 1.8rem; } .is-about .CategoryHeader-title, .is-universe .CategoryHeader-title{ margin-bottom: 1rem; } .is-irnotice .CategoryHeader-title, .is-services .CategoryHeader-title, .is-news .CategoryHeader-title, .is-about .CategoryHeader-title, .is-recruit .CategoryHeader-title, .is-contact .CategoryHeader-title, .is-privacy .CategoryHeader-title, .is-data-info .CategoryHeader-title, .is-ad-info .CategoryHeader-title{ margin-top: 1.8rem; } .is-advertising-detail .CategoryHeader-title{ font-size: 1.2rem; } .is-advertising-detail .CategoryHeader-title:lang(en){ font-size: 1.3rem; } .is-news-detail .CategoryHeader-title{ font-size: 1.2rem; } .is-news-detail .CategoryHeader-title:lang(en){ font-size: 1.3rem; } .is-ad-info .CategoryHeader-title{ font-size: 1.2rem; } .is-ad-info .CategoryHeader-title:lang(en){ font-size: 1.3rem; } .is-data-info .CategoryHeader-title{ font-size: 1.2rem; } .is-data-info .CategoryHeader-title:lang(en){ font-size: 1.3rem; } .CategoryHeader-breadcrumb{ font-size: 0.6rem; } .CategoryHeader-internalLink{ margin-bottom: 10px; } .is-universe .CategoryHeader-internalLink{ margin-bottom: 40px; } .CategoryHeader-internalLink-list-item{ margin-left: 1rem; margin-right: 1rem; font-size: 0.9rem; } .CasestudyBox{ width: 49%; } .CasestudyBox:nth-of-type(2n+1){ margin-right: 1%; } .CasestudyBox:nth-of-type(2n){ margin-left: 1%; } .no-touchevents .CasestudyBox a:hover .CasestudyBox-visual-img::after{ border: 8px #61b4a8 solid; } .CasestudyBox-visual-img::after{ border: 0 #61b4a8 solid; } .CasestudyBox-num{ left: 15px; top: 15px; } .CasestudyBox-label-main{ font-size: 0.7rem; } .CasestudyBox-label-main:lang(en){ font-size: 0.8rem; } .CasestudyBox-title{ font-size: 0.9rem; } .CasestudyBox-title:lang(en){ font-size: 1rem; } .CasestudyBox-summary{ font-size: 0.6rem; } .CasestudyBox-summary:lang(en){ font-size: 0.7rem; } .CasestudyDetail-section{ font-size: 0.7rem; } .CasestudyDetail-section:lang(en){ font-size: 0.8rem; } .CasestudyDetail-section-label{ font-size: 1.9rem; } .CasestudyDetail-section-visual figcaption{ font-size: 0.6rem; } .CasestudyDetail-footer{ font-size: 0.7rem; } .CasestudyDetail-footer:lang(en){ font-size: 0.8rem; } .CasestudyDetail-footer-description{ font-size: 1.1rem; } .CasestudyDetail-footer-description:lang(en){ font-size: 1.2rem; } .CasestudyIndex-error{ font-size: 0.7rem; } .CasestudyIndex-error:lang(en){ font-size: 0.8rem; } .CasestudyHero-share{ font-size: 0.7rem; } .CasestudyHero-share:lang(en){ font-size: 0.8rem; } .CasestudyHero-title{ font-size: 1.2rem; } .CasestudyHero-title:lang(en){ font-size: 1.3rem; } .Contact-textCheck{ font-size: 0.7rem; } .Contact-textCheck:lang(en){ font-size: 0.8rem; } .Contact-thanks{ font-size: 0.7rem; } .Contact-thanks:lang(en){ font-size: 0.8rem; } .Contact-thanks-text{ text-align: center; } .ContactForm-errorText{ font-size: 0.75rem; } .ContactForm-errorText:lang(en){ font-size: 0.85rem; } .ContactForm-header-headline{ font-size: 0.8rem; } .ContactForm-header-headline:lang(en){ font-size: 0.9rem; } .ContactForm-header-text{ font-size: 0.7rem; } .ContactForm-header-text:lang(en){ font-size: 0.8rem; } .ContactForm-header-list{ margin-left: 8.33333%; } .ContactForm-header-list-item{ font-size: 0.7rem; } .ContactForm-header-list-item:lang(en){ font-size: 0.8rem; } .ContactForm-header-note{ font-size: 0.6rem; } .ContactForm-header-note:lang(en){ font-size: 0.7rem; } .ContactForm-headline{ font-size: 0.8rem; } .ContactForm-headline:lang(en){ font-size: 0.9rem; } .ContactForm-subheadline{ font-size: 0.7rem; } .ContactForm-subheadline:lang(en){ font-size: 0.8rem; } .ContactForm-item-inner.contact_name_family, .ContactForm-item-inner.contact_name_first{ padding-left: 2.5em; } .ContactForm-item-inner.contact_name_family .ContactForm-subheadline, .ContactForm-item-inner.contact_name_first .ContactForm-subheadline{ line-height: 40px; } .ContactForm-radio, .ContactForm-checkbox{ font-size: 0.7rem; } .ContactForm-radio:lang(en), .ContactForm-checkbox:lang(en){ font-size: 0.8rem; } .ContactForm-radio, .ContactForm-checkbox{ padding-left: 30px; } .ContactForm-radio-icon, .ContactForm-checkbox-icon{ width: 20px; height: 20px; margin-top: -10px; } .ContactForm-radio-link, .ContactForm-checkbox-link{ font-size: 0.7rem; } .ContactForm-radio-link:lang(en), .ContactForm-checkbox-link:lang(en){ font-size: 0.8rem; } .ContactForm-radio-link, .ContactForm-checkbox-link{ margin-left: 1.5rem; } .ContactForm-inputText{ font-size: 0.7rem; } .ContactForm-inputText:lang(en){ font-size: 0.8rem; } .ContactForm-inputText{ padding: 0.5rem 0.5rem; } .ContactForm-submit-text, .ContactForm-send-text{ font-size: 0.7rem; } .ContactForm-submit-text:lang(en), .ContactForm-send-text:lang(en){ font-size: 0.8rem; } .ContactForm-privacyBox{ font-size: 0.7rem; } .ContactForm-privacyBox:lang(en){ font-size: 0.8rem; } .ContactForm-block-title{ font-size: 0.7rem; } .ContactForm-block-title:lang(en){ font-size: 0.8rem; } .ContactForm-block-summary{ font-size: 0.7rem; } .ContactForm-block-summary:lang(en){ font-size: 0.8rem; } .ContactForm-block-section{ font-size: 0.7rem; } .ContactForm-block-section:lang(en){ font-size: 0.8rem; } .ContactForm-block-headline{ font-size: 0.7rem; } .ContactForm-block-headline:lang(en){ font-size: 0.8rem; } .ContactForm-block-text{ font-size: 0.7rem; } .ContactForm-block-text:lang(en){ font-size: 0.8rem; } .ContactForm-block-list{ font-size: 0.7rem; } .ContactForm-block-list:lang(en){ font-size: 0.8rem; } .ContactForm-inputFile-text{ font-size: 0.6rem; } .ContactForm-inputFile-text:lang(en){ font-size: 0.7rem; } .ContactForm-inputFile-btn{ font-size: 0.7rem; } .ContactForm-inputFile-btn:lang(en){ font-size: 0.8rem; } .Datainfo-content{ font-size: 0.7rem; } .Datainfo-content:lang(en){ font-size: 0.8rem; } .Filter-list-item{ font-size: 0.7rem; } .Filter-list-item:lang(en){ font-size: 0.8rem; } .Filter-list-item{ margin-left: 0.75rem; margin-right: 0.75rem; margin-bottom: 0.75rem; } .is-news .Filter-list-item{ font-size: 0.9rem; } .Filter-list-item-icon{ width: 20px; height: 20px; margin-top: -10px; } .Filter-list-item-text{ padding-left: 30px; } .Location-name{ font-size: 0.8rem; } .Location-name:lang(en){ font-size: 0.9rem; } .Location-name{ margin-bottom: 40px; } .Location-company{ padding-bottom: 50px; margin-bottom: 50px; } .Location-company-name{ font-size: 0.7rem; } .Location-company-name:lang(en){ font-size: 0.8rem; } .Location-company-name{ margin-bottom: 0.8rem; } .Location-office{ margin-top: 40px; margin-bottom: 40px; } .Location-office-name{ font-size: 0.7rem; } .Location-office-name:lang(en){ font-size: 0.8rem; } .Location-office-name{ margin-bottom: 0.8rem; } .Location-list-item{ font-size: 0.6rem; } .Location-list-item:lang(en){ font-size: 0.7rem; } .Location-text{ font-size: 0.6rem; } .Location-text:lang(en){ font-size: 0.7rem; } .Location-map-notes{ font-size: 0.6rem; } .Location-map-notes:lang(en){ font-size: 0.7rem; } .HomeAbout-title{ font-size: 2.1rem; } .HomeAbout-summary{ font-size: 0.7rem; } .HomeAbout-summary:lang(en){ font-size: 0.8rem; } .HomeNews-title{ font-size: 2.1rem; } .HomeNews-visual-inner{ padding-top: 31.25%; } .HomeRecruit-body{ background-image: url("../img/home/img_recruit.jpg"); background-position: center; background-repeat: no-repeat; background-size: cover; } .HomeRecruit-body-overlay{ background-color: rgba(0, 0, 0, 0.5); } .HomeRecruit-body-content{ color: #ffffff; } .HomeRecruit-title{ font-size: 2.1rem; } .HomeRecruit-title{ text-shadow: 0 0 15px #000; } .HomeRecruit-summary{ font-size: 0.7rem; } .HomeRecruit-summary:lang(en){ font-size: 0.8rem; } .HomeRecruit-summary{ text-shadow: 0 0 15px #000; } .HomeRecruit-visual{ display: none; } .HomeServices-title{ font-size: 1.4rem; } .no-touchevents .HomeServices-block-section a:hover .HomeServices-block-visual::after{ border: 8px #ddd solid; } .HomeServices-block-visual::after{ border: 0 #ddd solid; } .HomeServices-block-title{ font-size: 1rem; } .HomeServices-block-title br{ display: none; } .HomeServices-block-title:lang(en){ font-size: 1.1rem; } .MainVisual-body-title{ font-size: 3rem; } .MainVisual-body-title .text{ -webkit-transform: translateY(40px); -ms-transform: translateY(40px); transform: translateY(40px); } .MainVisual-body-title .text.show{ -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .MainVisual-body-summary{ margin-bottom: 75px; } .MainVisual-body-summary-inner br{ display: none; } .MainVisual-body-summary-inner .text{ -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } .MainVisual-body-summary-inner .text.show{ -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .MainVisual-body .Button-round-border-white br{ display: none; } .NewsIndex-error{ font-size: 0.7rem; } .NewsIndex-error:lang(en){ font-size: 0.8rem; } .NewsList-text{ font-size: 0.7rem; } .NewsList-text:lang(en){ font-size: 0.8rem; } .PageFooter{ padding: 30px 30px 15px 30px; text-align: left; } .PageFooter-logo{ width: 182px; margin-left: 0; margin-right: 50px; margin-bottom: 15px; } .PageFooter-logo-inner{ width: 182px; padding-top: 31px; background-image: url("../img/common/logo_footer.png"); } .PageFooter-share{ float: left; } .PageFooter-share-title{ display: inline-block; margin-right: 0.75rem; font-size: 0.6rem; } .PageFooter-share-list{ display: inline-block; } .PageFooter-award{ display: inline-block; max-width: 260px; padding-top: 0; padding-left: 15px; padding-bottom: 0; margin-left: 0; margin-right: 0; border-top: none; border-bottom: none; border-left: 1px #999999 solid; float: right; } .PageFooter-award-list{ margin-bottom: -4px; } .PageFooter-award-list-item{ margin-left: 5px; margin-right: 0; } .PageFooter-links{ width: 100%; overflow: hidden; } .PageFooter-links-list{ margin-bottom: 0; float: right; } .PageFooter-links-list li + li::before{ content: " / "; } .PageFooter-links-list-item{ display: inline-block; } .PageFooter-copyright{ font-size: 0.55rem; float: left; } .PageHeader-logo{ width: 90px; } .PageHeader-burger{ display: none; } .PageHeader-body{ -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .is-navOpen .PageHeader-body-inner{ -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .PageHeader-body-inner{ width: 100%; overflow: visible; } .PageHeader-body{ width: 100%; min-width: auto; height: auto; left: 0; padding-top: 0; overflow: visible; } .PageHeader-body-bg{ display: none; } .PageHeader-nav{ position: absolute; width: 100%; min-width: auto; right: auto; overflow: visible; } .PageHeader-nav-list{ position: absolute; left: 90px; padding-right: 20px; } .PageHeader-menuList{ height: 60px; padding-top: 0; padding-bottom: 0; margin-top: 0; } .PageHeader-menuList-item{ display: inline-block; margin-left: 12px; font-size: 0.6rem; line-height: 3rem; } .PageHeader-menuList-item::before{ position: absolute; display: block; content: ""; width: 100%; height: 40px; bottom: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background-color: #e8b78c; opacity: 0; -webkit-transition: opacity 0.6s cubic-bezier(0.52, 0.08, 0.18, 1), height 0.6s cubic-bezier(0.52, 0.08, 0.18, 1), -webkit-transform 0.6s cubic-bezier(0.52, 0.08, 0.18, 1); transition: opacity 0.6s cubic-bezier(0.52, 0.08, 0.18, 1), height 0.6s cubic-bezier(0.52, 0.08, 0.18, 1), -webkit-transform 0.6s cubic-bezier(0.52, 0.08, 0.18, 1); transition: opacity 0.6s cubic-bezier(0.52, 0.08, 0.18, 1), height 0.6s cubic-bezier(0.52, 0.08, 0.18, 1), transform 0.6s cubic-bezier(0.52, 0.08, 0.18, 1); transition: opacity 0.6s cubic-bezier(0.52, 0.08, 0.18, 1), height 0.6s cubic-bezier(0.52, 0.08, 0.18, 1), transform 0.6s cubic-bezier(0.52, 0.08, 0.18, 1), -webkit-transform 0.6s cubic-bezier(0.52, 0.08, 0.18, 1); } .no-touchevents .PageHeader-menuList-item:hover{ color: #e8b78c; } .no-touchevents .PageHeader-menuList-item:hover::before{ height: 3px; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; } .is-home .PageHeader-menuList-item.menu-home::before{ height: 3px; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; } .is-irnotice .PageHeader-menuList-item.menu-irnotice::before, .is-services .PageHeader-menuList-item.menu-services::before, .is-value .PageHeader-menuList-item.menu-services::before, .is-casestudy .PageHeader-menuList-item.menu-services::before, .is-casestudy-detail .PageHeader-menuList-item.menu-services::before, .is-advertising .PageHeader-menuList-item.menu-services::before, .is-advertising-detail .PageHeader-menuList-item.menu-services::before{ height: 3px; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; } .is-news .PageHeader-menuList-item.menu-news::before, .is-news-detail .PageHeader-menuList-item.menu-news::before{ height: 3px; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; } .is-about .PageHeader-menuList-item.menu-about::before{ height: 3px; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; } .is-recruit .PageHeader-menuList-item.menu-recruit::before{ height: 3px; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; } .PageHeader-menuList li + li{ margin-top: 0; } .PageHeader-langList{ position: absolute; width: 94px; height: 60px; right: 0; top: 0; text-align: center; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } .PageHeader-langList-item{ margin-left: 0; font-size: 0.6rem; line-height: 3rem; } .PageHeader-langList li + li{ margin-left: 18px; } .PageHeader-langList li + li::before{ left: -10px; } .PageHeader-contact{ position: absolute; width: auto; min-width: auto; height: 60px; right: 0; top: 0; padding-left: 20px; padding-right: 20px; } .PageHeader-contact-text{ margin-left: 0; font-size: 0.6rem; line-height: 3rem; } .Pagination-num, .Pagination-extend{ display: inline; } .Privacy-content{ font-size: 0.7rem; } .Privacy-content:lang(en){ font-size: 0.8rem; } .ServicesIndex{ margin-top: 50px; } .ServicesIndex-inner{ -webkit-transform: translateY(-50px); -ms-transform: translateY(-50px); transform: translateY(-50px); padding-bottom: 50px; } .no-touchevents .ServicesIndex-main a:hover .ServicesIndex-main-visual::after{ border: 8px #ddd solid; } .ServicesIndex-main-title{ font-size: 1.2rem; } .ServicesIndex-main-title:lang(en){ font-size: 1.3rem; } .ServicesIndex-main-visual::after{ border: 0 #ddd solid; } .ServicesIndex-block-section .comingsoon-text{ font-size: 0.6rem; } .ServicesIndex-block-section .comingsoon-text:lang(en){ font-size: 0.7rem; } .no-touchevents .ServicesIndex-block-section a:hover .ServicesIndex-block-visual::after{ border: 8px #ddd solid; } .ServicesIndex-block-visual::after{ border: 0 #ddd solid; } .ServicesIndex-block-title{ font-size: 1.2rem; } .ServicesIndex-block-title:lang(en){ font-size: 1.3rem; } .IrnoticeIndex{ margin-top: 50px; height: 480px; } .IrnoticeIndex-inner{ -webkit-transform: translateY(-50px); -ms-transform: translateY(-50px); transform: translateY(-50px); padding-bottom: 50px; background-color: #f8f8f8; } .no-touchevents .IrnoticeIndex-main a:hover .IrnoticeIndex-main-visual::after{ border: 8px #ddd solid; } .IrnoticeIndex-main-title{ font-size: 1.2rem; } .IrnoticeIndex-main-title:lang(en){ font-size: 1.3rem; } .IrnoticeIndex-main-visual::after{ border: 0 #ddd solid; } .IrnoticeIndex-block-section .comingsoon-text{ font-size: 0.6rem; } .IrnoticeIndex-block-section .comingsoon-text:lang(en){ font-size: 0.7rem; } .no-touchevents .IrnoticeIndex-block-section a:hover .IrnoticeIndex-block-visual::after{ border: 8px #ddd solid; } .IrnoticeIndex-block-visual::after{ border: 0 #ddd solid; } .IrnoticeIndex-block-title{ font-size: 1.2rem; } .IrnoticeIndex-block-title:lang(en){ font-size: 1.3rem; } .Share{ font-size: 0.7rem; } .Share:lang(en){ font-size: 0.8rem; } .TableBox th, .TableBox td{ font-size: 0.7rem; } .TableBox th:lang(en), .TableBox td:lang(en){ font-size: 0.8rem; } .TableBox th, .TableBox td{ display: table-cell; } .TableBox th{ padding: 1rem 1.25rem; width: 25%; border-width: 1px 0; } .TableBox td{ padding: 1rem 1.25rem; border: solid #ffffff; border-width: 1px 0; } .TableBox td::before{ left: 5%; } .TableBox-list-item{ font-size: 0.7rem; } .TableBox-list-item:lang(en){ font-size: 0.8rem; } .TableBox-notes{ font-size: 0.55rem; } .TableBox-text{ font-size: 0.7rem; } .TableBox-text:lang(en){ font-size: 0.8rem; } .is-data-info .TableBox th{ border-width: 1px 0; } .is-data-info .TableBox td{ border: solid #f8f8f8; border-width: 1px 0; } .UniverseHero-body{ padding-top: 8.33333%; padding-bottom: 10.41667%; } .UniverseHero-body-title{ font-size: 1.2rem; } .UniverseHero-body-title:lang(en){ font-size: 1.3rem; } .UniverseHero-body-title{ margin-bottom: 32px; } .UniverseHero-body-summary{ font-size: 0.7rem; } .UniverseHero-body-summary:lang(en){ font-size: 0.8rem; } .UniverseUnvsIntro-title{ font-size: 1.1rem; } .UniverseUnvsIntro-title:lang(en){ font-size: 1.2rem; } .UniverseUnvsIntro-text{ font-size: 0.6rem; } .UniverseUnvsIntro-text:lang(en){ font-size: 0.7rem; } .UniverseUnvsIntro-list-item-title{ font-size: 0.7rem; } .UniverseUnvsIntro-list-item-title:lang(en){ font-size: 0.8rem; } .UniverseUnvsIntro-list-item-text{ font-size: 0.6rem; } .UniverseUnvsIntro-list-item-text:lang(en){ font-size: 0.7rem; } .UniverseUnvsCase-title{ font-size: 2.1rem; } .UniverseUnvsCase-title{ text-align: center; } .UniverseUnvsCase-summary{ font-size: 0.7rem; } .UniverseUnvsCase-summary:lang(en){ font-size: 0.8rem; } .UniverseUnvsCase-summary{ margin-bottom: 70px; text-align: center; } .UniverseUnvsCase-list-item{ width: 60%; margin-bottom: 80px; } .UniverseUnvsCase-list-item-img{ margin-bottom: 50px; } .UniverseUnvsCase-list-item-title{ font-size: 0.7rem; } .UniverseUnvsCase-list-item-title:lang(en){ font-size: 0.8rem; } .UniverseUnvsCase-list-item-text{ font-size: 0.6rem; } .UniverseUnvsCase-list-item-text:lang(en){ font-size: 0.7rem; } .UniverseUnvsMethod-title{ font-size: 2.1rem; } .UniverseUnvsMethod-title{ text-align: center; } .UniverseUnvsMethod-summary{ font-size: 0.7rem; } .UniverseUnvsMethod-summary:lang(en){ font-size: 0.8rem; } .UniverseUnvsMethod-summary{ text-align: center; } .UniverseUnvsMethod-text{ font-size: 0.6rem; } .UniverseUnvsMethod-text:lang(en){ font-size: 0.7rem; } .UniverseOnlineIntro-title{ font-size: 1.1rem; } .UniverseOnlineIntro-title:lang(en){ font-size: 1.2rem; } .UniverseOnlineIntro-text{ font-size: 0.6rem; } .UniverseOnlineIntro-text:lang(en){ font-size: 0.7rem; } .UniverseOnlineIntro-text{ text-align: center; } .UniverseOnlineIntro-visualize-title{ font-size: 0.7rem; } .UniverseOnlineIntro-visualize-title:lang(en){ font-size: 0.8rem; } .UniverseOnlineIntro-visualize-title{ text-align: center; } .UniverseOnlineCase-section{ margin-bottom: 80px; text-align: center; } .UniverseOnlineCase-section-title{ font-size: 1.1rem; } .UniverseOnlineCase-section-title:lang(en){ font-size: 1.2rem; } .UniverseOnlineCase-section-label{ font-size: 0.7rem; } .UniverseOnlineCase-section-label:lang(en){ font-size: 0.8rem; } .UniverseOnlineCase-section-text{ font-size: 0.6rem; } .UniverseOnlineCase-section-text:lang(en){ font-size: 0.7rem; } .UniverseOnlineCase-section-list{ text-align: center; } .UniverseOnlineCase-section-list-item{ font-size: 0.7rem; } .UniverseOnlineCase-section-list-item:lang(en){ font-size: 0.8rem; } .UniverseRetailIntro-title{ font-size: 1.1rem; } .UniverseRetailIntro-title:lang(en){ font-size: 1.2rem; } .UniverseRetailIntro-text{ font-size: 0.6rem; } .UniverseRetailIntro-text:lang(en){ font-size: 0.7rem; } .UniverseRetailIntro-text{ text-align: center; } .UniverseRetailIntro-text br{ display: inline; } .UniverseRetailIntro-analysis-title{ font-size: 0.7rem; } .UniverseRetailIntro-analysis-title:lang(en){ font-size: 0.8rem; } .UniverseRetailIntro-analysis-title{ text-align: center; } .UniverseRetailIntro-analysis-title br{ display: inline; } .UniverseRetailCase-section{ text-align: center; } .UniverseRetailCase-section-title{ font-size: 1.1rem; } .UniverseRetailCase-section-title:lang(en){ font-size: 1.2rem; } .UniverseRetailCase-section-label{ font-size: 0.7rem; } .UniverseRetailCase-section-label:lang(en){ font-size: 0.8rem; } .UniverseRetailCase-section-text{ font-size: 0.6rem; } .UniverseRetailCase-section-text:lang(en){ font-size: 0.7rem; } .UniverseRetailCase-section-list-title{ font-size: 0.7rem; } .UniverseRetailCase-section-list-title:lang(en){ font-size: 0.8rem; } .UniverseRetailCase-section-list-title{ text-align: center; } .UniverseRetailCase-section-list-text{ font-size: 0.6rem; } .UniverseRetailCase-section-list-text:lang(en){ font-size: 0.7rem; } } @media (min-width: 980px){ /* DO NOT REMOVE THIS COMMENT */ .page-content-small{ padding-left: 16.66667%; padding-right: 16.66667%; } .AboutCeo-title{ font-size: 1.5rem; } .AboutCeo-title{ top: -70px; } .AboutCeo-visual{ width: 80%; } .AboutCeo-body{ width: 70%; margin-left: 20%; } .AboutCeo-headline{ font-size: 1.2rem; } .AboutCeo-headline:lang(en){ font-size: 1.3rem; } .AboutCeo-name{ font-size: 0.9rem; } .AboutCeo-name:lang(en){ font-size: 1rem; } .AboutCompany-title{ font-size: 1.5rem; } .AboutHistory-title{ font-size: 1.5rem; } .AboutHistory-list-item{ margin: 18px 10% 18px 15%; } .AboutHistory-year{ margin-right: 10%; } .Accordion-footer-entry{ height: 70px; } .Accordion-footer-entry-text{ line-height: 3.5rem; } .Adinfo-btn{ padding-top: 1.15rem; padding-bottom: 1.15rem; } .Adinfo-btn-text{ font-size: 0.8rem; } .Adinfo-btn-text:lang(en){ font-size: 0.9rem; } .AdvtDetail-header{ margin-top: 80px; } .AdvtDetail-header-title{ margin-top: 80px; } .AdvtDetail-footer-contact{ height: 70px; } .AdvtDetail-footer-contact-text{ line-height: 3.5rem; } .AdvtList-visual{ width: 31.25%; } .AdvtList-visual-img{ min-height: 140px; } .AdvtList-body{ width: 66.75%; } .AdvtList-title{ font-size: 1rem; } .AdvtList-title:lang(en){ font-size: 1.1rem; } .Article-headline{ font-size: 0.8rem; } .Article-headline:lang(en){ font-size: 0.9rem; } .Article-headlineNormal{ font-size: 0.8rem; } .Article-headlineNormal:lang(en){ font-size: 0.9rem; } .Article-QaList dt span, .Article-QaList dd span{ font-size: 0.8rem; } .Article-QaList dt span:lang(en), .Article-QaList dd span:lang(en){ font-size: 0.9rem; } .CategoryHeader{ padding-top: 70px; } .CategoryHeader-title{ font-size: 2.2rem; } .CategoryHeader-title{ margin-top: 0.8rem; margin-bottom: 2.3rem; } .is-about .CategoryHeader-title, .is-universe .CategoryHeader-title{ margin-bottom: 1.3rem; } .is-irnotice .CategoryHeader-title, .is-services .CategoryHeader-title, .is-news .CategoryHeader-title, .is-about .CategoryHeader-title, .is-recruit .CategoryHeader-title, .is-contact .CategoryHeader-title, .is-privacy .CategoryHeader-title, .is-data-info .CategoryHeader-title, .is-ad-info .CategoryHeader-title{ margin-top: 2.3rem; } .is-advertising-detail .CategoryHeader-title{ font-size: 1.3rem; } .is-advertising-detail .CategoryHeader-title:lang(en){ font-size: 1.4rem; } .is-news-detail .CategoryHeader-title{ font-size: 1.3rem; } .is-news-detail .CategoryHeader-title:lang(en){ font-size: 1.4rem; } .is-ad-info .CategoryHeader-title{ font-size: 1.3rem; } .is-ad-info .CategoryHeader-title:lang(en){ font-size: 1.4rem; } .is-data-info .CategoryHeader-title{ font-size: 1.3rem; } .is-data-info .CategoryHeader-title:lang(en){ font-size: 1.4rem; } .CategoryHeader-breadcrumb{ margin-left: 30px; } .CategoryHeader-internalLink{ margin-bottom: 10px; } .is-universe .CategoryHeader-internalLink{ margin-bottom: 60px; } .CasestudyBox-title{ font-size: 1rem; } .CasestudyBox-title:lang(en){ font-size: 1.1rem; } .CasestudyDetail-section.casestudy-imgNone, .CasestudyDetail-section.casestudy-imgLarge{ padding-left: 10%; padding-right: 10%; } .CasestudyDetail-section.casestudy-imgSmall{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; padding-top: 25px; } .CasestudyDetail-section-label{ font-size: 2.2rem; } .casestudy-imgSmall .CasestudyDetail-section-label{ position: absolute; left: 0; top: 0; text-align: left; } .casestudy-imgSmall .CasestudyDetail-section-body{ width: 41%; margin-bottom: 0; } .casestudy-imgSmall .CasestudyDetail-section-visual{ width: 50%; margin-right: 9%; } .CasestudyDetail-footer-description{ font-size: 1.2rem; } .CasestudyDetail-footer-description:lang(en){ font-size: 1.3rem; } .CasestudyDetail-footer-contact{ height: 70px; } .CasestudyDetail-footer-contact-text{ line-height: 3.5rem; } .CasestudyHero-section-inner{ 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; margin-bottom: 40px; } .CasestudyHero-visual{ width: 70%; margin-bottom: 0; } .CasestudyHero-body{ width: 28%; } .CasestudyHero-body-inner{ position: absolute; width: 100%; bottom: 0; } .CasestudyHero-label{ width: 100%; } .CasestudyHero-title{ font-size: 1.3rem; } .CasestudyHero-title:lang(en){ font-size: 1.4rem; } .ContactForm-header-headline{ font-size: 0.9rem; } .ContactForm-header-headline:lang(en){ font-size: 1rem; } .ContactForm-headline{ font-size: 0.9rem; } .ContactForm-headline:lang(en){ font-size: 1rem; } .ContactForm-submit, .ContactForm-send{ height: 70px; } .ContactForm-submit-text, .ContactForm-send-text{ font-size: 0.8rem; } .ContactForm-submit-text:lang(en), .ContactForm-send-text:lang(en){ font-size: 0.9rem; } .ContactForm-submit-text, .ContactForm-send-text{ line-height: 3.5rem; } .ContactForm-block-title{ font-size: 0.8rem; } .ContactForm-block-title:lang(en){ font-size: 0.9rem; } .ContactForm-inputFile-btn{ font-size: 0.8rem; } .ContactForm-inputFile-btn:lang(en){ font-size: 0.9rem; } .ContactForm-inputFile-btn{ height: 50px; } .Location-name{ font-size: 0.9rem; } .Location-name:lang(en){ font-size: 1rem; } .Location-company-name{ font-size: 0.8rem; } .Location-company-name:lang(en){ font-size: 0.9rem; } .HomeAbout-body-content{ padding-left: 16.66667%; padding-right: 16.66667%; } .HomeAbout-title{ font-size: 2.5rem; } .HomeAbout-title{ margin-bottom: 1.25rem; margin-left: -10%; text-align: left; } .HomeAbout-title br{ display: inline; } .HomeAbout-summary{ margin-bottom: 1.25rem; } .HomeAbout-more{ text-align: left; } .HomeAbout-visual{ position: absolute; left: 0; top: 0; bottom: 0; } .HomeAbout-visual-inner{ padding-top: 0; } .HomeContent{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .HomeContent.HomeAbout{ -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .HomeContent-block.block-left{ width: 50%; } .HomeContent-block.block-right{ width: 50%; } .HomeContent-block-inner{ height: 100%; max-width: 980px; } .HomeNews-body-content{ padding-left: 16.66667%; padding-right: 16.66667%; } .HomeNews-title{ font-size: 2.5rem; } .HomeNews-title{ margin-bottom: 0.75rem; margin-left: -10%; text-align: left; } .HomeNews-more{ text-align: left; } .HomeNews-visual{ position: absolute; left: 50%; top: 0; bottom: 0; } .HomeNews-visual-inner{ padding-top: 0; background-image: url("../img/home/news_medium.png"); } .HomeRecruit-body-content{ padding-left: 33.33333%; padding-right: 33.33333%; } .HomeRecruit-title{ font-size: 2.5rem; } .HomeRecruit-title{ margin-bottom: 1.25rem; } .HomeRecruit-summary{ margin-bottom: 1.25rem; } .HomeRecruit-visual-inner{ padding-top: 0; } .HomeServices-body-content{ padding-left: 8.33333%; padding-right: 8.33333%; padding-top: 4.16667%; padding-bottom: 4.16667%; } .HomeServices-title{ font-size: 1.5rem; } .HomeServices-title{ padding-bottom: 3.33333%; } .HomeServices-block{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .HomeServices-block-section{ width: 32%; padding-bottom: 0; } .HomeServices-block-section:nth-of-type(2n+1){ margin-right: 0; } .HomeServices-block-section:nth-of-type(2n){ margin-left: 0; } .HomeServices-block-section:nth-of-type(3n+2){ margin-left: 2%; margin-right: 2%; } .HomeServices-block-visual{ margin-bottom: 14px; } .HomeServices-block-title{ margin-bottom: 18px; font-size: 0.7rem; } .HomeServices-block-title br{ display: inline; } .HomeServices-block-title:lang(en){ font-size: 0.8rem; } .MainVisual-body-title{ font-size: 3rem; } .MainVisual-body-title br{ display: none; } .MainVisual-body-summary{ margin-bottom: 80px; } .MainVisual-body-summary-inner{ font-size: 1.2rem; } .MainVisual-body-summary-inner:lang(en){ font-size: 1.3rem; } .PageFooter-logo{ float: left; } .PageFooter-links-list li + li::before{ content: " / "; } .PageHeader-logo{ width: 240px; height: 70px; padding-top: 18px; padding-left: 30px; } .PageHeader-logo-inner{ width: 192px; padding-top: 33.6px; background-image: url("../img/common/logo_header.png"); } .PageHeader-nav-list{ left: 240px; } .PageHeader-menuList{ height: 70px; } .PageHeader-menuList-item{ line-height: 3.5rem; margin-left: 22px; } .PageHeader-langList{ width: 130px; height: 70px; } .PageHeader-langList-item{ line-height: 3.5rem; } .PageHeader-langList li + li{ margin-left: 38px; } .PageHeader-langList li + li::before{ left: -20px; } .PageHeader-contact{ height: 70px; padding-left: 30px; padding-right: 30px; } .PageHeader-contact-text{ line-height: 3.5rem; } .ServicesIndex-main{ padding-right: 20px; margin-bottom: 50px; text-align: left; } .ServicesIndex-main a{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .ServicesIndex-main .Button-round-black{ margin-bottom: 1rem; white-space: nowrap; } .ServicesIndex-main-body{ margin-left: 20px; } .ServicesIndex-main-body-inner{ bottom: 0; } .ServicesIndex-main-title{ position: absolute; right: 0; bottom: 90px; margin-right: -20px; margin-bottom: 0; font-size: 1.2rem; line-height: 1.6; width: 360px; text-align: right; } .ServicesIndex-main-title:lang(en){ font-size: 1.3rem; } .ServicesIndex-main-visual{ margin-bottom: 0; } .ServicesIndex-block{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .ServicesIndex-block-section{ width: 50%; } .ServicesIndex-block-section:nth-of-type(odd){ padding-right: 1%; } .ServicesIndex-block-section:nth-of-type(even){ padding-left: 1%; } .ServicesIndex-block section + section{ margin-top: 0; } .ServicesIndex-block-visual{ margin-bottom: 20px; } .ServicesIndex-block-title{ margin-bottom: 20px; font-size: 1rem; line-height: 1.6; } .ServicesIndex-block-title:lang(en){ font-size: 1.1rem; } .IrnoticeIndex-main{ padding-right: 20px; margin-bottom: 50px; text-align: left; } .IrnoticeIndex-main a{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .IrnoticeIndex-main .Button-round-black{ margin-bottom: 1rem; white-space: nowrap; } .IrnoticeIndex-main-body{ margin-left: 20px; } .IrnoticeIndex-main-body-inner{ bottom: 0; } .IrnoticeIndex-main-title{ position: absolute; right: 0; bottom: 90px; margin-right: -20px; margin-bottom: 0; font-size: 1.2rem; line-height: 1.6; width: 360px; text-align: right; } .IrnoticeIndex-main-title:lang(en){ font-size: 1.3rem; } .IrnoticeIndex-main-visual{ margin-bottom: 0; } .IrnoticeIndex-block{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .IrnoticeIndex-block-section{ width: 50%; } .IrnoticeIndex-block-section:nth-of-type(odd){ padding-right: 1%; } .IrnoticeIndex-block-section:nth-of-type(even){ padding-left: 1%; } .IrnoticeIndex-block section + section{ margin-top: 0; } .IrnoticeIndex-block-visual{ margin-bottom: 20px; } .IrnoticeIndex-block-title{ margin-bottom: 20px; font-size: 1rem; line-height: 1.6; } .IrnoticeIndex-block-title:lang(en){ font-size: 1.1rem; } .UniverseHero-inner{ background-image: url("../img/services/universe/main.jpg"); } .UniverseHero-body-title{ font-size: 1.4rem; } .UniverseHero-body-title:lang(en){ font-size: 1.5rem; } .UniverseHero-body-title{ margin-bottom: 36px; } .UniverseUnvsIntro-title{ font-size: 1.2rem; } .UniverseUnvsIntro-title:lang(en){ font-size: 1.3rem; } .UniverseUnvsIntro-text{ width: 80%; } .UniverseUnvsIntro-detail-illust{ width: 100%; max-width: 1120px; } .UniverseUnvsIntro-detail-illust-img{ padding-bottom: 35.44643%; background-image: url("../img/services/universe/illust_universe.png"); } .UniverseUnvsIntro-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; padding-top: 6%; } .UniverseUnvsIntro-list-item{ width: 30%; margin-bottom: 0; } .UniverseUnvsIntro-list-item-title{ font-size: 0.8rem; } .UniverseUnvsIntro-list-item-title:lang(en){ font-size: 0.9rem; } .UniverseUnvsCase-title{ font-size: 2.5rem; } .UniverseUnvsCase-summary{ margin-bottom: 90px; } .UniverseUnvsCase-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; } .UniverseUnvsCase-list-item{ width: 30%; margin-bottom: 0; } .UniverseUnvsCase-list-item-img{ width: 80%; max-width: 240px; margin-bottom: 60px; } .UniverseUnvsCase-list-item-title{ font-size: 0.8rem; } .UniverseUnvsCase-list-item-title:lang(en){ font-size: 0.9rem; } .UniverseUnvsMethod-title{ font-size: 2.5rem; } .UniverseUnvsMethod-illust{ width: 100%; max-width: 1120px; } .UniverseUnvsMethod-illust-img{ padding-bottom: 50.92593%; background-image: url("../img/services/universe/illust_method.png"); } .UniverseUnvsMethod-text{ padding-left: 12.5%; padding-right: 12.5%; } .UniverseOnlineIntro-title{ font-size: 1.2rem; } .UniverseOnlineIntro-title:lang(en){ font-size: 1.3rem; } .UniverseOnlineIntro-text br{ display: inline; } .UniverseOnlineIntro-visualize-title{ font-size: 0.8rem; } .UniverseOnlineIntro-visualize-title:lang(en){ font-size: 0.9rem; } .UniverseOnlineIntro-illust{ width: 100%; max-width: 1120px; } .UniverseOnlineIntro-illust-img{ padding-bottom: 51.85185%; background-image: url("../img/services/universe/illust_online.png"); } .UniverseOnlineCase-section-title{ font-size: 1.2rem; } .UniverseOnlineCase-section-title:lang(en){ font-size: 1.3rem; } .UniverseOnlineCase-section-label{ font-size: 0.8rem; } .UniverseOnlineCase-section-label:lang(en){ font-size: 0.9rem; } .UniverseOnlineCase-section-text span{ text-align: center; } .UniverseOnlineCase-section-text br{ display: inline; } .UniverseOnlineCase-section-list-item{ font-size: 0.8rem; } .UniverseOnlineCase-section-list-item:lang(en){ font-size: 0.9rem; } .UniverseRetailIntro-title{ font-size: 1.2rem; } .UniverseRetailIntro-title:lang(en){ font-size: 1.3rem; } .UniverseRetailIntro-analysis-title{ font-size: 0.8rem; } .UniverseRetailIntro-analysis-title:lang(en){ font-size: 0.9rem; } .UniverseRetailIntro-illust{ width: 100%; max-width: 1120px; } .UniverseRetailIntro-illust-img{ padding-bottom: 35.55556%; background-image: url("../img/services/universe/illust_retail.png"); } .UniverseRetailCase-section-title{ font-size: 1.2rem; } .UniverseRetailCase-section-title:lang(en){ font-size: 1.3rem; } .UniverseRetailCase-section-label{ font-size: 0.8rem; } .UniverseRetailCase-section-label:lang(en){ font-size: 0.9rem; } .UniverseRetailCase-section-text span{ text-align: center; } .UniverseRetailCase-section-text br{ display: inline; } .UniverseRetailCase-section-list{ text-align: center; } .UniverseRetailCase-section-list-title{ font-size: 0.8rem; } .UniverseRetailCase-section-list-title:lang(en){ font-size: 0.9rem; } .UniverseRetailCase-section-list-text br{ display: inline; } } @media (min-width: 1300px){ /* DO NOT REMOVE THIS COMMENT */ .page-content-medium{ padding-left: 16.66667%; padding-right: 16.66667%; } .AboutCeo-visual{ width: 75%; } .AboutCeo-body{ width: 62.5%; margin-left: 25%; } .AboutHistory-list-item{ margin: 18px 12.5% 18px 12.5%; } .AboutHistory-year{ margin-left: 12.5%; margin-right: 12.5%; } .Accordion-footer-entry{ max-width: 50%; } .AdvtDetail-header{ margin-top: 100px; } .AdvtDetail-header-title{ margin-top: 100px; } .AdvtDetail-footer-contact{ max-width: 50%; } .AdvtDetail-footer-contact-text{ font-size: 0.7rem; } .AdvtList-visual-img{ min-height: 160px; } .CategoryHeader-title{ font-size: 2.3rem; } .CategoryHeader-title{ margin-top: 1.25rem; margin-bottom: 2.75rem; } .is-about .CategoryHeader-title, .is-universe .CategoryHeader-title{ margin-bottom: 1.75rem; } .is-irnotice .CategoryHeader-title, .is-services .CategoryHeader-title, .is-news .CategoryHeader-title, .is-about .CategoryHeader-title, .is-recruit .CategoryHeader-title, .is-contact .CategoryHeader-title, .is-privacy .CategoryHeader-title, .is-data-info .CategoryHeader-title, .is-ad-info .CategoryHeader-title{ margin-top: 2.75rem; } .CasestudyDetail-section.casestudy-imgNone, .CasestudyDetail-section.casestudy-imgLarge{ padding-left: 12.5%; padding-right: 12.5%; } .casestudy-imgSmall .CasestudyDetail-section-body{ width: 50%; } .casestudy-imgSmall .CasestudyDetail-section-visual{ width: 43.75%; margin-right: 6.25%; } .CasestudyDetail-footer-contact{ max-width: 50%; } .CasestudyDetail-footer-contact-text{ font-size: 0.7rem; } .CasestudyHero-visual{ width: 75%; } .CasestudyHero-body{ width: 23%; } .HomeServices-block-visual{ margin-bottom: 18px; } .HomeServices-block-title{ margin-bottom: 22px; font-size: 0.8rem; line-height: 1.5; } .HomeServices-block-title:lang(en){ font-size: 0.9rem; } .MainVisual-body-title{ font-size: 3.5rem; } .MainVisual-body-summary{ margin-bottom: 95px; } .PageFooter-share-title{ font-size: 0.7rem; } .PageFooter-share-list-item{ font-size: 0.7rem; } .PageFooter-award-title{ font-size: 0.6rem; } .PageFooter-links{ font-size: 0.55rem; } .PageFooter-copyright{ font-size: 0.6rem; } .PageHeader-logo{ width: 285px; padding-top: 14px; } .PageHeader-logo-inner{ width: 240px; padding-top: 42px; } .PageHeader-nav-list{ left: 285px; padding-right: 60px; } .PageHeader-menuList-item{ margin-left: 40px; font-size: 0.7rem; } .PageHeader-langList-item{ font-size: 0.7rem; } .PageHeader-contact{ padding-left: 50px; padding-right: 50px; } .PageHeader-contact-text{ font-size: 0.7rem; } .ServicesIndex-main-title{ width: 390px; font-size: 1.3rem; } .ServicesIndex-main-title:lang(en){ font-size: 1.4rem; } .ServicesIndex-block-visual{ margin-bottom: 24px; } .ServicesIndex-block-title{ margin-bottom: 24px; font-size: 1.1rem; } .ServicesIndex-block-title:lang(en){ font-size: 1.2rem; } .IrnoticeIndex-main-title{ width: 390px; font-size: 1.3rem; } .IrnoticeIndex-main-title:lang(en){ font-size: 1.4rem; } .IrnoticeIndex-block-visual{ margin-bottom: 24px; } .IrnoticeIndex-block-title{ margin-bottom: 24px; font-size: 1.1rem; } .IrnoticeIndex-block-title:lang(en){ font-size: 1.2rem; } .UniverseHero-body-summary{ width: 70%; } .UniverseUnvsIntro-text{ width: 60%; } } @media (min-width: 1600px){ /* DO NOT REMOVE THIS COMMENT */ .page-content-small{ padding-left: 25%; padding-right: 25%; } .AboutCeo{ font-size: 0.75rem; line-height: 2.1; } .AboutCeo:lang(en){ font-size: 0.85rem; } .AboutHistory-month{ line-height: 1.3rem; } .AboutHistory-event{ font-size: 0.65rem; } .AboutHistory-event:lang(en){ font-size: 0.75rem; } .Accordion-header{ font-size: 0.75rem; line-height: 2.1; } .Accordion-header:lang(en){ font-size: 0.85rem; } .Accordion-cont{ font-size: 0.65rem; } .Accordion-cont:lang(en){ font-size: 0.75rem; } .Accordion-footer-entry-text{ font-size: 0.75rem; line-height: 2.1; } .Accordion-footer-entry-text:lang(en){ font-size: 0.85rem; } .Adinfo-content{ font-size: 0.75rem; line-height: 2.1; } .Adinfo-content:lang(en){ font-size: 0.85rem; } .AdvtDetail-footer{ font-size: 0.75rem; line-height: 2.1; } .AdvtDetail-footer:lang(en){ font-size: 0.85rem; } .AdvtIndex-error{ font-size: 0.75rem; line-height: 2.1; } .AdvtIndex-error:lang(en){ font-size: 0.85rem; } .AdvtList-visual{ width: 33.33333%; } .AdvtList-visual-img{ min-height: 180px; } .AdvtList-body{ width: 64.66667%; } .AdvtList-text{ font-size: 0.65rem; } .AdvtList-text:lang(en){ font-size: 0.75rem; } .Article-text{ font-size: 0.75rem; line-height: 2.1; } .Article-text:lang(en){ font-size: 0.85rem; } .Article-list-item{ font-size: 0.75rem; } .Article-list-item:lang(en){ font-size: 0.85rem; } .Article-simpleList{ font-size: 0.75rem; } .Article-simpleList:lang(en){ font-size: 0.85rem; } .Article-links{ font-size: 0.75rem; line-height: 2.1; } .Article-links:lang(en){ font-size: 0.85rem; } .Article-links-title{ font-size: 0.65rem; } .Article-links-title:lang(en){ font-size: 0.75rem; } .Article-links-list-item{ font-size: 0.65rem; } .Article-links-list-item:lang(en){ font-size: 0.75rem; } .Article-outline-title{ font-size: 0.75rem; line-height: 2.1; } .Article-outline-title:lang(en){ font-size: 0.85rem; } .Article-outline-title{ line-height: 1.5; } .Article-outline-table{ font-size: 0.65rem; } .Article-outline-table:lang(en){ font-size: 0.75rem; } .Article-contact-title{ font-size: 0.75rem; line-height: 2.1; } .Article-contact-title:lang(en){ font-size: 0.85rem; } .Article-contact-title{ line-height: 1.5; } .Article-contact-block{ font-size: 0.65rem; } .Article-contact-block:lang(en){ font-size: 0.75rem; } .Article-notes{ font-size: 0.6rem; } .Article-notes:lang(en){ font-size: 0.7rem; } .Article-QaList{ font-size: 0.75rem; } .Article-QaList:lang(en){ font-size: 0.85rem; } .CategoryHeader-title{ font-size: 2.4rem; } .CategoryHeader-title{ margin-top: 2rem; margin-bottom: 3.5rem; } .is-about .CategoryHeader-title, .is-universe .CategoryHeader-title{ margin-bottom: 2.5rem; } .is-irnotice .CategoryHeader-title, .is-services .CategoryHeader-title, .is-news .CategoryHeader-title, .is-about .CategoryHeader-title, .is-recruit .CategoryHeader-title, .is-contact .CategoryHeader-title, .is-privacy .CategoryHeader-title, .is-data-info .CategoryHeader-title, .is-ad-info .CategoryHeader-title{ margin-top: 3.5rem; } .CategoryHeader-internalLink{ margin-bottom: 20px; } .is-universe .CategoryHeader-internalLink{ margin-bottom: 70px; } .CasestudyBox{ width: 32%; } .CasestudyBox:nth-of-type(2n+1){ margin-right: 0; } .CasestudyBox:nth-of-type(2n){ margin-left: 0; } .CasestudyBox:nth-of-type(3n+2){ margin-left: 2%; margin-right: 2%; } .CasestudyBox-label-main{ font-size: 0.75rem; line-height: 2.1; } .CasestudyBox-label-main:lang(en){ font-size: 0.85rem; } .CasestudyBox-summary{ font-size: 0.65rem; } .CasestudyBox-summary:lang(en){ font-size: 0.75rem; } .CasestudyDetail-section{ font-size: 0.75rem; line-height: 2.1; } .CasestudyDetail-section:lang(en){ font-size: 0.85rem; } .CasestudyDetail-footer{ font-size: 0.75rem; line-height: 2.1; } .CasestudyDetail-footer:lang(en){ font-size: 0.85rem; } .CasestudyIndex-error{ font-size: 0.75rem; line-height: 2.1; } .CasestudyIndex-error:lang(en){ font-size: 0.85rem; } .CasestudyHero-share{ font-size: 0.75rem; line-height: 2.1; } .CasestudyHero-share:lang(en){ font-size: 0.85rem; } .Contact-textCheck{ font-size: 0.75rem; line-height: 2.1; } .Contact-textCheck:lang(en){ font-size: 0.85rem; } .Contact-thanks{ font-size: 0.75rem; line-height: 2.1; } .Contact-thanks:lang(en){ font-size: 0.85rem; } .ContactForm-errorText{ font-size: 0.7rem; } .ContactForm-errorText:lang(en){ font-size: 0.8rem; } .ContactForm-header-text{ font-size: 0.75rem; line-height: 2.1; } .ContactForm-header-text:lang(en){ font-size: 0.85rem; } .ContactForm-header-list-item{ font-size: 0.75rem; } .ContactForm-header-list-item:lang(en){ font-size: 0.85rem; } .ContactForm-header-note{ font-size: 0.65rem; } .ContactForm-header-note:lang(en){ font-size: 0.75rem; } .ContactForm-subheadline{ font-size: 0.75rem; } .ContactForm-subheadline:lang(en){ font-size: 0.85rem; } .ContactForm-item-inner.contact_name_family .ContactForm-subheadline, .ContactForm-item-inner.contact_name_first .ContactForm-subheadline{ line-height: 45px; } .ContactForm-radio, .ContactForm-checkbox{ font-size: 0.75rem; } .ContactForm-radio:lang(en), .ContactForm-checkbox:lang(en){ font-size: 0.85rem; } .ContactForm-radio-link, .ContactForm-checkbox-link{ font-size: 0.75rem; } .ContactForm-radio-link:lang(en), .ContactForm-checkbox-link:lang(en){ font-size: 0.85rem; } .ContactForm-inputText{ font-size: 0.75rem; line-height: 2.1; } .ContactForm-inputText:lang(en){ font-size: 0.85rem; } .ContactForm-inputText{ padding: 0.35rem 0.5rem; } .ContactForm-privacyBox{ font-size: 0.75rem; line-height: 2.1; } .ContactForm-privacyBox:lang(en){ font-size: 0.85rem; } .ContactForm-block-summary{ font-size: 0.75rem; line-height: 2.1; } .ContactForm-block-summary:lang(en){ font-size: 0.85rem; } .ContactForm-block-section{ font-size: 0.75rem; line-height: 2.1; } .ContactForm-block-section:lang(en){ font-size: 0.85rem; } .ContactForm-block-headline{ font-size: 0.75rem; line-height: 2.1; } .ContactForm-block-headline:lang(en){ font-size: 0.85rem; } .ContactForm-block-text{ font-size: 0.75rem; line-height: 2.1; } .ContactForm-block-text:lang(en){ font-size: 0.85rem; } .ContactForm-block-list{ font-size: 0.75rem; } .ContactForm-block-list:lang(en){ font-size: 0.85rem; } .ContactForm-inputFile-text{ font-size: 0.65rem; } .ContactForm-inputFile-text:lang(en){ font-size: 0.75rem; } .Datainfo-content{ font-size: 0.75rem; line-height: 2.1; } .Datainfo-content:lang(en){ font-size: 0.85rem; } .Filter-list-item{ font-size: 0.75rem; line-height: 2.1; } .Filter-list-item:lang(en){ font-size: 0.85rem; } .Filter-list-item{ line-height: 1.5; } .Location-office-name{ font-size: 0.75rem; line-height: 2.1; } .Location-office-name:lang(en){ font-size: 0.85rem; } .Location-list-item{ font-size: 0.65rem; } .Location-list-item:lang(en){ font-size: 0.75rem; } .Location-text{ font-size: 0.65rem; } .Location-text:lang(en){ font-size: 0.75rem; } .Location-map-notes{ font-size: 0.65rem; } .Location-map-notes:lang(en){ font-size: 0.75rem; } .HomeAbout-summary{ font-size: 0.75rem; line-height: 2.1; } .HomeAbout-summary:lang(en){ font-size: 0.85rem; } .HomeRecruit-summary{ font-size: 0.75rem; line-height: 2.1; } .HomeRecruit-summary:lang(en){ font-size: 0.85rem; } .HomeServices-block-title{ font-size: 0.8rem; } .HomeServices-block-title br{ display: none; } .HomeServices-block-title:lang(en){ font-size: 0.9rem; } .MainVisual-body-title{ font-size: 4rem; } .NewsIndex-error{ font-size: 0.75rem; line-height: 2.1; } .NewsIndex-error:lang(en){ font-size: 0.85rem; } .NewsList-text{ font-size: 0.75rem; } .NewsList-text:lang(en){ font-size: 0.85rem; } .PageHeader-nav-list{ padding-left: 80px; } .PageHeader-langList{ width: 140px; } .Privacy-content{ font-size: 0.75rem; line-height: 2.1; } .Privacy-content:lang(en){ font-size: 0.85rem; } .ServicesIndex-main-title{ width: 450px; font-size: 1.5rem; } .ServicesIndex-main-title:lang(en){ font-size: 1.6rem; } .ServicesIndex-block-section .comingsoon-text{ font-size: 0.65rem; } .ServicesIndex-block-section .comingsoon-text:lang(en){ font-size: 0.75rem; } .ServicesIndex-block-title{ font-size: 1.2rem; } .ServicesIndex-block-title:lang(en){ font-size: 1.3rem; } .IrnoticeIndex-main-title{ width: 450px; font-size: 1.5rem; } .IrnoticeIndex-main-title:lang(en){ font-size: 1.6rem; } .IrnoticeIndex-block-section .comingsoon-text{ font-size: 0.65rem; } .IrnoticeIndex-block-section .comingsoon-text:lang(en){ font-size: 0.75rem; } .IrnoticeIndex-block-title{ font-size: 1.2rem; } .IrnoticeIndex-block-title:lang(en){ font-size: 1.3rem; } .Share{ font-size: 0.75rem; line-height: 2.1; } .Share:lang(en){ font-size: 0.85rem; } .TableBox th, .TableBox td{ font-size: 0.75rem; line-height: 2.1; } .TableBox th:lang(en), .TableBox td:lang(en){ font-size: 0.85rem; } .TableBox-list-item{ font-size: 0.75rem; } .TableBox-list-item:lang(en){ font-size: 0.85rem; } .TableBox-text{ font-size: 0.75rem; line-height: 2.1; } .TableBox-text:lang(en){ font-size: 0.85rem; } .UniverseHero-body-summary{ font-size: 0.75rem; line-height: 2.1; } .UniverseHero-body-summary:lang(en){ font-size: 0.85rem; } .UniverseHero-body-summary{ width: 50%; } .UniverseUnvsIntro-text{ font-size: 0.65rem; } .UniverseUnvsIntro-text:lang(en){ font-size: 0.75rem; } .UniverseUnvsIntro-list-item-text{ font-size: 0.65rem; } .UniverseUnvsIntro-list-item-text:lang(en){ font-size: 0.75rem; } .UniverseUnvsCase-summary{ font-size: 0.75rem; line-height: 2.1; } .UniverseUnvsCase-summary:lang(en){ font-size: 0.85rem; } .UniverseUnvsCase-list-item-text{ font-size: 0.65rem; } .UniverseUnvsCase-list-item-text:lang(en){ font-size: 0.75rem; } .UniverseUnvsMethod-summary{ font-size: 0.75rem; line-height: 2.1; } .UniverseUnvsMethod-summary:lang(en){ font-size: 0.85rem; } .UniverseUnvsMethod-text{ font-size: 0.65rem; } .UniverseUnvsMethod-text:lang(en){ font-size: 0.75rem; } .UniverseOnlineIntro-text{ font-size: 0.65rem; } .UniverseOnlineIntro-text:lang(en){ font-size: 0.75rem; } .UniverseOnlineCase-section-text{ font-size: 0.65rem; } .UniverseOnlineCase-section-text:lang(en){ font-size: 0.75rem; } .UniverseRetailIntro-text{ font-size: 0.65rem; } .UniverseRetailIntro-text:lang(en){ font-size: 0.75rem; } .UniverseRetailCase-section-text{ font-size: 0.65rem; } .UniverseRetailCase-section-text:lang(en){ font-size: 0.75rem; } .UniverseRetailCase-section-list-text{ font-size: 0.65rem; } .UniverseRetailCase-section-list-text:lang(en){ font-size: 0.75rem; } } @media (orientation: landscape){ /* DO NOT REMOVE THIS COMMENT */ .MainVisual-body-title{ font-size: 1.6rem; } .MainVisual-body-summary{ margin-bottom: 30px; } .MainVisual-body-summary-inner{ font-size: 0.6rem; } .MainVisual-body-summary-inner:lang(en){ font-size: 0.7rem; } .MainVisual-body .Button-round-border-white{ font-size: 0.5rem; } .MainVisual-body .Button-round-border-white:lang(en){ font-size: 0.6rem; } .PageHeader-menuList-item{ margin-left: 150px; } .PageHeader-langList-item{ margin-left: 150px; } .PageHeader-contact-text{ margin-left: 150px; } } @media (min-width: 1960px){ .HomeNews-visual-inner{ background-image: url("../img/home/news_large.png"); background-position: right center; } } @media (min-width: 480px) and (orientation: landscape){ .MainVisual-body-title{ font-size: 1.9rem; } .MainVisual-body-summary{ margin-bottom: 30px; } .MainVisual-body-summary-inner{ font-size: 0.7rem; } .MainVisual-body-summary-inner:lang(en){ font-size: 0.8rem; } .MainVisual-body .Button-round-border-white{ font-size: 0.5rem; } .MainVisual-body .Button-round-border-white:lang(en){ font-size: 0.6rem; } } @media (min-width: 680px) and (orientation: landscape){ .MainVisual-body-title{ font-size: 3rem; } .MainVisual-body-summary{ margin-bottom: 75px; } .MainVisual-body .Button-round-border-white{ font-size: 0.8rem; } .MainVisual-body .Button-round-border-white:lang(en){ font-size: 0.9rem; } .PageHeader-menuList-item{ margin-left: 12px; } .PageHeader-langList-item{ margin-left: 0; } .PageHeader-contact-text{ margin-left: 0; } } @media (min-width: 980px) and (orientation: landscape){ .MainVisual-body-title{ font-size: 3rem; } .MainVisual-body-summary{ margin-bottom: 80px; } .MainVisual-body-summary-inner{ font-size: 1.2rem; } .MainVisual-body-summary-inner:lang(en){ font-size: 1.3rem; } .PageHeader-menuList-item{ margin-left: 22px; } } @media (min-width: 1300px) and (orientation: landscape){ .MainVisual-body-title{ font-size: 3.5rem; } .MainVisual-body-summary{ margin-bottom: 95px; } .PageHeader-menuList-item{ margin-left: 40px; } } @media (min-width: 1600px) and (orientation: landscape){ .MainVisual-body-title{ font-size: 4rem; } } @media print{ *, *:before, *:after{ background: transparent !important; box-shadow: none !important; color: black !important; text-shadow: none !important; } pre{ white-space: pre-wrap; } }