@charset "UTF-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url(https://fonts.googleapis.com/css?family=Noto+Sans);
/*! sanitize.css v4.1.0 | CC0 License | github.com/jonathantneal/sanitize.css */
/* 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. */
@import url(https://fonts.googleapis.com/css2?family=DM+Serif+Text&family=Noto+Sans:wght@400;700&family=Noto+Sans+JP:wght@400;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=DM+Serif+Text&family=Noto+Sans+JP:wght@400;500;700&display=swap);
article, aside, details, figcaption, figure, footer, header, main, 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 display in IE 10-. 1. Add the correct display in IE. */
template, [hidden] { display: none; }

/* Elements of HTML (https://www.w3.org/TR/html5/semantics.html) ========================================================================== */
/** 1. Remove repeating backgrounds in all browsers (opinionated). 2. Add box sizing inheritence in all browsers (opinionated). */
*, ::before, ::after { background-repeat: no-repeat; /* 1 */ box-sizing: inherit; /* 2 */ }

/** 1. Add text decoration inheritance in all browsers (opinionated). 2. Add vertical alignment inheritence in all browsers (opinionated). */
::before, ::after { text-decoration: inherit; /* 1 */ vertical-align: inherit; /* 2 */ }

/** 1. Add border box sizing in all browsers (opinionated). 2. Add the default cursor in all browsers (opinionated). 3. Add a flattened line height in all browsers (opinionated). 4. Prevent font size adjustments after orientation changes in IE and iOS. */
html { box-sizing: border-box; /* 1 */ cursor: default; /* 2 */ font-family: sans-serif; /* 3 */ line-height: 1.5; /* 3 */ -ms-text-size-adjust: 100%; /* 4 */ -webkit-text-size-adjust: 100%; /* 5 */ }

/* Sections (https://www.w3.org/TR/html5/sections.html) ========================================================================== */
/** Remove the margin in all browsers (opinionated). */
body { margin: 0; }

/** Correct the font sizes and margins on `h1` elements within `section` and `article` contexts in Chrome, Firefox, and Safari. */
h1 { font-size: 2em; margin: .67em 0; }

/* Grouping content (https://www.w3.org/TR/html5/grouping-content.html) ========================================================================== */
/** 1. Correct font sizing inheritance and scaling 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 */ }

/** 1. Correct the height in Firefox. 2. Add visible overflow in Edge and IE. */
hr { height: 0; /* 1 */ overflow: visible; /* 2 */ }

/** Remove the list style on navigation lists in all browsers (opinionated). */
nav ol, nav ul { list-style: none; }

/* Text-level semantics ========================================================================== */
/** 1. Add a bordered underline effect in all browsers. 2. Remove text decoration in Firefox 40+. */
abbr[title] { border-bottom: 1px dotted; /* 1 */ text-decoration: none; /* 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; }

/** Add the correct colors in IE 9-. */
mark { background-color: #ffff00; color: #000000; }

/** Add the correct vertical alignment in Chrome, Firefox, and Opera. */
progress { vertical-align: baseline; }

/** Correct the font size in all browsers. */
small { font-size: 83.3333%; }

/** Change the positioning on superscript and subscript elements in all browsers (opinionated). 1. Correct the font size in all browsers. */
sub, sup { font-size: 83.3333%; /* 1 */ line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -.25em; }

sup { top: -.5em; }

/* Remove the text shadow on text selections (opinionated). 1. Restore the coloring undone by defining the text shadow (opinionated). */

::selection { background-color: #b3d4fc; /* 1 */ color: #000000; /* 1 */ text-shadow: none; }

/* Embedded content (https://www.w3.org/TR/html5/embedded-content-0.html) ========================================================================== */
/* Change the alignment on media elements in all browers (opinionated). */
audio, canvas, iframe, img, svg, video { vertical-align: middle; }

/** Remove the border on images inside links in IE 10-. */
img { border-style: none; }

/** Change the fill color to match the text color in all browsers (opinionated). */
svg { fill: currentColor; }

/** Hide the overflow in IE. */
svg:not(:root) { overflow: hidden; }

/* Links (https://www.w3.org/TR/html5/links.html#links) ========================================================================== */
/** 1. Remove the gray background on active links in IE 10. 2. Remove the gaps in underlines in iOS 8+ and Safari 8+. */
a { background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */ }

/** Remove the outline when hovering in all browsers (opinionated). */
a:hover { outline-width: 0; }

/* Tabular data (https://www.w3.org/TR/html5/tabular-data.html) ========================================================================== */
/* Remove border spacing in all browsers (opinionated). */
table { border-collapse: collapse; border-spacing: 0; }

/* transform-style:  (https://www.w3.org/TR/html5/forms.html) ========================================================================== */
/** 1. Remove the default styling in all browsers (opinionated). 3. Remove the margin in Firefox and Safari. */
button, input, select, textarea { background-color: transparent; /* 1 */ border-style: none; /* 1 */ color: inherit; /* 1 */ font-size: 1em; /* 1 */ margin: 0; /* 3 */ }

/** Correct the overflow in IE. 1. Correct the overflow in Edge. */
button, input { /* 1 */ overflow: visible; }

/** Remove the inheritance in Edge, Firefox, and IE. 1. Remove the inheritance in Firefox. */
button, select { /* 1 */ text-transform: none; }

/** 1. Prevent the 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"], [type="reset"], [type="submit"] { -webkit-appearance: button; /* 2 */ }

/** Remove the inner border and padding in Firefox. */
::-moz-focus-inner { border-style: none; padding: 0; }

/** Correct the focus styles unset by the previous rule. */
:-moz-focusring { outline: 1px dotted ButtonText; }

/** Correct the border, margin, and padding in all browsers. */
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: .35em .625em .75em; }

/** 1. Correct the text wrapping in Edge and IE. 2. Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers. */
legend { display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 2 */ white-space: normal; /* 1 */ }

/** 1. Remove the vertical scrollbar in IE. 2. Change the resize direction on textareas in all browsers (opinionated). */
textarea { overflow: auto; /* 1 */ resize: vertical; /* 2 */ }

/** Remove the padding in IE 10-. */
[type="checkbox"], [type="radio"] { padding: 0; }

/** Correct the cursor style on increment and decrement buttons in Chrome. */
::-webkit-inner-spin-button, ::-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 for OS X. */
::-webkit-search-cancel-button, ::-webkit-search-decoration { -webkit-appearance: none; }

/** Correct the text style on placeholders in Chrome, Edge, and Safari. */
::-webkit-input-placeholder { color: inherit; opacity: .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 */ }

/* WAI-ARIA (https://www.w3.org/TR/html5/dom.html#wai-aria) ========================================================================== */
/** Change the cursor on busy elements (opinionated). */
[aria-busy="true"] { cursor: progress; }

/* Change the cursor on control elements (opinionated). */
[aria-controls] { cursor: pointer; }

/* Change the cursor on disabled, not-editable, or otherwise inoperable elements (opinionated). */
[aria-disabled] { cursor: default; }

/* User interaction (https://www.w3.org/TR/html5/editing.html) ========================================================================== */
/* Remove the tapping delay on clickable elements (opinionated). 1. Remove the tapping delay in IE 10. */
a, area, button, input, label, select, textarea, [tabindex] { -ms-touch-action: manipulation; /* 1 */ touch-action: manipulation; }

/* Change the display on visually hidden accessible elements (opinionated). */
[hidden][aria-hidden="false"] { clip: rect(0, 0, 0, 0); display: inherit; position: absolute; }

[hidden][aria-hidden="false"]:focus { clip: auto; }

html { font-size: 10px; -webkit-font-smoothing: antialiased; width: 100%; }

@media screen and (min-width: 769px), print { html { height: 100%; } }

html > * { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

body { background: #fff; color: #3a4140; overflow-x: hidden; line-height: 1.857; -webkit-backface-visibility: hidden; backface-visibility: hidden; width: 100%; }

@media only screen and (max-width: 768px) { body { font-size: 1.2rem; } }

@media screen and (min-width: 769px), print { body { font-size: 1.4rem; min-height: 100%; } }

@media only screen and (max-width: 768px) { body.is-fixed { position: fixed; left: 0; }
  body.is-fixed:before { content: ''; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99; background: rgba(0, 0, 0, 0.5); } }

/* Headnigs */
h1, h2, h3, h4, h5, h6 { font-weight: 700; line-height: 1.34; }

h1, h2, h3 { color: #000; }

h1, h2, h3, h4 { letter-spacing: 0.05em; }

@media only screen and (max-width: 768px) { h1 { font-size: 2.4rem; } }

@media screen and (min-width: 769px), print { h1 { font-size: 4.0rem; } }

@media only screen and (max-width: 768px) { h2 { font-size: 2.0rem; } }

@media screen and (min-width: 769px), print { h2 { font-size: 3.0rem; } }

@media only screen and (max-width: 768px) { h3 { font-size: 1.6rem; } }

@media screen and (min-width: 769px), print { h3 { font-size: 2.0rem; } }

h3 > a { color: #000; text-decoration: none; }

@media only screen and (max-width: 768px) { h4 { font-size: 1.3rem; margin-top: 21px; margin-bottom: 14px; } }

@media screen and (min-width: 769px), print { h4 { font-size: 1.6rem; margin-top: 37px; margin-bottom: 21px; } }

@media only screen and (max-width: 768px) { h4 + .list-type-bullet, h4 + .list-type-circle, h4 + .list-type-rectangle, h4 + .list-type-asterisk, h4 + .list-type-komejirushi, h4 + .list-type-notice { margin-top: -4px; } }

@media screen and (min-width: 769px), print { h4 + .list-type-bullet, h4 + .list-type-circle, h4 + .list-type-rectangle, h4 + .list-type-asterisk, h4 + .list-type-komejirushi, h4 + .list-type-notice { margin-top: -6px; } }

pre code { display: block; line-height: 1.34; }

dt { font-weight: 700; }

dd { margin-left: 0; }

figure { margin-left: 0; margin-right: 0; }

@media only screen and (max-width: 768px) { figure { margin-top: 0.7em; margin-bottom: 0.7em; } }

table { margin-bottom: 1em; margin-top: 1em; table-layout: fixed; }

th, td { border: 1px solid #e5e5e5; padding: 0.5em; }

hr { margin: 0; border: none; border-top: 1px solid #e5e5e5; }

img { height: auto; max-width: 100%; width: auto; box-sizing: border-box; }

a { color: #0b727d; text-decoration: underline; word-wrap: break-word; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

code { font-family: "Menlo", "Lucida Console", monospace; font-size: 1.2rem; }

html:lang(ja) input, html:lang(ja) textarea, html:lang(ja) select, html:lang(ja) button { font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Sans", Meiryo, sans-serif; }

html:lang(en) input, html:lang(en) textarea, html:lang(en) select, html:lang(en) button { font-family: "Noto Sans", "Helvetica Neue", Arial, "Hiragino Sans", Meiryo, sans-serif; }

input { -webkit-appearance: none; border-radius: 0; }

figure { max-width: 100%; }

::selection { background: #0b727d; color: #fff; }

* { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

html:lang(ja) { font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Sans", Meiryo, sans-serif; }

html:lang(ja) input, html:lang(ja) textarea, html:lang(ja) select, html:lang(ja) button { font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Sans", Meiryo, sans-serif; }

html:lang(en) { font-family: "Noto Sans", "Helvetica Neue", Arial, "Hiragino Sans", Meiryo, sans-serif; }

html:lang(en) input, html:lang(en) textarea, html:lang(en) select, html:lang(en) button { font-family: "Noto Sans", "Helvetica Neue", Arial, "Hiragino Sans", Meiryo, sans-serif; }

.l-header { position: fixed; }

@media only screen and (max-width: 768px) { .l-header { top: 0; left: 0; width: 100%; height: 57px; z-index: 100; } }

@media screen and (min-width: 769px), print { .l-header { background-color: #fff; border-top: 4px solid #88dbdf; top: 0; left: 0; width: 100%; z-index: 50; -webkit-transform: translateY(0); transform: translateY(0); transition: -webkit-transform 0.2s; transition: transform 0.2s; transition: transform 0.2s, -webkit-transform 0.2s; }
  .l-header.is-thin { transition: -webkit-transform 0.4s; transition: transform 0.4s; transition: transform 0.4s, -webkit-transform 0.4s; } }

@media screen and (min-width: 769px), print { .l-header .hamburgerButton { display: none; } }

.globalHeader { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }

@media only screen and (max-width: 768px) { .globalHeader { height: 57px; width: 100%; position: fixed; z-index: 101; top: 0; left: 0; border-top: 3px solid #88dbdf; padding-left: 10px; border-bottom: 1px solid #e5e5e5; background-color: #fff; }
  .globalHeader.is-background { border-bottom: 1px solid rgba(0, 0, 0, 0.5); }
  .globalHeader .langSwitch, .globalHeader .selectRegion, .globalHeader .searchButton { display: none; } }

@media screen and (min-width: 769px), print { .globalHeader { padding-left: 40px; padding-right: 40px; transition: opacity 0.2s; }
  .l-header.is-thin .globalHeader { opacity: 0; }
  .globalHeader > .companyLogo { margin-right: auto; } }

.l-main { margin-left: auto; margin-right: auto; }

@media screen and (min-width: 769px), print { .l-main { position: relative; margin-top: 146px; z-index: 1; width: 100%; overflow-x: hidden; }
  .l-main.is-adjustment { margin-top: 123px; } }

@media only screen and (max-width: 768px) { .l-main { margin-top: 57px; }
  body.theme-mobile .l-main { width: 100%; overflow-x: hidden; } }

@media screen and (min-width: 769px), print { .l-article, .l-aside { position: relative; z-index: 2; } }

.l-footer { background: #fff; }

@media only screen and (max-width: 768px) { .l-footer { padding-bottom: 31px; } }

@media screen and (min-width: 769px), print { .l-footer { padding-bottom: 40px; position: relative; z-index: 3; margin-bottom: 0; } }

@media screen and (min-width: 769px), print { .theme-multi .l-article { width: 75%; } }

@media screen and (min-width: 769px), print { .theme-multi .l-aside { width: 25%; } }

.fxb-section, .section { background: #fff; }

.fxb-section.fxb-parallax, .section.fxb-parallax { background: transparent; }

.theme-caseTop .l-article .fxb-section, .theme-caseTop .l-article .section { background: transparent; }

.fxb-section.fxb-border, .section.fxb-border { position: relative; }

.fxb-section.fxb-border + .fxb-section.bg-blueLight, .fxb-section.fxb-border + .fxb-section.bg-blueLighter, .fxb-section.fxb-border + .fxb-section.bg-md-transparent, .section.fxb-border + .fxb-section.bg-blueLight, .section.fxb-border + .fxb-section.bg-blueLighter, .section.fxb-border + .fxb-section.bg-md-transparent { margin-top: -1px; z-index: 2; position: relative; }

.fxb-section.fxb-border hr, .section.fxb-border hr { z-index: 1; width: 100%; position: absolute; }

.fxb-container, .container, .specialContents-inner, .specialSlideContents-inner { margin-left: auto; margin-right: auto; width: auto; }

@media only screen and (max-width: 768px) { .fxb-container, .container, .specialContents-inner, .specialSlideContents-inner { padding-left: 16px; padding-right: 16px; } }

@media screen and (min-width: 769px), print { .fxb-container, .container, .specialContents-inner, .specialSlideContents-inner { width: 688px; } }

@media screen and (min-width: 880px), print { .fxb-container, .container, .specialContents-inner, .specialSlideContents-inner { width: auto; padding-left: 96px; padding-right: 96px; } }

@media screen and (min-width: 1392px), print { .fxb-container, .container, .specialContents-inner, .specialSlideContents-inner { max-width: 1200px; padding-left: 0; padding-right: 0; } }

.l-main.theme-multi .fxb-container, .l-main.theme-multi .container, .l-main.theme-multi .specialContents-inner, .l-main.theme-multi .specialSlideContents-inner { width: auto; }

.fxb-container-fluid, .container-fluid { width: auto; }

@media screen and (min-width: 769px), print { .fxb-container-parallax, .container-parallax { height: 400px; position: relative; overflow: hidden; margin-left: auto; margin-right: auto; padding-left: 16px; padding-right: 16px; width: auto; } }

.fxb-row, .row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

@media only screen and (max-width: 768px) { .fxb-row, .row { margin-left: -8px; margin-right: -8px; } }

@media screen and (min-width: 769px), print { .fxb-row, .row { margin-left: -16px; margin-right: -16px; } }

.fxb-container-fluid .fxb-row, .container-fluid .fxb-row, .fxb-container-fluid .row, .container-fluid .row { margin-left: 0; margin-right: 0; }

.fxb-row._row-reverse, .row._row-reverse { -ms-flex-flow: row-reverse; flex-flow: row-reverse; }

@media only screen and (max-width: 768px) { .fxb-row._row-sp-reverse, .row._row-sp-reverse { -ms-flex-flow: row-reverse; flex-flow: row-reverse; } }

@media screen and (min-width: 769px), print { .fxb-row._row-md-reverse, .row._row-md-reverse { -ms-flex-flow: row-reverse; flex-flow: row-reverse; } }

@media only screen and (max-width: 768px) { .fxb-row._column-reverse, .row._column-reverse { -ms-flex-flow: column-reverse; flex-flow: column-reverse; } }

@media only screen and (max-width: 768px) { .fxb-row._column-sp-reverse, .row._column-sp-reverse { -ms-flex-flow: column-reverse; flex-flow: column-reverse; } }

@media screen and (min-width: 769px), print { .fxb-row._column-md-reverse, .row._column-md-reverse { -ms-flex-flow: column-reverse; flex-flow: column-reverse; } }

.fxb-row._align-center, .row._align-center { -ms-flex-align: center; align-items: center; }

@media only screen and (max-width: 768px) { .fxb-row._align-sp-center, .row._align-sp-center { -ms-flex-align: center; align-items: center; } }

@media screen and (min-width: 769px), print { .fxb-row._align-md-center, .row._align-md-center { -ms-flex-align: center; align-items: center; } }

.fxb-row._align-baseline, .row._align-baseline { -ms-flex-align: baseline; align-items: baseline; }

@media only screen and (max-width: 768px) { .fxb-row._align-sp-baseline, .row._align-sp-baseline { -ms-flex-align: baseline; align-items: baseline; } }

@media screen and (min-width: 769px), print { .fxb-row._align-md-baseline, .row._align-md-baseline { -ms-flex-align: baseline; align-items: baseline; } }

@media screen and (min-width: 769px), print { .fxb-row._align-md-end, .row._align-md-end { -ms-flex-align: end; align-items: flex-end; } }

.fxb-row._cover-group, .row._cover-group { background-color: #e6ecec; }

@media screen and (min-width: 769px), print { .fxb-row._cover-group, .row._cover-group { min-height: 486px; } }

@media screen and (min-width: 769px), print { .fxb-row._row-center, .row._row-center { -ms-flex-pack: center; justify-content: center; } }

.coverContainer .fxb-row, .coverContainer .row { width: auto; margin-right: auto; margin-left: auto; }

@media only screen and (max-width: 768px) { .coverContainer .fxb-row, .coverContainer .row { padding-left: 40px; padding-right: 40px; } }

@media screen and (min-width: 769px), print { .coverContainer .fxb-row, .coverContainer .row { width: 688px; } }

@media screen and (min-width: 880px), print { .coverContainer .fxb-row, .coverContainer .row { width: auto; padding-left: 96px; padding-right: 96px; } }

@media screen and (min-width: 1392px), print { .coverContainer .fxb-row, .coverContainer .row { max-width: 1200px; padding-left: 0; padding-right: 0; } }

/* 特殊対応 HTMLfluid型内コンテナ */
@media only screen and (max-width: 768px) { .fxb-container-fluid .fxb-row .container .row { margin-left: -8px; margin-right: -8px; } }

@media screen and (min-width: 769px), print { .fxb-container-fluid .fxb-row .container .row { margin-left: -16px; margin-right: -16px; } }

@media only screen and (max-width: 768px) { .row-relation { margin-top: 36px; } }

@media screen and (min-width: 769px), print { .row-relation { margin-top: 64px; } }

[class^="fxb-col-"], [class*=" fxb-col-"], [class^="col-"], [class*=" col-"] { width: 100%; }

@media only screen and (max-width: 768px) { [class^="fxb-col-"], [class*=" fxb-col-"], [class^="col-"], [class*=" col-"] { padding-left: 8px; padding-right: 8px; } }

@media screen and (min-width: 769px), print { [class^="fxb-col-"], [class*=" fxb-col-"], [class^="col-"], [class*=" col-"] { padding-left: 16px; padding-right: 16px; } }

.fxb-container-fluid [class^="fxb-col-"], .container-fluid [class^="fxb-col-"], .fxb-container-fluid [class*=" fxb-col-"], .container-fluid [class*=" fxb-col-"], .fxb-container-fluid [class^="col-"], .container-fluid [class^="col-"], .fxb-container-fluid [class*=" col-"], .container-fluid [class*=" col-"] { padding-left: 0; padding-right: 0; }

[class^="fxb-col-"]._cover-image, [class*=" fxb-col-"]._cover-image, [class^="col-"]._cover-image, [class*=" col-"]._cover-image { background-position: center; background-repeat: no-repeat; background-size: cover; }

@media only screen and (max-width: 768px) { [class^="fxb-col-"]._cover-image, [class*=" fxb-col-"]._cover-image, [class^="col-"]._cover-image, [class*=" col-"]._cover-image { min-height: 150px; background-position: center; } }

@media screen and (min-width: 769px), print { ._cover-group [class^="fxb-col-"]._cover-image, ._cover-group [class*=" fxb-col-"]._cover-image, ._cover-group [class^="col-"]._cover-image, ._cover-group [class*=" col-"]._cover-image { min-height: 486px; } }

@media only screen and (max-width: 768px) { [class^="fxb-col-"]._cover-content, [class*=" fxb-col-"]._cover-content, [class^="col-"]._cover-content, [class*=" col-"]._cover-content { padding: 33px 16px 31px; }
  [class^="fxb-col-"]._cover-content h3, [class*=" fxb-col-"]._cover-content h3, [class^="col-"]._cover-content h3, [class*=" col-"]._cover-content h3 { margin-bottom: 8px; } }

@media screen and (min-width: 769px), print { [class^="fxb-col-"]._cover-content, [class*=" fxb-col-"]._cover-content, [class^="col-"]._cover-content, [class*=" col-"]._cover-content { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; padding: 47px 0 46px 32px; }
  [class^="fxb-col-"]._cover-content h3, [class*=" fxb-col-"]._cover-content h3, [class^="col-"]._cover-content h3, [class*=" col-"]._cover-content h3 { font-size: 2.2rem; margin-bottom: 23px; } }

@media screen and (min-width: 992px), print { [class^="fxb-col-"]._cover-content, [class*=" fxb-col-"]._cover-content, [class^="col-"]._cover-content, [class*=" col-"]._cover-content { width: 480px; padding: 47px 0 46px 60px; } }

@media screen and (min-width: 1392px), print { [class^="fxb-col-"]._cover-content, [class*=" fxb-col-"]._cover-content, [class^="col-"]._cover-content, [class*=" col-"]._cover-content { width: 600px; } }

[class^="fxb-col-"]._cover-content > .symbol-icon, [class*=" fxb-col-"]._cover-content > .symbol-icon, [class^="col-"]._cover-content > .symbol-icon, [class*=" col-"]._cover-content > .symbol-icon { margin: 0; text-align: center; }

[class^="fxb-col-"]._cover-content h3:first-child, [class*=" fxb-col-"]._cover-content h3:first-child, [class^="col-"]._cover-content h3:first-child, [class*=" col-"]._cover-content h3:first-child { margin-top: 0; }

[class^="fxb-col-"]._cover-content p, [class*=" fxb-col-"]._cover-content p, [class^="col-"]._cover-content p, [class*=" col-"]._cover-content p { margin: 0; }

.fxb-col-1, .col-1 { width: 8.33333%; }

.fxb-col-1._cover-image, .col-1._cover-image { min-height: 0; }

.fxb-col-2, .col-2 { width: 16.66667%; }

.fxb-col-2._cover-image, .col-2._cover-image { min-height: 0; }

.fxb-col-3, .col-3 { width: 25%; }

.fxb-col-3._cover-image, .col-3._cover-image { min-height: 0; }

.fxb-col-4, .col-4 { width: 33.33333%; }

.fxb-col-4._cover-image, .col-4._cover-image { min-height: 0; }

.fxb-col-5, .col-5 { width: 41.66667%; }

.fxb-col-5._cover-image, .col-5._cover-image { min-height: 0; }

.fxb-col-6, .col-6 { width: 50%; }

.fxb-col-6._cover-image, .col-6._cover-image { min-height: 0; }

.fxb-col-7, .col-7 { width: 58.33333%; }

.fxb-col-7._cover-image, .col-7._cover-image { min-height: 0; }

.fxb-col-8, .col-8 { width: 66.66667%; }

.fxb-col-8._cover-image, .col-8._cover-image { min-height: 0; }

.fxb-col-9, .col-9 { width: 75%; }

.fxb-col-9._cover-image, .col-9._cover-image { min-height: 0; }

.fxb-col-10, .col-10 { width: 83.33333%; }

.fxb-col-10._cover-image, .col-10._cover-image { min-height: 0; }

.fxb-col-11, .col-11 { width: 91.66667%; }

.fxb-col-11._cover-image, .col-11._cover-image { min-height: 0; }

.fxb-col-12, .col-12 { width: 100%; }

.fxb-col-12._cover-image, .col-12._cover-image { min-height: 0; }

@media screen and (min-width: 576px), print { .fxb-col-sm-1, .col-sm-1 { width: 8.33333%; }
  .fxb-col-sm-1._cover-image, .col-sm-1._cover-image { min-height: 0; } }

@media screen and (min-width: 576px), print { .fxb-col-sm-2, .col-sm-2 { width: 16.66667%; }
  .fxb-col-sm-2._cover-image, .col-sm-2._cover-image { min-height: 0; } }

@media screen and (min-width: 576px), print { .fxb-col-sm-3, .col-sm-3 { width: 25%; }
  .fxb-col-sm-3._cover-image, .col-sm-3._cover-image { min-height: 0; } }

@media screen and (min-width: 576px), print { .fxb-col-sm-4, .col-sm-4 { width: 33.33333%; }
  .fxb-col-sm-4._cover-image, .col-sm-4._cover-image { min-height: 0; } }

@media screen and (min-width: 576px), print { .fxb-col-sm-5, .col-sm-5 { width: 41.66667%; }
  .fxb-col-sm-5._cover-image, .col-sm-5._cover-image { min-height: 0; } }

@media screen and (min-width: 576px), print { .fxb-col-sm-6, .col-sm-6 { width: 50%; }
  .fxb-col-sm-6._cover-image, .col-sm-6._cover-image { min-height: 0; } }

@media screen and (min-width: 576px), print { .fxb-col-sm-7, .col-sm-7 { width: 58.33333%; }
  .fxb-col-sm-7._cover-image, .col-sm-7._cover-image { min-height: 0; } }

@media screen and (min-width: 576px), print { .fxb-col-sm-8, .col-sm-8 { width: 66.66667%; }
  .fxb-col-sm-8._cover-image, .col-sm-8._cover-image { min-height: 0; } }

@media screen and (min-width: 576px), print { .fxb-col-sm-9, .col-sm-9 { width: 75%; }
  .fxb-col-sm-9._cover-image, .col-sm-9._cover-image { min-height: 0; } }

@media screen and (min-width: 576px), print { .fxb-col-sm-10, .col-sm-10 { width: 83.33333%; }
  .fxb-col-sm-10._cover-image, .col-sm-10._cover-image { min-height: 0; } }

@media screen and (min-width: 576px), print { .fxb-col-sm-11, .col-sm-11 { width: 91.66667%; }
  .fxb-col-sm-11._cover-image, .col-sm-11._cover-image { min-height: 0; } }

@media screen and (min-width: 576px), print { .fxb-col-sm-12, .col-sm-12 { width: 100%; }
  .fxb-col-sm-12._cover-image, .col-sm-12._cover-image { min-height: 0; } }

@media screen and (min-width: 769px), print { .fxb-col-md-1, .col-md-1 { width: 8.33333%; }
  .fxb-col-md-1._cover-image, .col-md-1._cover-image { min-height: 0; } }

@media screen and (min-width: 769px), print { .fxb-col-md-2, .col-md-2 { width: 16.66667%; }
  .fxb-col-md-2._cover-image, .col-md-2._cover-image { min-height: 0; } }

@media screen and (min-width: 769px), print { .fxb-col-md-3, .col-md-3 { width: 25%; }
  .fxb-col-md-3._cover-image, .col-md-3._cover-image { min-height: 0; } }

@media screen and (min-width: 769px), print { .fxb-col-md-4, .col-md-4 { width: 33.33333%; }
  .fxb-col-md-4._cover-image, .col-md-4._cover-image { min-height: 0; } }

@media screen and (min-width: 769px), print { .fxb-col-md-5, .col-md-5 { width: 41.66667%; }
  .fxb-col-md-5._cover-image, .col-md-5._cover-image { min-height: 0; } }

@media screen and (min-width: 769px), print { .fxb-col-md-6, .col-md-6 { width: 50%; }
  .fxb-col-md-6._cover-image, .col-md-6._cover-image { min-height: 0; } }

@media screen and (min-width: 769px), print { .fxb-col-md-7, .col-md-7 { width: 58.33333%; }
  .fxb-col-md-7._cover-image, .col-md-7._cover-image { min-height: 0; } }

@media screen and (min-width: 769px), print { .fxb-col-md-8, .col-md-8 { width: 66.66667%; }
  .fxb-col-md-8._cover-image, .col-md-8._cover-image { min-height: 0; } }

@media screen and (min-width: 769px), print { .fxb-col-md-9, .col-md-9 { width: 75%; }
  .fxb-col-md-9._cover-image, .col-md-9._cover-image { min-height: 0; } }

@media screen and (min-width: 769px), print { .fxb-col-md-10, .col-md-10 { width: 83.33333%; }
  .fxb-col-md-10._cover-image, .col-md-10._cover-image { min-height: 0; } }

@media screen and (min-width: 769px), print { .fxb-col-md-11, .col-md-11 { width: 91.66667%; }
  .fxb-col-md-11._cover-image, .col-md-11._cover-image { min-height: 0; } }

@media screen and (min-width: 769px), print { .fxb-col-md-12, .col-md-12 { width: 100%; }
  .fxb-col-md-12._cover-image, .col-md-12._cover-image { min-height: 0; } }

@media screen and (min-width: 992px), print { .fxb-col-lg-1, .col-lg-1 { width: 8.33333%; }
  .fxb-col-lg-1._cover-image, .col-lg-1._cover-image { min-height: 0; } }

@media screen and (min-width: 992px), print { .fxb-col-lg-2, .col-lg-2 { width: 16.66667%; }
  .fxb-col-lg-2._cover-image, .col-lg-2._cover-image { min-height: 0; } }

@media screen and (min-width: 992px), print { .fxb-col-lg-3, .col-lg-3 { width: 25%; }
  .fxb-col-lg-3._cover-image, .col-lg-3._cover-image { min-height: 0; } }

@media screen and (min-width: 992px), print { .fxb-col-lg-4, .col-lg-4 { width: 33.33333%; }
  .fxb-col-lg-4._cover-image, .col-lg-4._cover-image { min-height: 0; } }

@media screen and (min-width: 992px), print { .fxb-col-lg-5, .col-lg-5 { width: 41.66667%; }
  .fxb-col-lg-5._cover-image, .col-lg-5._cover-image { min-height: 0; } }

@media screen and (min-width: 992px), print { .fxb-col-lg-6, .col-lg-6 { width: 50%; }
  .fxb-col-lg-6._cover-image, .col-lg-6._cover-image { min-height: 0; } }

@media screen and (min-width: 992px), print { .fxb-col-lg-7, .col-lg-7 { width: 58.33333%; }
  .fxb-col-lg-7._cover-image, .col-lg-7._cover-image { min-height: 0; } }

@media screen and (min-width: 992px), print { .fxb-col-lg-8, .col-lg-8 { width: 66.66667%; }
  .fxb-col-lg-8._cover-image, .col-lg-8._cover-image { min-height: 0; } }

@media screen and (min-width: 992px), print { .fxb-col-lg-9, .col-lg-9 { width: 75%; }
  .fxb-col-lg-9._cover-image, .col-lg-9._cover-image { min-height: 0; } }

@media screen and (min-width: 992px), print { .fxb-col-lg-10, .col-lg-10 { width: 83.33333%; }
  .fxb-col-lg-10._cover-image, .col-lg-10._cover-image { min-height: 0; } }

@media screen and (min-width: 992px), print { .fxb-col-lg-11, .col-lg-11 { width: 91.66667%; }
  .fxb-col-lg-11._cover-image, .col-lg-11._cover-image { min-height: 0; } }

@media screen and (min-width: 992px), print { .fxb-col-lg-12, .col-lg-12 { width: 100%; }
  .fxb-col-lg-12._cover-image, .col-lg-12._cover-image { min-height: 0; } }

@media screen and (min-width: 1392px), print { .fxb-col-xl-1, .col-xl-1 { width: 8.33333%; }
  .fxb-col-xl-1._cover-image, .col-xl-1._cover-image { min-height: 0; } }

@media screen and (min-width: 1392px), print { .fxb-col-xl-2, .col-xl-2 { width: 16.66667%; }
  .fxb-col-xl-2._cover-image, .col-xl-2._cover-image { min-height: 0; } }

@media screen and (min-width: 1392px), print { .fxb-col-xl-3, .col-xl-3 { width: 25%; }
  .fxb-col-xl-3._cover-image, .col-xl-3._cover-image { min-height: 0; } }

@media screen and (min-width: 1392px), print { .fxb-col-xl-4, .col-xl-4 { width: 33.33333%; }
  .fxb-col-xl-4._cover-image, .col-xl-4._cover-image { min-height: 0; } }

@media screen and (min-width: 1392px), print { .fxb-col-xl-5, .col-xl-5 { width: 41.66667%; }
  .fxb-col-xl-5._cover-image, .col-xl-5._cover-image { min-height: 0; } }

@media screen and (min-width: 1392px), print { .fxb-col-xl-6, .col-xl-6 { width: 50%; }
  .fxb-col-xl-6._cover-image, .col-xl-6._cover-image { min-height: 0; } }

@media screen and (min-width: 1392px), print { .fxb-col-xl-7, .col-xl-7 { width: 58.33333%; }
  .fxb-col-xl-7._cover-image, .col-xl-7._cover-image { min-height: 0; } }

@media screen and (min-width: 1392px), print { .fxb-col-xl-8, .col-xl-8 { width: 66.66667%; }
  .fxb-col-xl-8._cover-image, .col-xl-8._cover-image { min-height: 0; } }

@media screen and (min-width: 1392px), print { .fxb-col-xl-9, .col-xl-9 { width: 75%; }
  .fxb-col-xl-9._cover-image, .col-xl-9._cover-image { min-height: 0; } }

@media screen and (min-width: 1392px), print { .fxb-col-xl-10, .col-xl-10 { width: 83.33333%; }
  .fxb-col-xl-10._cover-image, .col-xl-10._cover-image { min-height: 0; } }

@media screen and (min-width: 1392px), print { .fxb-col-xl-11, .col-xl-11 { width: 91.66667%; }
  .fxb-col-xl-11._cover-image, .col-xl-11._cover-image { min-height: 0; } }

@media screen and (min-width: 1392px), print { .fxb-col-xl-12, .col-xl-12 { width: 100%; }
  .fxb-col-xl-12._cover-image, .col-xl-12._cover-image { min-height: 0; } }

@media screen and (min-width: 769px), print { .col-md-offset { margin: 0 auto; } }

@media screen and (min-width: 769px), print { .col-md-offset-3 { margin-left: 25%; } }

@media screen and (min-width: 769px), print { .col-md-offset-6 { margin-left: auto; } }

.flex-items-center { -ms-flex-pack: center; justify-content: center; }

/* 特殊対応 HTMLfluid型内コンテナ */
@media only screen and (max-width: 768px) { .fxb-container-fluid .fxb-row .container [class^="fxb-col-"], .fxb-container-fluid .fxb-row .container [class*=" fxb-col-"], .fxb-container-fluid .fxb-row .container [class^="col-"], .fxb-container-fluid .fxb-row .container [class*=" col-"] { padding-left: 8px; padding-right: 8px; } }

@media screen and (min-width: 769px), print { .fxb-container-fluid .fxb-row .container [class^="fxb-col-"], .fxb-container-fluid .fxb-row .container [class*=" fxb-col-"], .fxb-container-fluid .fxb-row .container [class^="col-"], .fxb-container-fluid .fxb-row .container [class*=" col-"] { padding-left: 16px; padding-right: 16px; } }

.heading-logo { font-size: 1rem; }

@media only screen and (max-width: 768px) { .heading-logo { margin: 36px 0; }
  .heading-logo > ._logo, .heading-logo > a > ._logo { max-height: 22px; }
  .heading-logo > ._logo[src$=".svg"], .heading-logo > ._logo[src*=".svg"], .heading-logo > a > ._logo[src$=".svg"], .heading-logo > a > ._logo[src*=".svg"] { height: 22px; } }

@media screen and (min-width: 769px), print { .heading-logo { margin: 64px 0; }
  .heading-logo > ._logo, .heading-logo > a > ._logo { max-height: 58px; }
  .heading-logo > ._logo[src$=".svg"], .heading-logo > ._logo[src*=".svg"], .heading-logo > a > ._logo[src$=".svg"], .heading-logo > a > ._logo[src*=".svg"] { height: auto; } }

@media only screen and (max-width: 768px) { .heading-superior { margin: 30px 0 0; font-size: 2.4rem; }
  .heading-superior > ._logo { max-height: 22px; }
  .heading-superior > ._logo-en { max-height: 18px; } }

@media screen and (min-width: 769px), print { .heading-superior { margin: 55px 0 0; font-size: 4.0rem; }
  .heading-superior > ._logo { max-height: 40px; }
  .heading-superior > ._logo-en { max-height: 32px; } }

.heading-superior > ._subTitle, .heading-superior ._supplementTitle { display: block; }

@media only screen and (max-width: 768px) { .heading-superior > ._supplementTitle { padding: 5px 0 6px; font-size: 1.2rem; line-height: 1.083; } }

@media screen and (min-width: 769px), print { .heading-superior > ._supplementTitle { padding-top: 3px; font-size: 1.4rem; line-height: 1.857; } }

@media only screen and (max-width: 768px) { .heading-superior > ._subTitle { margin-top: 8px; font-size: 1.6rem; line-height: 1.5; } }

@media screen and (min-width: 769px), print { .heading-superior > ._subTitle { margin-top: 10px; font-size: 2.0rem; line-height: 1.7; } }

[class^="heading-primary"] { text-align: center; }

@media only screen and (max-width: 768px) { [class^="heading-primary"] { margin-top: 33px; margin-bottom: 30px; } }

@media screen and (min-width: 769px), print { [class^="heading-primary"] { margin-top: 58px; margin-bottom: 40px; } }

[class^="heading-primary"] span { border-bottom-style: solid; display: inline-block; }

@media only screen and (max-width: 768px) { [class^="heading-primary"] span { font-size: 2.0rem; border-bottom-width: 4px; padding-bottom: 5.33333px; } }

@media screen and (min-width: 769px), print { [class^="heading-primary"] span { font-size: 3.0rem; border-bottom-width: 6px; padding-bottom: 8px; } }

[class^="heading-primary"] span { border-bottom-color: #000; }

@media only screen and (max-width: 768px) { [class^="heading-primary"] span + span { margin-top: 0.5em; } }

.heading-primary-inverse { color: #fff; }

.heading-primary-inverse span { border-bottom-color: #fff; }

[class^="subheading-"] { position: relative; }

@media only screen and (max-width: 768px) { [class^="subheading-"] { font-size: 1.6rem; margin-top: 36px; margin-bottom: 22px; padding-top: 16px; } }

@media screen and (min-width: 769px), print { [class^="subheading-"] { font-size: 2.0rem; margin-top: 64px; margin-bottom: 37px; padding-top: 26px; } }

[class^="subheading-"]:before, [class^="subheading-"]:after { content: ''; position: absolute; height: 1px; top: 0; left: 0; }

[class^="subheading-"]:before { z-index: 2; width: 2em; }

[class^="subheading-"]:after { z-index: 1; width: 100%; }

.subheading-primary:before { background: #000; }

.subheading-primary:after { background: #e5e5e5; }

.subheading-primary > span { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; }

.subheading-primary > span a { text-decoration: none; color: #000; margin-left: auto; font-weight: 400; }

@media only screen and (max-width: 768px) { .subheading-primary > span a { font-size: 1.2rem; } }

@media screen and (min-width: 769px), print { .subheading-primary > span a { font-size: 1.4rem; transition: opacity 0.3s; }
  .subheading-primary > span a:hover { opacity: 0.6; } }

.subheading-primary-inverse { color: #fff; }

.subheading-primary-inverse:before { background: #fff; }

.subheading-primary-inverse:after { background: rgba(255, 255, 255, 0.5); }

.subheading-primary-inverse > a { text-decoration: none; color: #fff; }

@media only screen and (max-width: 768px) { .subheading-primary-inverse > a { background-position: left top 4px; } }

@media only screen and (max-width: 768px) { [class^="heading-primary"] + [class^="subheading-"] { margin-top: 30px; } }

@media screen and (min-width: 769px), print { [class^="heading-primary"] + [class^="subheading-"] { margin-top: 52px; } }

.heading-between { text-align: center; border-top: 1px solid #000; border-bottom: 1px solid #000; padding: 0.5em 0; color: #000; }

.heading-instead { display: inline-block; margin-bottom: 1em; font-weight: 700; color: #000; }

@media only screen and (max-width: 768px) { .heading-instead { font-size: 1.6rem; margin-bottom: 6px; } }

@media screen and (min-width: 769px), print { .heading-instead { font-size: 2.0rem; } }

[class^="frame-"] .heading-instead { margin-top: -0.2em; }

.subheading-primary + .list-type-bullet { margin-top: -6px; }

@media only screen and (max-width: 768px) { [class^="subheading-"] + h4 { margin-top: -3px; } }

@media screen and (min-width: 769px), print { [class^="subheading-"] + h4 { margin-top: -4px; } }

.heading-primary + .row-relation, .subheading-primary + .row-relation { margin-top: 0; }

.text-align-left { text-align: left; }

.text-align-center { text-align: center; }

.text-align-right { text-align: right; }

@media screen and (min-width: 769px), print { .text-md-align-left { text-align: left; }
  .text-md-align-center { text-align: center; }
  .text-md-align-right { text-align: right; } }

.text-indent-1 { text-indent: 1em; }

.text-indent-2 { text-indent: 2em; }

.text-indent-3 { text-indent: 3em; }

.text-indent-4 { text-indent: 4em; }

.text-color-default { color: #3a4140; }

.text-color-inverse { color: #fff; }

@media screen and (min-width: 769px), print { .text-md-color-inverse { color: #fff; } }

.text-color-primary { color: #0b727d; }

.text-color-secondary { color: #0b727d; }

.text-color-accent { color: #e00429; }

.text-color-black { color: #000; }

.text-weight-normal { font-weight: normal; }

.text-weight-medium { font-weight: 500; }

.text-weight-bold { font-weight: 700; }

.text-style-italic { font-style: italic; }

.text-style-oblique { font-style: oblique; }

.text-style-line { text-decoration: underline; }

@media only screen and (max-width: 768px) { .text-size-largest { font-size: 2.8rem; } }

@media screen and (min-width: 769px), print { .text-size-largest { font-size: 3.6rem; } }

@media only screen and (max-width: 768px) { .text-size-larger { font-size: 2.0rem; } }

@media screen and (min-width: 769px), print { .text-size-larger { font-size: 2.8rem; } }

@media only screen and (max-width: 768px) { .text-size-large { font-size: 1.6rem; } }

@media screen and (min-width: 769px), print { .text-size-large { font-size: 1.8rem; } }

@media only screen and (max-width: 768px) { .text-size-medium { font-size: 1.2rem; } }

@media screen and (min-width: 769px), print { .text-size-medium { font-size: 1.4rem; } }

@media only screen and (max-width: 768px) { .text-size-small { font-size: 1rem; } }

@media screen and (min-width: 769px), print { .text-size-small { font-size: 1.2rem; } }

@media only screen and (max-width: 768px) { .text-size-smaller { font-size: 0.8rem; } }

@media screen and (min-width: 769px), print { .text-size-smaller { font-size: 1rem; } }

.text-size-smallest { font-size: 0.7em; }

.text-family-sans { font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Sans", Meiryo, sans-serif; }

.text-family-serif { font-family: "Times New Roman", Georgia, "Hiragino Mincho ProN", "Yu Mincho", sans-serif; }

.text-family-code { font-family: "Menlo", "Lucida Console", monospace; }

.text-family-WEBFONTS { font-family: "Satisfy", sans-serif; }

.text-width-block { display: block; }

.text-width-inline { display: inline-block; }

.text-between { padding: 5px 0; border-top: 1px solid #fff; border-bottom: 1px solid #fff; }

.text-letterspace-large { letter-spacing: 0.1em; }

.text-letterspace-larger { letter-spacing: 0.2em; }

.text-shadow-strong { text-shadow: 0px 0px 4px rgba(3, 3, 3, 0.5); }

[class^="text-overflow-"] { white-space: nowrap; overflow: hidden; max-width: 100%; display: inline-block; }

.text-overflow-elipsis { text-overflow: ellipsis; }

.text-overflow-clip { text-overflow: clip; }

.text-publish { border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; line-height: 1; text-align: center; }

@media only screen and (max-width: 768px) { .text-publish { padding: 24px 0; margin-top: 36px; margin-bottom: 0; } }

@media screen and (min-width: 769px), print { .text-publish { padding: 40px 0; margin-top: 64px; margin-bottom: 0; } }

.link-tel { text-decoration: none; }

.theme-desktop .link-tel { color: #3a4140; pointer-events: none; }

.link-disabled { pointer-events: none; opacity: 0.5; }

.link-inorganic { color: #3a4140; }

.link-inorganic.text-color-black { color: #000; }

[class^="link-arrow"], [class^="link-angle-arrow"] { position: relative; display: inline-block; color: #3a4140; }

@media only screen and (max-width: 768px) { [class^="link-arrow"], [class^="link-angle-arrow"] { padding-left: 19px; } }

@media screen and (min-width: 769px), print { [class^="link-arrow"], [class^="link-angle-arrow"] { padding-left: 22px; } }

[class^="link-arrow"]:before, [class^="link-angle-arrow"]:before { content: ''; display: inline-block; background-repeat: no-repeat; background-position: center; background-size: cover; position: absolute; left: 0; }

@media only screen and (max-width: 768px) { [class^="link-arrow"]:before, [class^="link-angle-arrow"]:before { width: 12px; height: 12px; top: 5px; } }

@media screen and (min-width: 769px), print { [class^="link-arrow"]:before, [class^="link-angle-arrow"]:before { width: 14px; height: 14px; top: 6px; } }

[class^="link-arrow"]:before { background-image: url(../img/icon-arrow-right-circle.png); }

@media only screen and (max-width: 768px) { [class^="link-angle-arrow"]:before { background-image: url(../img/icon-angle-right-circle_sp.png); } }

@media screen and (min-width: 769px), print { [class^="link-angle-arrow"]:before { background-image: url(../img/icon-angle-right-circle.png); } }

@media only screen and (max-width: 768px) { .link-arrow-right-small:before, .link-angle-right-small_gray:before { width: 10px; height: 10px; } }

@media screen and (min-width: 769px), print { .link-arrow-right-small:before, .link-angle-right-small_gray:before { width: 12px; height: 12px; } }

@media only screen and (max-width: 768px) { .link-angle-arrow-right_gray { padding-left: 16px; } }

@media screen and (min-width: 769px), print { .link-angle-arrow-right_gray { padding-left: 20px; } }

.link-angle-arrow-right_gray:before { background-position: center center; background-repeat: no-repeat; background-size: cover; }

@media only screen and (max-width: 768px) { .link-angle-arrow-right_gray:before { top: 3px; width: 10px; height: 10px; margin-top: 4px; margin-right: 7px; background-image: url(../img/icon-angle-right-circle_gray_sp.png); } }

@media screen and (min-width: 769px), print { .link-angle-arrow-right_gray:before { top: 8px; width: 12px; height: 12px; margin-right: 8px; background-image: url(../img/icon-angle-right-circle_gray.png); } }

.link-angle-arrow-right_inverse { color: #fff; }

@media only screen and (max-width: 768px) { .link-angle-arrow-right_inverse:before { background-image: url(../img/icon-angle-right-circle_inverse_sp.png); } }

@media screen and (min-width: 769px), print { .link-angle-arrow-right_inverse:before { background-image: url(../img/icon-angle-right-circle_inverse.png); } }

.link-target-blank:after { content: ''; background: url(../img/icon-blank.png) center center no-repeat; background-size: cover; margin-top: 0.43em; margin-left: 0.5em; display: inline-block; width: 10px; height: 9px; }

.link-question { position: relative; padding-left: 24px; }

.link-question:before { content: ''; background-position: center; background-repeat: no-repeat; background-size: 100% auto; position: absolute; left: 0; top: 4px; width: 16px; height: 16px; }

@media only screen and (max-width: 768px) { .link-question:before { background-image: url(../img/icon-question_sp.png); } }

@media screen and (min-width: 769px), print { .link-question:before { background-image: url(../img/icon-question.png); } }

@media screen and (min-width: 769px), print { .link-mobile { pointer-events: none; } }

.link-assimilate { color: #3a4140; }

.link-movie { position: relative; }

.link-movie:before { content: ''; display: block; background-repeat: no-repeat; background-position: center; background-size: 100% auto; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

@media only screen and (max-width: 768px) { .link-movie:before { width: 32px; height: 32px; background-image: url(../img/icon-play_sp.png); } }

@media screen and (min-width: 769px), print { .link-movie:before { width: 46px; height: 46px; background-image: url(../img/icon-play.png); } }

.specialSlideContents-movie .link-movie { display: block; }

.link-rss { color: #3a4140; }

.link-rss:before { content: ''; background-position: center; background-repeat: no-repeat; background-size: cover; display: inline-block; vertical-align: middle; position: relative; top: -0.1em; margin-right: 0.8rem; line-height: 1; }

@media only screen and (max-width: 768px) { .link-rss:before { width: 12px; height: 12px; background-image: url(../img/icon-rss_sp.png); } }

@media screen and (min-width: 769px), print { .link-rss:before { width: 14px; height: 14px; background-image: url(../img/icon-rss.png); } }

[class^="btn-"], [class*=" btn-"] { background-color: #d9d9d9; border: 1px solid transparent; color: inherit; display: inline-block; padding: 16px; text-align: center; text-decoration: none; }

[class^="grid"] > ._item [class^="btn-"], [class^="grid"] > ._item [class*=" btn-"] { display: block; text-align: left; }

@media only screen and (max-width: 768px) { .asideNavigation [class^="btn-"], .blockNavigation [class^="btn-"], .asideNavigation [class*=" btn-"], .blockNavigation [class*=" btn-"] { padding: 16px 16px 17px; } }

@media screen and (min-width: 769px), print { .asideNavigation [class^="btn-"], .blockNavigation [class^="btn-"], .asideNavigation [class*=" btn-"], .blockNavigation [class*=" btn-"] { padding: 18px 20px 20px; } }

.btn-default, .btn-inverse, .btn-ghost, .btn-tertiary, .btn-youtube, .btn-disabled { line-height: 1.2; }

@media only screen and (max-width: 768px) { .btn-default, .btn-inverse, .btn-ghost, .btn-tertiary, .btn-youtube, .btn-disabled { padding: 11px 24px 13px; } }

@media screen and (min-width: 769px), print { .btn-default, .btn-inverse, .btn-ghost, .btn-tertiary, .btn-youtube, .btn-disabled { padding: 13px 32px 15px; } }

.btn-default { background-color: #000; color: #fff; border: 1px solid #000; }

.btn-inverse { background-color: #fff; color: #3a4140; border: 1px solid #c0c8c7; }

.btn-inverse.is-active { background: #e9f5f4; }

.btn-tertiary { background-color: #9aa3a3; color: #fff; }

.btn-ghost { background: transparent; border-color: #fff; color: #fff; }

@media only screen and (max-width: 768px) { .btn-size-small { font-size: 1.0rem; padding: 11px 22px; } }

@media screen and (min-width: 769px), print { .btn-size-small { font-size: 1.2rem; padding: 10px 32px; } }

@media only screen and (max-width: 768px) { .btn-size-medium { font-size: 1.2rem; } }

@media screen and (min-width: 769px), print { .btn-size-medium { font-size: 1.4rem; } }

@media only screen and (max-width: 768px) { .btn-size-large { font-size: 1.3rem; padding: 15px 24px; } }

@media screen and (min-width: 769px), print { .btn-size-large { font-size: 1.6rem; padding: 17px 32px 18px; } }

.btn-width-1 { width: 8.33333%; padding-left: 1em; padding-right: 1em; }

.btn-width-2 { width: 16.66667%; padding-left: 1em; padding-right: 1em; }

.btn-width-3 { width: 25%; padding-left: 1em; padding-right: 1em; }

.btn-width-4 { width: 33.33333%; padding-left: 1em; padding-right: 1em; }

.btn-width-5 { width: 41.66667%; padding-left: 1em; padding-right: 1em; }

.btn-width-6 { width: 50%; padding-left: 1em; padding-right: 1em; }

.btn-width-7 { width: 58.33333%; padding-left: 1em; padding-right: 1em; }

.btn-width-8 { width: 66.66667%; padding-left: 1em; padding-right: 1em; }

.btn-width-9 { width: 75%; padding-left: 1em; padding-right: 1em; }

.btn-width-10 { width: 83.33333%; padding-left: 1em; padding-right: 1em; }

.btn-width-11 { width: 91.66667%; padding-left: 1em; padding-right: 1em; }

.btn-width-12 { width: 100%; padding-left: 1em; padding-right: 1em; }

.btn-disabled { pointer-events: none; }

@media only screen and (max-width: 768px) { .btn-single { width: 100%; display: block; padding: 16px 22px; } }

@media screen and (min-width: 769px), print { .btn-single { min-width: 200px; } }

.btn-more { padding: 1rem 28px; }

.btn-youtube { color: #fff; background-color: #f00; }

@media only screen and (max-width: 768px) { .btn-youtube { padding-right: 28px; } }

@media screen and (min-width: 769px), print { .btn-youtube { padding-right: 38px; } }

.btn-youtube > span:before { content: ''; display: inline-block; position: relative; background-position: center; background-repeat: no-repeat; background-size: cover; background-image: url(../img/icon-sns-youtube.svg); }

@media only screen and (max-width: 768px) { .btn-youtube > span:before { width: 18px; height: 13px; margin-right: 6px; top: 2px; } }

@media screen and (min-width: 769px), print { .btn-youtube > span:before { width: 22px; height: 16px; margin-right: 10px; top: 3px; } }

[class^="card-"], [class*=" card-"] { background-color: #d9d9d9; color: inherit; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; margin-bottom: 1em; margin-top: 1em; text-decoration: none; }

[class^="card-"] > ._image img, [class*=" card-"] > ._image img { width: 100%; }

[class^="card-"] > ._content, [class*=" card-"] > ._content { padding-left: 16px; padding-right: 16px; }

[class^="card-"] > ._content ._title, [class*=" card-"] > ._content ._title { color: #000; font-size: 1.25em; font-weight: bold; margin-bottom: 0; }

[class^="card-"] > ._content ._outline, [class*=" card-"] > ._content ._outline { margin-top: .5em; }

.card-basic { background-color: #fff; border-bottom: 1px solid #e5e5e5; position: relative; }

.card-basic > ._image { position: relative; overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.card-basic > ._image > img { position: absolute; top: 51%; left: 51%; min-width: 102%; min-height: 102%; -webkit-transform: translate(-51%, -51%); transform: translate(-51%, -51%); }

.card-basic > ._image ._tag { position: absolute; top: -1px; left: 0; }

.card-basic > ._image ._tag .label-default { letter-spacing: 0.08em; }

@media only screen and (max-width: 768px) { .card-basic > ._image ._tag .label-default { font-size: 1.0rem; } }

.card-basic > ._image ._symbol { position: absolute; left: 0; bottom: 12px; width: 100%; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; padding: 0 16px; }

.card-basic > ._image ._symbol > span { margin: 4px; }

@media only screen and (max-width: 768px) { .card-basic > ._image ._symbol > span { margin: 2px; }
  .card-basic > ._image ._symbol > span img { max-width: 22px; } }

@media screen and (min-width: 769px), print { .card-basic > ._image ._symbol > span { margin: 4px; }
  .card-basic > ._image ._symbol > span img { max-width: 30px; } }

.card-basic > ._image:before { content: ""; display: block; padding-top: 56.25%; }

.card-basic > ._content { text-align: center; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: justify; justify-content: space-between; position: relative; }

@media only screen and (max-width: 768px) { .card-basic > ._content { padding-bottom: 16px; } }

@media screen and (min-width: 769px), print { .card-basic > ._content { padding-bottom: 20px; } }

.card-basic > ._content ._title { font-size: 1.4rem; letter-spacing: 0.05em; }

@media screen and (min-width: 769px), print { .card-basic > ._content ._title { margin-top: 16px; margin-bottom: 16px; } }

.card-basic > ._content ._category { font-size: 1.1rem; }

.card-basic > ._content ._category span { border-top: 1px solid #000; border-bottom: 1px solid #000; display: inline-block; padding: 0.3em 0; }

.card-basic:before, .card-basic:after { position: absolute; top: 0; content: ''; width: 1px; height: 100%; z-index: 0; }

@media screen and (min-width: 769px), print { .grid-md-4 .card-basic:before { left: 0; background: #e5e5e5; } }

@media only screen and (max-width: 768px) { .grid-2 .card-basic:before { right: 0; background: #e5e5e5; } }

@media only screen and (max-width: 768px) { .grid-2 .card-basic:nth-child(odd):after { left: 0; background: #e5e5e5; } }

.card-default { background-color: #fff; box-shadow: 0 0 1em rgba(0, 0, 0, 0.1); }

.card-outline-default { background-color: #fff; border: 1px solid #dae3e2; }

.card-outline-default > ._image { padding-left: 16px; padding-right: 16px; padding-top: 16px; }

.card-direction-vartical { -ms-flex-direction: column; flex-direction: column; }

.card-direction-horizontal { -ms-flex-direction: row; flex-direction: row; }

.card-direction-horizontal > ._image { max-width: 50%; }

.card-topics { background-color: #eff5f5; }

.card-topics ._cover { position: relative; width: 100%; height: 0; padding-top: 56%; }

.card-topics ._cover img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }

.card-topics:hover > ._image > ._cover { position: relative; }

.card-topics:hover > ._image > ._cover > img { -webkit-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); transition: .5s all; }

.card-topics:hover > ._image > ._cover:before { opacity: 1; }

.card-topics:hover > ._content { background: #88dbdf; }

.card-topics > ._image { position: relative; }

.card-topics > ._image > ._cover { overflow: hidden; }

.card-topics > ._image > ._cover:before { bottom: 0; content: ''; height: auto; left: 0; opacity: 0; /* 最初は透明（非表示） */ position: absolute; border: 6px solid rgba(136, 219, 223, 0.74); right: 0; top: 0; transition: opacity .6s ease; /* ゆっくりopacityのみへ変化させる */ width: 100%; z-index: 1; }

.card-topics > ._content { padding: 3.5rem 16px; height: 100%; }

@media only screen and (max-width: 768px) { .card-topics > ._content { padding: 2rem 16px; } }

.card-topics > ._content > ._date { margin: 0; }

.card-topics > ._content > ._title { margin: 0; display: -webkit-box; letter-spacing: 0.05em; line-height: 1.66; font-weight: 500; font-size: 1.15em; /* autoprefixer: off */ -webkit-box-orient: vertical; /* autoprefixer: on */ -webkit-line-clamp: 4; overflow: hidden; }

@media only screen and (max-width: 768px) { .card-topics > ._content > ._title { font-size: 1.2rem; -webkit-line-clamp: 6; } }

[class^="list-"], [class*=" list-"] { counter-reset: i; list-style-type: none; padding-left: 0; }

[class^="list-"] > *, [class*=" list-"] > * { position: relative; }

@media only screen and (max-width: 768px) { [class^="list-"] > *, [class*=" list-"] > * { padding-left: 12px; } }

@media screen and (min-width: 769px), print { [class^="list-"] > *, [class*=" list-"] > * { padding-left: 15px; } }

[class^="list-"] > *:before, [class*=" list-"] > *:before { color: #3a4140; counter-increment: i; display: inline-block; margin-right: -0.3em; position: absolute; left: 0; text-decoration: none; white-space: nowrap; }

[class^="list-"] > * > a.btn-default, [class*=" list-"] > * > a.btn-default { color: #fff; }

ol[class^="list-"] > *, ol[class*=" list-"] > * { padding-left: 2em; }

/* .list-type-bullet > *:before { content: "\2022"; } */
.list-type-bullet > *:before {  }

.list-type-number > *:before { content: counter(i); }

.list-type-number { margin: 1rem 0; }

.list-type-number > * { padding-left: 2em; }

.list-type-number > *:before { margin-right: -0.6em; }

@media only screen and (max-width: 768px) { .list-type-number > li h3 { font-size: 1.2rem; margin-bottom: 6px; }
  .list-type-number > li h3 + p { margin-top: 0; }
  .list-type-number > li p { margin-bottom: 6px; } }

@media screen and (min-width: 769px), print { .list-type-number > li h3 { margin: 0; font-size: 1.4rem; } }

.list-type-number > li > h3 { line-height: 1.857; color: #3a4140; }

@media only screen and (max-width: 768px) { .list-type-number > li + li { margin-top: 14px; } }

@media screen and (min-width: 769px), print { .list-type-number > li + li { margin-top: 28px; } }

ul.list-type-circle > *:before { content: "\25CB"; }

ol.list-type-circle > *:before { border: 1px solid #3a4140; border-radius: 50%; box-sizing: content-box; content: counter(i); line-height: 1; text-align: center; top: .25em; width: 1em; }

ul.list-type-rectangle > *:before { content: "\20DE"; }

ul.list-type-margin li + li { margin-top: 0.6rem; }

@media screen and (min-width: 769px), print { ul.list-type-margin.grid-md-4 li { margin-bottom: 0.6rem; }
  ul.list-type-margin.grid-md-4 li + li { margin-top: 0; } }

ol.list-type-rectangle > *:before { border: 1px solid #3a4140; box-sizing: content-box; content: counter(i); line-height: 1; text-align: center; top: .25em; width: 1em; }

ul.list-type-asterisk > *:before { content: "\FF0A"; }

ol.list-type-asterisk > *:before { content: "＊" counter(i); }

ul.list-type-komejirushi > *:before { content: "\203b"; }

ol.list-type-komejirushi > *:before { content: "※" counter(i); }

@media only screen and (max-width: 768px) { ul.list-type-notice > * { padding-left: 15px; } }

@media screen and (min-width: 769px), print { ul.list-type-notice > * { padding-left: 18px; } }

ol.list-type-notice > *:before { content: "注" counter(i); }

ol.list-type-lowerLatin > *:before { content: counter(i, lower-latin) "."; }

ol.list-type-upperLatin > *:before { content: counter(i, upper-latin) "."; }

ol.list-type-parenthesis > *:before { content: "(" counter(i) ")"; }

ol.list-type-squareBracket > *:before { content: "[" counter(i) "]"; }

ol.list-type-angleBracket > *:before { content: "⟨" counter(i) "⟩"; }

.list-color-default > *:before { color: #3a4140; }

.list-color-inverse > *:before { color: #fff; }

.list-color-primary > *:before { color: #0b727d; }

.list-color-secondary > *:before { color: #0b727d; }

.list-color-accent > *:before { color: #e00429; }

.list-option-between > * { border-top: 1px solid #9aa3ac; border-bottom: 1px solid #9aa3ac; }

[class^="list-inline"] { padding-left: 0; margin: 1em 0; }

[class^="list-inline"] > * { display: inline-block; padding-left: 0; }

[class^="list-inline"] a { color: #303938; }

.list-inline { font-size: 0; }

@media only screen and (max-width: 768px) { .list-inline > * { font-size: 1.2rem; margin: 5.33333px 16px 5.33333px 0; } }

@media screen and (min-width: 769px), print { .list-inline > * { font-size: 1.4rem; margin: 0 24px 8px 0; } }

.list-inline-reverse { text-align: right; }

@media only screen and (max-width: 768px) { .list-inline-reverse > * { margin: 5.33333px 0 5.33333px 16px; } }

@media screen and (min-width: 769px), print { .list-inline-reverse > * { margin: 8px 0 8px 24px; } }

.list-block > * { padding-left: 0; }

.list-block > li + li { margin-top: 8px; }

.list-block a { color: #303938; }

.list-reset { margin: 0; padding: 0; }

.list-board { border-top: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; }

.list-board > li { background: #fff; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; }

.list-board > li h4 { margin-top: 0; color: #000; }

@media only screen and (max-width: 768px) { .list-board > li h4 { margin-bottom: 8px; } }

@media screen and (min-width: 769px), print { .list-board > li h4 { margin-bottom: 16px; } }

.list-board > li h4 + p { margin-top: 0; }

.list-board > li > :last-child { margin-bottom: 0; }

@media only screen and (max-width: 768px) { .list-board > li > :last-child .btn-default { margin-bottom: 3px; } }

@media screen and (min-width: 769px), print { .list-board > li > :last-child .btn-default { margin-bottom: 6px; } }

@media only screen and (max-width: 768px) { .list-board > li h4 + [class^="grid"] { padding-top: 4px; } }

@media only screen and (max-width: 768px) { .list-board > li [class^="grid"], .list-board > li [class*=" grid"] { margin-bottom: -5px; padding-bottom: 0; } }

@media screen and (min-width: 769px), print { .list-board > li [class^="grid"], .list-board > li [class*=" grid"] { margin-bottom: -14px; } }

@media only screen and (max-width: 768px) { .list-board li { padding: 20px 15px 19px; } }

@media screen and (min-width: 769px), print { .list-board { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .list-board li { width: 50%; padding: 36px 39px 33px; }
  .list-board li._col { width: 100%; }
  .list-board.list-board-borderless-top { border-top: none; }
  .list-board.list-board-borderless-top li._border-top { border-top: 1px solid #e5e5e5; } }

.list-board ._symbol { margin: 4px 0; }

.list-nest > * { padding-left: 2em; }

@media only screen and (max-width: 768px) { .list-nest { margin-top: 13px; }
  .list-nest dt { margin-bottom: 6px; }
  .list-nest dd + dd { margin-top: 5px; } }

@media screen and (min-width: 769px), print { .list-nest { margin-top: 28px; }
  .list-nest dt { margin-bottom: 8px; }
  .list-nest dd + dd { margin-top: 0.5em; } }

@media only screen and (max-width: 768px) { .list-type-bullet li + li, .list-type-circle li + li, .list-type-rectangle li + li, .list-type-asterisk li + li, .list-type-komejirushi li + li, .list-type-notice li + li { margin-top: 5px; } }

@media only screen and (max-width: 768px) { .list-type-bullet + h4, .list-type-circle + h4, .list-type-rectangle + h4, .list-type-asterisk + h4, .list-type-komejirushi + h4, .list-type-notice + h4 { margin-top: 17px; } }

@media screen and (min-width: 769px), print { .list-type-bullet + h4, .list-type-circle + h4, .list-type-rectangle + h4, .list-type-asterisk + h4, .list-type-komejirushi + h4, .list-type-notice + h4 { margin-top: 31px; } }

.align-center figure { text-align: center; }

.align-center figure figcaption { text-align: left; }

@media screen and (min-width: 769px), print { .align-md-center figure { text-align: center; }
  .align-md-center figure figcaption { text-align: left; } }

@media only screen and (max-width: 768px) { figcaption { margin-top: 8px; font-size: 1.0rem; } }

@media screen and (min-width: 769px), print { figcaption { margin-top: 11px; font-size: 1.2rem; } }

[class^="figure-"] { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }

[class^="figure-"] > figure { overflow: hidden; }

.figure-center { text-align: center; -ms-flex-pack: center; justify-content: center; }

.figure-center figcaption { text-align: left; }

.figure-left { text-align: left; -ms-flex-pack: start; justify-content: flex-start; }

.figure-left figcaption { text-align: left; }

.figure-left { text-align: right; -ms-flex-pack: end; justify-content: flex-end; }

.figure-fixOblong { display: block; position: relative; overflow: hidden; }

.figure-fixOblong:before { display: block; content: ""; padding-top: 56.25%; }

.figure-fixOblong > img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-height: 100%; }

.table-default thead tr { background-color: #3a4140; color: #fff; }

.table-primary thead tr { background-color: #0b727d; color: #fff; }

.table-secondary thead tr { background-color: #0b727d; color: #fff; }

.table-width-1 { width: 8.33333%; }

.table-width-2 { width: 16.66667%; }

.table-width-3 { width: 25%; }

.table-width-4 { width: 33.33333%; }

.table-width-5 { width: 41.66667%; }

.table-width-6 { width: 50%; }

.table-width-7 { width: 58.33333%; }

.table-width-8 { width: 66.66667%; }

.table-width-9 { width: 75%; }

.table-width-10 { width: 83.33333%; }

.table-width-11 { width: 91.66667%; }

.table-width-12 { width: 100%; }

[class^="table-"] th._bold, [class^="table-"] td._bold, [class^="table-"] dt._bold, [class^="table-"] dd._bold, [class*=" table-"] th._bold, [class*=" table-"] td._bold, [class*=" table-"] dt._bold, [class*=" table-"] dd._bold { font-weight: bold; }

[class^="table-"] th._normal, [class^="table-"] td._normal, [class^="table-"] dt._normal, [class^="table-"] dd._normal, [class*=" table-"] th._normal, [class*=" table-"] td._normal, [class*=" table-"] dt._normal, [class*=" table-"] dd._normal { font-weight: normal; }

[class^="table-"] th._primary, [class^="table-"] td._primary, [class^="table-"] dt._primary, [class^="table-"] dd._primary, [class*=" table-"] th._primary, [class*=" table-"] td._primary, [class*=" table-"] dt._primary, [class*=" table-"] dd._primary { color: #0b727d; }

[class^="table-"] th._secondary, [class^="table-"] td._secondary, [class^="table-"] dt._secondary, [class^="table-"] dd._secondary, [class*=" table-"] th._secondary, [class*=" table-"] td._secondary, [class*=" table-"] dt._secondary, [class*=" table-"] dd._secondary { color: #0b727d; }

[class^="table-"] th._accent, [class^="table-"] td._accent, [class^="table-"] dt._accent, [class^="table-"] dd._accent, [class*=" table-"] th._accent, [class*=" table-"] td._accent, [class*=" table-"] dt._accent, [class*=" table-"] dd._accent { color: #e00429; }

[class^="table-"] th._inverse, [class^="table-"] td._inverse, [class^="table-"] dt._inverse, [class^="table-"] dd._inverse, [class*=" table-"] th._inverse, [class*=" table-"] td._inverse, [class*=" table-"] dt._inverse, [class*=" table-"] dd._inverse { color: #fff; }

[class^="table-"] th._bg-primary, [class^="table-"] td._bg-primary, [class^="table-"] dt._bg-primary, [class^="table-"] dd._bg-primary, [class*=" table-"] th._bg-primary, [class*=" table-"] td._bg-primary, [class*=" table-"] dt._bg-primary, [class*=" table-"] dd._bg-primary { background-color: #0b727d; }

[class^="table-"] th._bg-secondary, [class^="table-"] td._bg-secondary, [class^="table-"] dt._bg-secondary, [class^="table-"] dd._bg-secondary, [class*=" table-"] th._bg-secondary, [class*=" table-"] td._bg-secondary, [class*=" table-"] dt._bg-secondary, [class*=" table-"] dd._bg-secondary { background-color: #869d9b; }

[class^="table-"] th._bg-information, [class^="table-"] td._bg-information, [class^="table-"] dt._bg-information, [class^="table-"] dd._bg-information, [class*=" table-"] th._bg-information, [class*=" table-"] td._bg-information, [class*=" table-"] dt._bg-information, [class*=" table-"] dd._bg-information { background-color: #04a2e5; }

[class^="table-"] th._bg-accent, [class^="table-"] td._bg-accent, [class^="table-"] dt._bg-accent, [class^="table-"] dd._bg-accent, [class*=" table-"] th._bg-accent, [class*=" table-"] td._bg-accent, [class*=" table-"] dt._bg-accent, [class*=" table-"] dd._bg-accent { background-color: #e00429; }

[class^="table-"] th._bg-primary-ligher, [class^="table-"] td._bg-primary-ligher, [class^="table-"] dt._bg-primary-ligher, [class^="table-"] dd._bg-primary-ligher, [class*=" table-"] th._bg-primary-ligher, [class*=" table-"] td._bg-primary-ligher, [class*=" table-"] dt._bg-primary-ligher, [class*=" table-"] dd._bg-primary-ligher { background-color: rgba(11, 114, 125, 0.2); }

[class^="table-"] th._bg-secondary-ligher, [class^="table-"] td._bg-secondary-ligher, [class^="table-"] dt._bg-secondary-ligher, [class^="table-"] dd._bg-secondary-ligher, [class*=" table-"] th._bg-secondary-ligher, [class*=" table-"] td._bg-secondary-ligher, [class*=" table-"] dt._bg-secondary-ligher, [class*=" table-"] dd._bg-secondary-ligher { background-color: #f0f3f3; }

[class^="table-"] th._bg-information-ligher, [class^="table-"] td._bg-information-ligher, [class^="table-"] dt._bg-information-ligher, [class^="table-"] dd._bg-information-ligher, [class*=" table-"] th._bg-information-ligher, [class*=" table-"] td._bg-information-ligher, [class*=" table-"] dt._bg-information-ligher, [class*=" table-"] dd._bg-information-ligher { background-color: #e0f4fc; }

[class^="table-"] th._bg-accent-ligher, [class^="table-"] td._bg-accent-ligher, [class^="table-"] dt._bg-accent-ligher, [class^="table-"] dd._bg-accent-ligher, [class*=" table-"] th._bg-accent-ligher, [class*=" table-"] td._bg-accent-ligher, [class*=" table-"] dt._bg-accent-ligher, [class*=" table-"] dd._bg-accent-ligher { background-color: #fbe0e5; }

[class^="table-"] th._bg-green, [class^="table-"] td._bg-green, [class^="table-"] dt._bg-green, [class^="table-"] dd._bg-green, [class*=" table-"] th._bg-green, [class*=" table-"] td._bg-green, [class*=" table-"] dt._bg-green, [class*=" table-"] dd._bg-green { background-color: #15B5AA; }

[class^="table-"] th._bg-green-ligher, [class^="table-"] td._bg-green-ligher, [class^="table-"] dt._bg-green-ligher, [class^="table-"] dd._bg-green-ligher, [class*=" table-"] th._bg-green-ligher, [class*=" table-"] td._bg-green-ligher, [class*=" table-"] dt._bg-green-ligher, [class*=" table-"] dd._bg-green-ligher { background-color: #88DBDF; }

[class^="table-"] th._bg-purple, [class^="table-"] td._bg-purple, [class^="table-"] dt._bg-purple, [class^="table-"] dd._bg-purple, [class*=" table-"] th._bg-purple, [class*=" table-"] td._bg-purple, [class*=" table-"] dt._bg-purple, [class*=" table-"] dd._bg-purple { background-color: #7392F5; }

[class^="table-"] th._bg-purple-ligher, [class^="table-"] td._bg-purple-ligher, [class^="table-"] dt._bg-purple-ligher, [class^="table-"] dd._bg-purple-ligher, [class*=" table-"] th._bg-purple-ligher, [class*=" table-"] td._bg-purple-ligher, [class*=" table-"] dt._bg-purple-ligher, [class*=" table-"] dd._bg-purple-ligher { background-color: #BCC5F2; }

[class^="table-"] th._disabled, [class^="table-"] td._disabled, [class^="table-"] dt._disabled, [class^="table-"] dd._disabled, [class*=" table-"] th._disabled, [class*=" table-"] td._disabled, [class*=" table-"] dt._disabled, [class*=" table-"] dd._disabled { color: #9aa3ac; }

[class^="table-"] th._left, [class^="table-"] td._left, [class^="table-"] dt._left, [class^="table-"] dd._left, [class*=" table-"] th._left, [class*=" table-"] td._left, [class*=" table-"] dt._left, [class*=" table-"] dd._left { text-align: left; }

[class^="table-"] th._center, [class^="table-"] td._center, [class^="table-"] dt._center, [class^="table-"] dd._center, [class*=" table-"] th._center, [class*=" table-"] td._center, [class*=" table-"] dt._center, [class*=" table-"] dd._center { text-align: center; }

[class^="table-"] th._right, [class^="table-"] td._right, [class^="table-"] dt._right, [class^="table-"] dd._right, [class*=" table-"] th._right, [class*=" table-"] td._right, [class*=" table-"] dt._right, [class*=" table-"] dd._right { text-align: right; }

[class^="table-"] th._nowrap, [class^="table-"] td._nowrap, [class^="table-"] dt._nowrap, [class^="table-"] dd._nowrap, [class*=" table-"] th._nowrap, [class*=" table-"] td._nowrap, [class*=" table-"] dt._nowrap, [class*=" table-"] dd._nowrap { white-space: nowrap; }

[class^="table-"] th._width-2, [class^="table-"] td._width-2, [class^="table-"] dt._width-2, [class^="table-"] dd._width-2, [class*=" table-"] th._width-2, [class*=" table-"] td._width-2, [class*=" table-"] dt._width-2, [class*=" table-"] dd._width-2 { width: 2em; }

[class^="table-"] th._width-4, [class^="table-"] td._width-4, [class^="table-"] dt._width-4, [class^="table-"] dd._width-4, [class*=" table-"] th._width-4, [class*=" table-"] td._width-4, [class*=" table-"] dt._width-4, [class*=" table-"] dd._width-4 { width: 4em; }

[class^="table-"] th._width-5, [class^="table-"] td._width-5, [class^="table-"] dt._width-5, [class^="table-"] dd._width-5, [class*=" table-"] th._width-5, [class*=" table-"] td._width-5, [class*=" table-"] dt._width-5, [class*=" table-"] dd._width-5 { width: 5em; }

[class^="table-"] th._width-6, [class^="table-"] td._width-6, [class^="table-"] dt._width-6, [class^="table-"] dd._width-6, [class*=" table-"] th._width-6, [class*=" table-"] td._width-6, [class*=" table-"] dt._width-6, [class*=" table-"] dd._width-6 { width: 6em; }

[class^="table-"] th._width-7, [class^="table-"] td._width-7, [class^="table-"] dt._width-7, [class^="table-"] dd._width-7, [class*=" table-"] th._width-7, [class*=" table-"] td._width-7, [class*=" table-"] dt._width-7, [class*=" table-"] dd._width-7 { width: 7em; }

[class^="table-"] th._width-8, [class^="table-"] td._width-8, [class^="table-"] dt._width-8, [class^="table-"] dd._width-8, [class*=" table-"] th._width-8, [class*=" table-"] td._width-8, [class*=" table-"] dt._width-8, [class*=" table-"] dd._width-8 { width: 8em; }

[class^="table-"] th._width-9, [class^="table-"] td._width-9, [class^="table-"] dt._width-9, [class^="table-"] dd._width-9, [class*=" table-"] th._width-9, [class*=" table-"] td._width-9, [class*=" table-"] dt._width-9, [class*=" table-"] dd._width-9 { width: 9em; }

[class^="table-"] th._width-10, [class^="table-"] td._width-10, [class^="table-"] dt._width-10, [class^="table-"] dd._width-10, [class*=" table-"] th._width-10, [class*=" table-"] td._width-10, [class*=" table-"] dt._width-10, [class*=" table-"] dd._width-10 { width: 10em; }

[class^="table-"] th._width-11, [class^="table-"] td._width-11, [class^="table-"] dt._width-11, [class^="table-"] dd._width-11, [class*=" table-"] th._width-11, [class*=" table-"] td._width-11, [class*=" table-"] dt._width-11, [class*=" table-"] dd._width-11 { width: 11em; }

[class^="table-"] th._width-12, [class^="table-"] td._width-12, [class^="table-"] dt._width-12, [class^="table-"] dd._width-12, [class*=" table-"] th._width-12, [class*=" table-"] td._width-12, [class*=" table-"] dt._width-12, [class*=" table-"] dd._width-12 { width: 12em; }

[class^="table-"] th._width-14, [class^="table-"] td._width-14, [class^="table-"] dt._width-14, [class^="table-"] dd._width-14, [class*=" table-"] th._width-14, [class*=" table-"] td._width-14, [class*=" table-"] dt._width-14, [class*=" table-"] dd._width-14 { width: 14em; }

[class^="table-"] th._width-16, [class^="table-"] td._width-16, [class^="table-"] dt._width-16, [class^="table-"] dd._width-16, [class*=" table-"] th._width-16, [class*=" table-"] td._width-16, [class*=" table-"] dt._width-16, [class*=" table-"] dd._width-16 { width: 16em; }

[class^="table-"] th._width-18, [class^="table-"] td._width-18, [class^="table-"] dt._width-18, [class^="table-"] dd._width-18, [class*=" table-"] th._width-18, [class*=" table-"] td._width-18, [class*=" table-"] dt._width-18, [class*=" table-"] dd._width-18 { width: 18em; }

[class^="table-"] th._width-20, [class^="table-"] td._width-20, [class^="table-"] dt._width-20, [class^="table-"] dd._width-20, [class*=" table-"] th._width-20, [class*=" table-"] td._width-20, [class*=" table-"] dt._width-20, [class*=" table-"] dd._width-20 { width: 20em; }

[class^="table-"] th._width-col-1, [class^="table-"] td._width-col-1, [class^="table-"] dt._width-col-1, [class^="table-"] dd._width-col-1, [class*=" table-"] th._width-col-1, [class*=" table-"] td._width-col-1, [class*=" table-"] dt._width-col-1, [class*=" table-"] dd._width-col-1 { width: 8.33333%; }

[class^="table-"] th._width-col-2, [class^="table-"] td._width-col-2, [class^="table-"] dt._width-col-2, [class^="table-"] dd._width-col-2, [class*=" table-"] th._width-col-2, [class*=" table-"] td._width-col-2, [class*=" table-"] dt._width-col-2, [class*=" table-"] dd._width-col-2 { width: 16.6666%; }

[class^="table-"] th._width-col-3, [class^="table-"] td._width-col-3, [class^="table-"] dt._width-col-3, [class^="table-"] dd._width-col-3, [class*=" table-"] th._width-col-3, [class*=" table-"] td._width-col-3, [class*=" table-"] dt._width-col-3, [class*=" table-"] dd._width-col-3 { width: 24.9999%; }

[class^="table-"] th._width-col-4, [class^="table-"] td._width-col-4, [class^="table-"] dt._width-col-4, [class^="table-"] dd._width-col-4, [class*=" table-"] th._width-col-4, [class*=" table-"] td._width-col-4, [class*=" table-"] dt._width-col-4, [class*=" table-"] dd._width-col-4 { width: 33.3332%; }

[class^="table-"] th._width-col-5, [class^="table-"] td._width-col-5, [class^="table-"] dt._width-col-5, [class^="table-"] dd._width-col-5, [class*=" table-"] th._width-col-5, [class*=" table-"] td._width-col-5, [class*=" table-"] dt._width-col-5, [class*=" table-"] dd._width-col-5 { width: 41.666665%; }

[class^="table-"] th._width-col-6, [class^="table-"] td._width-col-6, [class^="table-"] dt._width-col-6, [class^="table-"] dd._width-col-6, [class*=" table-"] th._width-col-6, [class*=" table-"] td._width-col-6, [class*=" table-"] dt._width-col-6, [class*=" table-"] dd._width-col-6 { width: 50%; }

[class^="table-"] th._width-col-7, [class^="table-"] td._width-col-7, [class^="table-"] dt._width-col-7, [class^="table-"] dd._width-col-7, [class*=" table-"] th._width-col-7, [class*=" table-"] td._width-col-7, [class*=" table-"] dt._width-col-7, [class*=" table-"] dd._width-col-7 { width: 58.33331%; }

[class^="table-"] th._width-col-8, [class^="table-"] td._width-col-8, [class^="table-"] dt._width-col-8, [class^="table-"] dd._width-col-8, [class*=" table-"] th._width-col-8, [class*=" table-"] td._width-col-8, [class*=" table-"] dt._width-col-8, [class*=" table-"] dd._width-col-8 { width: 66.66664%; }

[class^="table-"] th._width-col-9, [class^="table-"] td._width-col-9, [class^="table-"] dt._width-col-9, [class^="table-"] dd._width-col-9, [class*=" table-"] th._width-col-9, [class*=" table-"] td._width-col-9, [class*=" table-"] dt._width-col-9, [class*=" table-"] dd._width-col-9 { width: 74.999997%; }

@media screen and (min-width: 769px), print { [class^="table-"] th._width-col-md-1, [class^="table-"] td._width-col-md-1, [class^="table-"] dt._width-col-md-1, [class^="table-"] dd._width-col-md-1, [class*=" table-"] th._width-col-md-1, [class*=" table-"] td._width-col-md-1, [class*=" table-"] dt._width-col-md-1, [class*=" table-"] dd._width-col-md-1 { width: 8.33333%; }
  [class^="table-"] th._width-col-md-2, [class^="table-"] td._width-col-md-2, [class^="table-"] dt._width-col-md-2, [class^="table-"] dd._width-col-md-2, [class*=" table-"] th._width-col-md-2, [class*=" table-"] td._width-col-md-2, [class*=" table-"] dt._width-col-md-2, [class*=" table-"] dd._width-col-md-2 { width: 16.6666%; }
  [class^="table-"] th._width-col-md-3, [class^="table-"] td._width-col-md-3, [class^="table-"] dt._width-col-md-3, [class^="table-"] dd._width-col-md-3, [class*=" table-"] th._width-col-md-3, [class*=" table-"] td._width-col-md-3, [class*=" table-"] dt._width-col-md-3, [class*=" table-"] dd._width-col-md-3 { width: 24.9999%; }
  [class^="table-"] th._width-col-md-4, [class^="table-"] td._width-col-md-4, [class^="table-"] dt._width-col-md-4, [class^="table-"] dd._width-col-md-4, [class*=" table-"] th._width-col-md-4, [class*=" table-"] td._width-col-md-4, [class*=" table-"] dt._width-col-md-4, [class*=" table-"] dd._width-col-md-4 { width: 33.3332%; }
  [class^="table-"] th._width-col-md-5, [class^="table-"] td._width-col-md-5, [class^="table-"] dt._width-col-md-5, [class^="table-"] dd._width-col-md-5, [class*=" table-"] th._width-col-md-5, [class*=" table-"] td._width-col-md-5, [class*=" table-"] dt._width-col-md-5, [class*=" table-"] dd._width-col-md-5 { width: 41.666665%; }
  [class^="table-"] th._width-col-md-6, [class^="table-"] td._width-col-md-6, [class^="table-"] dt._width-col-md-6, [class^="table-"] dd._width-col-md-6, [class*=" table-"] th._width-col-md-6, [class*=" table-"] td._width-col-md-6, [class*=" table-"] dt._width-col-md-6, [class*=" table-"] dd._width-col-md-6 { width: 50%; }
  [class^="table-"] th._width-col-md-7, [class^="table-"] td._width-col-md-7, [class^="table-"] dt._width-col-md-7, [class^="table-"] dd._width-col-md-7, [class*=" table-"] th._width-col-md-7, [class*=" table-"] td._width-col-md-7, [class*=" table-"] dt._width-col-md-7, [class*=" table-"] dd._width-col-md-7 { width: 58.33331%; }
  [class^="table-"] th._width-col-md-8, [class^="table-"] td._width-col-md-8, [class^="table-"] dt._width-col-md-8, [class^="table-"] dd._width-col-md-8, [class*=" table-"] th._width-col-md-8, [class*=" table-"] td._width-col-md-8, [class*=" table-"] dt._width-col-md-8, [class*=" table-"] dd._width-col-md-8 { width: 66.66664%; }
  [class^="table-"] th._width-col-md-9, [class^="table-"] td._width-col-md-9, [class^="table-"] dt._width-col-md-9, [class^="table-"] dd._width-col-md-9, [class*=" table-"] th._width-col-md-9, [class*=" table-"] td._width-col-md-9, [class*=" table-"] dt._width-col-md-9, [class*=" table-"] dd._width-col-md-9 { width: 74.999997%; } }

.table-express th, .table-express td { border: 0; padding: 0; }

.table-express th { text-align: left; padding-right: 1em; position: relative; vertical-align: top; font-weight: normal; }

.table-express th:after { position: absolute; top: 0; right: 0; content: ':'; }

.table-express td { padding-left: 1em; }

dl.table-basic { display: table; }

dl.table-basic > * { display: table-cell; }

dl.table-basic + dl.table-basic { margin-top: -1px; }

.table-basic { border-collapse: collapse; margin: 0; width: 100%; }

.table-basic th, .table-basic td, .table-basic dt, .table-basic dd { border: 1px solid #c0c8c7; vertical-align: top; }

.table-basic th.valign-top, .table-basic td.valign-top, .table-basic dt.valign-top, .table-basic dd.valign-top { vertical-align: top; }

.table-basic th.valign-middle, .table-basic td.valign-middle, .table-basic dt.valign-middle, .table-basic dd.valign-middle { vertical-align: middle; }

.table-basic th.valign-bottom, .table-basic td.valign-bottom, .table-basic dt.valign-bottom, .table-basic dd.valign-bottom { vertical-align: bottom; }

@media only screen and (max-width: 768px) { .table-basic th, .table-basic td, .table-basic dt, .table-basic dd { padding: 11px 10px 12px; } }

@media screen and (min-width: 769px), print { .table-basic th, .table-basic td, .table-basic dt, .table-basic dd { padding: 14px 16px 15px; } }

.table-basic thead th { background: #e9f5f4; }

.table-basic tbody th, .table-basic dt { background: #e9f5f4; text-align: left; }

.table-basic tbody th.subhead, .table-basic dt.subhead { background: #f5fbfb; }

.table-basic tbody td, .table-basic dd { background: #fff; }

.table-basic th, .table-basic dt { color: #000; }

.table-basic a { color: #3a4140; }

.table-ir-calender { min-width: 100%; border-collapse: collapse; }

.table-ir-calender th, .table-ir-calender td { text-align: center; }

@media only screen and (max-width: 768px) { .table-ir-calender th, .table-ir-calender td { padding: 0.5em; } }

@media screen and (min-width: 769px), print { .table-ir-calender th, .table-ir-calender td { padding: 0.4em; } }

.table-ir-calender td { line-height: 1.34; font-weight: 700; width: 7.5%; }

.table-ir-calender td._anchor { padding: 0; }

.table-ir-calender td._anchor > a { position: relative; top: 0; left: 0; display: block; width: 100%; height: 100%; color: #000; }

@media only screen and (max-width: 768px) { .table-ir-calender td._anchor > a { padding: 0.5em; } }

@media screen and (min-width: 769px), print { .table-ir-calender td._anchor > a { padding: 0.4em; } }

.table-ir-calender td._anchor > a > span { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; height: 100%; }

.table-ir-calender thead td { padding: 11px 10px 12px; }

.table-ir-calender thead tr:first-child { background: #e9f5f4; }

@media screen and (min-width: 769px), print { .table-ir-calender thead tr:first-child { font-size: 1.6rem; } }

.table-ir-calender thead tr:nth-child(2) { background: #f5fbfb; }

.table-ir-calender tbody th { white-space: nowrap; }

@media only screen and (max-width: 768px) { .table-ir-calender tbody th { padding-left: 10px; padding-right: 10px; } }

@media screen and (min-width: 769px), print { .table-ir-calender tbody th { font-size: 1.8rem; padding-left: 16px; padding-right: 16px; } }

.table-ir-calender tbody th .link-angle-arrow-right { color: #fff; }

@media only screen and (max-width: 768px) { .table-ir-calender tbody th .link-angle-arrow-right { line-height: 1.34; }
  .table-ir-calender tbody th .link-angle-arrow-right:before { top: 2px; } }

@media screen and (min-width: 769px), print { .table-ir-calender tbody th .link-angle-arrow-right { line-height: 1.2; }
  .table-ir-calender tbody th .link-angle-arrow-right:before { top: 4px; } }

@media only screen and (max-width: 768px) { .table-ir-calender tbody td { height: 50px; } }

@media screen and (min-width: 769px), print { .table-ir-calender tbody td { height: 70px; } }

@media only screen and (max-width: 768px) { .table-ir-calender { min-width: 769px; } }

.table-borderless th, .table-borderless td { border: none; }

.valign-top { vertical-align: top; }

.valign-middle { vertical-align: middle; }

.valign-bottom { vertical-align: bottom; }

.table-spell { table-layout: auto; }

.hr-color-default { border-top-color: #dae3e2; }

.hr-color-inverse { border-top-color: #fff; }

.hr-color-primary { border-top-color: #0b727d; }

.hr-type-solid { border-top-style: solid; }

.hr-type-dotted { border-top-style: dotted; }

.hr-type-dashed { border-top-style: dashed; }

.hr-type-double { border-top-style: double; border-top-width: 3px; }

[class^="panel-"], [class*=" panel-"] { background-color: #fff; border: 1px solid #d9d9d9; margin-bottom: 1em; margin-top: 1em; }

[class^="panel-"] > ._header, [class*=" panel-"] > ._header { background-color: #d9d9d9; padding-bottom: 1px; padding-left: 16px; padding-right: 16px; padding-top: 1px; }

@media only screen and (max-width: 768px) { [class^="panel-"] > ._content, [class*=" panel-"] > ._content { padding: 16px; } }

@media screen and (min-width: 769px), print { [class^="panel-"] > ._content, [class*=" panel-"] > ._content { padding: 32px; } }

[class^="panel-"] > ._content dl, [class*=" panel-"] > ._content dl { margin: 0; }

[class^="panel-"] > ._content dl dt, [class*=" panel-"] > ._content dl dt { color: #000; }

@media only screen and (max-width: 768px) { [class^="panel-"] > ._content dl dt, [class*=" panel-"] > ._content dl dt { font-size: 1.3rem; } }

@media screen and (min-width: 769px), print { [class^="panel-"] > ._content dl dt, [class*=" panel-"] > ._content dl dt { font-size: 1.6rem; } }

@media only screen and (max-width: 768px) { [class^="panel-"] > ._content dl dd, [class*=" panel-"] > ._content dl dd { margin-top: 0.5em; }
  [class^="panel-"] > ._content dl dd [class^="btn-"], [class*=" panel-"] > ._content dl dd [class^="btn-"] { margin: 1em 0; } }

@media screen and (min-width: 769px), print { [class^="panel-"] > ._content dl dd, [class*=" panel-"] > ._content dl dd { margin-top: 1.5em; } }

.panel-default { border-color: #3a4140; }

.panel-default > ._header { background-color: #3a4140; }

.panel-default > ._header > ._title { color: #fff; }

.panel-primary { border-color: #0b727d; }

.panel-primary > ._header { background-color: #0b727d; }

.panel-primary > ._header > ._title { color: #fff; }

.panel-secondary { border-color: #0b727d; }

.panel-secondary > ._header { background-color: #0b727d; }

.panel-secondary > ._header > ._title { color: #fff; }

.panel-accent { border-color: #e5d2d2; background-color: #fdf7f7; }

[class^="label-"], [class*=" label-"] { background-color: #d9d9d9; border: 1px solid transparent; color: #3a4140; display: inline-block; text-align: center; text-decoration: none; font-weight: 500; line-height: 1; }

@media only screen and (max-width: 768px) { [class^="label-"], [class*=" label-"] { font-size: 9px; padding: 4px 12px 5px; } }

@media screen and (min-width: 769px), print { [class^="label-"], [class*=" label-"] { font-size: 10px; padding: 7px 14px; } }

.label-default { background-color: #000; color: #fff; }

.newsList-default .label-default { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 140px; max-width: 140px; }

.label-inverse { background-color: #fff; color: #3a4140; }

.label-primary { background-color: #0b727d; color: #fff; }

.label-gray { background-color: #839191; color: #fff; }

.label-secondary { background-color: #0b727d; color: #fff; }

.label-accent { background-color: #e00429; color: #fff; }

.label-outline-default { background-color: transparent; border-color: #3a4140; color: #3a4140; }

.label-outline-inverse { background-color: transparent; border-color: #fff; color: #fff; }

.label-outline-primary { background-color: transparent; border-color: #0b727d; color: #0b727d; }

.label-outline-secondary { background-color: transparent; border-color: #0b727d; color: #0b727d; }

.label-outline-accent { background-color: transparent; border-color: #e00429; color: #e00429; }

@media only screen and (max-width: 768px) { .label-size-small { padding: 2px 7px; } }

@media screen and (min-width: 769px), print { .label-size-small { padding: 3px 9px; } }

@media only screen and (max-width: 768px) { .label-size-large { font-size: 1.0rem; padding: 8px 16px; } }

@media screen and (min-width: 769px), print { .label-size-large { font-size: 1.1rem; padding: 11px 23px; } }

@media screen and (min-width: 769px), print { .label-md-fix-140 { width: 140px; max-width: 140px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } }

[class^="grid"], [class*=" grid"] { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -8px; margin-right: -8px; padding: 8px 0; }

[class^="grid"] > *, [class*=" grid"] > * { width: 100%; }

[class^="grid"] > [class^="card-"], [class^="grid"] > [class*=" card-"], [class^="grid"][class^="list-"] > *, [class^="grid"][class*=" list-"] > *, [class*=" grid"] > [class^="card-"], [class*=" grid"] > [class*=" card-"], [class*=" grid"][class^="list-"] > *, [class*=" grid"][class*=" list-"] > * { margin-left: 8px; margin-right: 8px; }

[class^="grid"] > ._item, [class*=" grid"] > ._item { padding-left: 8px; padding-right: 8px; margin: 8px 0; }

@media only screen and (max-width: 768px) { .list-board li [class^="grid"] > ._item, .list-board li [class*=" grid"] > ._item { margin: 5px 0; } }

@media screen and (min-width: 769px), print { .list-board li._col [class^="grid"] ._item:nth-child(odd), .list-board li._col [class*=" grid"] ._item:nth-child(odd) { padding-right: 40px; }
  .list-board li._col [class^="grid"] ._item:nth-child(even), .list-board li._col [class*=" grid"] ._item:nth-child(even) { padding-left: 40px; } }

.grid-1 > ._item { width: 100%; }

.grid-1 > [class^="card-"], .grid-1 > [class*=" card-"], .grid-1[class^="list-"] > *, .grid-1[class*=" list"] > * { width: calc(100% - 16px); }

.grid-1 > .card-basic { width: calc(100%); }

.grid-2 > ._item { width: 50%; }

.grid-2 > [class^="card-"], .grid-2 > [class*=" card-"], .grid-2[class^="list-"] > *, .grid-2[class*=" list"] > * { width: calc(50% - 16px); }

.grid-2 > .card-basic { width: calc(50%); }

.grid-3 > ._item { width: 33.33333%; }

.grid-3 > [class^="card-"], .grid-3 > [class*=" card-"], .grid-3[class^="list-"] > *, .grid-3[class*=" list"] > * { width: calc(33.33333% - 16px); }

.grid-3 > .card-basic { width: calc(33.33333%); }

.grid-4 > ._item { width: 25%; }

.grid-4 > [class^="card-"], .grid-4 > [class*=" card-"], .grid-4[class^="list-"] > *, .grid-4[class*=" list"] > * { width: calc(25% - 16px); }

.grid-4 > .card-basic { width: calc(25%); }

.grid-5 > ._item { width: 20%; }

.grid-5 > [class^="card-"], .grid-5 > [class*=" card-"], .grid-5[class^="list-"] > *, .grid-5[class*=" list"] > * { width: calc(20% - 16px); }

.grid-5 > .card-basic { width: calc(20%); }

.grid-6 > ._item { width: 16.66667%; }

.grid-6 > [class^="card-"], .grid-6 > [class*=" card-"], .grid-6[class^="list-"] > *, .grid-6[class*=" list"] > * { width: calc(16.66667% - 16px); }

.grid-6 > .card-basic { width: calc(16.66667%); }

.grid-7 > ._item { width: 14.28571%; }

.grid-7 > [class^="card-"], .grid-7 > [class*=" card-"], .grid-7[class^="list-"] > *, .grid-7[class*=" list"] > * { width: calc(14.28571% - 16px); }

.grid-7 > .card-basic { width: calc(14.28571%); }

.grid-8 > ._item { width: 12.5%; }

.grid-8 > [class^="card-"], .grid-8 > [class*=" card-"], .grid-8[class^="list-"] > *, .grid-8[class*=" list"] > * { width: calc(12.5% - 16px); }

.grid-8 > .card-basic { width: calc(12.5%); }

.grid-9 > ._item { width: 11.11111%; }

.grid-9 > [class^="card-"], .grid-9 > [class*=" card-"], .grid-9[class^="list-"] > *, .grid-9[class*=" list"] > * { width: calc(11.11111% - 16px); }

.grid-9 > .card-basic { width: calc(11.11111%); }

.grid-10 > ._item { width: 10%; }

.grid-10 > [class^="card-"], .grid-10 > [class*=" card-"], .grid-10[class^="list-"] > *, .grid-10[class*=" list"] > * { width: calc(10% - 16px); }

.grid-10 > .card-basic { width: calc(10%); }

.grid-11 > ._item { width: 9.09091%; }

.grid-11 > [class^="card-"], .grid-11 > [class*=" card-"], .grid-11[class^="list-"] > *, .grid-11[class*=" list"] > * { width: calc(9.09091% - 16px); }

.grid-11 > .card-basic { width: calc(9.09091%); }

.grid-12 > ._item { width: 8.33333%; }

.grid-12 > [class^="card-"], .grid-12 > [class*=" card-"], .grid-12[class^="list-"] > *, .grid-12[class*=" list"] > * { width: calc(8.33333% - 16px); }

.grid-12 > .card-basic { width: calc(8.33333%); }

@media screen and (min-width: 576px), print { .grid-sm-1 > ._item { width: 100%; }
  .grid-sm-1 > [class^="card-"], .grid-sm-1 > [class*=" card-"], .grid-sm-1[class^="list-"] > *, .grid-sm-1[class*=" list"] > * { width: calc(100% - 16px); }
  .grid-sm-1 > .card-basic { width: calc(100%); }
  .grid-sm-2 > ._item { width: 50%; }
  .grid-sm-2 > [class^="card-"], .grid-sm-2 > [class*=" card-"], .grid-sm-2[class^="list-"] > *, .grid-sm-2[class*=" list"] > * { width: calc(50% - 16px); }
  .grid-sm-2 > .card-basic { width: calc(50%); }
  .grid-sm-3 > ._item { width: 33.33333%; }
  .grid-sm-3 > [class^="card-"], .grid-sm-3 > [class*=" card-"], .grid-sm-3[class^="list-"] > *, .grid-sm-3[class*=" list"] > * { width: calc(33.33333% - 16px); }
  .grid-sm-3 > .card-basic { width: calc(33.33333%); }
  .grid-sm-4 > ._item { width: 25%; }
  .grid-sm-4 > [class^="card-"], .grid-sm-4 > [class*=" card-"], .grid-sm-4[class^="list-"] > *, .grid-sm-4[class*=" list"] > * { width: calc(25% - 16px); }
  .grid-sm-4 > .card-basic { width: calc(25%); }
  .grid-sm-5 > ._item { width: 20%; }
  .grid-sm-5 > [class^="card-"], .grid-sm-5 > [class*=" card-"], .grid-sm-5[class^="list-"] > *, .grid-sm-5[class*=" list"] > * { width: calc(20% - 16px); }
  .grid-sm-5 > .card-basic { width: calc(20%); }
  .grid-sm-6 > ._item { width: 16.66667%; }
  .grid-sm-6 > [class^="card-"], .grid-sm-6 > [class*=" card-"], .grid-sm-6[class^="list-"] > *, .grid-sm-6[class*=" list"] > * { width: calc(16.66667% - 16px); }
  .grid-sm-6 > .card-basic { width: calc(16.66667%); }
  .grid-sm-7 > ._item { width: 14.28571%; }
  .grid-sm-7 > [class^="card-"], .grid-sm-7 > [class*=" card-"], .grid-sm-7[class^="list-"] > *, .grid-sm-7[class*=" list"] > * { width: calc(14.28571% - 16px); }
  .grid-sm-7 > .card-basic { width: calc(14.28571%); }
  .grid-sm-8 > ._item { width: 12.5%; }
  .grid-sm-8 > [class^="card-"], .grid-sm-8 > [class*=" card-"], .grid-sm-8[class^="list-"] > *, .grid-sm-8[class*=" list"] > * { width: calc(12.5% - 16px); }
  .grid-sm-8 > .card-basic { width: calc(12.5%); }
  .grid-sm-9 > ._item { width: 11.11111%; }
  .grid-sm-9 > [class^="card-"], .grid-sm-9 > [class*=" card-"], .grid-sm-9[class^="list-"] > *, .grid-sm-9[class*=" list"] > * { width: calc(11.11111% - 16px); }
  .grid-sm-9 > .card-basic { width: calc(11.11111%); }
  .grid-sm-10 > ._item { width: 10%; }
  .grid-sm-10 > [class^="card-"], .grid-sm-10 > [class*=" card-"], .grid-sm-10[class^="list-"] > *, .grid-sm-10[class*=" list"] > * { width: calc(10% - 16px); }
  .grid-sm-10 > .card-basic { width: calc(10%); }
  .grid-sm-11 > ._item { width: 9.09091%; }
  .grid-sm-11 > [class^="card-"], .grid-sm-11 > [class*=" card-"], .grid-sm-11[class^="list-"] > *, .grid-sm-11[class*=" list"] > * { width: calc(9.09091% - 16px); }
  .grid-sm-11 > .card-basic { width: calc(9.09091%); }
  .grid-sm-12 > ._item { width: 8.33333%; }
  .grid-sm-12 > [class^="card-"], .grid-sm-12 > [class*=" card-"], .grid-sm-12[class^="list-"] > *, .grid-sm-12[class*=" list"] > * { width: calc(8.33333% - 16px); }
  .grid-sm-12 > .card-basic { width: calc(8.33333%); } }

@media screen and (min-width: 769px), print { .grid-md-1 > ._item { width: 100%; }
  .grid-md-1 > [class^="card-"], .grid-md-1 > [class*=" card-"], .grid-md-1[class^="list-"] > *, .grid-md-1[class*=" list"] > * { width: calc(100% - 16px); }
  .grid-md-1 > .card-basic { width: calc(100%); }
  .grid-md-2 > ._item { width: 50%; }
  .grid-md-2 > [class^="card-"], .grid-md-2 > [class*=" card-"], .grid-md-2[class^="list-"] > *, .grid-md-2[class*=" list"] > * { width: calc(50% - 16px); }
  .grid-md-2 > .card-basic { width: calc(50%); }
  .grid-md-3 > ._item { width: 33.33333%; }
  .grid-md-3 > [class^="card-"], .grid-md-3 > [class*=" card-"], .grid-md-3[class^="list-"] > *, .grid-md-3[class*=" list"] > * { width: calc(33.33333% - 16px); }
  .grid-md-3 > .card-basic { width: calc(33.33333%); }
  .grid-md-4 > ._item { width: 25%; }
  .grid-md-4 > [class^="card-"], .grid-md-4 > [class*=" card-"], .grid-md-4[class^="list-"] > *, .grid-md-4[class*=" list"] > * { width: calc(25% - 16px); }
  .grid-md-4 > .card-basic { width: calc(25%); }
  .grid-md-5 > ._item { width: 20%; }
  .grid-md-5 > [class^="card-"], .grid-md-5 > [class*=" card-"], .grid-md-5[class^="list-"] > *, .grid-md-5[class*=" list"] > * { width: calc(20% - 16px); }
  .grid-md-5 > .card-basic { width: calc(20%); }
  .grid-md-6 > ._item { width: 16.66667%; }
  .grid-md-6 > [class^="card-"], .grid-md-6 > [class*=" card-"], .grid-md-6[class^="list-"] > *, .grid-md-6[class*=" list"] > * { width: calc(16.66667% - 16px); }
  .grid-md-6 > .card-basic { width: calc(16.66667%); }
  .grid-md-7 > ._item { width: 14.28571%; }
  .grid-md-7 > [class^="card-"], .grid-md-7 > [class*=" card-"], .grid-md-7[class^="list-"] > *, .grid-md-7[class*=" list"] > * { width: calc(14.28571% - 16px); }
  .grid-md-7 > .card-basic { width: calc(14.28571%); }
  .grid-md-8 > ._item { width: 12.5%; }
  .grid-md-8 > [class^="card-"], .grid-md-8 > [class*=" card-"], .grid-md-8[class^="list-"] > *, .grid-md-8[class*=" list"] > * { width: calc(12.5% - 16px); }
  .grid-md-8 > .card-basic { width: calc(12.5%); }
  .grid-md-9 > ._item { width: 11.11111%; }
  .grid-md-9 > [class^="card-"], .grid-md-9 > [class*=" card-"], .grid-md-9[class^="list-"] > *, .grid-md-9[class*=" list"] > * { width: calc(11.11111% - 16px); }
  .grid-md-9 > .card-basic { width: calc(11.11111%); }
  .grid-md-10 > ._item { width: 10%; }
  .grid-md-10 > [class^="card-"], .grid-md-10 > [class*=" card-"], .grid-md-10[class^="list-"] > *, .grid-md-10[class*=" list"] > * { width: calc(10% - 16px); }
  .grid-md-10 > .card-basic { width: calc(10%); }
  .grid-md-11 > ._item { width: 9.09091%; }
  .grid-md-11 > [class^="card-"], .grid-md-11 > [class*=" card-"], .grid-md-11[class^="list-"] > *, .grid-md-11[class*=" list"] > * { width: calc(9.09091% - 16px); }
  .grid-md-11 > .card-basic { width: calc(9.09091%); }
  .grid-md-12 > ._item { width: 8.33333%; }
  .grid-md-12 > [class^="card-"], .grid-md-12 > [class*=" card-"], .grid-md-12[class^="list-"] > *, .grid-md-12[class*=" list"] > * { width: calc(8.33333% - 16px); }
  .grid-md-12 > .card-basic { width: calc(8.33333%); } }

@media screen and (min-width: 992px), print { .grid-lg-1 > ._item { width: 100%; }
  .grid-lg-1 > [class^="card-"], .grid-lg-1 > [class*=" card-"], .grid-lg-1[class^="list-"] > *, .grid-lg-1[class*=" list"] > * { width: calc(100% - 16px); }
  .grid-lg-1 > .card-basic { width: calc(100%); }
  .grid-lg-2 > ._item { width: 50%; }
  .grid-lg-2 > [class^="card-"], .grid-lg-2 > [class*=" card-"], .grid-lg-2[class^="list-"] > *, .grid-lg-2[class*=" list"] > * { width: calc(50% - 16px); }
  .grid-lg-2 > .card-basic { width: calc(50%); }
  .grid-lg-3 > ._item { width: 33.33333%; }
  .grid-lg-3 > [class^="card-"], .grid-lg-3 > [class*=" card-"], .grid-lg-3[class^="list-"] > *, .grid-lg-3[class*=" list"] > * { width: calc(33.33333% - 16px); }
  .grid-lg-3 > .card-basic { width: calc(33.33333%); }
  .grid-lg-4 > ._item { width: 25%; }
  .grid-lg-4 > [class^="card-"], .grid-lg-4 > [class*=" card-"], .grid-lg-4[class^="list-"] > *, .grid-lg-4[class*=" list"] > * { width: calc(25% - 16px); }
  .grid-lg-4 > .card-basic { width: calc(25%); }
  .grid-lg-5 > ._item { width: 20%; }
  .grid-lg-5 > [class^="card-"], .grid-lg-5 > [class*=" card-"], .grid-lg-5[class^="list-"] > *, .grid-lg-5[class*=" list"] > * { width: calc(20% - 16px); }
  .grid-lg-5 > .card-basic { width: calc(20%); }
  .grid-lg-6 > ._item { width: 16.66667%; }
  .grid-lg-6 > [class^="card-"], .grid-lg-6 > [class*=" card-"], .grid-lg-6[class^="list-"] > *, .grid-lg-6[class*=" list"] > * { width: calc(16.66667% - 16px); }
  .grid-lg-6 > .card-basic { width: calc(16.66667%); }
  .grid-lg-7 > ._item { width: 14.28571%; }
  .grid-lg-7 > [class^="card-"], .grid-lg-7 > [class*=" card-"], .grid-lg-7[class^="list-"] > *, .grid-lg-7[class*=" list"] > * { width: calc(14.28571% - 16px); }
  .grid-lg-7 > .card-basic { width: calc(14.28571%); }
  .grid-lg-8 > ._item { width: 12.5%; }
  .grid-lg-8 > [class^="card-"], .grid-lg-8 > [class*=" card-"], .grid-lg-8[class^="list-"] > *, .grid-lg-8[class*=" list"] > * { width: calc(12.5% - 16px); }
  .grid-lg-8 > .card-basic { width: calc(12.5%); }
  .grid-lg-9 > ._item { width: 11.11111%; }
  .grid-lg-9 > [class^="card-"], .grid-lg-9 > [class*=" card-"], .grid-lg-9[class^="list-"] > *, .grid-lg-9[class*=" list"] > * { width: calc(11.11111% - 16px); }
  .grid-lg-9 > .card-basic { width: calc(11.11111%); }
  .grid-lg-10 > ._item { width: 10%; }
  .grid-lg-10 > [class^="card-"], .grid-lg-10 > [class*=" card-"], .grid-lg-10[class^="list-"] > *, .grid-lg-10[class*=" list"] > * { width: calc(10% - 16px); }
  .grid-lg-10 > .card-basic { width: calc(10%); }
  .grid-lg-11 > ._item { width: 9.09091%; }
  .grid-lg-11 > [class^="card-"], .grid-lg-11 > [class*=" card-"], .grid-lg-11[class^="list-"] > *, .grid-lg-11[class*=" list"] > * { width: calc(9.09091% - 16px); }
  .grid-lg-11 > .card-basic { width: calc(9.09091%); }
  .grid-lg-12 > ._item { width: 8.33333%; }
  .grid-lg-12 > [class^="card-"], .grid-lg-12 > [class*=" card-"], .grid-lg-12[class^="list-"] > *, .grid-lg-12[class*=" list"] > * { width: calc(8.33333% - 16px); }
  .grid-lg-12 > .card-basic { width: calc(8.33333%); } }

@media screen and (min-width: 1392px), print { .grid-xl-1 > ._item { width: 100%; }
  .grid-xl-1 > [class^="card-"], .grid-xl-1 > [class*=" card-"], .grid-xl-1[class^="list-"] > *, .grid-xl-1[class*=" list"] > * { width: calc(100% - 16px); }
  .grid-xl-1 > .card-basic { width: calc(100%); }
  .grid-xl-2 > ._item { width: 50%; }
  .grid-xl-2 > [class^="card-"], .grid-xl-2 > [class*=" card-"], .grid-xl-2[class^="list-"] > *, .grid-xl-2[class*=" list"] > * { width: calc(50% - 16px); }
  .grid-xl-2 > .card-basic { width: calc(50%); }
  .grid-xl-3 > ._item { width: 33.33333%; }
  .grid-xl-3 > [class^="card-"], .grid-xl-3 > [class*=" card-"], .grid-xl-3[class^="list-"] > *, .grid-xl-3[class*=" list"] > * { width: calc(33.33333% - 16px); }
  .grid-xl-3 > .card-basic { width: calc(33.33333%); }
  .grid-xl-4 > ._item { width: 25%; }
  .grid-xl-4 > [class^="card-"], .grid-xl-4 > [class*=" card-"], .grid-xl-4[class^="list-"] > *, .grid-xl-4[class*=" list"] > * { width: calc(25% - 16px); }
  .grid-xl-4 > .card-basic { width: calc(25%); }
  .grid-xl-5 > ._item { width: 20%; }
  .grid-xl-5 > [class^="card-"], .grid-xl-5 > [class*=" card-"], .grid-xl-5[class^="list-"] > *, .grid-xl-5[class*=" list"] > * { width: calc(20% - 16px); }
  .grid-xl-5 > .card-basic { width: calc(20%); }
  .grid-xl-6 > ._item { width: 16.66667%; }
  .grid-xl-6 > [class^="card-"], .grid-xl-6 > [class*=" card-"], .grid-xl-6[class^="list-"] > *, .grid-xl-6[class*=" list"] > * { width: calc(16.66667% - 16px); }
  .grid-xl-6 > .card-basic { width: calc(16.66667%); }
  .grid-xl-7 > ._item { width: 14.28571%; }
  .grid-xl-7 > [class^="card-"], .grid-xl-7 > [class*=" card-"], .grid-xl-7[class^="list-"] > *, .grid-xl-7[class*=" list"] > * { width: calc(14.28571% - 16px); }
  .grid-xl-7 > .card-basic { width: calc(14.28571%); }
  .grid-xl-8 > ._item { width: 12.5%; }
  .grid-xl-8 > [class^="card-"], .grid-xl-8 > [class*=" card-"], .grid-xl-8[class^="list-"] > *, .grid-xl-8[class*=" list"] > * { width: calc(12.5% - 16px); }
  .grid-xl-8 > .card-basic { width: calc(12.5%); }
  .grid-xl-9 > ._item { width: 11.11111%; }
  .grid-xl-9 > [class^="card-"], .grid-xl-9 > [class*=" card-"], .grid-xl-9[class^="list-"] > *, .grid-xl-9[class*=" list"] > * { width: calc(11.11111% - 16px); }
  .grid-xl-9 > .card-basic { width: calc(11.11111%); }
  .grid-xl-10 > ._item { width: 10%; }
  .grid-xl-10 > [class^="card-"], .grid-xl-10 > [class*=" card-"], .grid-xl-10[class^="list-"] > *, .grid-xl-10[class*=" list"] > * { width: calc(10% - 16px); }
  .grid-xl-10 > .card-basic { width: calc(10%); }
  .grid-xl-11 > ._item { width: 9.09091%; }
  .grid-xl-11 > [class^="card-"], .grid-xl-11 > [class*=" card-"], .grid-xl-11[class^="list-"] > *, .grid-xl-11[class*=" list"] > * { width: calc(9.09091% - 16px); }
  .grid-xl-11 > .card-basic { width: calc(9.09091%); }
  .grid-xl-12 > ._item { width: 8.33333%; }
  .grid-xl-12 > [class^="card-"], .grid-xl-12 > [class*=" card-"], .grid-xl-12[class^="list-"] > *, .grid-xl-12[class*=" list"] > * { width: calc(8.33333% - 16px); }
  .grid-xl-12 > .card-basic { width: calc(8.33333%); } }

.grid > ._item-1 { width: 8.33333%; }

.grid > ._item-2 { width: 16.66667%; }

.grid > ._item-3 { width: 25%; }

.grid > ._item-4 { width: 33.33333%; }

.grid > ._item-5 { width: 41.66667%; }

.grid > ._item-6 { width: 50%; }

.grid > ._item-7 { width: 58.33333%; }

.grid > ._item-8 { width: 66.66667%; }

.grid > ._item-9 { width: 75%; }

.grid > ._item-10 { width: 83.33333%; }

.grid > ._item-11 { width: 91.66667%; }

.grid > ._item-12 { width: 100%; }

@media screen and (min-width: 576px), print { .grid > ._item-sm-1 { width: 8.33333%; }
  .grid > ._item-sm-2 { width: 16.66667%; }
  .grid > ._item-sm-3 { width: 25%; }
  .grid > ._item-sm-4 { width: 33.33333%; }
  .grid > ._item-sm-5 { width: 41.66667%; }
  .grid > ._item-sm-6 { width: 50%; }
  .grid > ._item-sm-7 { width: 58.33333%; }
  .grid > ._item-sm-8 { width: 66.66667%; }
  .grid > ._item-sm-9 { width: 75%; }
  .grid > ._item-sm-10 { width: 83.33333%; }
  .grid > ._item-sm-11 { width: 91.66667%; }
  .grid > ._item-sm-12 { width: 100%; } }

@media screen and (min-width: 769px), print { .grid > ._item-md-1 { width: 8.33333%; }
  .grid > ._item-md-2 { width: 16.66667%; }
  .grid > ._item-md-3 { width: 25%; }
  .grid > ._item-md-4 { width: 33.33333%; }
  .grid > ._item-md-5 { width: 41.66667%; }
  .grid > ._item-md-6 { width: 50%; }
  .grid > ._item-md-7 { width: 58.33333%; }
  .grid > ._item-md-8 { width: 66.66667%; }
  .grid > ._item-md-9 { width: 75%; }
  .grid > ._item-md-10 { width: 83.33333%; }
  .grid > ._item-md-11 { width: 91.66667%; }
  .grid > ._item-md-12 { width: 100%; } }

@media screen and (min-width: 992px), print { .grid > ._item-lg-1 { width: 8.33333%; }
  .grid > ._item-lg-2 { width: 16.66667%; }
  .grid > ._item-lg-3 { width: 25%; }
  .grid > ._item-lg-4 { width: 33.33333%; }
  .grid > ._item-lg-5 { width: 41.66667%; }
  .grid > ._item-lg-6 { width: 50%; }
  .grid > ._item-lg-7 { width: 58.33333%; }
  .grid > ._item-lg-8 { width: 66.66667%; }
  .grid > ._item-lg-9 { width: 75%; }
  .grid > ._item-lg-10 { width: 83.33333%; }
  .grid > ._item-lg-11 { width: 91.66667%; }
  .grid > ._item-lg-12 { width: 100%; } }

@media screen and (min-width: 1392px), print { .grid > ._item-xl-1 { width: 8.33333%; }
  .grid > ._item-xl-2 { width: 16.66667%; }
  .grid > ._item-xl-3 { width: 25%; }
  .grid > ._item-xl-4 { width: 33.33333%; }
  .grid > ._item-xl-5 { width: 41.66667%; }
  .grid > ._item-xl-6 { width: 50%; }
  .grid > ._item-xl-7 { width: 58.33333%; }
  .grid > ._item-xl-8 { width: 66.66667%; }
  .grid > ._item-xl-9 { width: 75%; }
  .grid > ._item-xl-10 { width: 83.33333%; }
  .grid > ._item-xl-11 { width: 91.66667%; }
  .grid > ._item-xl-12 { width: 100%; } }

.grid-nogap { padding: 0; }

.grid-nogap > [class^="card-"] { margin: 0; }

@media only screen and (max-width: 768px) { .grid-nogap { margin-right: -17px; margin-left: -17px; } }

@media screen and (min-width: 769px), print { .grid-nogap { margin-right: 0; margin-left: 0; } }

@media only screen and (max-width: 768px) { .grid-sp-nogap > ._item { margin: 0; }
  .grid-sp-nogap > ._item + ._item { margin-top: -1px; } }

.grid-littlegap { padding: 1px; }

.grid-littlegap > [class^="card-"] { margin: 1px; }

@media only screen and (max-width: 768px) { .grid-littlegap { margin-right: -30px; margin-left: 0px; } }

@media screen and (min-width: 769px), print { .grid-littlegap { margin-right: -45px; margin-left: 0; } }

.grid-no-space { margin-left: 0; margin-right: 0; padding: 0; }

.align-left, .align-center, .align-right { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: start; }

.align-left > figure, .align-center > figure, .align-right > figure { overflow: hidden; }

.align-left { -ms-flex-pack: start; justify-content: flex-start; }

.align-center { -ms-flex-pack: center; justify-content: center; }

.align-right { -ms-flex-pack: end; justify-content: flex-end; }

@media screen and (min-width: 769px), print { .align-md-left { -ms-flex-pack: start; justify-content: flex-start; }
  .align-md-center { -ms-flex-pack: center; justify-content: center; }
  .align-md-right { -ms-flex-pack: end; justify-content: flex-end; } }

.float-left { float: left; margin-right: 32px; }

@media only screen and (max-width: 768px) { .float-left { max-width: 50%; }
  .float-left figure { margin-top: 1.43em; } }

.float-left > * { margin-top: 0; }

@media screen and (min-width: 769px), print { .float-md-left { float: left; margin-right: 32px; }
  .float-md-left > * { margin-top: 0; } }

.float-right { float: right; margin-left: 32px; }

@media only screen and (max-width: 768px) { .float-right { max-width: 50%; }
  .float-right figure { margin-top: 1.43em; } }

.float-right > * { margin-top: 0; }

@media screen and (min-width: 769px), print { .float-md-right { float: right; margin-left: 32px; }
  .float-md-right > * { margin-top: 0; } }

@media screen and (min-width: 769px), print { .float-md-right.mt-tweak-float + p, .float-md-left.mt-tweak-float + p { margin-top: -6px; } }

.clearfix:after { clear: both; content: ""; display: block; }

@media only screen and (max-width: 768px) { .floatWrap-column-sp-reverse { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; }
  .floatWrap-column-sp-reverse [class^="float-"], .floatWrap-column-sp-reverse [class*=" float-"] { -ms-flex-order: 1; order: 1; } }

@media screen and (min-width: 769px), print { .float-max-width-col-md-6 { max-width: 50%; } }

.scroll { white-space: nowrap; overflow: auto; }

.scroll figure, .scroll img { max-width: auto; }

.mt-negative { margin-top: -6px; }

.mt-negative[class^="grid"] { padding-top: 0; }

h4.mt-negative { margin-top: -3px; }

@media only screen and (max-width: 768px) { .mt-tune { margin-top: 7px; } }

@media screen and (min-width: 769px), print { .mt-tune { margin-top: 6px; } }

@media only screen and (max-width: 768px) { .mt-smaller { margin-top: 6px; } }

@media screen and (min-width: 769px), print { .mt-smaller { margin-top: 10px; } }

@media only screen and (max-width: 768px) { .mt-small { margin-top: 12px; } }

@media screen and (min-width: 769px), print { .mt-small { margin-top: 20px; } }

@media only screen and (max-width: 768px) { .mt-medium { margin-top: 24px; } }

@media screen and (min-width: 769px), print { .mt-medium { margin-top: 40px; } }

@media only screen and (max-width: 768px) { .mt-large { margin-top: 30px; } }

@media screen and (min-width: 769px), print { .mt-large { margin-top: 52px; } }

@media only screen and (max-width: 768px) { .mt-larger { margin-top: 36px; } }

@media screen and (min-width: 769px), print { .mt-larger { margin-top: 64px; } }

@media only screen and (max-width: 768px) { .mt-medium-contain { margin-top: 10px; } }

@media screen and (min-width: 769px), print { .mt-medium-contain { margin-top: 28px; } }

@media only screen and (max-width: 768px) { .mt-medium-containOneside { margin-top: 15px; } }

@media screen and (min-width: 769px), print { .mt-medium-containOneside { margin-top: 34px; } }

@media only screen and (max-width: 768px) { .mt-large-contain { margin-top: 20px; } }

@media screen and (min-width: 769px), print { .mt-large-contain { margin-top: 40px; } }

@media only screen and (max-width: 768px) { .mt-large-containOneside { margin-top: 25px; } }

@media screen and (min-width: 769px), print { .mt-large-containOneside { margin-top: 46px; } }

@media only screen and (max-width: 768px) { .mt-larger-contain { margin-top: 26px; } }

@media screen and (min-width: 769px), print { .mt-larger-contain { margin-top: 52px; } }

@media only screen and (max-width: 768px) { .mt-larger-containOneside { margin-top: 31px; } }

@media screen and (min-width: 769px), print { .mt-larger-containOneside { margin-top: 58px; } }

@media only screen and (max-width: 768px) { .mb-negative { margin-bottom: -6px; } }

@media screen and (min-width: 769px), print { .mb-negative { margin-bottom: -6px; } }

@media screen and (min-width: 769px), print { .mb-md-negative { margin-bottom: -6px; } }

@media only screen and (max-width: 768px) { .mb-tune { margin-bottom: 6px; } }

@media screen and (min-width: 769px), print { .mb-tune { margin-bottom: 4px; } }

@media screen and (min-width: 769px) and (min-width: 769px), print { .mb-md-tune { margin-bottom: 4px; } }

@media only screen and (max-width: 768px) { .mb-smaller { margin-bottom: 6px; } }

@media screen and (min-width: 769px), print { .mb-smaller { margin-bottom: 10px; } }

@media only screen and (max-width: 768px) { .mb-small { margin-bottom: 12px; } }

@media screen and (min-width: 769px), print { .mb-small { margin-bottom: 20px; } }

@media only screen and (max-width: 768px) { .mb-medium { margin-bottom: 24px; } }

@media screen and (min-width: 769px), print { .mb-medium { margin-bottom: 40px; } }

@media only screen and (max-width: 768px) { .mb-large { margin-bottom: 30px; } }

@media screen and (min-width: 769px), print { .mb-large { margin-bottom: 52px; } }

@media only screen and (max-width: 768px) { .mb-larger { margin-bottom: 36px; } }

@media screen and (min-width: 769px), print { .mb-larger { margin-bottom: 64px; } }

@media only screen and (max-width: 768px) { .mb-larger-more { margin-bottom: 30px; } }

@media screen and (min-width: 769px), print { .mb-larger-more { margin-bottom: 68px; } }

@media only screen and (max-width: 768px) { .mb-medium-contain { margin-bottom: 10px; } }

@media screen and (min-width: 769px), print { .mb-medium-contain { margin-bottom: 28px; } }

@media only screen and (max-width: 768px) { .mb-medium-containOneside { margin-bottom: 15px; } }

@media screen and (min-width: 769px), print { .mb-medium-containOneside { margin-bottom: 34px; } }

@media only screen and (max-width: 768px) { .mb-large-contain { margin-bottom: 20px; } }

@media screen and (min-width: 769px), print { .mb-large-contain { margin-bottom: 40px; } }

@media only screen and (max-width: 768px) { .mb-large-containOneside { margin-bottom: 25px; } }

@media screen and (min-width: 769px), print { .mb-large-containOneside { margin-bottom: 46px; } }

@media only screen and (max-width: 768px) { .mb-larger-contain { margin-bottom: 26px; }
  .mb-larger-contain.heading-superior { margin-bottom: 30px; } }

@media screen and (min-width: 769px), print { .mb-larger-contain { margin-bottom: 52px; }
  .mb-larger-contain.heading-superior { margin-bottom: 57px; } }

@media only screen and (max-width: 768px) { .mb-larger-containOneside { margin-bottom: 31px; } }

@media screen and (min-width: 769px), print { .mb-larger-containOneside { margin-bottom: 58px; } }

@media only screen and (max-width: 768px) { .mb-tweak-heading.heading-primary { margin-bottom: 24px; } }

@media screen and (min-width: 769px), print { .mb-tweak-heading.heading-primary { margin-bottom: 32px; } }

@media only screen and (max-width: 768px) { .mb-tweak-heading.subheading-primary { margin-bottom: 4px; } }

@media screen and (min-width: 769px), print { .mb-tweak-heading.subheading-primary { margin-bottom: 17px; } }

.mb-tweak-columnHeading.heading-primary + p { margin-top: -6px; }

.mb-tweak-columnHeading.heading-primary + [class^="list-"] { margin-top: -6px; }

.mb-tweak-columnHeading.heading-primary + .custom-organization table { margin-top: 0; }

.mb-tweak-columnHeading.subheading-primary + p { margin-top: -7px; }

@media only screen and (max-width: 768px) { .mt-tweak-figure { margin-top: 18px; margin-bottom: 0; }
  .mt-tweak-figure > figcaption { margin-bottom: 0; } }

@media screen and (min-width: 769px), print { .mt-tweak-figure { margin-top: 20px; margin-bottom: 0; }
  .mt-tweak-figure > figcaption { margin-bottom: 0; } }

@media screen and (min-width: 769px), print { .mt-tweak-float.float-md-left figure, .mt-tweak-float.float-md-right figure { margin-top: 0; } }

@media only screen and (max-width: 768px) { .mb-tweak-casedetailLeft { margin-bottom: 7px; } }

@media screen and (min-width: 769px), print { .mb-tweak-casedetailLeft { margin-bottom: -6px; } }

@media only screen and (max-width: 768px) { .mt-tweak-casedetailRight:not(._row-md-reverse) .mt-tweak-casedetailRight { margin-top: 24px; } }

@media only screen and (max-width: 768px) { .mb-tweak-casedetailRight { margin-bottom: -4px; } }

@media screen and (min-width: 769px), print { .mb-tweak-casedetailRight { margin-bottom: -6px; } }

@media screen and (min-width: 769px), print { .m-tweak-column p:first-child { margin-top: -6px; } }

@media only screen and (max-width: 768px) { .m-tweak-column p:last-child { margin-bottom: -5px; } }

@media screen and (min-width: 769px), print { .m-tweak-column p:last-child { margin-bottom: -6px; } }

@media only screen and (max-width: 768px) { .heading-primary.mb-tweak-heading + .row p:first-of-type { margin-top: 0; } }

.space-mt-m1 { margin-top: -1rem; }

.space-mt-m2 { margin-top: -2rem; }

.space-mt-m3 { margin-top: -3rem; }

.space-mt-m4 { margin-top: -4rem; }

.space-mb-m1 { margin-bottom: -1rem; }

.space-mb-m2 { margin-bottom: -2rem; }

.space-mb-m3 { margin-bottom: -3rem; }

.space-mb-m4 { margin-bottom: -4rem; }

.space-mt-p1 { margin-top: 1rem; }

.space-mt-p2 { margin-top: 2rem; }

.space-mt-p3 { margin-top: 3rem; }

.space-mt-p4 { margin-top: 4rem; }

.space-mb-p1 { margin-bottom: 1rem; }

.space-mb-p2 { margin-bottom: 2rem; }

.space-mb-p3 { margin-bottom: 3rem; }

.space-mb-p4 { margin-bottom: 4rem; }

.space-pt-1 { padding-top: 1rem; }

.space-pt-2 { padding-top: 2rem; }

.space-pt-3 { padding-top: 3rem; }

.space-pt-4 { padding-top: 4rem; }

.space-pb-1 { padding-bottom: 1rem; }

.space-pb-2 { padding-bottom: 2rem; }

.space-pb-3 { padding-bottom: 3rem; }

.space-pb-4 { padding-bottom: 4rem; }

.space-pr-0 { padding-right: 0 !important; }

.space-pl-0 { padding-left: 0 !important; }

@media only screen and (max-width: 768px) { .space-pd { padding: 16px; } }

@media screen and (min-width: 769px), print { .space-pd { padding: 12px; } }

@media only screen and (max-width: 768px) { .space-mg { margin: 1em 0; } }

@media screen and (min-width: 769px), print { .space-mg { margin: 32px 0; } }

@media only screen and (max-width: 768px) { .space-mt-section { margin-top: 40px; } }

@media screen and (min-width: 769px), print { .space-mt-section { margin-top: 70px; } }

@media screen and (min-width: 769px), print { .space-md-mb { margin-bottom: 32px; } }

.space-mb-m0 { margin-bottom: 0; }

.l-main .space-mb-m0 { margin-bottom: 0; }

@media only screen and (max-width: 768px) { .fxb-margin { padding-bottom: 36px; } }

@media screen and (min-width: 769px), print { .fxb-margin { padding-bottom: 64px; } }

.space-pb-harf { padding-bottom: 0.5em; }

@media only screen and (max-width: 768px) { .space-mt-small { margin-top: 5px; } }

@media screen and (min-width: 769px), print { .space-mt-small { margin-top: 10px; } }

@media only screen and (max-width: 768px) { .space-mt-medium { margin-top: 10px; } }

@media screen and (min-width: 769px), print { .space-mt-medium { margin-top: 20px; } }

@media only screen and (max-width: 768px) { .space-mt-large { margin-top: 20px; } }

@media screen and (min-width: 769px), print { .space-mt-large { margin-top: 40px; } }

@media only screen and (max-width: 768px) { .space-mt-larger { margin-top: 30px; } }

@media screen and (min-width: 769px), print { .space-mt-larger { margin-top: 60px; } }

.space-mt-zero { margin-top: 0; }

.l-main .space-mt-zero { margin-top: 0; }

.l-main .space-mt-zero.subheading-primary { margin-top: 0; }

@media only screen and (max-width: 768px) { .space-mb-small { margin-bottom: 5px; } }

@media screen and (min-width: 769px), print { .space-mb-small { margin-bottom: 10px; } }

@media only screen and (max-width: 768px) { .space-mb-medium { margin-bottom: 10px; } }

@media screen and (min-width: 769px), print { .space-mb-medium { margin-bottom: 20px; } }

@media only screen and (max-width: 768px) { .space-mb-large { margin-bottom: 20px; } }

@media screen and (min-width: 769px), print { .space-mb-large { margin-bottom: 40px; } }

@media only screen and (max-width: 768px) { .space-mb-larger { margin-bottom: 30px; } }

@media screen and (min-width: 769px), print { .space-mb-larger { margin-bottom: 60px; } }

/* 入れ込み用余白調整class */
.mt-0 { margin-top: 0 !important; }

.mt-1 { margin-top: 1rem; }

.mt-2 { margin-top: 2rem; }

.mt-3 { margin-top: 3rem; }

.mt-4 { margin-top: 4rem; }

.mt-5 { margin-top: 5rem; }

.mt-6 { margin-top: 6rem; }

.mb-0 { margin-bottom: 0 !important; }

.mb-1 { margin-bottom: 1rem; }

.mb-2 { margin-bottom: 2rem; }

.mb-3 { margin-bottom: 3rem; }

.mb-4 { margin-bottom: 4rem; }

.mb-5 { margin-bottom: 5rem; }

.mb-6 { margin-bottom: 6rem; }

@media only screen and (max-width: 768px) { .mt-sp-0 { margin-top: 0 !important; }
  .mt-sp-1 { margin-top: 1rem; }
  .mt-sp-2 { margin-top: 2rem; }
  .mt-sp-3 { margin-top: 3rem; }
  .mt-sp-4 { margin-top: 4rem; }
  .mt-sp-5 { margin-top: 5rem; }
  .mt-sp-6 { margin-top: 6rem; }
  .mb-sp-0 { margin-bottom: 0 !important; }
  .mb-sp-1 { margin-bottom: 1rem; }
  .mb-sp-2 { margin-bottom: 2rem; }
  .mb-sp-3 { margin-bottom: 3rem; }
  .mb-sp-4 { margin-bottom: 4rem; }
  .mb-sp-5 { margin-bottom: 5rem; }
  .mb-sp-6 { margin-bottom: 6rem; }
  .mt-sp-minusTweak { margin-top: -6px; }
  .mb-sp-minusTweak { margin-bottom: -6px; } }

@media screen and (min-width: 769px), print { .mt-md-0 { margin-top: 0 !important; }
  .mt-md-1 { margin-top: 1rem; }
  .mt-md-2 { margin-top: 2rem; }
  .mt-md-3 { margin-top: 3rem; }
  .mt-md-4 { margin-top: 4rem; }
  .mt-md-5 { margin-top: 5rem; }
  .mt-md-6 { margin-top: 6rem; }
  .mb-md-0 { margin-bottom: 0 !important; }
  .mb-md-1 { margin-bottom: 1rem; }
  .mb-md-2 { margin-bottom: 2rem; }
  .mb-md-3 { margin-bottom: 3rem; }
  .mb-md-4 { margin-bottom: 4rem; }
  .mb-md-5 { margin-bottom: 5rem; }
  .mb-md-6 { margin-bottom: 6rem; }
  .mt-md-minusTweak { margin-top: -6px; }
  .mt-md-plusTweak { margin-top: 1em; }
  .mt-md-plusTweak.text-size-large { margin-top: 0.65em; }
  .mb-md-minusTweak { margin-bottom: -6px; }
  .mb-md-plusTweak { margin-bottom: 1em; }
  .mb-md-plusTweak.text-size-large { margin-bottom: 0.65em; } }

.pt-0 { padding-top: 0 !important; }

.pt-1 { padding-top: 1rem; }

.pt-2 { padding-top: 2rem; }

.pt-3 { padding-top: 3rem; }

.pt-4 { padding-top: 4rem; }

.pt-5 { padding-top: 5rem; }

.pt-6 { padding-top: 6rem; }

.pb-0 { padding-bottom: 0 !important; }

.pb-1 { padding-bottom: 1rem; }

.pb-2 { padding-bottom: 2rem; }

.pb-3 { padding-bottom: 3rem; }

.pb-4 { padding-bottom: 4rem; }

.pb-5 { padding-bottom: 5rem; }

.pb-6 { padding-bottom: 6rem; }

@media only screen and (max-width: 768px) { .pb-tune { padding-bottom: 6px; } }

@media screen and (min-width: 769px), print { .pb-tune { padding-bottom: 4px; } }

@media screen and (min-width: 769px) and (min-width: 769px), print { .pb-md-tune { padding-bottom: 4px; } }

[class*="layer"] { position: absolute; }

[class*="layer"]:before, [class*="layer"]:after { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }

[class*="layer"] img { z-index: 0; }

[class*="layer-black"]:before { content: ''; z-index: 1; }

[class*="layer-gradient"]:after { content: ''; z-index: 2; }

.layer-black-thinly:before { background: rgba(0, 0, 0, 0.1); }

.layer-black-default:before { background: rgba(0, 0, 0, 0.2); }

.megaNavigation-container .layer-black-default:before { background: rgba(0, 0, 0, 0.3); }

.layer-black-thick:before { background: rgba(0, 0, 0, 0.5); }

.layer-gradient-default:after { opacity: 0.75; background: linear-gradient(transparent 0%, rgba(0, 0, 0, 0.5) 50%, #000 100%); }

.layer-gradient-thick:after { background: linear-gradient(transparent 0%, rgba(0, 0, 0, 0.5) 50%, #000 100%); }

/* 特殊 事例紹介TOP PC背景レイヤーオプション */
@media screen and (min-width: 769px), print { .option-md-cover:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); z-index: 1; }
  .option-md-cover .l-article, .option-md-cover .l-aside { z-index: 2; position: relative; } }

/* 特殊 事例紹介TOP SP背景レイヤーオプション */
@media only screen and (max-width: 768px) { .option-sp-cover { position: relative; background: rgba(0, 0, 0, 0.2); z-index: 1; } }

/* 背景レイヤー オプション */
[class*="option-bgBlack"] { position: relative; }

[class*="option-bgBlack"]:after { content: ''; width: 100%; height: 100%; position: absolute; z-index: 1; top: 0; left: 0; }

@media only screen and (max-width: 768px) { [class*="option-bgBlack"].mainVisual { position: static; }
  [class*="option-bgBlack"].mainVisual:after { display: none; } }

.option-bgBlack-20:after { background: rgba(0, 0, 0, 0.2); }

.option-bgBlack-30:after { background: rgba(0, 0, 0, 0.3); }

.option-bgBlack-40:after { background: rgba(0, 0, 0, 0.4); }

.option-bgBlack-50:after { background: rgba(0, 0, 0, 0.5); }

.liquid:after { clear: both; content: ""; display: block; }

.liquid > * { width: 100%; }

.liquid > [class^="liquid"], .liquid [class*=" liquid"] { float: left; }

.liquid-1 { width: 100%; }

.liquid-2 { width: 50%; }

.liquid-3 { width: 33.33333%; }

.liquid-4 { width: 25%; }

.liquid-5 { width: 20%; }

.liquid-6 { width: 16.66667%; }

.liquid-7 { width: 14.28571%; }

.liquid-8 { width: 12.5%; }

.liquid-9 { width: 11.11111%; }

.liquid-10 { width: 10%; }

.liquid-11 { width: 9.09091%; }

.liquid-12 { width: 8.33333%; }

@media screen and (min-width: 576px), print { .liquid-sm-1 { width: 100%; }
  .liquid-sm-2 { width: 50%; }
  .liquid-sm-3 { width: 33.33333%; }
  .liquid-sm-4 { width: 25%; }
  .liquid-sm-5 { width: 20%; }
  .liquid-sm-6 { width: 16.66667%; }
  .liquid-sm-7 { width: 14.28571%; }
  .liquid-sm-8 { width: 12.5%; }
  .liquid-sm-9 { width: 11.11111%; }
  .liquid-sm-10 { width: 10%; }
  .liquid-sm-11 { width: 9.09091%; }
  .liquid-sm-12 { width: 8.33333%; } }

@media screen and (min-width: 769px), print { .liquid-md-1 { width: 100%; }
  .liquid-md-2 { width: 50%; }
  .liquid-md-3 { width: 33.33333%; }
  .liquid-md-4 { width: 25%; }
  .liquid-md-5 { width: 20%; }
  .liquid-md-6 { width: 16.66667%; }
  .liquid-md-7 { width: 14.28571%; }
  .liquid-md-8 { width: 12.5%; }
  .liquid-md-9 { width: 11.11111%; }
  .liquid-md-10 { width: 10%; }
  .liquid-md-11 { width: 9.09091%; }
  .liquid-md-12 { width: 8.33333%; } }

@media screen and (min-width: 992px), print { .liquid-lg-1 { width: 100%; }
  .liquid-lg-2 { width: 50%; }
  .liquid-lg-3 { width: 33.33333%; }
  .liquid-lg-4 { width: 25%; }
  .liquid-lg-5 { width: 20%; }
  .liquid-lg-6 { width: 16.66667%; }
  .liquid-lg-7 { width: 14.28571%; }
  .liquid-lg-8 { width: 12.5%; }
  .liquid-lg-9 { width: 11.11111%; }
  .liquid-lg-10 { width: 10%; }
  .liquid-lg-11 { width: 9.09091%; }
  .liquid-lg-12 { width: 8.33333%; } }

@media screen and (min-width: 1392px), print { .liquid-xl-1 { width: 100%; }
  .liquid-xl-2 { width: 50%; }
  .liquid-xl-3 { width: 33.33333%; }
  .liquid-xl-4 { width: 25%; }
  .liquid-xl-5 { width: 20%; }
  .liquid-xl-6 { width: 16.66667%; }
  .liquid-xl-7 { width: 14.28571%; }
  .liquid-xl-8 { width: 12.5%; }
  .liquid-xl-9 { width: 11.11111%; }
  .liquid-xl-10 { width: 10%; }
  .liquid-xl-11 { width: 9.09091%; }
  .liquid-xl-12 { width: 8.33333%; } }

.liquid { width: 8.33333%; }

.liquid { width: 16.66667%; }

.liquid { width: 25%; }

.liquid { width: 33.33333%; }

.liquid { width: 41.66667%; }

.liquid { width: 50%; }

.liquid { width: 58.33333%; }

.liquid { width: 66.66667%; }

.liquid { width: 75%; }

.liquid { width: 83.33333%; }

.liquid { width: 91.66667%; }

.liquid { width: 100%; }

@media screen and (min-width: 576px), print { .liquid { width: 8.33333%; }
  .liquid { width: 16.66667%; }
  .liquid { width: 25%; }
  .liquid { width: 33.33333%; }
  .liquid { width: 41.66667%; }
  .liquid { width: 50%; }
  .liquid { width: 58.33333%; }
  .liquid { width: 66.66667%; }
  .liquid { width: 75%; }
  .liquid { width: 83.33333%; }
  .liquid { width: 91.66667%; }
  .liquid { width: 100%; } }

@media screen and (min-width: 769px), print { .liquid { width: 8.33333%; }
  .liquid { width: 16.66667%; }
  .liquid { width: 25%; }
  .liquid { width: 33.33333%; }
  .liquid { width: 41.66667%; }
  .liquid { width: 50%; }
  .liquid { width: 58.33333%; }
  .liquid { width: 66.66667%; }
  .liquid { width: 75%; }
  .liquid { width: 83.33333%; }
  .liquid { width: 91.66667%; }
  .liquid { width: 100%; } }

@media screen and (min-width: 992px), print { .liquid { width: 8.33333%; }
  .liquid { width: 16.66667%; }
  .liquid { width: 25%; }
  .liquid { width: 33.33333%; }
  .liquid { width: 41.66667%; }
  .liquid { width: 50%; }
  .liquid { width: 58.33333%; }
  .liquid { width: 66.66667%; }
  .liquid { width: 75%; }
  .liquid { width: 83.33333%; }
  .liquid { width: 91.66667%; }
  .liquid { width: 100%; } }

@media screen and (min-width: 1392px), print { .liquid { width: 8.33333%; }
  .liquid { width: 16.66667%; }
  .liquid { width: 25%; }
  .liquid { width: 33.33333%; }
  .liquid { width: 41.66667%; }
  .liquid { width: 50%; }
  .liquid { width: 58.33333%; }
  .liquid { width: 66.66667%; }
  .liquid { width: 75%; }
  .liquid { width: 83.33333%; }
  .liquid { width: 91.66667%; }
  .liquid { width: 100%; } }

.bg-grayWhite { background: #fff; }

.bg-grayLighter { background: #d9d9d9; }

.bg-grayLight { background: #dae3e2; }

.bg-grayMedium { background: #9aa3ac; }

.bg-grayDark { background: #3d4846; }

.bg-grayDarker { background: #3a4140; }

.bg-grayBlack { background: #000; }

.bg-greenDark { background: #314342; }

.bg-greenDarker { background: #1a2e2c; }

.bg-blueLighter { background: #f5fbfb; }

.bg-blueLight { background: #e9f5f4; }

.bg-transparent { background: transparent; }

@media screen and (min-width: 769px), print { .bg-md-transparent { background: transparent; } }

[class^="bnr-"], [class*=" bnr-"] { background-color: #d9d9d9; color: inherit; display: -ms-flexbox; display: flex; width: 100%; font-weight: 500; text-decoration: none; }

[class^="bnr-"] > ._thumb, [class*=" bnr-"] > ._thumb { width: 51px; height: 51px; position: relative; overflow: hidden; }

[class^="bnr-"] > ._thumb > *, [class*=" bnr-"] > ._thumb > * { position: relative; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

[class^="bnr-"] > ._thumb > img, [class*=" bnr-"] > ._thumb > img { max-width: 150%; max-height: 150%; }

[class^="bnr-"] ._title, [class*=" bnr-"] ._title { padding: 0 16px; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; line-height: 1.1; }

.bnr-default { background-color: #000; color: #fff; }

.bnr-variable, .bnr-custom { position: relative; display: -ms-flexbox; display: flex; }

.bnr-variable:after, .bnr-custom:after { content: ''; position: absolute; top: 0; right: 0; height: 100%; background-position: center; background-repeat: no-repeat; }

@media only screen and (max-width: 768px) { .bnr-variable:after, .bnr-custom:after { background-image: url(../img/icon-angle-right-circle_sp.png); } }

@media screen and (min-width: 769px), print { .bnr-variable:after, .bnr-custom:after { background-image: url(../img/icon-angle-right-circle.png); } }

.bnr-variable ._content dl, .bnr-custom ._content dl { margin: 0; }

@media only screen and (max-width: 768px) { .bnr-variable, .bnr-custom { margin: 8px 0; padding-right: 22px; }
  .bnr-variable:after, .bnr-custom:after { width: 42px; background-size: 12px; } }

@media screen and (min-width: 769px), print { .bnr-variable, .bnr-custom { margin: 16px 0; padding-right: 52px; }
  .bnr-variable:after, .bnr-custom:after { width: 56px; } }

.bnr-variable { -ms-flex-align: center; align-items: center; background: #f5fbfb; border: 1px solid #dde4e3; }

@media screen and (min-width: 769px), print { .bnr-variable { height: calc(100% - 32px); line-height: 1.34; } }

.bnr-variable ._content dt { color: #000; }

@media only screen and (max-width: 768px) { .bnr-variable ._content dt { font-size: 1.4rem; } }

@media screen and (min-width: 769px), print { .bnr-variable ._content dt { font-size: 1.8rem; margin-bottom: 1rem; } }

@media only screen and (max-width: 768px) { .bnr-variable ._content { padding: 10px 16px; } }

@media screen and (min-width: 769px), print { .bnr-variable ._content { padding: 32px; } }

.bnr-variable ._symbol { -ms-flex-negative: 0; flex-shrink: 0; }

@media only screen and (max-width: 768px) { .bnr-variable ._symbol { padding: 10px 0; text-align: center; }
  .bnr-variable ._symbol > img { width: 50%; height: 50%; }
  .bnr-variable ._symbol + ._content { padding-left: 0; } }

@media screen and (min-width: 769px), print { .bnr-variable ._symbol { padding: 20px 0 20px 32px; } }

.bnr-custom { background: #fff; border: 1px solid #e5e5e5; }

.bnr-custom ._image { width: 24%; position: relative; overflow: hidden; }

.bnr-custom ._image > img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: initial; min-width: 100%; min-height: 100%; }

.bnr-custom ._content { font-weight: 700; }

.bnr-custom ._content dt { color: #000; }

@media only screen and (max-width: 768px) { .bnr-custom ._content { padding: 12px 16px; }
  .bnr-custom ._content dt { font-size: 1.3rem; }
  .bnr-custom ._content dd { font-size: 1.0rem; } }

@media screen and (min-width: 769px), print { .bnr-custom ._content { padding: 29px 32px 30px; }
  .bnr-custom ._content dt { font-size: 2.0rem; }
  .bnr-custom ._content dd { font-size: 1.2rem; } }

@media only screen and (max-width: 768px) { .subheading-primary + .row [class^="col-"] .bnr-variable, .subheading-primary + .row [class*=" col-"] .bnr-variable { margin: 16px 0 0; } }

@media screen and (min-width: 769px), print { .subheading-primary + .row [class^="col-"] .bnr-variable, .subheading-primary + .row [class*=" col-"] .bnr-variable { margin: 32px 0 0; } }

hr.hr-gray-medium { border-top: 1px solid #4d5b5a; }

@media only screen and (max-width: 768px) { hr.hr-space { margin: 22px 0; } }

@media screen and (min-width: 769px), print { hr.hr-space { margin: 32px 0; } }

@media screen and (min-width: 769px), print { .partition-left { position: relative; height: 100%; min-height: 100%; }
  .partition-left:before { content: ''; position: absolute; top: 24px; left: 0; width: 1px; height: calc(100% - 48px); background: #5f6d6c; } }

@media only screen and (max-width: 768px) { .visible-desktop { display: none; } }

@media screen and (min-width: 769px), print { .visible-mobile { display: none; } }

.border-top-grayLighter { border-top: 1px solid #e5e5e5; }

.border-top-grayLight { border-top: 1px solid #dde4e3; }

.border-bottom-grayLighter { border-bottom: 1px solid #e5e5e5; }

.border-bottom-grayLight { border-bottom: 1px solid #dde4e3; }

.border-grayLighter { border: 1px solid #e5e5e5; }

.border-grayLight { border: 1px solid #dde4e3; }

@media only screen and (max-width: 768px) { [class^="frame-"], [class*=" frame-"] { padding: 15px; }
  [class^="frame-"] ._title, [class*=" frame-"] ._title { font-size: 1.6rem; } }

@media screen and (min-width: 769px), print { [class^="frame-"], [class*=" frame-"] { padding: 35px 39px; }
  [class^="frame-"] ._title, [class*=" frame-"] ._title { font-size: 2.0rem; } }

[class^="frame-"] > ._header, [class*=" frame-"] > ._header { border-bottom: 1px solid #dde4e3; }

[class^="frame-"] > ._header ._title, [class^="frame-"] > ._header h2._title, [class^="frame-"] > ._header h3._title, [class*=" frame-"] > ._header ._title, [class*=" frame-"] > ._header h2._title, [class*=" frame-"] > ._header h3._title { margin: 0; position: relative; }

@media only screen and (max-width: 768px) { [class^="frame-"] > ._header, [class*=" frame-"] > ._header { margin-top: 6px; margin-bottom: 15px; padding-bottom: 22px; } }

@media screen and (min-width: 769px), print { [class^="frame-"] > ._header, [class*=" frame-"] > ._header { margin-bottom: 26px; padding-bottom: 28px; } }

@media only screen and (max-width: 768px) { [class^="frame-"] > ._content, [class*=" frame-"] > ._content { padding-bottom: 4px; } }

[class^="frame-"] > ._content ul, [class*=" frame-"] > ._content ul { margin: 0; padding-left: 0; list-style: none; }

@media only screen and (max-width: 768px) { [class^="frame-"] > ._content ul, [class*=" frame-"] > ._content ul { padding-top: 4px; } }

@media only screen and (max-width: 768px) { [class^="frame-"] > ._content ul li + li, [class*=" frame-"] > ._content ul li + li { margin-top: 6px; } }

@media screen and (min-width: 769px), print { [class^="frame-"] > ._content ul li + li, [class*=" frame-"] > ._content ul li + li { margin-top: 1rem; } }

[class^="frame-"] > ._content ul a, [class*=" frame-"] > ._content ul a { text-decoration: none; color: #3a4140; }

[class^="frame-"] > ._content h4, [class*=" frame-"] > ._content h4 { color: #000; }

[class^="frame-"] > ._content h4:first-of-type, [class*=" frame-"] > ._content h4:first-of-type { margin-top: 0; }

[class^="frame-"] > ._content p:last-of-type, [class*=" frame-"] > ._content p:last-of-type { margin-bottom: 0; }

@media only screen and (max-width: 768px) { [class^="frame-"] > ._content ul + ul, [class*=" frame-"] > ._content ul + ul { margin-top: 2px; } }

@media screen and (min-width: 769px), print { [class^="frame-"] > ._content ul + ul, [class*=" frame-"] > ._content ul + ul { margin-top: 10px; } }

[class^="frame-"] > ._content ._inquiry, [class*=" frame-"] > ._content ._inquiry { text-align: center; margin: 0; }

@media only screen and (max-width: 768px) { [class^="frame-"] > ._content ._inquiry, [class*=" frame-"] > ._content ._inquiry { padding-top: 2px; padding-bottom: 5px; } }

@media screen and (min-width: 769px), print { [class^="frame-"] > ._content ._inquiry, [class*=" frame-"] > ._content ._inquiry { padding-bottom: 4px; } }

[class^="frame-"] > ._content ._inquiry dt, [class*=" frame-"] > ._content ._inquiry dt { color: #000; }

@media only screen and (max-width: 768px) { [class^="frame-"] > ._content ._inquiry dt, [class*=" frame-"] > ._content ._inquiry dt { font-size: 1.6rem; margin-bottom: -5px; } }

@media screen and (min-width: 769px), print { [class^="frame-"] > ._content ._inquiry dt, [class*=" frame-"] > ._content ._inquiry dt { font-size: 2.0rem; margin-top: -5px; margin-bottom: -5px; } }

@media only screen and (max-width: 768px) { [class^="frame-"] > ._content ._inquiry dd, [class*=" frame-"] > ._content ._inquiry dd { margin-top: 16px; } }

@media screen and (min-width: 769px), print { [class^="frame-"] > ._content ._inquiry dd, [class*=" frame-"] > ._content ._inquiry dd { margin-top: 22px; } }

[class^="frame-"] > ._content [class^="grid-"], [class*=" frame-"] > ._content [class^="grid-"] { margin: -4px 0; padding: 0; }

[class^="frame-"] > ._content [class^="grid-"] ._item, [class*=" frame-"] > ._content [class^="grid-"] ._item { margin: 4px 0; padding-left: 0; padding-right: 16px; }

@media only screen and (max-width: 768px) { [class^="frame-"] > ._content [class^="grid-"] + hr, [class*=" frame-"] > ._content [class^="grid-"] + hr { margin: 20px 0 18px; } }

@media screen and (min-width: 769px), print { [class^="frame-"] > ._content [class^="grid-"] + hr, [class*=" frame-"] > ._content [class^="grid-"] + hr { margin: 23px 0; } }

.frame-default, .frame-primary { border: 1px solid #dde4e3; }

.frame-default.frame-transparent, .frame-primary.frame-transparent { border: none; }

.frame-default { background: #fff; }

.frame-height { height: calc(100% - 0px); }

.frame-primary { background: #f5fbfb; }

.frame-primary-second { background-color: #e9f5f4; }

.frame-primary-second .header ._title { font-size: 1.6rem; color: #000; }

@media only screen and (max-width: 768px) { .frame-primary-second .header ._title { font-size: 1.3rem; } }

.frame-minimum { border: 1px solid #e5e5e5; }

@media only screen and (max-width: 768px) { .frame-minimum { padding: 15px 16px 17px; } }

@media screen and (min-width: 769px), print { .frame-minimum { padding: 20px 32px 21px; } }

.frame-warning { border: 1px solid #e5d2d2; background: #fdf7f7; }

[class^="icon-arrow"], [class^="icon-circle-angle"] { background-size: cover; background-position: center; background-repeat: no-repeat; display: inline-block; vertical-align: middle; margin-right: 0.8rem; margin-bottom: 2px; }

[class^="icon-arrow-down"], [class^="icon-circle-angle-down"] { -webkit-transform: rotate(90deg); transform: rotate(90deg); }

@media only screen and (max-width: 768px) { .icon-arrow-right, .icon-arrow-down, .icon-arrow-right_gray, .icon-arrow-right_white, .icon-arrow-down_gray, .icon-circle-angle-right, .icon-circle-angle-down, .icon-circle-angle-right_gray, .icon-circle-angle-right_white, .icon-circle-angle-down_gray { width: 12px; height: 12px; margin-bottom: 1px; } }

@media screen and (min-width: 769px), print { .icon-arrow-right, .icon-arrow-down, .icon-arrow-right_gray, .icon-arrow-right_white, .icon-arrow-down_gray, .icon-circle-angle-right, .icon-circle-angle-down, .icon-circle-angle-right_gray, .icon-circle-angle-right_white, .icon-circle-angle-down_gray { width: 14px; height: 14px; } }

.icon-arrow-right-large, .icon-arrow-down-large, .icon-arrow-right-large_gray, .icon-arrow-right-large_white, .icon-arrow-down-large_gray { width: 18px; height: 18px; margin-right: 1.2rem; }

.icon-arrow-right-small, .icon-arrow-down-small, .icon-arrow-right-small_gray, .icon-arrow-right-small_white, .icon-arrow-down-small_gray, .icon-circle-angle-right-small, .icon-circle-angle-right_gray, .icon-circle-angle-down_gray { margin-right: 0.5rem; }

@media only screen and (max-width: 768px) { .icon-arrow-right-small, .icon-arrow-down-small, .icon-arrow-right-small_gray, .icon-arrow-right-small_white, .icon-arrow-down-small_gray, .icon-circle-angle-right-small, .icon-circle-angle-right_gray, .icon-circle-angle-down_gray { width: 10px; height: 10px; } }

@media screen and (min-width: 769px), print { .icon-arrow-right-small, .icon-arrow-down-small, .icon-arrow-right-small_gray, .icon-arrow-right-small_white, .icon-arrow-down-small_gray, .icon-circle-angle-right-small, .icon-circle-angle-right_gray, .icon-circle-angle-down_gray { width: 12px; height: 12px; } }

.icon-arrow-right_gray, .icon-arrow-down_gray, .icon-arrow-right-large_gray, .icon-arrow-down-large_gray, .icon-arrow-right-small_gray, .icon-arrow-down-small_gray, .icon-circle-angle-right_gray, .icon-circle-angle-down_gray { opacity: 0.3; }

[class^="icon-arrow"] { background-image: url(../img/icon-arrow-right-circle.png); }

@media only screen and (max-width: 768px) { [class^="icon-circle-angle"] { width: 12px; height: 12px; margin-bottom: 1px; background-image: url(../img/icon-angle-right-circle_sp.png); } }

@media screen and (min-width: 769px), print { [class^="icon-circle-angle"] { width: 14px; height: 14px; background-image: url(../img/icon-angle-right-circle.png); } }

@media only screen and (max-width: 768px) { .icon-circle-angle-right-small { width: 10px; height: 10px; background-image: url(../img/icon-angle-right-circle-small_sp.png); } }

@media screen and (min-width: 769px), print { .icon-circle-angle-right-small { width: 12px; height: 12px; background-image: url(../img/icon-angle-right-circle-small.png); } }

.icon-arrow-right_white, .icon-arrow-right-small_white, .icon-arrow-right-large_white { background: url(../img/icon-arrow-right-white.png) center center no-repeat; background-size: 100% auto; }

[class^="icon-angle"] { background: url(../img/icon-angle-down_small.png) center center no-repeat; background-size: cover; display: inline-block; vertical-align: middle; margin-right: 0.8rem; margin-bottom: 2px; }

@media only screen and (max-width: 768px) { .icon-angle-down-small { margin-top: 0.1em; background-image: url(../img/icon-angle-down_small_sp.png); } }

.icon-circle-angle-right_white { background-size: cover; background-position: center; background-repeat: no-repeat; }

@media only screen and (max-width: 768px) { .icon-circle-angle-right_white { background-image: url(../img/icon-angle-right-circle_inverse_sp.png); } }

@media screen and (min-width: 769px), print { .icon-circle-angle-right_white { background-image: url(../img/icon-angle-right-circle_inverse.png); } }

@media only screen and (max-width: 768px) { .icon-angle-right, .icon-angle-down { width: 12px; height: 12px; } }

@media screen and (min-width: 769px), print { .icon-angle-right, .icon-angle-down { width: 14px; height: 14px; } }

@media only screen and (max-width: 768px) { .icon-angle-right, .icon-angle-down { margin-bottom: 1px; } }

.icon-angle-right-small, .icon-angle-down-small { width: 8px; height: 5px; }

.icon-video, .icon-pdf, .icon-excel, .icon-word, .icon-powerpoint, .icon-zip, .icon-ebook { word-break: break-all; }

.icon-video:before, .icon-pdf:before, .icon-excel:before, .icon-word:before, .icon-powerpoint:before, .icon-zip:before, .icon-ebook:before { content: ''; background-size: cover; display: inline-block; vertical-align: middle; margin: 0 0.5em; position: relative; top: -0.1em; background-size: cover; background-position: center; background-repeat: no-repeat; }

@media only screen and (max-width: 768px) { .icon-video:before, .icon-pdf:before, .icon-excel:before, .icon-word:before, .icon-powerpoint:before, .icon-zip:before, .icon-ebook:before { width: 16px; height: 16px; } }

@media screen and (min-width: 769px), print { .icon-video:before, .icon-pdf:before, .icon-excel:before, .icon-word:before, .icon-powerpoint:before, .icon-zip:before, .icon-ebook:before { width: 18px; height: 18px; } }

@media only screen and (max-width: 768px) { .icon-video:before { background-image: url(../img/icon-file-video_sp.png); } }

@media screen and (min-width: 769px), print { .icon-video:before { background-image: url(../img/icon-file-video.png); } }

@media only screen and (max-width: 768px) { .icon-pdf:before { background-image: url(../img/icon-file-pdf_sp.png); } }

@media screen and (min-width: 769px), print { .icon-pdf:before { background-image: url(../img/icon-file-pdf.png); } }

@media only screen and (max-width: 768px) { .icon-excel:before { background-image: url(../img/icon-file-exel_sp.png); } }

@media screen and (min-width: 769px), print { .icon-excel:before { background-image: url(../img/icon-file-exel.png); } }

@media only screen and (max-width: 768px) { .icon-word:before { background-image: url(../img/icon-file-word_sp.png); } }

@media screen and (min-width: 769px), print { .icon-word:before { background-image: url(../img/icon-file-word.png); } }

@media only screen and (max-width: 768px) { .icon-powerpoint:before { background-image: url(../img/icon-file-powerpoint_sp.png); } }

@media screen and (min-width: 769px), print { .icon-powerpoint:before { background-image: url(../img/icon-file-powerpoint.png); } }

@media only screen and (max-width: 768px) { .icon-zip:before { background-image: url(../img/icon-file-zip_sp.png); } }

@media screen and (min-width: 769px), print { .icon-zip:before { background-image: url(../img/icon-file-zip.png); } }

@media only screen and (max-width: 768px) { .icon-ebook:before { background-image: url(../img/icon-file-ebook_sp.png); } }

@media screen and (min-width: 769px), print { .icon-ebook:before { background-image: url(../img/icon-file-ebook.png); } }

.icon-rss { background-repeat: no-repeat; background-position: center; background-size: cover; display: inline-block; vertical-align: middle; position: relative; top: -0.15em; margin-right: 0.8rem; line-height: 1; }

@media only screen and (max-width: 768px) { .icon-rss { width: 12px; height: 12px; background-image: url(../img/icon-rss_sp.png); } }

@media screen and (min-width: 769px), print { .icon-rss { width: 14px; height: 14px; background-image: url(../img/icon-rss.png); } }

.icon-question { background: url(../img/icon-question.png) center center no-repeat; background-size: cover; display: inline-block; vertical-align: middle; position: relative; margin-right: 0.8rem; width: 16px; height: 16px; line-height: 1; }

.icon-blank, .icon-blank_white { background-size: cover; background-repeat: no-repeat; background-position: center; display: inline-block; vertical-align: middle; position: relative; top: -0.1em; margin-left: 0.8rem; width: 10px; height: 9px; line-height: 1; }

.link-angle-arrow-right .icon-blank, .link-angle-arrow-right .icon-blank_white { background-size: auto; }

@media only screen and (max-width: 768px) { .link-angle-arrow-right .icon-blank, .link-angle-arrow-right .icon-blank_white { background-size: cover; } }

@media only screen and (max-width: 768px) { .icon-blank { background-image: url(../img/icon-blank_sp.png); } }

@media screen and (min-width: 769px), print { .icon-blank { background-image: url(../img/icon-blank.png); }
  .megaNavigation-container .icon-blank { background-image: url(../img/icon-blank_white.png); } }

@media only screen and (max-width: 768px) { .icon-blank_white { background-image: url(../img/icon-blank_white_sp.png); } }

@media screen and (min-width: 769px), print { .icon-blank_white { background-image: url(../img/icon-blank_white.png); } }

.icon-pin { background: url(../img/icon-pin.png) center center no-repeat; background-size: cover; display: inline-block; vertical-align: middle; position: relative; margin-right: 0.8rem; width: 15px; height: 20px; }

.video-center { text-align: center; position: relative; width: 100%; }

.modal-content .video-center { max-width: 100%; }

.movie-contents .video-center { margin: 0; }

.video-center:before { content: ''; display: block; padding-top: 56%; }

.video-center iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; }

.video-container { margin: 1em 0; width: 100%; max-width: 772px; }

.video-caption { margin-bottom: 0; }

@media only screen and (max-width: 768px) { .video-caption { font-size: 1.0rem; } }

@media screen and (min-width: 769px), print { .video-caption { font-size: 1.2rem; } }

@media screen and (min-width: 769px), print { .order-md-m1 { -ms-flex-order: -1; order: -1; }
  .order-md-0 { -ms-flex-order: 0; order: 0; }
  .order-md-1 { -ms-flex-order: 1; order: 1; }
  .order-md-2 { -ms-flex-order: 2; order: 2; }
  .order-md-3 { -ms-flex-order: 3; order: 3; }
  .order-md-4 { -ms-flex-order: 4; order: 4; }
  .order-md-5 { -ms-flex-order: 5; order: 5; }
  .order-md-6 { -ms-flex-order: 6; order: 6; }
  .order-md-7 { -ms-flex-order: 7; order: 7; }
  .order-md-8 { -ms-flex-order: 8; order: 8; }
  .order-md-9 { -ms-flex-order: 9; order: 9; }
  .order-md-10 { -ms-flex-order: 10; order: 10; }
  .order-md-11 { -ms-flex-order: 11; order: 11; }
  .order-md-12 { -ms-flex-order: 12; order: 12; } }

.langSwitch a, .region-trigger, .search-trigger, .searchButton.is-opend, .menu-thirdLevel a, .menu-fourthLevel a, .childNavigation a, .enumerationNavigation a, .asideNavigation .menu-firstLevel a, .breadcrumbs a, .footerNavigation a, [class^="link-arrow"], [class^="link-angle-arrow"], .list-inline a, .list-inline-reverse a, .list-block a, .link-inorganic, .link-question, .link-rss, .link-assimilate, .selectBox-option a, .nextNavigation a, .ir-directoryNavigation a.ratiobox-wide, .custom-checkbox, .ducumentList-index a, .geoip-link a, .ducumentList-online a, .table-ir-calender ._anchor a { text-decoration: none; }

@media screen and (min-width: 769px), print { .langSwitch a, .region-trigger, .search-trigger, .searchButton.is-opend, .menu-thirdLevel a, .menu-fourthLevel a, .childNavigation a, .enumerationNavigation a, .asideNavigation .menu-firstLevel a, .breadcrumbs a, .footerNavigation a, [class^="link-arrow"], [class^="link-angle-arrow"], .list-inline a, .list-inline-reverse a, .list-block a, .link-inorganic, .link-question, .link-rss, .link-assimilate, .selectBox-option a, .nextNavigation a, .ir-directoryNavigation a.ratiobox-wide, .ir-directoryNavigation a.ratiobox-thin, .geoip-button, .geoip-link a, a.bnr-custom, a.bnr-variable, .organization-departmentLink, .btn-youtube, .sitemap-grandChild a, .table-ir-calender ._anchor a { transition: opacity 0.3s; }
  .langSwitch a:hover, .region-trigger:hover, .search-trigger:hover, .searchButton.is-opend:hover, .menu-thirdLevel a:hover, .menu-fourthLevel a:hover, .childNavigation a:hover, .enumerationNavigation a:hover, .asideNavigation .menu-firstLevel a:hover, .breadcrumbs a:hover, .footerNavigation a:hover, [class^="link-arrow"]:hover, [class^="link-angle-arrow"]:hover, .list-inline a:hover, .list-inline-reverse a:hover, .list-block a:hover, .link-inorganic:hover, .link-question:hover, .link-rss:hover, .link-assimilate:hover, .selectBox-option a:hover, .nextNavigation a:hover, .ir-directoryNavigation a.ratiobox-wide:hover, .ir-directoryNavigation a.ratiobox-thin:hover, .geoip-button:hover, .geoip-link a:hover, a.bnr-custom:hover, a.bnr-variable:hover, .organization-departmentLink:hover, .btn-youtube:hover, .sitemap-grandChild a:hover, .table-ir-calender ._anchor a:hover { opacity: 0.6; }
  .megaNavigation-container .ratiobox-square:hover .layer-black-default:before { transition: all 0.3s; background: rgba(0, 0, 0, 0.1); }
  .megaNavigation-pickup a { background: #fff; }
  .megaNavigation-pickup a img { -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: opacity 0.3s; background: #fff; }
  .megaNavigation-pickup a:hover img { opacity: 0.75; }
  .subNavigation a { position: relative; }
  .subNavigation a:after { content: ''; position: absolute; top: 100%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: calc(100% - 8px); height: 4px; background: #fff; transition: top 0.3s; }
  .subNavigation a:hover:after { top: 52px; }
  .subNavigation.is-fixed a:hover:after { top: 36px; }
  .localNavigation a { transition: all 0.3s; }
  .localNavigation a:hover { background: #000; color: #fff; }
  .btn-default, .btn-inverse, .btn-tertiary, .btn-ghost { transition: all .3s; }
  .btn-default .icon-blank_white, .btn-tertiary .icon-blank_white { transition: all .3s; }
  .btn-default:hover, .btn-tertiary:hover { background-color: #fff; color: #000; border-color: #e5e5e5; }
  .btn-default:hover .icon-blank_white, .btn-tertiary:hover .icon-blank_white { background: url(../img/icon-blank.png) center center no-repeat; background-size: cover; }
  .btn-inverse:hover { background-color: #e6f3f2; }
  .btn-ghost:hover { background-color: rgba(255, 255, 255, 0.2); }
  .accodion-md-trigger .btn-default:hover .filterTitle:after { background-image: url(../img/icon-angle-down_small.png); }
  .accodion-md-trigger.is-opend .btn-default:hover .filterTitle:after { background-image: url(../img/icon-angle-up_small.png); }
  a.brandingNavigation-item ._title { transition: background-color .3s; }
  a.brandingNavigation-item:hover ._title { background-color: rgba(0, 0, 0, 0.5); }
  .socialNavigation a { transition: background-color .3s; }
  .l-article .socialNavigation a:hover img { opacity: 1; }
  .socialNavigation a._facebook:hover { background-color: #3b5998; }
  .socialNavigation a._twitter:hover { background-color: #1da1f2; }
  .socialNavigation a._youtube:hover { background-color: #f00; }
  .socialNavigation a._linkedin:hover { background-color: #0A66C2; }
  .moreLead-trriger > * { transition: opacity 0.3s; }
  .moreLead-trriger:hover > * { opacity: 0.6; }
  .card-basic > ._image > img, .card-basic > ._content { transition: opacity 0.3s; }
  .card-basic:hover > ._image > img, .card-basic:hover > ._content { opacity: 0.6; }
  .custom-checkbox, .custom-radio { text-decoration: none; }
  .custom-checkbox span:before, .custom-radio span:before { transition: background-color .3s; }
  .custom-checkbox:hover span:before, .custom-radio:hover span:before { background-color: #e6ecec; }
  .pagination-container .skipToPrevious, .pagination-container .skipToNext { transition: opacity 0.3s; }
  .pagination-container .skipToPrevious:hover, .pagination-container .skipToNext:hover { opacity: 0.6; }
  .pagination-container .pagination a { transition: all .3s; }
  .pagination-container .pagination a:hover { color: #fff; background-color: #000; border-color: #e5e5e5; }
  .ducumentList-index a > *, .ducumentList-online a > * { transition: opacity 0.3s; }
  .ducumentList-index a:hover > *, .ducumentList-online a:hover > * { opacity: 0.6; }
  .l-article a:hover > img { opacity: 0.6; }
  .relationLink ._image, .relationLink ._symbol, .relationLink ._title, .relationLink ._outline .link-angle-arrow-right { transition: opacity 0.3s; }
  .relationLink:hover ._image, .relationLink:hover ._symbol, .relationLink:hover ._title, .relationLink:hover ._outline .link-angle-arrow-right { opacity: 0.6; }
  .relationLink-news ._image, .relationLink-news ._outline, .relationLink-news ._date { transition: opacity 0.3s; }
  .relationLink-news:hover ._image, .relationLink-news:hover ._outline, .relationLink-news:hover ._date { opacity: 0.6; }
  .table-ir-calender ._anchor a:hover { background: rgba(255, 255, 255, 0.4); } }

.dev-h2 { margin-bottom: 1em; margin-top: 2em; text-align: center; background: #000; color: #fff; font-weight: bold; font-size: 1.8rem; padding: 0.8rem 0 1rem; }

.dev-h3 { background: #dae3e2; color: #3a4140; font-weight: bold; margin-bottom: 2em; margin-top: 2em; padding: 0.5em 16px; }

.dev-h4 { background: #d9d9d9; color: #3a4140; font-weight: bold; margin-bottom: 1em; margin-top: 1em; padding: 0.5em 16px; }

.dev-h5 { background: #d9d9d9; color: #3a4140; font-weight: bold; margin-bottom: 0.75em; margin-top: 1.2em; font-size: 1.4rem; padding: 0.75em 16px; }

.dev-remarks { border: 1px dotted #d9d9d9; border-radius: 6px; padding: 1em; font-size: 1.2rem; }

.dev-checkerTextarea { border: 2px solid #dae3e2; font-family: "Menlo", "Lucida Console", monospace; font-size: 1.2rem; line-height: 1.34; margin-bottom: 1em; margin-top: 1em; min-height: 320px; outline: none; padding: 8px; width: 100%; }

.dev-clipboard { background-color: #5b6670; color: #fff; cursor: pointer; font-size: 1.2rem; padding: 0.25em 8px; }

.dev-secret { display: none; }

.dev-developerMode { background-color: #000; border: none; color: #fff; cursor: pointer; font-size: 1.2rem; opacity: .2; position: absolute; right: 0; top: 0; }

.dev-developerMode:active { opacity: .4; }

.dev-printBreak { page-break-before: always; }

.dev-largeTitle { background: #0b727d; color: #fff; font-size: 2.4rem; padding: 15px; margin-top: 2em; margin-bottom: 1em; }

.dev-mediumTitle { color: #0b727d; border-left: 4px solid #0b727d; background: rgba(11, 114, 125, 0.2); font-size: 1.8rem; padding: 10px 15px; margin-top: 1em; margin-bottom: 0.5em; }

.dev-table { width: 100%; border-collapse: collapse; }

.dev-table th, .dev-table td { border: 1px solid #b0b9b8; padding: 1em; }

.dev-table th { background: rgba(11, 114, 125, 0.1); }

.dev-table ._width-2 { width: 20%; }

.dev-colorbox { border: 1px solid #dae3e2; width: 20px; height: 20px; display: inline-block; position: relative; vertical-align: middle; margin-right: 0.5em; }

main.theme-develop .mainVisual.option-bg-black ._trim:after { background: rgba(0, 0, 0, 0.5); }

main.theme-develop .fxb-container-fluid { padding: 0 16px; }

main.theme-develop .dev-mainVisual .fxb-container-fluid, main.theme-develop .dev-printBreak .fxb-container-fluid { padding: 0; }

.dev-elementView, .dev-elementCode { padding: 0 16px !important; }

.dev-elementView .content-type-central, .dev-elementView .content-type-frame, .dev-elementView .content-type-frame-right { display: none; }

.dev-hashList { margin-top: 32px; }

.dev-hashList a { text-align: center; color: #000; padding: 1rem; border: 1px solid #d9d9d9; text-decoration: none; }

@media screen and (min-width: 769px), print { .dev-hashList a { margin-top: 16px; }
  .dev-hashList a:hover { background: #e9f5f4; } }

@media only screen and (max-width: 768px) { .dev-hashList a { margin-top: 8px; } }

.dev-hashList a:before { display: none; }

[lang=ja] ul.list-type-notice > *:before { content: "\6ce8"; }

html:lang(ja) .newsList-default .label-default { width: 132px; max-width: 132px; }

@media screen and (min-width: 769px), print { html:lang(ja) .subNavigation a:after { width: calc(100% - 28px); } }

.fit-image, .mainSlider figure img, .brandingNavigation-index ._cover img { object-fit: cover; font-family: 'object-fit: cover; object-position: center center;'; }

.flickity-enabled { position: relative; }

/* big buttons, no circle */
.flickity-prev-next-button { width: 38px; background: #000; display: block; position: absolute; top: 0; cursor: pointer; pointer-events: auto !important; z-index: 100; }

@media only screen and (max-width: 768px) { .flickity-prev-next-button { height: 48px; }
  .subNavigation.is-fixed .flickity-prev-next-button { height: 40px; } }

@media screen and (min-width: 769px), print { .flickity-prev-next-button { height: 56px; }
  .subNavigation.is-fixed .flickity-prev-next-button { height: 40px; } }

.flickity-prev-next-button svg { display: none !important; }

.flickity-prev-next-button:before { content: ''; width: 38px; display: block; position: absolute; top: 0; }

@media only screen and (max-width: 768px) { .flickity-prev-next-button:before { height: 48px; }
  .subNavigation.is-fixed .flickity-prev-next-button:before { height: 40px; } }

@media screen and (min-width: 769px), print { .flickity-prev-next-button:before { height: 56px; }
  .subNavigation.is-fixed .flickity-prev-next-button:before { height: 40px; } }

.flickity-prev-next-button:after { content: ''; width: 1px; height: 28px; top: 11px; position: absolute; background: rgba(255, 255, 255, 0.5); }

@media only screen and (max-width: 768px) { .subNavigation.is-fixed .flickity-prev-next-button:after { height: 26px; top: 7px; } }

@media screen and (min-width: 769px), print { .flickity-prev-next-button:after { top: 14px; }
  .subNavigation.is-fixed .flickity-prev-next-button:after { top: 7px; } }

.flickity-prev-next-button.next { right: 0; }

.flickity-prev-next-button.next:before { right: 0; }

@media only screen and (max-width: 768px) { .flickity-prev-next-button.next:before { background: url(../img/icon-slick-next_sp.png) center center no-repeat; background-size: 5px 8px; } }

@media screen and (min-width: 769px), print { .flickity-prev-next-button.next:before { background: url(../img/icon-slick-next.png) center center no-repeat; } }

.flickity-prev-next-button.next:after { left: 0; }

.flickity-prev-next-button.previous { left: 0; }

.flickity-prev-next-button.previous:before { left: 0; }

@media only screen and (max-width: 768px) { .flickity-prev-next-button.previous:before { background: url(../img/icon-slick-prev_sp.png) center center no-repeat; background-size: 5px 8px; } }

@media screen and (min-width: 769px), print { .flickity-prev-next-button.previous:before { background: url(../img/icon-slick-prev.png) center center no-repeat; } }

.flickity-prev-next-button.previous:after { right: 0; }

/* arrow color */
.flickity-prev-next-button .arrow { fill: white; }

.flickity-prev-next-button.no-svg { color: white; }

/* hide disabled button */
.flickity-prev-next-button:disabled { display: none; cursor: auto; pointer-events: none !important; }

.flickity-prev-next-button:focus { outline: none !important; }

.flickity-viewport:before, .flickity-viewport:after { display: block; position: absolute; top: 0; height: 48px; width: 38px; content: ''; z-index: -1; }

.subNavigation.is-fixed .flickity-viewport:before, .subNavigation.is-fixed .flickity-viewport:after { height: 40px; }

.flickity-viewport:before { left: 0; }

.flickity-viewport:after { right: 0; }

.flickity-viewport.positionLeft:before { z-index: 99; }

.flickity-viewport.positionRight:after { z-index: 99; }

/* Magnific Popup CSS */
.mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; }

.mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; }

.mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; }

.mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; }

.mfp-align-top .mfp-container:before { display: none; }

.mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; }

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; }

.mfp-ajax-cur { cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: zoom-out; }

.mfp-zoom { cursor: pointer; cursor: zoom-in; }

.mfp-auto-cursor .mfp-content { cursor: auto; }

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -ms-user-select: none; user-select: none; }

.mfp-loading.mfp-figure { display: none; }

.mfp-hide { display: none !important; }

.mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; }

.mfp-preloader a { color: #CCC; }

.mfp-preloader a:hover { color: #FFF; }

.mfp-s-ready .mfp-preloader { display: none; }

.mfp-s-error .mfp-content { display: none; }

button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; -ms-touch-action: manipulation; touch-action: manipulation; }

button::-moz-focus-inner { padding: 0; border: 0; }

.mfp-close { position: absolute; width: 20px; height: 20px; background: url(../img/icon-modal-close.png) center center no-repeat; font-size: 0; text-decoration: none; top: -40px; right: 0; }

@media screen and (min-width: 576px), print { .mfp-close { top: 0; right: -52px; } }

@media screen and (min-width: 769px), print { .mfp-close:hover { opacity: 0.6; } }

/*.mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; }*/
/*.mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; }*/
.mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; }

.mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; }

.mfp-arrow:active { margin-top: -54px; }

.mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; }

.mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; }

.mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; }

.mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; }

.mfp-arrow-left { left: 0; }

.mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; }

.mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; }

.mfp-arrow-right { right: 0; }

.mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; }

.mfp-arrow-right:before { border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; }

.mfp-iframe-holder .mfp-content { line-height: 0; width: calc(100% - 32px); max-width: 956px; }

@media screen and (min-width: 576px), print { .mfp-iframe-holder .mfp-content { width: calc(100% - 160px); margin-right: 16px; } }

.mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; }

.mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; background: #000; }

/* Main image in popup */
img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure { line-height: 0; }

.mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; }

.mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; }

.mfp-figure figure { margin: 0; }

.mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; }

.mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; }

.mfp-image-holder .mfp-content { max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** Remove all paddings around the image on small screen */
  .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; }
  .mfp-img-mobile img.mfp-img { padding: 0; }
  .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; }
  .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; }
  .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; }
  .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; }
  .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } }

@media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); }
  .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; }
  .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; }
  .mfp-container { padding-left: 6px; padding-right: 6px; } }

/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }

.slick-list:focus { outline: none; }

.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; }

.slick-track:before, .slick-track:after { content: ""; display: table; }

.slick-track:after { clear: both; }

.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }

[dir="rtl"] .slick-slide { float: right; }

.slick-slide img { display: block; }

.slick-slide.slick-loading img { display: none; }

.slick-slide.dragging img { pointer-events: none; }

.slick-initialized .slick-slide { display: block; }

.slick-loading .slick-slide { visibility: hidden; }

.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

.slick-arrow.slick-hidden { display: none; }

@media screen and (min-width: 769px), print { .aboutAccess.col-md-6 > .subheading-primary:first-child { margin-top: 0; } }

@media only screen and (max-width: 768px) { .aboutAccess > .subheading-primary:not(:first-child) { margin-top: 32px; } }

@media screen and (min-width: 769px), print { .aboutAccess > .subheading-primary:not(:first-child) { margin-top: 48px; } }

.aboutTopContents { background-repeat: no-repeat; position: relative; overflow: hidden; z-index: 0; }

@media only screen and (max-width: 768px) { .aboutTopContents { padding: 40px 0 36px; background-size: auto 500px; background-position: center top; background-color: #161b1d; }
  .aboutTopContents#aboutTopContents04 { background-size: cover; }
  .aboutTopContents:after { content: ''; position: absolute; top: 0; left: 0; height: 500px; width: 100%; z-index: 0; background: linear-gradient(to bottom, rgba(22, 27, 29, 0.5) 0%, rgba(22, 27, 29, 0.65) 50%, #161b1d 100%); }
  .aboutTopContents > .container { position: relative; z-index: 2; } }

@media screen and (min-width: 769px), print { .aboutTopContents { padding: 122px 0 91px; background-size: cover; background-position: center; background-attachment: fixed; }
  body.theme-mobile .aboutTopContents { background-attachment: scroll; }
  .aboutTopContents:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background: rgba(0, 0, 0, 0.5); -webkit-transform: translateZ(0); }
  .aboutTopContents#aboutTopContents01:before { background: rgba(0, 0, 0, 0.65); } }

.aboutTopContents > * { color: #fff; }

.aboutTopContents h2, .aboutTopContents h3, .aboutTopContents h4 { color: #fff; text-align: center; }

.aboutTopContents h3 { margin-top: 0; }

@media only screen and (max-width: 768px) { .aboutTopContents h3 { font-size: 2rem; margin-bottom: 1.4rem; } }

@media screen and (min-width: 769px), print { .aboutTopContents h3 { font-size: 3rem; margin-bottom: 2rem; } }

@media only screen and (max-width: 768px) { .aboutTopContents h4 { font-size: 1.4rem; margin: 16px 0; } }

@media screen and (min-width: 769px), print { .aboutTopContents h4 {  text-align: left; margin: 27px 0 28px; color: #fff;} }

@media only screen and (max-width: 768px) { .aboutTopContents h4.text-between { padding: 8px 0; } }

@media screen and (min-width: 769px), print { .aboutTopContents h4.text-between { padding: 7px 0 8px; } }

@media only screen and (max-width: 768px) { .aboutTopContents h4._slogan { margin: 29px 0; } }

@media screen and (min-width: 769px), print { .aboutTopContents h4._slogan { margin: 65px 0 41px; } }

.aboutTopContents h3 + p, .aboutTopContents h4 + p { text-align: center; }

@media only screen and (max-width: 768px) { .aboutTopContents h3 + p, .aboutTopContents h4 + p { margin-top: -6px; margin-bottom: 20px; } }

@media screen and (min-width: 769px), print { .aboutTopContents h3 + p, .aboutTopContents h4 + p { font-size: 1.6rem; margin-bottom: 22px; } }

.aboutTopContents .text-between { font-weight: 700; text-align: center; color: #fff; }

@media only screen and (max-width: 768px) { .aboutTopContents .text-between { font-size: 1.4rem; padding: 4px 0 5px; } }

@media screen and (min-width: 769px), print { .aboutTopContents .text-between { font-size: 1.6rem; margin-bottom: 16px; } }

@media only screen and (max-width: 768px) { .aboutTopContents .text-between + h4 { font-size: 1.6rem; margin: 21px 0; } }

@media only screen and (max-width: 768px) { .aboutTopContents figure { margin-bottom: 16px; text-align: center; } }

@media screen and (min-width: 769px), print { .aboutTopContents figure { margin-bottom: 32px; } }

@media screen and (min-width: 769px), print { .aboutTopContents .btn-ghost.btn-single { min-width: 320px; padding: 18px 1em; } }

.aboutTopContents .text-pointinTime { margin-bottom: 0; text-align: right; }

@media only screen and (max-width: 768px) { .aboutTopContents .text-pointinTime { margin-top: -4px; font-size: 1.0rem; } }

@media screen and (min-width: 769px), print { .aboutTopContents .text-pointinTime { margin-top: 6px; font-size: 1.2rem; } }

@media only screen and (max-width: 768px) { #aboutTopContents01 h4, #aboutTopContents02 h4 { margin: 16px 0 1rem; } }

@media only screen and (max-width: 768px) { #aboutTopContents02 .row ._first { -ms-flex-order: 0; order: 0; }
  #aboutTopContents02 .row ._second { -ms-flex-order: 1; order: 1; }
  #aboutTopContents02 .row ._third { -ms-flex-order: 2; order: 2; } }

@media only screen and (max-width: 768px) { #aboutTopContents04 { padding-top: 36px; padding-bottom: 40px; } }

@media screen and (min-width: 769px), print { #aboutTopContents04 { padding-bottom: 128px; } }

@media only screen and (max-width: 768px) { #aboutTopContents04 .nextAction { margin: 25px 0 0; } }

@media screen and (min-width: 769px), print { #aboutTopContents04 .nextAction { margin: 64px 0 0; } }

@media only screen and (max-width: 768px) { #aboutTopContents04 h4 + p { margin-top: -3px; } }

@media only screen and (max-width: 768px) { .aboutTopContents-hidtory { margin-top: -4px; margin-bottom: -1px; }
  .aboutTopContents-hidtory figure { margin-bottom: 10px; }
  .aboutTopContents-hidtory figure + p { margin-top: 0; margin-bottom: 21px; } }

@media screen and (min-width: 769px), print { .aboutTopContents-hidtory { padding-bottom: 18px; }
  .aboutTopContents-hidtory figure { margin-bottom: 26px; } }

.accodion-trigger { cursor: pointer; }

@media only screen and (max-width: 768px) { .accodion-sp-trigger { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; }
  .accodion-sp-trigger + .accodion-sp-hide { display: none; }
  .accodion-sp-trigger:after { content: '＋'; font-weight: 700; }
  .accodion-sp-trigger.is-opend:after { content: '－'; } }

@media screen and (min-width: 769px), print { .accodion-md-trigger { cursor: pointer; transition: opacity .3s; display: inline-block; }
  .accodion-md-trigger:hover { opacity: 0.6; }
  .accodion-md-trigger + .accodion-md-hide { display: none; padding-top: 16px; } }

.affiliationNavigation { display: -ms-flexbox; display: flex; margin-left: -16px; margin-right: -16px; padding: 32px 0; }

@media screen and (min-width: 769px), print { .affiliationNavigation ._parent { width: 25%; } }

@media screen and (min-width: 769px), print { .affiliationNavigation ._children { width: 75%; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .affiliationNavigation ._children > li { width: calc(33.3333% - 32px); } }

.affiliationNavigation ul { padding-left: 0; }

.affiliationNavigation li { list-style: none; padding: 8px 0; margin-top: -1px; margin-left: 16px; margin-right: 16px; border-top: 1px solid #9aa3ac; border-bottom: 1px solid #9aa3ac; }

.affiliationNavigation li a { display: block; text-decoration: none; color: #3a4140; height: calc(100% + 16px); margin-top: -8px; margin-bottom: -8px; padding: 8px 0; }

@-webkit-keyframes zoom-in { 0% { -webkit-transform: scale(0.1); transform: scale(0.1); }
  100% { -webkit-transform: none; transform: none; } }

@keyframes zoom-in { 0% { -webkit-transform: scale(0.1); transform: scale(0.1); }
  100% { -webkit-transform: none; transform: none; } }

@-webkit-keyframes rotate-right { 0% { -webkit-transform: translate(-100%) rotate(-100deg); transform: translate(-100%) rotate(-100deg); }
  100% { -webkit-transform: none; transform: none; } }

@keyframes rotate-right { 0% { -webkit-transform: translate(-100%) rotate(-100deg); transform: translate(-100%) rotate(-100deg); }
  100% { -webkit-transform: none; transform: none; } }

@-webkit-keyframes opacity-in { 0% { opacity: 0; }
  100% { opacity: 1; } }

@keyframes opacity-in { 0% { opacity: 0; }
  100% { opacity: 1; } }

.is-animated { -webkit-animation: .4s opacity-in; animation: .4s opacity-in; opacity: 1; }

.case-enter-active, .case-leave-active { transition: opacity .5s, -webkit-transform .5s; transition: transform .5s, opacity .5s; transition: transform .5s, opacity .5s, -webkit-transform .5s; }

.case-move:not(.case-leave-active) { transition: -webkit-transform .5s; transition: transform .5s; transition: transform .5s, -webkit-transform .5s; }

/* 表示される時は上からスライド */
.case-enter { opacity: 0; }

/* 消える時は縮小される */
.case-leave-to { opacity: 0; }

.case-leave-active { position: absolute; }

/* アニメーション前 */
[class^="u-fade-type-up-"] { -webkit-transform: translateY(50px); transform: translateY(50px); opacity: 0; }

/* トリガー発火でis-activeを付与 */
.is-active [class^="u-fade-type-up-"] { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; transition: .5s; }

.is-active .u-fade-type-up-2 { transition: 1s; }

@media only screen and (max-width: 768px) { .is-active .u-fade-type-up-4, .is-active .u-fade-type-up-10, .is-active .u-fade-type-up-16, .is-active .u-fade-type-up-22, .is-active .u-fade-type-up-28 { transition: 1s; } }

@media screen and (min-width: 769px), print { .is-active .u-fade-type-up-4, .is-active .u-fade-type-up-10, .is-active .u-fade-type-up-16, .is-active .u-fade-type-up-22, .is-active .u-fade-type-up-28 { transition: .5s; } }

@media only screen and (max-width: 768px) { .is-active .u-fade-type-up-5, .is-active .u-fade-type-up-11, .is-active .u-fade-type-up-17, .is-active .u-fade-type-up-23, .is-active .u-fade-type-up-29 { transition: .5s; } }

@media screen and (min-width: 769px), print { .is-active .u-fade-type-up-5, .is-active .u-fade-type-up-11, .is-active .u-fade-type-up-17, .is-active .u-fade-type-up-23, .is-active .u-fade-type-up-29 { transition: 1s; } }

@media only screen and (max-width: 768px) { .is-active .u-fade-type-up-6, .is-active .u-fade-type-up-12, .is-active .u-fade-type-up-18, .is-active .u-fade-type-up-24, .is-active .u-fade-type-up-30 { transition: 1s; } }

@media screen and (min-width: 769px), print { .is-active .u-fade-type-up-6, .is-active .u-fade-type-up-12, .is-active .u-fade-type-up-18, .is-active .u-fade-type-up-24, .is-active .u-fade-type-up-30 { transition: 1.5s; } }

@media only screen and (max-width: 768px) { .is-active .u-fade-type-up-7, .is-active .u-fade-type-up-13, .is-active .u-fade-type-up-19, .is-active .u-fade-type-up-25 { transition: .5s; } }

@media screen and (min-width: 769px), print { .is-active .u-fade-type-up-7, .is-active .u-fade-type-up-13, .is-active .u-fade-type-up-19, .is-active .u-fade-type-up-25 { transition: .5s; } }

@media only screen and (max-width: 768px) { .is-active .u-fade-type-up-8, .is-active .u-fade-type-up-14, .is-active .u-fade-type-up-20, .is-active .u-fade-type-up-26 { transition: 1s; } }

@media screen and (min-width: 769px), print { .is-active .u-fade-type-up-8, .is-active .u-fade-type-up-14, .is-active .u-fade-type-up-20, .is-active .u-fade-type-up-26 { transition: 1s; } }

@media only screen and (max-width: 768px) { .is-active .u-fade-type-up-3, .is-active .u-fade-type-up-9, .is-active .u-fade-type-up-15, .is-active .u-fade-type-up-21, .is-active .u-fade-type-up-27 { transition: .5s; } }

@media screen and (min-width: 769px), print { .is-active .u-fade-type-up-3, .is-active .u-fade-type-up-9, .is-active .u-fade-type-up-15, .is-active .u-fade-type-up-21, .is-active .u-fade-type-up-27 { transition: 1.5s; } }

.appealContents { font-weight: 700; text-align: center; color: #000; }

.appealContents:after { clear: both; content: ""; display: block; }

@media only screen and (max-width: 768px) { .appealContents { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; justify-content: center; margin-top: -6px; } }

@media only screen and (max-width: 768px) { .appealContents dl { margin: 0 0 18px; } }

@media screen and (min-width: 769px), print { .appealContents dl { margin: 0 0 39px; } }

.appealContents dl dt { margin-bottom: 11px; border-top: 1px solid #000; border-bottom: 1px solid #000; padding: 3px 0; }

@media screen and (min-width: 769px), print { .appealContents dl dt { font-size: 16px; padding: 5px 0; } }

@media only screen and (max-width: 768px) { .appealContents figure { margin: 0 0 18px; } }

@media screen and (min-width: 769px), print { .appealContents figure { margin: 0 10px 39px; } }

.appealContents-col { width: 50%; }

@media screen and (min-width: 769px), print { .appealContents-col { float: left; width: 25%; } }

.appealContents-child6 .appealContents-col { width: 33.33%; }

@media screen and (min-width: 769px), print { .appealContents-child6 .appealContents-col { width: 16.66%; } }

.appealContents-child5 .appealContents-col:nth-child(1), .appealContents-child5 .appealContents-col:nth-child(2), .appealContents-child5 .appealContents-col:nth-child(3) { width: 33.33%; }

@media only screen and (max-width: 768px) { .appealContents-child5 .appealContents-col:nth-child(4) figure, .appealContents-child5 .appealContents-col:nth-child(5) figure { margin-bottom: 11px; } }

@media screen and (min-width: 769px), print { .appealContents-child5 .appealContents-col:nth-child(4) figure, .appealContents-child5 .appealContents-col:nth-child(5) figure { margin-bottom: 0; } }

.appealContents-child5 .appealContents-col:nth-child(4) { padding-left: 8.33%; }

.appealContents-child5 .appealContents-col:nth-child(5) { padding-right: 8.33%; }

@media only screen and (max-width: 768px) { .appealContents-col:nth-child(3) dl, .appealContents-col:nth-child(4) dl { margin-bottom: 6px; } }

@media screen and (min-width: 769px), print { .appealContents-col + .appealContents-col dl { margin-left: 30px; } }

@media only screen and (max-width: 768px) { .appealContents-col:nth-child(2n) dl { margin-left: 20px; } }

@media only screen and (max-width: 768px) { .appealContents-singleFigure { margin-top: 6px; margin-bottom: 12px; -ms-flex: 1 0 0%; flex: 1 0 0%; } }

@media screen and (min-width: 769px), print { .appealContents-singleFigure { margin-top: 7px; } }

.appealContents-singleFigure figure { margin: 0; }

.appealContents-number { line-height: 1; }

@media only screen and (max-width: 768px) { .appealContents-number { font-size: 30px; } }

@media screen and (min-width: 769px), print { .appealContents-number { font-size: 48px; } }

.appealContents-counterSuffix { display: inline-block; width: 100%; margin-top: 15px; }

@media only screen and (max-width: 768px) { .asideNavigation { padding: 31px 0 28px; } }

@media screen and (min-width: 769px), print { .asideNavigation { padding: 57px 0 54px; } }

.asideNavigation .menu-firstLevel { font-weight: 700; }

@media only screen and (max-width: 768px) { .asideNavigation .menu-firstLevel { font-size: 1.3rem; } }

@media screen and (min-width: 769px), print { .asideNavigation .menu-firstLevel { font-size: 1.6rem; }
  .asideNavigation .menu-firstLevel .icon-circle-angle-right { margin-bottom: 3px; } }

.asideNavigation .menu-firstLevel, .asideNavigation .menu-firstLevel a { color: #000; }

.asideNavigation a { text-decoration: none; }

@media only screen and (max-width: 768px) { .asideNavigation .menu-secondLevel > ._item { margin: 0; }
  .asideNavigation .menu-secondLevel > ._item + ._item { margin-top: -1px; } }

@media screen and (min-width: 769px), print { .asideNavigation .menu-secondLevel[class^="grid"], .asideNavigation .menu-secondLevel[class*=" grid"] { margin-left: -5px; margin-right: -5px; padding: 5px 0; }
  .asideNavigation .menu-secondLevel[class^="grid"] > ._item, .asideNavigation .menu-secondLevel [class*=" grid"] > ._item { padding-left: 5px; padding-right: 5px; margin: 5px 0; }
  .asideNavigation .menu-secondLevel ._item .btn-inverse { height: 100%; } }

@media only screen and (max-width: 768px) { .asideNavigation .menu-firstLevel + .menu-secondLevel { margin-top: 11px; } }

@media screen and (min-width: 769px), print { .asideNavigation .menu-firstLevel + .menu-secondLevel { margin-top: 24px; } }

.asideNavigation .btn-inverse { position: relative; }

@media only screen and (max-width: 768px) { .asideNavigation .btn-inverse { padding-left: 35px; } }

@media screen and (min-width: 769px), print { .asideNavigation .btn-inverse { padding-left: 42px; } }

.asideNavigation .btn-inverse > .icon-circle-angle-right { position: absolute; }

@media only screen and (max-width: 768px) { .asideNavigation .btn-inverse > .icon-circle-angle-right { left: 15px; top: 17px; } }

@media screen and (min-width: 769px), print { .asideNavigation .btn-inverse > .icon-circle-angle-right { left: 20px; top: 19px; } }

@media only screen and (max-width: 768px) { .blockNavigation > ._item { margin: 0; }
  .blockNavigation > ._item + ._item { margin-top: -1px; } }

@media screen and (min-width: 769px), print { .blockNavigation { margin-left: -5px; margin-right: -5px; padding: 5px 0; }
  .blockNavigation > ._item { padding-left: 5px; padding-right: 5px; margin: 5px 0; } }

.brandingNavigation-item { overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; background: #000; width: 100%; position: relative; display: block; }

.brandingNavigation-item:before { content: ""; display: block; padding-top: 56.25%; }

@media only screen and (max-width: 768px) { .brandingNavigation .brandingNavigation-item:before { padding-top: 37.2395%; } }

@media screen and (min-width: 769px), print { .brandingNavigation .brandingNavigation-item:before { padding-top: 50%; } }

@media screen and (min-width: 769px), print { .brandingNavigation .brandingNavigation-item { z-index: 11; min-height: 256px; max-height: 360px; } }

@media only screen and (max-width: 768px) { .brandingNavigation-index .brandingNavigation-item:before { padding-top: 39.06%; } }

@media only screen and (max-width: 768px) { .liquid.brandingNavigation-index .brandingNavigation-item:before { padding-top: 78.125%; } }

.brandingNavigation-item ._title { position: absolute; width: 100%; height: 100%; left: 0; top: 0; overflow: hidden; text-align: center; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; z-index: 51; color: #fff; padding: 16px; background: rgba(0, 0, 0, 0.3); }

.brandingNavigation-item ._title dl { margin: 0; }

.brandingNavigation-item ._title dt, .brandingNavigation-item ._title ._definitionTerm { line-height: 1.5; }

@media only screen and (max-width: 768px) { .brandingNavigation-item ._title dt, .brandingNavigation-item ._title ._definitionTerm { font-size: 1.6rem; } }

@media screen and (min-width: 769px), print { .brandingNavigation-item ._title dt, .brandingNavigation-item ._title ._definitionTerm { font-size: 2.0rem; } }

.brandingNavigation-item ._title dd, .brandingNavigation-item ._title ._definitionDescription { margin-left: 0; display: inline-block; }

@media only screen and (max-width: 768px) { .brandingNavigation-item ._title dd, .brandingNavigation-item ._title ._definitionDescription { font-size: 1.0rem; margin-top: 13px; } }

@media screen and (min-width: 769px), print { .brandingNavigation-item ._title dd, .brandingNavigation-item ._title ._definitionDescription { font-size: 1.2rem; margin-top: 19px; } }

.brandingNavigation-item ._title ._definitionTerm { margin: 0; font-weight: 700; }

@media only screen and (max-width: 768px) { .brandingNavigation-item ._title ._definitionDescription { margin-bottom: 0; } }

@media screen and (min-width: 769px), print { .brandingNavigation-item ._title ._definitionDescription { margin-bottom: 0; } }

.brandingNavigation-item ._title ._definitionDescription > span { display: inline-block; padding: 5px 0; border-top: 1px solid #fff; border-bottom: 1px solid #fff; }

.brandingNavigation-item ._cover { position: absolute; width: 102%; height: 102%; left: -1%; top: -1%; overflow: hidden; background: #000; }

.brandingNavigation-item ._cover img { position: absolute; width: auto; height: auto; min-width: 102%; min-height: 102%; left: 51%; top: 51%; -webkit-transform: translate(-51%, -51%); transform: translate(-51%, -51%); }

body.os-win7 .brandingNavigation-index .brandingNavigation-item ._cover img, body.os-win8 .brandingNavigation-index .brandingNavigation-item ._cover img { max-height: 102%; max-width: 102%; }

.brandingNavigation-item ._cover:before { content: ""; display: block; padding-top: 50%; }

.breadcrumbs ol { list-style-type: none; margin: 0; padding: 11px 0 12px; }

.breadcrumbs ol li { display: inline-block; display: inline; font-size: 1.2rem; }

.breadcrumbs ol li + li span { margin-left: 1rem; }

.breadcrumbs ol li + li:before { content: ''; background: url(../img/icon-breadcrumbs-arrow.png) center center no-repeat; background-size: 100% auto; width: 5px; height: 8px; display: inline-block; }

.breadcrumbs ol li:last-child a { color: #3a4140; }

.breadcrumbs ol li a { color: #3a4140; text-decoration: none; }

.breadcrumbs ol li span { margin-right: 1rem; }

@media only screen and (max-width: 768px) { #breadcrumb { display: none; } }

@media screen and (min-width: 769px), print { #breadcrumb { position: relative; z-index: 2; } }

@media only screen and (max-width: 768px) { .businessHighlight { margin-bottom: -1px; } }

@media only screen and (max-width: 768px) { .businessHighlight + .businessHighlight:before { content: ''; width: calc(100% - 16px); height: 1px; background-color: #e5e5e5; margin: 28px auto 32px; } }

@media screen and (min-width: 769px), print { .businessHighlight + .businessHighlight { margin-top: 40px; } }

@media only screen and (max-width: 768px) { .businessHighlight-figure { margin-top: 0; margin-bottom: 9px; } }

@media screen and (min-width: 769px), print { .businessHighlight-figure { margin: 0; } }

.businessHighlight-title { color: #000; }

@media screen and (min-width: 769px), print { .businessHighlight-title { margin-top: -3px; margin-bottom: 16px; } }

.childNavigation ul { padding: 0; }

.childNavigation ul li { list-style: none; padding-left: 0; }

.childNavigation ul li a { color: #303938; }

.childNavigation ul li.is-active ._text { border-bottom: 2px solid #000; }

@media only screen and (max-width: 768px) { .childNavigation ul { margin: 18px 0 20px; }
  .childNavigation ul li { margin: 8px 16px 0 0; } }

@media (min-width: 480px) { .childNavigation ul li { display: inline-block; } }

@media screen and (min-width: 769px), print { .childNavigation ul { margin: 26px 0 0; text-align: center; }
  .childNavigation ul li { display: inline-block; margin: 8px 10px; } }

@media only screen and (max-width: 768px) { .choiceNavigation { padding: 8px 0; }
  .choiceNavigation ul { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .choiceNavigation li { -ms-flex: 1 0 auto; flex: 1 0 auto; width: calc(50% - 1px); margin-bottom: 1px; font-size: 1.2rem; }
  .choiceNavigation li:nth-child(2), .choiceNavigation li:nth-child(3), .choiceNavigation li:nth-child(5), .choiceNavigation li:nth-child(6) { margin-left: 1px; } }

@media screen and (min-width: 769px), print { .choiceNavigation { padding: 10px 0; }
  .choiceNavigation ul { -ms-flex-wrap: nowrap; flex-wrap: nowrap; }
  .choiceNavigation ul li { min-width: 204px; } }

.choiceNavigation ul { margin: 0; padding: 0; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; }

.choiceNavigation li { list-style: none; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; border-left: 1px solid #d4e2e2; }

@media only screen and (max-width: 768px) { .choiceNavigation li { height: 36px; } }

@media screen and (min-width: 769px), print { .choiceNavigation li { height: 40px; } }

.choiceNavigation li:first-child { border-left: none; }

.choiceNavigation li a { display: block; width: 100%; height: 100%; text-decoration: none; text-align: center; background: #fff; color: #000; transition: all 0.3s; }

@media only screen and (max-width: 768px) { .choiceNavigation li a { height: 36px; line-height: 36px; } }

@media screen and (min-width: 769px), print { .choiceNavigation li a { height: 40px; line-height: 40px; } }

@media screen and (min-width: 769px), print { .choiceNavigation li a:hover { background: #000; color: #fff; } }

.choiceNavigation li.is-active { background: #000; color: #fff; }

.choiceNavigation li.is-active, .choiceNavigation a { padding: 0 0.5rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

@media only screen and (max-width: 768px) { .choiceNavigation li.is-active, .choiceNavigation a { padding: 0 1rem; } }

.combinationBox { border: 1px solid #c0c8c7; }

.combinationBox + .combinationBox { border-top: none; }

.combinationBox-title { background: #e9f5f4; position: relative; font-weight: 700; color: #000; }

@media only screen and (max-width: 768px) { .combinationBox-title { padding: 16px 32px 16px 16px; } }

@media screen and (min-width: 769px), print { .combinationBox-title { padding: 16px 32px; cursor: pointer; } }

body.device-ie .combinationBox-title { border-left: 1px solid #c0c8c7; }

.combinationBox-title:after { content: ''; font-weight: 500; position: absolute; top: 47%; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-position: center; background-repeat: no-repeat; }

@media only screen and (max-width: 768px) { .combinationBox-title:after { right: 16px; width: 12px; height: 12px; background-size: 100% auto; background-image: url(../img/icon-ac-plus_sp.png); } }

@media screen and (min-width: 769px), print { .combinationBox-title:after { right: 18px; width: 16px; height: 16px; background-image: url(../img/icon-ac-plus.png); } }

@media only screen and (max-width: 768px) { .combinationBox-title.is-opend:after { background-image: url(../img/icon-ac-minus_sp.png); } }

@media screen and (min-width: 769px), print { .combinationBox-title.is-opend:after { background-image: url(../img/icon-ac-minus.png); } }

.combinationBox-contents ._inner { border-top: 1px solid #c0c8c7; }

@media only screen and (max-width: 768px) { .combinationBox-contents ._inner { padding: 10px 16px; } }

@media screen and (min-width: 769px), print { .combinationBox-contents ._inner { padding: 26px 32px; } }

.companyLogo { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }

@media only screen and (max-width: 768px) { .companyLogo { -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 5px 10px 5px 0; height: 53px; } }

@media screen and (min-width: 769px), print { .companyLogo { height: 70px; margin-left: -1px; } }

.companyLogo .siteName { line-height: 1.1; }

@media only screen and (max-width: 768px) { .companyLogo .siteName { display: inline-block; width: 100%; margin-left: 34px; color: #4b4e4e; font-size: 1.2rem; } }

@media screen and (min-width: 769px), print { .companyLogo .siteName { margin-left: 20px; font-size: 1.7rem; } }

body.os-win7.device-ie .companyLogo > a, body.os-win8.device-ie .companyLogo > a { display: block; }

@media only screen and (max-width: 768px) { .companyLogo img[src$=".svg"], .companyLogo img[src*=".svg"] { height: 18px; }
  body.os-win7.device-ie .companyLogo img[src$=".svg"]._ja, body.os-win8.device-ie .companyLogo img[src$=".svg"]._ja, body.os-win7.device-ie .companyLogo img[src*=".svg"]._ja, body.os-win8.device-ie .companyLogo img[src*=".svg"]._ja { width: 263px; }
  body.os-win7.device-ie .companyLogo img[src$=".svg"]._en, body.os-win8.device-ie .companyLogo img[src$=".svg"]._en, body.os-win7.device-ie .companyLogo img[src*=".svg"]._en, body.os-win8.device-ie .companyLogo img[src*=".svg"]._en { width: 409px; } }

@media screen and (min-width: 769px), print { .companyLogo img[src$=".svg"], .companyLogo img[src*=".svg"] { height: 32px; }
  body.os-win7.device-ie .companyLogo img[src$=".svg"]._ja, body.os-win8.device-ie .companyLogo img[src$=".svg"]._ja, body.os-win7.device-ie .companyLogo img[src*=".svg"]._ja, body.os-win8.device-ie .companyLogo img[src*=".svg"]._ja { width: 468px; }
  body.os-win7.device-ie .companyLogo img[src$=".svg"]._en, body.os-win8.device-ie .companyLogo img[src$=".svg"]._en, body.os-win7.device-ie .companyLogo img[src*=".svg"]._en, body.os-win8.device-ie .companyLogo img[src*=".svg"]._en { width: 728px; } }

.companyLogo h1 { margin: 0; font-size: 1em; }

body.device-ie .companyLogo h1 { display: inline-block; }

.companyLogo p { margin: 0; line-height: 1.34; }

body.device-ie .companyLogo p { display: inline-block; }

#cookie { opacity: 0; position: fixed; left: 0; width: 100%; background: #f5fbfb; border-top: 1px solid #dde4e3; z-index: 101; }

.cookie-container { display: -ms-flexbox; display: flex; }

.cookie-container .cookie-link { -ms-flex-negative: 0; flex-shrink: 0; }

@media only screen and (max-width: 768px) { .cookie-message { margin-top: 2px; margin-bottom: 2px; } }

@media screen and (min-width: 769px), print { .cookie-message { margin-top: 8px; margin-bottom: 8px; } }

@media only screen and (max-width: 768px) { .cookie-link { margin-top: 16px; margin-bottom: 16px; margin-left: 16px; } }

@media screen and (min-width: 769px), print { .cookie-link { margin-top: 26px; margin-bottom: 26px; margin-left: 32px; } }

@media screen and (min-width: 769px), print { .cookie-link button { cursor: pointer; } }

.cookie-path, .cookie-path-ie { display: none; }

.copyRight { text-align: center; }

@media only screen and (max-width: 768px) { .copyRight { margin-top: 25px; } }

@media screen and (min-width: 769px), print { .copyRight { line-height: 1; } }

.copyRight small { display: block; }

.coverContainer { position: relative; overflow: hidden; }

@media only screen and (max-width: 768px) { .coverContainer { padding: 35px 0; } }

@media screen and (min-width: 769px), print { .coverContainer { padding: 70px 0; } }

.coverContainer:before { position: absolute; content: ''; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, 0.3); z-index: 1; }

.coverContainer [class^="col-"] { position: relative; z-index: 2; }

.coverContainer [class^="col-"] :first-child { margin-top: 0; }

.coverContainer [class^="col-"] :last-child { margin-bottom: 0; }

.coverContainer .coverContainer-background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; }

.coverContainer .coverContainer-background > img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); min-width: 100%; min-height: 100%; }

.custom-checkbox { cursor: pointer; }

.custom-checkbox input[type="checkbox"] { display: none; }

.custom-checkbox > span { position: relative; padding-left: 20px; }

.custom-checkbox > span:before { content: ""; position: absolute; width: 14px; height: 14px; border: 1px solid #5b6670; border-radius: 2px; background: #fff; left: 0; top: 4px; }

@media only screen and (max-width: 768px) { .custom-checkbox > span:before { top: 3px; } }

.custom-checkbox input[type="checkbox"]:checked + span:before, .custom-checkbox.active > span:before { background: #000; border: 1px solid #000; }

.custom-checkbox input[type="checkbox"]:checked + span:after, .custom-checkbox.active > span:after { position: absolute; content: ""; width: 8px; height: 5px; border-left: 2px solid #fff; border-bottom: 2px solid #fff; -webkit-transform: rotate(-45deg) translateY(-50%); transform: rotate(-45deg) translateY(-50%); left: 5px; top: 9px; }

@media only screen and (max-width: 768px) { .custom-checkbox input[type="checkbox"]:checked + span:after, .custom-checkbox.active > span:after { top: 8px; } }

@media only screen and (max-width: 768px) { .custom-contactForm { margin-top: 16px; } }

@media screen and (min-width: 769px), print { .custom-contactForm { margin-top: 32px; } }

.custom-contactForm fieldset { padding: 0; border: 0; }

.custom-contactForm .form-group { border-top: 1px solid #e5e5e5; }

@media only screen and (max-width: 768px) { .custom-contactForm .form-group { padding: 25px 0 32px; } }

@media screen and (min-width: 769px), print { .custom-contactForm .form-group { padding: 26px 0; } }

.custom-contactForm .form-group:after { clear: both; content: ""; display: block; }

.custom-contactForm .form-group .form-control + .btn-default { cursor: pointer; }

@media only screen and (max-width: 768px) { .custom-contactForm .form-group .form-control + .btn-default { height: 48px; line-height: 46px; padding-bottom: 2px; } }

@media screen and (min-width: 769px), print { .custom-contactForm .form-group .form-control + .btn-default { margin-left: 2.4rem; height: 40px; padding: 0 28px; line-height: 37px; } }

.custom-contactForm .help-block { display: block; }

.custom-contactForm label.control-label { font-weight: 500; }

.custom-contactForm .form-control { border: 1px solid #8d8d8d; vertical-align: top; }

@media only screen and (max-width: 768px) { .custom-contactForm .form-control { padding: 14px 10px; } }

@media screen and (min-width: 769px), print { .custom-contactForm .form-control { padding: 9px 10px; } }

@media screen and (min-width: 769px), print { .custom-contactForm .form-control + .btn-default { margin-top: 7px; margin-bottom: 7px; } }

.custom-contactForm input.form-control, .custom-contactForm textarea.form-control, .custom-contactForm select.form-control { border: 1px solid #d9d9d9; box-shadow: inset 0.5px 0.866px 3px 0px rgba(5, 1, 2, 0.25); }

@media screen and (min-width: 769px), print { .custom-contactForm input.form-control, .custom-contactForm textarea.form-control, .custom-contactForm select.form-control { margin: 7px 0; } }

.custom-contactForm input.input-validation-error, .custom-contactForm textarea.input-validation-error { border-color: #d80024; background: #fdf7f7; }

.custom-contactForm input.input-validation-error[aria-invalid=false], .custom-contactForm textarea.input-validation-error[aria-invalid=false] { border: 1px solid #d9d9d9; background: #fff; }

.custom-contactForm .checkbox label.custom-checkbox { margin: 0 1.5em 0.5em 0; display: inline-block; }

.custom-contactForm .radio label.custom-radio { margin: 0 1.5em 0.5em 0; display: inline-block; }

@media only screen and (max-width: 768px) { .custom-contactForm .help-block { padding-top: 11px; font-size: 1rem; }
  .custom-contactForm .help-block.field-validation-valid { padding-top: 0; } }

@media screen and (min-width: 769px), print { .custom-contactForm .help-block { padding-top: 3px; font-size: 1.2rem; }
  .custom-contactForm .help-block.field-validation-valid { padding-top: 0; } }

.custom-contactForm .help-control p { margin-top: 0; }

.custom-contactForm .help-control p:last-child { margin-bottom: 0; }

.custom-contactForm .form-submit-border { text-align: center; border-top: 1px solid #e5e5e5; }

.custom-contactForm .form-submit-border input.btn, .custom-contactForm .form-submit-border button.btn, .custom-contactForm .form-submit-border div.btn { cursor: pointer; }

@media only screen and (max-width: 768px) { .custom-contactForm .form-submit-border input.btn, .custom-contactForm .form-submit-border button.btn, .custom-contactForm .form-submit-border div.btn { font-size: 1.3rem; width: 100%; padding-top: 19px; padding-bottom: 20px; } }

@media screen and (min-width: 769px), print { .custom-contactForm .form-submit-border input.btn, .custom-contactForm .form-submit-border button.btn, .custom-contactForm .form-submit-border div.btn { font-size: 1.6rem; min-width: 320px; padding-top: 17px; padding-bottom: 18px; } }

@media only screen and (max-width: 768px) { .custom-contactForm .form-submit-border.form-submit-comfirmation input.btn, .custom-contactForm .form-submit-border.form-submit-comfirmation button.btn, .custom-contactForm .form-submit-border.form-submit-comfirmation div.btn { margin: 8px 0; } }

@media screen and (min-width: 769px), print { .custom-contactForm .form-submit-border.form-submit-comfirmation input.btn, .custom-contactForm .form-submit-border.form-submit-comfirmation button.btn, .custom-contactForm .form-submit-border.form-submit-comfirmation div.btn { min-width: 270px; margin: 0 16px; } }

.custom-contactForm .validation-summary-errors { color: #e00429; }

.custom-contactForm .has-error .validation-summary-errors { border: 1px solid #e8d6d6; background: #fdf7f7; color: #e00429; }

.custom-contactForm .has-error .validation-summary-errors p { font-weight: 700; margin-top: 0; }

.custom-contactForm .has-error .validation-summary-errors ul { margin: 0; padding: 0; }

.custom-contactForm .has-error .validation-summary-errors ul li { padding-left: 0; }

.custom-contactForm .has-error .validation-summary-errors ul li + li { margin-top: 0.5em; }

@media only screen and (max-width: 768px) { .custom-contactForm .has-error .validation-summary-errors { margin: 0 0 20px; padding: 16px; } }

@media screen and (min-width: 769px), print { .custom-contactForm .has-error .validation-summary-errors { margin: 0 0 48px; padding: 32px; } }

.custom-contactForm .confirmation-box { display: block; }

@media only screen and (max-width: 768px) { .custom-contactForm label.control-label { font-size: 1.6rem; }
  .custom-contactForm .control-label, .custom-contactForm .form-control, .custom-contactForm .help-block { display: block; width: 100%; }
  .custom-contactForm .control-label { margin-bottom: 18px; color: #000; }
  .custom-contactForm .form-submit-border { padding-top: 32px; }
  .custom-contactForm .form-submit-border.form-submit-comfirmation { padding-top: 20px; } }

@media screen and (min-width: 769px), print { .custom-contactForm .control-label { width: 25.5%; padding-right: 1em; float: left; }
  .custom-contactForm .form-control, .custom-contactForm .help-control, .custom-contactForm .confirmation-box, .custom-contactForm .checkbox, .custom-contactForm .radio { width: 74.5%; float: left; }
  .custom-contactForm .help-block, .custom-contactForm .field-validation-valid { clear: both; width: 100%; padding-left: 25.5%; }
  .custom-contactForm .form-submit-border { padding-top: 60px; } }

.custom-contactForm .field-validation-error { color: #e00429; font-weight: bold; }

@media only screen and (max-width: 768px) { .custom-contactForm .field-validation-error { font-size: 1.2rem; padding-top: 10px; } }

@media screen and (min-width: 769px), print { .custom-contactForm .field-validation-error { font-size: 1.4rem; } }

@media only screen and (max-width: 768px) { .custom-contactForm .field-validation-error + .help-block { padding-top: 5px; } }

.custom-contactForm .required-field .control-label:after { margin-left: 1em; content: 'Required'; display: inline-block; background: #e00429; color: #fff; font-weight: normal; font-size: 1rem; line-height: 1; position: relative; }

@media only screen and (max-width: 768px) { .custom-contactForm .required-field .control-label:after { padding: 3px 1em; top: -2px; } }

@media screen and (min-width: 769px), print { .custom-contactForm .required-field .control-label:after { padding: 0.2em 1em; top: -1px; } }

.custom-contactForm .checkbox, .custom-contactForm .radio, #ss-form .ss-categories .checkbox, #ss-form .ss-categories .radio { display: block; border: 0; padding: 0; }

@media screen and (min-width: 769px), print { .custom-contactForm .checkbox, .custom-contactForm .radio, #ss-form .ss-categories .checkbox, #ss-form .ss-categories .radio { margin-bottom: -5px; } }

.custom-contactForm .checkbox th, .custom-contactForm .checkbox td, .custom-contactForm .radio th, .custom-contactForm .radio td, #ss-form .ss-categories .checkbox th, #ss-form .ss-categories .checkbox td, #ss-form .ss-categories .radio th, #ss-form .ss-categories .radio td { border: 0; }

.custom-contactForm .checkbox tr, .custom-contactForm .checkbox th, .custom-contactForm .checkbox td, .custom-contactForm .radio tr, .custom-contactForm .radio th, .custom-contactForm .radio td, #ss-form .ss-categories .checkbox tr, #ss-form .ss-categories .checkbox th, #ss-form .ss-categories .checkbox td, #ss-form .ss-categories .radio tr, #ss-form .ss-categories .radio th, #ss-form .ss-categories .radio td { display: inline-block; }

.custom-contactForm .checkbox table, .custom-contactForm .radio table, #ss-form .ss-categories .checkbox table, #ss-form .ss-categories .radio table { margin: 0; width: 100%; }

.custom-contactForm .checkbox tbody, .custom-contactForm .radio tbody, #ss-form .ss-categories .checkbox tbody, #ss-form .ss-categories .radio tbody { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.custom-contactForm .checkbox label, .custom-contactForm .radio label, #ss-form .ss-categories .checkbox label, #ss-form .ss-categories .radio label { cursor: pointer; }

@media only screen and (max-width: 768px) { .custom-contactForm .checkbox td, .custom-contactForm .radio td, #ss-form .ss-categories .checkbox td, #ss-form .ss-categories .radio td { padding: 0 16px 8px 0; } }

@media screen and (min-width: 769px), print { .custom-contactForm .checkbox td, .custom-contactForm .radio td, #ss-form .ss-categories .checkbox td, #ss-form .ss-categories .radio td { padding: 0 24px 9px 0; } }

.custom-contactForm [type="radio"], .custom-contactForm [type="checkbox"], #ss-form .ss-categories [type="radio"], #ss-form .ss-categories [type="checkbox"] { border: 1px solid #5b6670; width: 14px; height: 14px; position: relative; top: 2px; outline: 0; background: #fff; }

@media only screen and (max-width: 768px) { .custom-contactForm [type="radio"], .custom-contactForm [type="checkbox"], #ss-form .ss-categories [type="radio"], #ss-form .ss-categories [type="checkbox"] { margin-right: 7px; } }

@media screen and (min-width: 769px), print { .custom-contactForm [type="radio"], .custom-contactForm [type="checkbox"], #ss-form .ss-categories [type="radio"], #ss-form .ss-categories [type="checkbox"] { margin-right: 8px; }
  .custom-contactForm [type="radio"]:hover, .custom-contactForm [type="checkbox"]:hover, #ss-form .ss-categories [type="radio"]:hover, #ss-form .ss-categories [type="checkbox"]:hover { background-color: #e6ecec; } }

.custom-contactForm [type="radio"], #ss-form .ss-categories [type="radio"] { border-radius: 7px; }

.custom-contactForm [type="radio"]:checked, #ss-form .ss-categories [type="radio"]:checked { background: #fff; }

.custom-contactForm [type="radio"]:checked:before, #ss-form .ss-categories [type="radio"]:checked:before { position: absolute; content: ""; width: 8px; height: 8px; border-radius: 4px; background: #000; left: 2px; top: 2px; }

body.device-ie .custom-contactForm [type="radio"]:checked:before, body.device-ie #ss-form .ss-categories [type="radio"]:checked:before { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: block; }

.custom-contactForm [type="checkbox"], #ss-form .ss-categories [type="checkbox"] { border-radius: 2px; }

.custom-contactForm [type="checkbox"]:checked, #ss-form .ss-categories [type="checkbox"]:checked { background: #000; }

.custom-contactForm [type="checkbox"]:checked:before, #ss-form .ss-categories [type="checkbox"]:checked:before { position: absolute; content: ""; width: 8px; height: 5px; border-left: 2px solid #fff; border-bottom: 2px solid #fff; -webkit-transform: rotate(-45deg) translateY(-50%); transform: rotate(-45deg) translateY(-50%); left: 4px; top: 4px; }

@media screen and (min-width: 769px), print { .custom-contactForm .harf-box .form-control { width: 37.25%; } }

@media screen and (min-width: 769px), print { .custom-contactForm .medium-box .form-control { max-width: 570px; } }

@media only screen and (max-width: 768px) { .custom-contactForm .short-box .form-control { max-width: 50%; width: calc(50% - 13px); display: inline-block; }
  .custom-contactForm .short-box .form-control + .btn-default { width: 50%; display: inline-block; margin-left: 10px; padding: 0; } }

@media only screen and (max-width: 768px) and (max-width: 360px) { .custom-contactForm .short-box .form-control + .btn-default { font-size: 1.0rem; } }

@media screen and (min-width: 769px), print { .custom-contactForm .short-box .form-control { max-width: 25%; } }

@media screen and (min-width: 1392px), print { .custom-contactForm .short-box .form-control { max-width: 270px; } }

.custom-contactForm .validation-summary-valid ul { margin: 0; }

.custom-contactForm .confirmation-box { word-wrap: break-word; }

.custom-organization { overflow-x: auto; }

.custom-organization table, .custom-organization tbody { min-width: 100%; border-collapse: separate; }

@media only screen and (max-width: 768px) { .custom-organization table, .custom-organization tbody { width: 736px; overflow: scroll; } }

@media screen and (min-width: 769px), print { .custom-organization table, .custom-organization tbody { width: 1200px; overflow: scroll; } }

.custom-organization th, .custom-organization td { border: 0; }

.custom-organization td { vertical-align: top; padding: 10px 0; }

@media only screen and (max-width: 768px) { .custom-organization.custom-organization_en { font-size: 1.0rem; } }

@media screen and (min-width: 769px), print { .custom-organization.custom-organization_en { font-size: 1.2rem; } }

.custom-organization-5column { position: relative; }

.custom-organization-5column table tr > td:nth-child(1), .custom-organization-5column table tr > td:nth-child(2), .custom-organization-5column table tr > td:nth-child(3) { width: 13.78%; }

.custom-organization-5column table tr > td:nth-child(1) .organization-department, .custom-organization-5column table tr > td:nth-child(2) .organization-department, .custom-organization-5column table tr > td:nth-child(3) .organization-department { padding: 0 2em 0 0; }

.custom-organization-5column table tr > td:nth-child(1).organization-firstLayer .organization-department:before, .custom-organization-5column table tr > td:nth-child(2).organization-firstLayer .organization-department:before, .custom-organization-5column table tr > td:nth-child(3).organization-firstLayer .organization-department:before { position: absolute; content: ''; width: 1px; height: 150%; top: 50%; right: calc(1em - 1px); background: #c0c8c7; }

@media screen and (min-width: 769px), print { .custom-organization-5column table tr > td:nth-child(1).organization-secondLayer.organization-bottom > .organization-department, .custom-organization-5column table tr > td:nth-child(2).organization-secondLayer.organization-bottom > .organization-department, .custom-organization-5column table tr > td:nth-child(3).organization-secondLayer.organization-bottom > .organization-department { margin: 19.8px 0 0 0; } }

@media only screen and (max-width: 768px) { .custom-organization-5column table tr > td:nth-child(1).organization-secondLayer.organization-bottom > .organization-department, .custom-organization-5column table tr > td:nth-child(2).organization-secondLayer.organization-bottom > .organization-department, .custom-organization-5column table tr > td:nth-child(3).organization-secondLayer.organization-bottom > .organization-department { margin: 19px 0 0 0; } }

.custom-organization-5column table tr > td:nth-child(4), .custom-organization-5column table tr > td:nth-child(5) { width: 29.33%; }

.custom-organization-5column table tr > td:nth-child(4).organization-categoryLayer, .custom-organization-5column table tr > td:nth-child(5).organization-categoryLayer { padding: 0 0 15px 0; }

.custom-organization-5column table tr > td:nth-child(4) .organization-children-list { padding-right: 1.6em; line-height: 1.857em; }

.custom-organization-5column table tr > td .organization-children.organization-detail { padding-top: 0; margin-top: 0.8px; }

.custom-organization-5column .organization-firstLayer .organization-department:after { width: 2em; }

.custom-organization-5column .organization-bottom > .organization-department:before { position: absolute; content: ''; left: -1em; width: 1px; background: #c0c8c7; height: 150%; top: -100%; }

.custom-organization-5column .organization-bottom > .organization-department:after { width: auto; left: -1em; }

.custom-organization-5column .organization-ghost { font-weight: 700; color: #000; }

@media screen and (min-width: 769px), print { .custom-organization-5column .organization-ghost { height: 1.7em; } }

@media only screen and (max-width: 768px) { .custom-organization-5column .organization-ghost { height: 1.9em; } }

.custom-organization-5column .organization-ghostLeft { border-left: 1px solid #c0c8c7; }

@media screen and (min-width: 769px), print { .custom-organization-5column.custom-organization_en table tr > td:nth-child(1).organization-firstLayer .organization-department:before { top: 24px; } }

@media only screen and (max-width: 768px) { .custom-organization-5column.custom-organization_en table tr > td:nth-child(1).organization-firstLayer .organization-department:before { top: 20px; } }

.organization-block { padding: 0 0 30px 15px; position: relative; }

.organization-block.organization-ghostLeft { border: none; position: relative; }

.organization-block.organization-ghostLeft:before { position: absolute; content: ''; left: 0; width: 1px; background: #c0c8c7; }

@media screen and (min-width: 769px), print { .organization-block.organization-ghostLeft:before { height: calc(100% + 20px); top: 20px; } }

@media only screen and (max-width: 768px) { .organization-block.organization-ghostLeft:before { height: calc(100% + 17px); top: 17px; } }

.organization-block.organization-ghostLeftLast { border: none; position: relative; }

.organization-block.organization-ghostLeftLast:before { position: absolute; content: ''; left: 0; width: 1px; height: 100%; top: 0; background: #c0c8c7; }

.organization-block .organization-blockChildren .organization-children-list:last-child { border-left: 0; position: relative; }

.organization-block .organization-blockChildren .organization-children-list:last-child:after { position: absolute; content: ''; left: 0; width: 1px; height: 50%; background: #c0c8c7; top: 0; height: 50%; }

.organization-blockChildren { margin: 0 0 0 18px; padding: 16px 0 0 0; position: relative; }

.organization-blockChildren:before { position: absolute; content: ''; left: 0; width: 1px; top: 0; background: #c0c8c7; height: calc(100% - 17px); }

table.organization-constitution { width: 270px; min-width: inherit; border-top: 1px solid #ababab !important; border-left: 1px solid #ababab !important; position: absolute; left: 0; bottom: 14px; margin: 0; }

table.organization-constitution th, table.organization-constitution td { border-right: 1px solid #ababab !important; border-bottom: 1px solid #ababab !important; }

table.organization-constitution th { padding: 6px 22px; }

.custom-organization_en table.organization-constitution td { padding: 14px; }

.custom-organization_cjk table.organization-constitution td { padding: 18px 22px; }

table.organization-constitution td dl { overflow: hidden; margin: 0; display: -ms-flexbox; display: flex; padding: 2px 0; }

.custom-organization_en table.organization-constitution td dl ._number { width: 2em; text-align: right; margin-right: 0.5em; -ms-flex-negative: 0; flex-shrink: 0; }

.custom-organization_cjk table.organization-constitution td dl { -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; }

.custom-organization_cjk table.organization-constitution td dl ._number { margin-left: 1em; }

table.organization-constitution td dl dt { font-weight: normal; }

.custom-organization-3column th, .custom-organization-3column td { width: 33.333%; }

.organization-firstCategory, .organization-secondCategory { text-align: center; position: relative; }

.organization-firstCategory span, .organization-secondCategory span { background: #FFF; padding: 0 5px; position: relative; z-index: 2; display: inline-block; margin: 0 2.5em; padding: 0 5px; text-align: left; }

.organization-firstCategory:before, .organization-firstCategory:after, .organization-secondCategory:before, .organization-secondCategory:after { position: absolute; content: ''; width: 1px; height: 15px; top: 50%; background: #c0c8c7; }

.organization-firstCategory:before, .organization-secondCategory:before { left: 0; }

.organization-firstCategory:after, .organization-secondCategory:after { right: 0; }

.organization-firstCategory { margin: 0 15px 0 0; }

.organization-secondCategory { margin: 0 0 0 15px; }

.organization-department > span { background: #f2f2f2; border: 1px solid #c0c8c7; padding: 4px 5px 6px; line-height: 1.6em; display: block; position: relative; z-index: 2; }

.custom-organization_cjk .organization-department > span { white-space: nowrap; }

@media screen and (min-width: 769px), print { .organization-department > span { padding: 6px 10px 7px; } }

@media screen and (min-width: 1392px), print { .organization-department > span { padding: 6px 20px 7px; } }

.organization-department > span + span { border-top: 0; }

@media screen and (min-width: 769px), print { .custom-organization-branch_en .organization-department > span { line-height: 1.5em; } }

.organization-secondLayer .organization-department { position: relative; padding: 0 1em; }

.organization-secondLayer .organization-department:after { position: absolute; right: 0; content: ''; width: 100%; height: 1px; background: #c0c8c7; z-index: 1; top: 50%; }

.organization-firstLayer .organization-department { padding-right: 1em; position: relative; }

.organization-firstLayer .organization-department:after { position: absolute; right: 0; content: ''; width: 1em; height: 1px; background: #c0c8c7; }

@media screen and (min-width: 769px), print { .organization-firstLayer .organization-department:after { top: 50%; } }

@media only screen and (max-width: 768px) { .organization-firstLayer .organization-department:after { top: 50%; } }

@media screen and (min-width: 769px), print { .organization-department.organization-first-line2-en { margin-top: calc(-0.75em); } }

@media only screen and (max-width: 768px) { .organization-department.organization-first-line2-en { margin-top: 0; } }

a.organization-departmentLink { color: #3A4140; text-decoration: none; background: #e6f3f2; border: 1px solid #ababab; display: -ms-flexbox; display: flex; position: relative; z-index: 2; }

@media only screen and (max-width: 768px) { a.organization-departmentLink { padding: 4px 12px 6px; } }

@media screen and (min-width: 769px), print { a.organization-departmentLink { padding: 6px 10px 7px; } }

@media screen and (min-width: 1392px), print { a.organization-departmentLink { padding: 6px 20px 7px; } }

a.organization-departmentLink:before { position: absolute; content: ''; top: 50%; left: -15px; width: 15px; height: 1px; background: #c0c8c7; }

a.organization-departmentLink > .icon-circle-angle-right { -ms-flex-negative: 0; flex-shrink: 0; }

@media only screen and (max-width: 768px) { .custom-organization_cjk a.organization-departmentLink > .icon-circle-angle-right { margin-top: 6px; }
  .custom-organization_en a.organization-departmentLink > .icon-circle-angle-right { margin-top: 4px; } }

@media screen and (min-width: 769px), print { .custom-organization_cjk a.organization-departmentLink > .icon-circle-angle-right { margin-top: 6px; }
  .custom-organization_en a.organization-departmentLink > .icon-circle-angle-right { margin-top: 5px; } }

.organization-detail { margin-top: 0; }

.organization-detail .organization-children-list { border-left: 1px solid #c0c8c7; }

.organization-detail .organization-children-list:first-child, .organization-detail .organization-children-list:last-child { border-left: 0; position: relative; }

.organization-detail .organization-children-list:first-child:after, .organization-detail .organization-children-list:last-child:after { position: absolute; content: ''; left: 0; width: 1px; height: 50%; background: #c0c8c7; }

.organization-detail .organization-children-list:first-child:after { top: 50%; }

.organization-detail .organization-children-list:last-child:after { top: 0; height: 50%; }

@media only screen and (max-width: 768px) { .organization-thirdLayer .organization-children { padding: 6px 0 7px; } }

@media screen and (min-width: 769px), print { .organization-thirdLayer .organization-children { padding: 7.5px 0 8px; } }

@media only screen and (max-width: 768px) { .organization-children.organization-detail { padding: 6px 0 7px; } }

@media screen and (min-width: 769px), print { .organization-children.organization-detail { padding: 7.5px 0 8px; } }

.custom-organization-branch_en .organization-thirdLayer .organization-children { line-height: 1.5em; }

@media only screen and (max-width: 768px) { .custom-organization-branch_en .organization-thirdLayer .organization-children { padding: 4px 0 0; } }

@media screen and (min-width: 769px), print { .custom-organization-branch_en .organization-thirdLayer .organization-children { padding: 4.5px 0 0; } }

@media only screen and (max-width: 768px) { .custom-organization-branch_en .organization-thirdLayer .organization-children.organization-detail { padding: 3.5px 0 0; } }

@media screen and (min-width: 769px), print { .custom-organization-branch_en .organization-thirdLayer .organization-children.organization-detail { padding: 4.5px 0 8px; } }

.organization-children-list { position: relative; padding-left: 1.6em; line-height: 1.6em; }

.custom-organization_cjk .organization-children-list { white-space: nowrap; }

.organization-children-list:before { content: ''; position: absolute; top: 50%; left: 0; width: 1em; height: 1px; background: #c0c8c7; }

.organization-ghost { position: relative; }

.organization-ghost:after { content: ''; position: absolute; left: 0; width: 100%; height: 1px; background: #c0c8c7; top: 50%; }

@media only screen and (max-width: 768px) { .custom-organization-3column .organization-ghost { padding: 5px 0 7px; line-height: 1.6em; } }

@media screen and (min-width: 769px), print { .custom-organization-3column .organization-ghost { padding: 7px 0 8px; line-height: 1.6em; } }

@media only screen and (max-width: 768px) { .custom-organization-branch_en.custom-organization-3column .organization-ghost { padding: 10px 0 8px; line-height: 1.5em; } }

@media screen and (min-width: 769px), print { .custom-organization-branch_en.custom-organization-3column .organization-ghost { padding: 7px 0 8px; line-height: 1.5em; } }

.organization-top { position: relative; }

.organization-top > .organization-department, .organization-top > .organization-ghost { position: relative; }

.organization-top > .organization-department:before, .organization-top > .organization-ghost:before { position: absolute; content: ''; left: 0; width: 1px; height: calc(50% + 19px); top: 50%; background: #c0c8c7; }

.organization-while { border-left: 1px solid #c0c8c7 !important; }

.organization-bottom > .organization-department { position: relative; }

.organization-bottom > .organization-department:before { position: absolute; content: ''; left: 0; width: 1px; height: calc(50% + 10px); top: -10px; background: #c0c8c7; }

.organization-figure { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; padding-right: 1em; }

.organization-figure figcaption:before { display: none; }

@media only screen and (max-width: 768px) { #organization-company #organization-company-president:after { top: 50%; } }

@media screen and (min-width: 769px), print { #organization-company #organization-company-president:after { top: 50%; } }

#organization-company .organization-thirdLayer .organization-block:last-child .organization-departmentLink:after { content: ''; position: absolute; left: -16px; top: -1px; width: 1px; height: calc(50% + 1px); background: #c0c8c7; }

@media only screen and (max-width: 768px) { .custom-organization_cjk #organization-company-president-cjk, .custom-organization_cjk #organization-company-president-en, .custom-organization_en #organization-company-president-cjk, .custom-organization_en #organization-company-president-en { margin-top: 4.5px; } }

@media screen and (min-width: 769px), print { .custom-organization_cjk #organization-company-president-cjk, .custom-organization_cjk #organization-company-president-en, .custom-organization_en #organization-company-president-cjk, .custom-organization_en #organization-company-president-en { margin-top: 2px; } }

.custom-organization_cjk #organization-company-president-cjk span:first-child, .custom-organization_cjk #organization-company-president-en span:first-child, .custom-organization_en #organization-company-president-cjk span:first-child, .custom-organization_en #organization-company-president-en span:first-child { border-bottom: 0; }

.custom-organization_cjk #organization-company-president-cjk span + span, .custom-organization_cjk #organization-company-president-en span + span, .custom-organization_en #organization-company-president-cjk span + span, .custom-organization_en #organization-company-president-en span + span { border-top: 0; }

.custom-organization_cjk #organization-company-president-cjk:after, .custom-organization_cjk #organization-company-president-en:after, .custom-organization_en #organization-company-president-cjk:after, .custom-organization_en #organization-company-president-en:after { top: 50%; z-index: 2; }

@media screen and (min-width: 769px), print { .custom-organization_en { font-size: 1.2rem; } }

.custom-organization_en .organization-children-list { line-height: 1.4em; padding-top: 0.25em; padding-bottom: 0.25em; }

@media screen and (min-width: 769px), print { .custom-organization_en .organization-secondLayer .organization-department:after { top: 24px; } }

.custom-organization_en .organization-department span { line-height: 1.4em; }

@media only screen and (max-width: 768px) { .custom-organization_en #organization-company-president-en { margin-top: -13px; } }

@media screen and (min-width: 769px), print { .custom-organization_en #organization-company-president-en { margin-top: -17.2px; } }

@media only screen and (max-width: 768px) { .custom-organization_en .organization-department-tweak:after { top: 20px; } }

#organization-administration-cjk { padding: 6px 20px 7px; line-height: 1.75em; }

@media only screen and (max-width: 768px) { #organization-administration-cjk { margin-top: -1px; } }

@media only screen and (max-width: 768px) { #organization-administration-en { margin-top: 0.6px; line-height: 1.7em; } }

@media screen and (min-width: 769px), print { #organization-administration-en { margin-top: 10px; margin-bottom: 33px; }
  #organization-administration-en:before { top: 14px; } }

#organization-boardOfCorp-en { margin-top: 6.4px; }

@media only screen and (max-width: 768px) { #organization-CorporateGroup-en { margin-top: -6.5px; } }

@media screen and (min-width: 769px), print { #organization-CorporateGroup-en { margin-top: -8.8px; } }

@media screen and (min-width: 769px), print { #organization-branch.custom-organization-branch_en { font-size: 1.2rem; }
  #organization-branch.custom-organization-branch_en .organization-firstLayer .organization-department:after { top: 50%; } }

#organization-branch.custom-organization-branch_en .organization-children-list { line-height: 1.5em; padding-top: 0.25em; padding-bottom: 0.25em; }

#organization-branch.custom-organization-branch_en .organization-department { line-height: 1.5em; }

#organization-branch.custom-organization-branch_en .organization-secondLayer .organization-department:after { top: 50%; }

@media only screen and (max-width: 768px) { #organization-branch.custom-organization-branch_en .organization-branch-firstDivision:before { top: calc(50% - 9px); } }

@media screen and (min-width: 769px), print { #organization-branch.custom-organization-branch_en .organization-branch-firstDivision:before { top: calc(50% - 0.75em); } }

@media only screen and (max-width: 768px) { #organization-branch.custom-organization-branch_en .organization-thirdLayer .organization-detail.organization-children-tweak-2-1 { margin-top: 0.81em; } }

@media only screen and (max-width: 768px) { #organization-branch.custom-organization-branch_en .organization-thirdLayer .organization-detail.organization-children-tweak-1-2 { margin-top: -0.76em; } }

@media only screen and (max-width: 768px) { #organization-branch.custom-organization-branch_en .organization-thirdLayer .organization-detail.organization-children-tweak-2-2 { margin-top: 0.04em; } }

@media only screen and (max-width: 768px) { #organization-branch.custom-organization-branch_en .organization-third-line1-en:before { top: 50%; } }

@media screen and (min-width: 769px), print { #organization-branch.custom-organization-branch_en .organization-third-line1-en:before { top: 50%; } }

@media only screen and (max-width: 768px) { #organization-branch.custom-organization-branch_en .organization-third-line2-en:before { top: 50%; } }

@media screen and (min-width: 769px), print { #organization-branch.custom-organization-branch_en .organization-third-line2-en:before { top: 50%; } }

@media only screen and (max-width: 768px) { #organization-branch.custom-organization-branch_en .organization-ghost.organization-branch-ghost:before { height: calc(50% + 35px); } }

@media screen and (min-width: 769px), print { #organization-branch.custom-organization-branch_en .organization-ghost.organization-branch-ghost:before { height: calc(50% + 28px); } }

@media only screen and (max-width: 768px) { #organization-branch.custom-organization-branch_en .organization-ghost.organization-branch-ghost { margin-top: 7px; } }

@media only screen and (max-width: 768px) { #organization-branch.custom-organization-branch_en .link-angle-arrow-right:before { top: 3px; } }

@media screen and (min-width: 769px), print { #organization-branch.custom-organization-branch_en .link-angle-arrow-right:before { top: 2px; } }

.custom-radio { cursor: pointer; }

.custom-radio input[type="radio"] { display: none; }

.custom-radio > span { position: relative; padding-left: 20px; }

.custom-radio > span:before { content: ""; position: absolute; width: 14px; height: 14px; border: 1px solid #5b6670; border-radius: 7px; background: #fff; left: 0; top: 4px; }

@media only screen and (max-width: 768px) { .custom-radio > span:before { top: 3px; } }

.custom-radio input[type="radio"]:checked + span:before { background: #fff; border: 1px solid #000; }

.custom-radio input[type="radio"]:checked + span:after { position: absolute; content: ""; width: 8px; height: 8px; border-radius: 4px; left: 3px; top: 7px; background: #000; }

@media only screen and (max-width: 768px) { .custom-radio input[type="radio"]:checked + span:after { top: 6px; } }

.divisionContents { margin: 16px 0; text-align: center; }

.divisionContents dl { text-align: left; }

.divisionContents > .divisionContents-visible, .divisionContents .divisionContents-hide { text-align: left; }

/* hide */
.divisionContents-hide > * { padding: 0; margin: 0; }

.divisionContents-hide .table-basic:first-child dt, .divisionContents-hide .table-basic:first-child dd { border-top: 0; }

/* button */
.divisionContents-trigger { outline: none; position: relative; }

@media only screen and (max-width: 768px) { .divisionContents-trigger { margin-top: 16px; } }

@media screen and (min-width: 769px), print { .divisionContents-trigger { margin-top: 32px; cursor: pointer; } }

.divisionContents-trigger .text-close { display: none; }

.divisionContents-trigger:after { content: ''; position: absolute; right: 16px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-repeat: no-repeat; }

@media only screen and (max-width: 768px) { .divisionContents-trigger:after { width: 8px; height: 5px; background-image: url(../img/icon-angle-down_white_sp.png); background-size: cover; } }

@media screen and (min-width: 769px), print { .divisionContents-trigger:after { width: 10px; height: 6px; background-image: url(../img/icon-angle-down_white.png); } }

@media screen and (min-width: 769px), print { .divisionContents-trigger:hover:after { background-image: url(../img/icon-angle-down_small.png); } }

.divisionContents-trigger.is-opend .text-open { display: none; }

.divisionContents-trigger.is-opend .text-close { display: block; }

.divisionContents-trigger.is-opend:after { background-image: url(../img/icon-angle-up_white.png); }

@media screen and (min-width: 769px), print { .divisionContents-trigger.is-opend:hover:after { background-image: url(../img/icon-angle-up_small.png); } }

@media only screen and (max-width: 768px) { .ducumentList-image figure { text-align: center; }
  .ducumentList-image figure > img { max-width: 50%; } }

@media screen and (min-width: 769px), print { .ducumentList-image figure { margin: 0; } }

.ducumentList-image ._caption { display: block; }

@media only screen and (max-width: 768px) { .ducumentList-image { margin-bottom: 32px; } }

@media only screen and (max-width: 768px) { .ducumentList-navigation { margin-bottom: 32px; }
  .ducumentList-navigation > [class^="btn-"] { width: 100%; margin: 8px 0; } }

@media screen and (min-width: 769px), print { .ducumentList-navigation { display: -ms-flexbox; display: flex; margin-left: -16px; margin-right: -16px; margin-bottom: 60px; }
  .ducumentList-navigation > [class^="btn-"] { width: 50%; margin-left: 16px; margin-right: 16px; } }

@media only screen and (max-width: 768px) { .ducumentList-online .ducumentList-item { margin-bottom: 16px; } }

@media screen and (min-width: 769px), print { .ducumentList-online .ducumentList-item { margin-bottom: 32px; } }

.ducumentList-index ul { margin: 0; padding: 0; }

@media screen and (min-width: 769px), print { .ducumentList-index ul.doc-col-md-6 { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .ducumentList-index ul.doc-col-md-6 > li { width: 50%; }
  .ducumentList-index ul.doc-col-md-6 > li > * { height: 100%; }
  .ducumentList-index ul.doc-col-md-6 > li > * .ducumentList-item { height: 100%; border-top: 0; }
  .ducumentList-index ul.doc-col-md-6 li + li { margin-top: 0; }
  .ducumentList-index ul.doc-col-md-6 li:nth-child(even) .ducumentList-item { border-left: 0; }
  .ducumentList-index ul.doc-col-md-6 li:nth-child(1) .ducumentList-item, .ducumentList-index ul.doc-col-md-6 li:nth-child(2) .ducumentList-item { border-top: 1px solid #dde4e3; } }

.ducumentList-index li { list-style: none; }

.ducumentList-index li + li { margin-top: -1px; }

.ducumentList-item { background: #f5fbfb; border: 1px solid #dde4e3; position: relative; }

@media only screen and (max-width: 768px) { .ducumentList-item { padding: 13px 60px 13px 16px; } }

@media screen and (min-width: 769px), print { .ducumentList-item { padding: 14px 60px 15px 16px; } }

.ducumentList-index .ducumentList-item:before { content: ''; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 13px; height: 16px; background-position: center; background-repeat: no-repeat; background-size: cover; }

@media only screen and (max-width: 768px) { .ducumentList-index .ducumentList-item:before { right: 15px; background-image: url(../img/icon-download_sp.png); } }

@media screen and (min-width: 769px), print { .ducumentList-index .ducumentList-item:before { width: 13px; height: 16px; right: 20px; background-image: url(../img/icon-download.png); } }

.ducumentList-item ._title { background-repeat: no-repeat; }

.ducumentList-item ._title h4, .ducumentList-item ._title h5 { margin: 0; display: inline; color: #3a4140; }

@media only screen and (max-width: 768px) { .ducumentList-item ._title h4, .ducumentList-item ._title h5 { font-size: 1.2rem; } }

@media screen and (min-width: 769px), print { .ducumentList-item ._title h4, .ducumentList-item ._title h5 { font-size: 1.4rem; } }

@media only screen and (max-width: 768px) { .ducumentList-item ._title { padding-left: 20px; background-size: 12px; background-position: left top 5px; background-image: url(../img/icon-angle-right-circle_sp.png); } }

@media screen and (min-width: 769px), print { .ducumentList-item ._title { padding-left: 22px; background-size: 14px; background-position: left top 6px; background-image: url(../img/icon-angle-right-circle.png); } }

.ducumentList-item .outline p { margin-top: 5px; margin-bottom: 0; }

@media only screen and (max-width: 768px) { .ducumentList-item .outline { padding-left: 20px; padding-top: 3px; } }

@media screen and (min-width: 769px), print { .ducumentList-item .outline { padding-left: 22px; padding-top: 6px; } }

a .ducumentList-item { color: #3a4140; }

a .ducumentList-item:before { opacity: 1; }

.ducumentList-item._blank ._title h4:after { content: ''; display: inline-block; width: 10px; height: 9px; margin-left: 0.6em; background-repeat: no-repeat; background-position: center; }

@media only screen and (max-width: 768px) { .ducumentList-item._blank ._title h4:after { background-image: url(../img/icon-blank_sp.png); background-size: cover; } }

@media screen and (min-width: 769px), print { .ducumentList-item._blank ._title h4:after { background-image: url(../img/icon-blank.png); } }

.ducumentList-item._blank:before { display: none; }

@media only screen and (max-width: 768px) { .documentList .subheading-primary + p { margin-top: -6px; } }

@media screen and (min-width: 769px), print { .documentList .subheading-primary { margin-top: 52px; }
  .documentList .subheading-primary + h4 { margin-top: -3px; }
  .documentList .subheading-primary + p { margin-top: -5px; } }

@media only screen and (max-width: 768px) { .documentList .panel-accent { margin: 32px 0; } }

.documentList [class^="col-"] :first-child, .documentList [class*=" col-"] :first-child { margin-top: 0; }

.documentList [class^="col-"] .ducumentList-image ._caption, .documentList [class*=" col-"] .ducumentList-image ._caption { margin-top: -6px; }

.documentList [class^="col-"] .ducumentList-image figure + ._caption, .documentList [class*=" col-"] .ducumentList-image figure + ._caption { margin-top: 0; }

@media only screen and (max-width: 768px) { .documentList [class^="col-"] p + p .btn-default, .documentList [class*=" col-"] p + p .btn-default { margin-top: 3px; } }

@media screen and (min-width: 769px), print { .documentList [class^="col-"] p + p .btn-default, .documentList [class*=" col-"] p + p .btn-default { margin-top: 12px; } }

.entry-header { text-align: right; border-bottom: 1px solid #e5e5e5; }

.entry-header > p { margin: 0; }

@media only screen and (max-width: 768px) { .entry-header { padding: 32px 0 16px; } }

@media screen and (min-width: 769px), print { .entry-header { padding: 57px 0 34px; } }

.enumerationNavigation { margin: 0; padding: 0; }

.enumerationNavigation a:before { content: ''; width: 10px; height: 6px; background: url(../img/icon-angle-down_small.png) center center no-repeat; background-size: cover; display: inline-block; vertical-align: middle; margin-right: 0.8rem; margin-bottom: 2px; }

.enumerationNavigation li { margin-bottom: 0; }

.fig-businessAreas { margin: 0; }

.fig-businessAreas > figcaption { margin-top: 0; }

@media only screen and (max-width: 768px) { .fig-businessAreas > figcaption { font-size: 13px; margin-top: 10px; } }

@media screen and (min-width: 769px), print { .fig-businessAreas > figcaption { font-size: 16px; margin-top: 14px; } }

@media only screen and (max-width: 768px) { .fig-businessAreas img.visible-mobile { height: 60px; } }

.filterContainer { background: #fff; }

@media only screen and (max-width: 768px) { .filterContainer { padding: 16px 0; } }

@media screen and (min-width: 769px), print { .filterContainer { padding: 40px; } }

@media only screen and (max-width: 768px) { .filterContainer dl dt { background: #000; color: #fff; padding: 16px; font-weight: 400; }
  .filterContainer dl dd .filterGroup { padding: 15px 16px 17px; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; } }

@media screen and (min-width: 769px), print { .filterContainer dl { margin: 0; border-top: 1px solid #e5e5e5; padding: 8px 0; display: -ms-flexbox; display: flex; }
  .filterContainer dl:last-child { border-bottom: 1px solid #e5e5e5; }
  .filterContainer dl dt { -ms-flex-negative: 0; flex-shrink: 0; min-width: 150px; padding-top: 1rem; }
  .filterContainer dl .accodion-md-trigger + .accodion-md-hide { padding-top: 0; }
  .filterContainer dl .accodion-md-trigger .btn-default { margin: 16px 0; cursor: pointer; } }

@media screen and (min-width: 769px), print { .filterContainer .filterGroup { padding: 0.5rem 0; } }

@media only screen and (max-width: 768px) { .filterGroup .filterGroup-item, .filterGroup a.custom-checkbox { margin: 4px 16px 4px 0; display: inline-block; } }

@media screen and (min-width: 769px), print { .filterGroup .filterGroup-item, .filterGroup a.custom-checkbox { margin: 0.5rem 24px 0.5rem 0; display: inline-block; } }

.filterGroup a.custom-checkbox { color: #3a4140; }

.filterGroup .filterGroup-item input[disabled] { opacity: 0.6; cursor: default; }

.filterGroup .filterGroup-item input[disabled] + span { opacity: 0.6; cursor: default; }

.filterTitle { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }

.filterTitle:after { content: ""; width: 10px; height: 6px; background-position: center; background-repeat: no-repeat; display: block; margin-left: 6px; }

@media only screen and (max-width: 768px) { .filterTitle:after { width: 8px; height: 5px; background-image: url(../img/icon-angle-down_white_sp.png); background-size: cover; } }

@media screen and (min-width: 769px), print { .filterTitle:after { width: 10px; height: 6px; background-image: url(../img/icon-angle-down_white.png); } }

.accodion-trigger.is-opend .filterTitle:after, .accodion-md-trigger.is-opend .filterTitle:after { background-image: url(../img/icon-angle-up_white.png); }

.filter-result { margin: 40px 0; text-align: center; font-weight: 700; font-size: 1.2rem; line-height: 2rem; }

@media screen and (min-width: 769px), print { .filter-result { color: #fff; } }

.filter-result span { font-size: 2rem; margin-left: 0.3em; }

@media only screen and (max-width: 768px) { .flow-down { margin: 20px 0; } }

@media screen and (min-width: 769px), print { .flow-down { margin: 40px 0; } }

.flow-down ._content { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; width: 100%; padding-left: 50%; }

.flow-down ._content ._arrow { margin-left: -30px; }

.flow-down ._content ._arrow img { width: 60px; }

.flow-down ._content ._sub { margin-left: 50px; }

@media only screen and (max-width: 768px) { .followUs { margin-top: 25px; font-size: 1.0rem; font-weight: 700; text-align: center; }
  .followUs ul { -ms-flex-pack: center; justify-content: center; margin: 11px 0 0; } }

@media screen and (min-width: 769px), print { .followUs { display: -ms-flexbox; display: flex; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-align: center; align-items: center; font-size: 1.2rem; }
  .followUs ul { margin: 0 -5px 0 15px; } }

.footerNavigation ul { margin: 0; padding-left: 0; }

.footerNavigation ul li { list-style: none; font-weight: 500; }

.footerNavigation ul li a { text-decoration: none; color: #3a4140; }

@media screen and (min-width: 769px), print { .footerNavigation { margin: 32px auto 34px;text-align: center; }
  .footerNavigation li { display: inline-block; font-size: 1.2rem; margin-right: 20px;  }
  .footerNavigation li a { background-image: url(../img/icon-angle-right-circle_gray.png); background-repeat: no-repeat; background-position: left top 4px; padding-left: 1.6rem; } }

@media only screen and (max-width: 768px) { .footerNavigation { margin: 30px 0 0; }
  .footerNavigation ul { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: justify; justify-content: space-between; }
  .footerNavigation li { width: calc(50% - 10px); border-bottom: 1px solid #e5e5e5; font-size: 1.0rem; }
  .footerNavigation li a { display: block; padding: 13px 10px 13px 0; position: relative; color: #000; }
  .footerNavigation li a:after { position: absolute; content: ''; display: block; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); background: url(../img/icon-angle-right.png) center center no-repeat; background-size: cover; width: 5px; height: 8px; }
  .footerNavigation li:nth-child(1), .footerNavigation li:nth-child(2) { border-top: 1px solid #e5e5e5; } }

@media only screen and (max-width: 768px) { .general-information, .person-information { padding-top: 9px; padding-bottom: 5px; } }

@media screen and (min-width: 769px), print { .general-information, .person-information { padding-top: 4px; padding-bottom: 4px; } }

.general-information h2, .general-information h3, .general-information h4, .person-information h2, .person-information h3, .person-information h4 { margin: 0; }

@media only screen and (max-width: 768px) { .general-information h2, .general-information h3, .general-information h4, .person-information h2, .person-information h3, .person-information h4 { font-size: 1.3rem; } }

@media screen and (min-width: 769px), print { .general-information h2, .general-information h3, .general-information h4, .person-information h2, .person-information h3, .person-information h4 { font-size: 1.6rem; } }

@media only screen and (max-width: 768px) { .general-information h3, .person-information h3 { line-height: 1.615; margin-top: -4px; margin-bottom: 2px; } }

@media screen and (min-width: 769px), print { .general-information h3, .person-information h3 { margin-top: -3px; margin-bottom: 16px; } }

.general-information h3 .link-angle-arrow-right:before, .person-information h3 .link-angle-arrow-right:before { margin-top: 0.3em; }

@media only screen and (max-width: 768px) { .general-information h3 .link-angle-arrow-right, .person-information h3 .link-angle-arrow-right { margin-bottom: 4px; } }

@media screen and (min-width: 769px), print { .general-information h3 .link-angle-arrow-right, .person-information h3 .link-angle-arrow-right { margin-bottom: 8px; } }

.general-information h4, .person-information h4 { color: #000; }

@media only screen and (max-width: 768px) { .general-information h4, .person-information h4 { margin-bottom: 10px; } }

@media only screen and (max-width: 768px) { .general-information p, .person-information p { margin: 0; } }

@media screen and (min-width: 769px), print { .general-information p:last-child, .person-information p:last-child { margin-bottom: 0; } }

@media only screen and (max-width: 768px) { .general-information .btn-default, .person-information .btn-default { margin-top: 7px; }
  .general-information .btn-default .icon-blank_white, .person-information .btn-default .icon-blank_white { display: none; } }

@media screen and (min-width: 769px), print { .general-information .btn-default, .person-information .btn-default { margin-top: 12px; } }

.general-information + .general-information, .general-information + .person-information, .person-information + .general-information, .person-information + .person-information { position: relative; }

.general-information + .general-information:before, .general-information + .person-information:before, .person-information + .general-information:before, .person-information + .person-information:before { content: ''; display: block; height: 1px; background: #e5e5e5; position: absolute; top: 0; margin: 0 auto; }

@media only screen and (max-width: 768px) { .general-information + .general-information, .general-information + .person-information, .person-information + .general-information, .person-information + .person-information { margin-top: 19px; padding-top: 25px; } }

@media screen and (min-width: 769px), print { .general-information + .general-information, .general-information + .person-information, .person-information + .general-information, .person-information + .person-information { margin-top: 28px; padding-top: 33px; } }

@media only screen and (max-width: 768px) { .general-information + .general-information:before, .person-information + .general-information:before { padding: 0 16px; width: calc(100% - 16px); left: 8px; } }

@media screen and (min-width: 769px), print { .general-information + .general-information:before, .person-information + .general-information:before { padding: 0 32px; width: calc(100% - 32px); left: 16px; } }

.general-information + .person-information:before, .person-information + .person-information:before { padding: 0 16px; width: 100%; left: 0; }

.general-information img, .person-information img { width: 100%; }

@media screen and (min-width: 769px), print { .frame-primary ._header + ._content .general-information:first-child { padding-top: 6px; } }

.person-information { display: -ms-flexbox; display: flex; }

.person-information ._thumb { -ms-flex: 1 0 auto; flex: 1 0 auto; }

@media only screen and (max-width: 768px) { .person-information ._thumb { max-width: 95px; margin-right: 16px; } }

@media screen and (min-width: 769px), print { .person-information ._thumb { max-width: 168px; margin-right: 32px; }
  .frame-transparent .person-information ._thumb { max-width: 126px; width: 126px; } }

.person-information ._introduction { -ms-flex-positive: 1; flex-grow: 1; }

@media only screen and (max-width: 768px) { .person-information ._introduction h3 { font-size: 16px; margin-bottom: 5px; }
  .person-information ._introduction h3 .text-width-block { margin-bottom: 2px; } }

@media screen and (min-width: 769px), print { .person-information ._introduction h3 { font-size: 20px; }
  .person-information ._introduction h3 .text-width-block { margin-bottom: 6px; } }

.person-information ._header { border-bottom: 1px solid #dde4e3; }

@media only screen and (max-width: 768px) { .person-information ._header { padding-bottom: 6px; margin-bottom: 13px; } }

@media screen and (min-width: 769px), print { .person-information ._header { padding-bottom: 5px; margin-bottom: 21px; } }

#geoip { position: fixed; top: 0; left: 0; width: 100%; font-size: 1.2rem; }

@media only screen and (max-width: 768px) { #geoip { z-index: 100; display: none; overflow: hidden; } }

@media screen and (min-width: 769px), print { #geoip { z-index: 49; } }

.geoip-container { display: table; width: 100%; }

@media only screen and (max-width: 768px) { .geoip-container { padding: 10px 0; } }

@media screen and (min-width: 769px), print { .geoip-container { padding: 7px 0 6px; } }

.geoip-container > * { display: table-cell; vertical-align: middle; }

@media screen and (min-width: 769px), print { .geoip-sign > * { display: inline-block; } }

.geoip-link a { color: #3a4140; display: inline-block; }

@media only screen and (max-width: 768px) { .geoip-link a { background: url(../img/icon-angle-right-circle-small_sp.png) left center no-repeat; background-size: 10px 10px; padding-left: 18px; }
  .geoip-link a + a { margin-left: 16px; } }

@media screen and (min-width: 769px), print { .geoip-link a { background: url(../img/icon-angle-right-circle-small.png) left center no-repeat; padding-left: 21px; }
  .geoip-link a + a { margin-left: 23px; } }

@media screen and (min-width: 769px), print { .geoip-link { margin-left: 23px; } }

.geoip-close { line-height: 1; text-align: right; }

.geoip-button { margin-right: -10px; padding: 8px 10px 12px; display: inline-block; cursor: pointer; }

@media only screen and (max-width: 768px) { .globalNavigation ul { margin: 0; padding-left: 0; }
  .globalNavigation .accodion-trigger, .globalNavigation a { font-weight: 700; padding-right: 16px; height: 48px; border-bottom: 1px solid #e5e5e5; position: relative; color: #000; }
  .globalNavigation .accodion-trigger { width: 100%; display: block; padding-left: 16px; line-height: 48px; }
  .globalNavigation .accodion-trigger:before { content: ''; background-position: center; background-repeat: no-repeat; background-image: url(../img/icon-ac-plus_sp.png); background-size: 12px; position: absolute; top: 50%; right: 16px; width: 12px; height: 12px; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
  .globalNavigation .accodion-trigger.is-opend:before { background-image: url(../img/icon-ac-minus_sp.png); }
  .globalNavigation a { text-decoration: none; background: #f5fbfb; padding-left: 27px; display: table; width: 100%; }
  .globalNavigation a > span { display: table-cell; vertical-align: middle; line-height: 1.2; padding-right: 16px; }
  .globalNavigation a:after { content: ''; position: absolute; right: 0; top: 0; height: 48px; width: 46px; background: url(../img/icon-angle-mobilemenu.png) center center no-repeat; background-size: 5px auto; }
  .globalNavigation .accodion-hide li:first-child a { padding-left: 16px; } }

@media screen and (min-width: 769px), print { .globalNavigation { background: #fff; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; position: relative; width: 100%; z-index: 2; }
  .globalNavigation .menu-firstLevel { display: -ms-flexbox; display: flex; }
  .globalNavigation .menu-firstLevel > li { -ms-flex: 1; flex: 1; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; }
  .globalNavigation .menu-firstLevel > li + li > a { position: relative; }
  .globalNavigation .menu-firstLevel > li + li > a:before { content: ''; width: 1px; height: 40px; position: absolute; left: 0; top: 16px; background: #ededee; transition: all 0.4s; }
  .is-thin .globalNavigation .menu-firstLevel > li + li > a:before { height: 25px; top: 12px; }
  body.theme-desktop .globalNavigation .menu-firstLevel > li:hover { background: #e6f3f2; transition: background 0.6s; }
  .globalNavigation .menu-firstLevel > li > a { padding: 0 10px; width: 100%; height: 100%; display: block; -ms-flex: 1; flex: 1; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; text-decoration: none; color: #000; }
  .globalNavigation .menu-firstLevel > li > a > span { line-height: 1.1; padding-bottom: 1px; font-weight: 700; } }

@media screen and (min-width: 769px), print { .menu-firstLevel { margin: 0; padding: 0; }
  .menu-firstLevel > li.is-active { background: #e9f5f4; } }

.hamburgerButton { text-align: right; width: 53px; height: 53px; }

.menu-trigger { display: block; width: 53px; height: 53px; position: fixed; top: 3px; left: 100%; margin-left: -53px; transition: background 0.4s; transition: left 0.4s; border-left: 1px solid #e5e5e5; }

.menu-trigger span { display: inline-block; transition: all 0.3s; position: absolute; left: 18px; height: 2px; width: 16px; background: #000; }

.menu-trigger span:nth-of-type(1) { top: 19px; }

.menu-trigger span:nth-of-type(2) { top: 26px; }

.menu-trigger span:nth-of-type(3) { top: 33px; }

.menu-trigger.is-active { background: #000; left: 52px; }

.menu-trigger.is-active span { background: #fff; }

.headLink { display: -ms-flexbox; display: flex; }

.headLink a { font-weight: normal; margin-left: auto; }

@media only screen and (max-width: 768px) { .headLink a { font-size: 1.2rem; }
  h3 .headLink a { font-size: 1.2rem; } }

@media screen and (min-width: 769px), print { .headLink a { font-size: 1.4rem; }
  h3 .headLink a { font-size: 1.4rem; } }

.indexContents { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

@media only screen and (max-width: 768px) { .indexContents { margin-left: -8px; margin-right: -8px; } }

@media screen and (min-width: 769px), print { .indexContents { margin-left: -16px; margin-right: -16px; -ms-flex-pack: center; justify-content: center; } }

@media only screen and (max-width: 768px) { .indexContents ._largeText { font-size: 7vw; } }

@media screen and (min-width: 769px), print { .indexContents ._largeText { font-size: 2.4vw; } }

@media only screen and (max-width: 768px) { .indexContents ._middleText { font-size: 3.5vw; } }

@media screen and (min-width: 769px), print { .indexContents ._middleText { font-size: 1vw; } }

@media only screen and (max-width: 768px) { .indexContents + .nextAction { margin-top: 11px; } }

@media screen and (min-width: 769px), print { .indexContents + .nextAction { margin-top: 34px; } }

@media only screen and (max-width: 768px) { .indexContents-item { padding: 8px; width: 50%; } }

@media screen and (min-width: 769px), print { .indexContents-item { padding-right: 16px; padding-left: 16px; width: 20%; }
  .indexContents-item.indexContents-item-3col { width: 33.33333%; } }

@media screen and (min-width: 992px), print { .indexContents-item.indexContents-item-3col { width: 20%; } }

.indexContents-item h3 { margin-top: 0; }

@media only screen and (max-width: 768px) { .indexContents-item h3 { font-size: 1.4rem; text-align: left; } }

@media screen and (min-width: 769px), print { .indexContents-item h3 { font-size: 1.8rem; margin-bottom: 32px; text-align: center; } }

.indexContents-sign, .indexContents-figure { font-weight: 700; text-align: center; color: #000; line-height: 1.2; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; }

body.device-ie .indexContents-sign, body.device-ie .indexContents-figure { -ms-flex-direction: column; flex-direction: column; }

body.device-ie .indexContents-sign > *, body.device-ie .indexContents-figure > * { max-width: 100%; }

@media only screen and (max-width: 768px) { .indexContents-sign, .indexContents-figure { border-top: 1px solid #aaafaf; border-bottom: 1px solid #aaafaf; } }

@media screen and (min-width: 769px), print { .indexContents-sign, .indexContents-figure { border-top: 2px solid #aaafaf; border-bottom: 2px solid #aaafaf; margin-bottom: 32px; } }

.indexContents-sign > p, .indexContents-figure > p { margin: 0; }

@media only screen and (max-width: 768px) { .indexContents-sign { height: 70px; } }

@media screen and (min-width: 769px), print { .indexContents-sign { height: 100px; } }

.indexContents-figure > figure, .indexContents-figure p { margin: 0; }

@media only screen and (max-width: 768px) { .indexContents-figure { padding: 16px 0; }
  .indexContents-figure figure img { max-height: 44px; } }

@media screen and (min-width: 769px), print { .indexContents-figure { padding: 32px 0; }
  .indexContents-figure figure img { max-height: 60px; } }

.infographic { font-weight: 700; text-align: center; }

@media only screen and (max-width: 768px) { .infographic { padding-top: 8px; } }

@media screen and (min-width: 769px), print { .infographic { padding-top: 7px; }
  .infographic.infographic-parallel { padding-top: 16px; } }

.infographic span { display: inline-block; }

.infographic span.text-width-block { display: block; }

.infographic ._largerText { margin-right: 5px; line-height: 1; }

@media only screen and (max-width: 768px) { .infographic ._largerText { font-size: 40px; } }

@media (max-width: 320px) { .infographic ._largerText { font-size: 9vw; } }

@media screen and (min-width: 769px), print { .infographic ._largerText { font-size: 3.0vw; } }

@media screen and (min-width: 1392px), print { .infographic ._largerText { font-size: 56px; } }

.infographic ._largeText { font-size: 32px; margin-right: 5px; line-height: 1; }

@media only screen and (max-width: 768px) { .infographic ._largeText { font-size: 28px; } }

@media screen and (min-width: 769px), print { .infographic ._largeText { font-size: 1.7vw; } }

.infographic ._middleText { font-size: 22px; }

@media only screen and (max-width: 768px) { .infographic ._middleText { font-size: 3.8vw; } }

@media screen and (min-width: 769px), print { .infographic ._middleText { font-size: 1.3vw; line-height: 1.2; } }

@media screen and (min-width: 1392px), print { .infographic ._middleText { font-size: 24px; } }

.infographic .infographic-figure { margin: 20px 16px; }

@media only screen and (max-width: 768px) { .col-6 .infographic .infographic-figure { margin: 19px auto 17px; } }

@media screen and (min-width: 769px), print { .infographic .infographic-figure { margin: 26px 16px 20px; } }

@media only screen and (max-width: 768px) { .infographic .infographic-figure .visible-mobile { height: 64px; } }

@media only screen and (max-width: 768px) { .col-6 .infographic .infographic-figure-fg500 { margin: 19px 31px 17px; max-width: 100%; } }

@media only screen and (max-width: 768px) { .infographic .infographic-numericalVlue-fg500 ._middleText { line-height: 1.6; } }

@media screen and (min-width: 769px), print { .infographic .infographic-numericalVlue-fg500 { padding-top: 3px; } }

@media screen and (min-width: 1392px), print { .infographic .infographic-numericalVlue-fg500 { min-height: 60px; } }

@media only screen and (max-width: 768px) { .infographic-text-fg500 p { margin-top: 8px; } }

@media screen and (min-width: 769px), print { .infographic-text-fg500 p { margin-top: 9px; } }

.infographic-multi { max-width: 425px; margin: 0 auto; }

.infographic-multi .infographic-numericalVlue { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; }

.infographic-multi ._item { text-align: left; }

@media only screen and (max-width: 768px) { .infographic-multi ._item .text-width-block { line-height: 1.34; } }

@media only screen and (max-width: 768px) { .infographic-multi { padding-left: 32px; padding-right: 32px; } }

.infographic-parallel { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; }

@media only screen and (max-width: 768px) { .infographic-parallel { margin: 0 auto 40px; } }

@media screen and (min-width: 769px), print { .infographic-parallel { margin: 0 auto 50px; } }

.infographic-graph { background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; }

@media only screen and (max-width: 768px) { .infographic-graph { max-width: 200px; margin: 0 auto; } }

@media screen and (min-width: 769px), print { .infographic-graph { margin: 32px; } }

@media screen and (min-width: 1392px), print { .infographic-graph { margin: 25px 50px; } }

.infographic-graph:before { content: ''; display: block; padding-top: 100%; }

.infographic-graph .infographic-numericalVlue { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.infographic-graph .infographic-numericalVlue span { display: block; }

@media only screen and (max-width: 768px) { .infographic-ratio { margin: 16px 43px; } }

@media (max-width: 320px) { .infographic-ratio { margin: 16px 0; } }

@media screen and (min-width: 769px), print { .infographic-ratio { margin: 0; } }

@media screen and (min-width: 1392px), print { .infographic-ratio { margin: 0 50px; } }

.infographic-ratio ._item { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }

.infographic-ratio ._item dl { margin: 0; font-size: 1.2rem; font-weight: 500; width: calc(100% - 45px); display: table; }

@media screen and (min-width: 769px), print { .infographic-ratio ._item dl { width: calc(100% - 27px); } }

@media screen and (min-width: 992px), print { .infographic-ratio ._item dl { width: calc(100% - 40px); } }

.infographic-ratio ._item dl > * { display: table-cell; vertical-align: middle; }

.infographic-ratio ._item dl dt { text-align: left; width: calc(100% - 3.5em); position: relative; overflow: hidden; }

.infographic-ratio ._item dl dt > span { padding-right: 0.5em; display: inline-block; }

.infographic-ratio ._item dl dt:after { content: ''; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 100%; height: 1px; background-image: linear-gradient(to right, #fff, #fff 1px, transparent 1px, transparent 2px); background-size: 2px 1px; background-repeat: repeat-x; }

.infographic-ratio ._item dl dd { text-align: right; width: 3.5em; }

.infographic-ratio ._item + ._item { margin-top: 0.8rem; }

.infographic-colorSign { width: 33px; height: 6px; margin-right: 11px; }

@media screen and (min-width: 769px), print { .infographic-colorSign { width: 20px; margin-right: 7px; } }

@media screen and (min-width: 992px), print { .infographic-colorSign { width: 33px; margin-right: 11px; } }

.infographic-colorSign-blue { background-color: #0d57a7; }

.infographic-colorSign-purple { background-color: #9070af; }

.infographic-colorSign-aqua { background-color: #03b8df; }

.infographic-colorSign-orange { background-color: #ef844a; }

.infographic-colorSign-pink { background-color: #ef7292; }

.infographic-colorSign-green { background-color: #6cbb5a; }

.infographic-businessInfo, .infographic-businessGlobal { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; }

@media only screen and (max-width: 768px) { .infographic-businessInfo { margin-top: -12px; } }

@media screen and (min-width: 769px), print { .infographic-businessInfo { margin: -40px auto 0; max-width: 768px; } }

.infographic-businessInfo-item { width: 33.3333%; }

@media (max-width: 320px) { .infographic-businessInfo-item ._numberText { font-size: 22px; } }

@media (min-width: 321px) and (max-width: 768px) { .infographic-businessInfo-item ._numberText { font-size: 26px; } }

@media screen and (min-width: 769px), print { .infographic-businessInfo-item ._numberText { font-size: 60px; line-height: 1.2em; } }

@media only screen and (max-width: 768px) { .infographic-businessInfo-item ._symbolIcon { margin-top: 7px; } }

@media screen and (min-width: 769px), print { .infographic-businessInfo-item ._symbolIcon { margin-top: 14px; } }

@media only screen and (max-width: 768px) { .infographic-businessInfo-item:nth-child(1) ._symbolIcon { width: 31px; }
  .infographic-businessInfo-item:nth-child(2) ._symbolIcon { width: 30px; }
  .infographic-businessInfo-item:nth-child(3) ._symbolIcon { width: 35px; }
  .infographic-businessInfo-item dl dt { font-size: 1.1rem; } }

.infographic-businessLine { max-width: 71.25%; }

@media only screen and (max-width: 768px) { .infographic-businessLine { margin: 20px auto 16px; } }

@media screen and (min-width: 769px), print { .infographic-businessLine { margin: 32px auto 30px; } }

@media only screen and (max-width: 768px) { .infographic-businessGlobal { margin-bottom: 28px; } }

@media screen and (min-width: 769px), print { .infographic-businessGlobal { max-width: 968px; margin: 0 auto 70px; } }

.infographic-businessGlobal-item { width: 20%; }

.infographic-businessGlobal-item ._numberText { letter-spacing: 0.02em; }

@media only screen and (max-width: 768px) { .infographic-businessGlobal-item ._numberText { font-size: 24px; } }

@media screen and (min-width: 769px), print { .infographic-businessGlobal-item ._numberText { font-size: 46px; } }

.infographic-businessGlobal-item ._balloon { margin: 0 auto; color: #46657c; background: #fff; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; position: relative; }

.infographic-businessGlobal-item ._balloon:after { content: ''; width: 0; height: 0; border-style: solid; border-color: #fff transparent transparent transparent; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

@media only screen and (max-width: 768px) { .infographic-businessGlobal-item ._balloon { margin-top: 8px; width: 64px; height: 64px; border-radius: 36px; }
  .infographic-businessGlobal-item ._balloon:after { border-width: 18px 9px 0 9px; bottom: -10px; } }

@media screen and (min-width: 769px), print { .infographic-businessGlobal-item ._balloon { width: 102px; height: 102px; border-radius: 51px; }
  .infographic-businessGlobal-item ._balloon:after { border-width: 18px 11px 0 11px; bottom: -12px; } }

.infographic-businessGlobal-item ._balloon ._numberText { display: block; line-height: 1; }

.infographic-businessGlobal-item dl { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-direction: column; flex-direction: column; height: 100%; }

.infographic-businessGlobal-item dl dt { margin-bottom: auto; }

@media only screen and (max-width: 768px) { .infographic-businessGlobal-item dl dt { line-height: 15px; font-size: 1.0rem; } }

.infographic-businessInfo-item dl, .infographic-businessGlobal-item dl { margin: 0; }

.infographic-businessInfo-item dt, .infographic-businessGlobal-item dt { letter-spacing: 0.08em; }

@media screen and (min-width: 769px), print { .infographic-businessInfo-item dt, .infographic-businessGlobal-item dt { font-size: 1.6rem; } }

@media screen and (min-width: 769px), print { .infographic-business { position: relative; }
  .infographic-business:after { background: url(../images/business/businessTop-pictogram_bg.png) center center no-repeat; background-size: contain; content: ''; width: 100%; height: 100%; max-width: 880px; max-height: 408px; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } }

.infographic-numericalVlue-left, .infographic-numericalVlue-right { background-repeat: no-repeat; display: table; }

@media only screen and (max-width: 768px) { .infographic-numericalVlue-left, .infographic-numericalVlue-right { padding-left: 80px; background-size: auto 60px; min-height: 60px; } }

@media screen and (min-width: 769px), print { .infographic-numericalVlue-left, .infographic-numericalVlue-right { min-height: 72px; } }

.infographic-numericalVlue-left > p, .infographic-numericalVlue-right > p { margin: 0; display: table-cell; vertical-align: middle; }

@media screen and (min-width: 769px), print { .infographic-numericalVlue-left { padding-right: 100px; background-position: right center; } }

@media screen and (min-width: 769px), print { .infographic-numericalVlue-right { padding-left: 100px; } }

@-moz-document url-prefix() { @media only screen and (max-width: 768px) { #businessDevelopment01, #businessDevelopment02, #businessDevelopment03, #businessDevelopment04, #businessDevelopment05, #businessDevelopment06 { height: 60px; } }
  @media screen and (min-width: 769px), print { #businessDevelopment01, #businessDevelopment02, #businessDevelopment03, #businessDevelopment04, #businessDevelopment05, #businessDevelopment06 { height: 72px; } } }

@media only screen and (max-width: 768px) { #businessDevelopment01 { background-image: url(../img/icon-symbol-business001_mobile.png); } }

@media screen and (min-width: 769px), print { #businessDevelopment01 { background-image: url(../img/icon-symbol-business001_desktop.png); } }

@media only screen and (max-width: 768px) { #businessDevelopment02 { background-image: url(../img/icon-symbol-business002_mobile.png); } }

@media screen and (min-width: 769px), print { #businessDevelopment02 { background-image: url(../img/icon-symbol-business002_desktop.png); } }

@media only screen and (max-width: 768px) { #businessDevelopment03 { background-image: url(../img/icon-symbol-business003_mobile.png); } }

@media screen and (min-width: 769px), print { #businessDevelopment03 { background-image: url(../img/icon-symbol-business003_desktop.png); } }

@media only screen and (max-width: 768px) { #businessDevelopment04 { background-image: url(../img/icon-symbol-business004_mobile.png); } }

@media screen and (min-width: 769px), print { #businessDevelopment04 { background-image: url(../img/icon-symbol-business004_desktop.png); } }

@media only screen and (max-width: 768px) { #businessDevelopment05 { background-image: url(../img/icon-symbol-business005_mobile.png); } }

@media screen and (min-width: 769px), print { #businessDevelopment05 { background-image: url(../img/icon-symbol-business005_desktop.png); } }

@media only screen and (max-width: 768px) { #businessDevelopment06 { background-image: url(../img/icon-symbol-business006_mobile.png); } }

@media screen and (min-width: 769px), print { #businessDevelopment06 { background-image: url(../img/icon-symbol-business006_desktop.png); } }

@media only screen and (max-width: 768px) { .internalNavigation { -ms-flex-direction: column-reverse; flex-direction: column-reverse; margin-top: 19px; margin-bottom: 26px; } }

@media screen and (min-width: 769px), print { .internalNavigation { margin-top: 33px; margin-bottom: 51px; } }

.internalNavigation ._rss { text-align: right; }

@media only screen and (max-width: 768px) { .internalNavigation ._list { margin-top: 8px; } }

@media only screen and (max-width: 768px) { .ir-bannerArea { margin-bottom: 6px; margin-top: 12px; }
  .ir-bannerArea .relationLink { margin-bottom: 26px; } }

@media screen and (min-width: 769px), print { .ir-bannerArea { margin-bottom: 5px; margin-top: 50px; } }

@media only screen and (max-width: 768px) { .ir-directoryNavigation { margin-top: 31px; margin-bottom: 6px; }
  .ir-directoryNavigation .list-block { margin-bottom: 25px; }
  .ir-directoryNavigation .list-block li + li { margin-top: 6px; } }

@media screen and (min-width: 769px), print { .ir-directoryNavigation { margin-top: 58px; margin-bottom: 45px; } }

.ir-information { background: #fff; border: 1px solid #dde4e3; }

@media only screen and (max-width: 768px) { .ir-information { padding: 20px 16px 20px; margin-top: 30px; } }

@media screen and (min-width: 769px), print { .ir-information { padding: 28px 32px 26px; margin-top: 64px; } }

.ir-information ._header { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.ir-information ._header h2 { -ms-flex-negative: 0; flex-shrink: 0; margin-top: 0; margin-bottom: 0; margin-right: auto; }

@media only screen and (max-width: 768px) { .ir-information ._header h2 { font-size: 1.6rem; } }

@media screen and (min-width: 769px), print { .ir-information ._header h2 { font-size: 2.0rem; } }

.ir-information ._header p { margin: 0; }

.ir-information ._content table { width: 100%; border-top: 1px solid #dde4e3; color: #000; }

@media only screen and (max-width: 768px) { .ir-information ._content table { margin: 0; } }

.ir-information ._content tr { border-bottom: 1px solid #dde4e3; }

.ir-information ._content tr:nth-child(odd) { background: #e6f3f2; }

.ir-information ._content tr:nth-child(even) { background: #f5fbfb; }

.ir-information ._content th, .ir-information ._content td { border-left: 0; border-right: 0; }

@media only screen and (max-width: 768px) { .ir-information ._content th, .ir-information ._content td { padding: 0 10px; height: 48px; } }

@media screen and (min-width: 769px), print { .ir-information ._content th, .ir-information ._content td { padding: 10px 20px; } }

.ir-information ._content th { text-align: left; font-weight: 400; }

.ir-information ._content td { text-align: right; font-weight: 700; width: 66.666%; }

@media only screen and (max-width: 768px) { .ir-information ._content { padding: 20px 0 18px; } }

@media screen and (min-width: 769px), print { .ir-information ._content { padding-top: 20px; padding-bottom: 12px; } }

.ir-information ._footer p { margin: 0; text-align: center; }

@media only screen and (max-width: 768px) { .ir-information + p { margin-top: 10px; } }

@media only screen and (max-width: 768px) { .ir-include { margin-top: 30px; } }

@media screen and (min-width: 769px), print { .ir-include { margin-left: -100px; } }

@media screen and (min-width: 992px), print { .ir-include { margin-left: 50px; } }

@media screen and (min-width: 1392px), print { .ir-include { margin-left: 230px; } }

.ir-include > iframe { width: 769px; height: 298px; }

@media only screen and (max-width: 768px) { .ir-include > iframe { width: 100%; } }

#js-carouselNav { color: #fff; width: 100%; margin: 0 auto; padding-left: 0; text-align: center; }

#js-carouselNav.js-flickity { background: #000; }

@media only screen and (max-width: 768px) { #js-carouselNav { height: 48px; } }

@media screen and (min-width: 769px), print { #js-carouselNav { height: 56px; } }

#js-carouselNav li { display: inline-block; text-align: center; padding: 0; font-size: 1.2rem; margin: 0 5px; z-index: 0; }

#js-carouselNav li.js-flickity { margin: 0; }

#js-carouselNav li a { padding: 0 5px; color: #fff; display: block; word-wrap: normal; white-space: nowrap; }

@media only screen and (max-width: 768px) { #js-carouselNav li a { height: 48px; line-height: 48px; } }

@media screen and (min-width: 769px), print { #js-carouselNav li a { height: 56px; line-height: 56px; padding: 0 6px; } }

.subNavigation.is-fixed #js-carouselNav { height: 40px; }

.subNavigation.is-fixed #js-carouselNav a { height: 40px; line-height: 40px; }

@media screen and (min-width: 769px), print { #js-stickyNav { width: 100%; z-index: 100; transition: all 0.2s; position: relative; }
  #js-stickyNav:before { content: ''; position: absolute; top: -64px; left: 0; height: 64px; width: 100%; background: #fff; } }

@media screen and (min-width: 769px), print { body:not(.device-ie) #js-zoomVisual { transition: -webkit-transform 8s linear; transition: transform 8s linear; transition: transform 8s linear, -webkit-transform 8s linear; }
  body:not(.device-ie) #js-zoomVisual.is-animation { -webkit-transform: scale(1.15, 1.15); transform: scale(1.15, 1.15); } }

.keywordsIndex h4 { line-height: 1; margin-bottom: 0; }

@media only screen and (max-width: 768px) { .keywordsIndex h4 { font-size: 1.2rem; margin-top: 24px; margin-bottom: 10px; } }

@media screen and (min-width: 769px), print { .keywordsIndex h4 { font-size: 1.4rem; margin-top: 38px; margin-bottom: 18px; } }

.keywordsIndex ul { padding-left: 0; }

@media only screen and (max-width: 768px) { .keywordsIndex ul { margin: 0 0 4px; } }

@media screen and (min-width: 769px), print { .keywordsIndex ul { margin: 0 0 6px; } }

.keywordsIndex ul li { list-style: none; display: inline; }

.keywordsIndex ul li + li:before { content: '/'; }

#brandingBanner { position: fixed; bottom: 0; width: 100%; z-index: -101; }

.l-googleMap { position: relative; padding-bottom: 66.6666%; height: 0; overflow: hidden; }

.l-googleMap iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; }

@media only screen and (max-width: 768px) { .l-navigation { display: none; } }

@media screen and (min-width: 769px), print { .l-navigation { width: 100%; background: #fff; height: 70px; transition: height .2s,top .2s; }
  .l-navigation .menu-firstLevel > li { height: 70px; transition: height .2s,line-height .2s; }
  .l-navigation.is-hide { -webkit-transform: translateY(-100%); transform: translateY(-100%); }
  .l-navigation.is-thin { height: 50px; transition: height .4s; }
  .l-navigation.is-thin .menu-firstLevel > li { height: 49px; transition: height .4s,line-height .4s; } }

@media only screen and (max-width: 768px) { .l-navigation.is-opend { left: 52px; } }

.langSwitch ul { margin: 0; padding: 0; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }

.langSwitch ul li { list-style: none; }

.langSwitch ul li + li { margin-left: 25px; position: relative; }

.langSwitch ul li + li:before { content: ''; display: block; width: 1px; height: 60%; background: #e5e5e5; position: absolute; top: 50%; left: -13px; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.langSwitch a { text-decoration: none; color: #8e9494; }

.link-tooltip { position: relative; display: inline-block; width: 100%; }

.link-tooltip .link-question { cursor: pointer; display: inline-block; }

.link-tooltip .tooltip { position: absolute; left: 36px; background: #f5fbfb; top: 35%; -webkit-transform: translateY(-35%); transform: translateY(-35%); max-width: 550px; opacity: 0; height: 0; transition: 0.5s; box-shadow: 0px 0px 3px 2px #cdcccc; }

.link-tooltip .tooltip .tooltip-inner { position: relative; display: none; padding: 20px; }

.link-tooltip .tooltip .tooltip-inner .tooltip-close { position: absolute; top: -13px; right: -13px; background: #000; color: #fff; font-weight: 700; border-radius: 14px; width: 28px; height: 28px; text-align: center; line-height: 28px; cursor: pointer; box-shadow: 0px 0px 3px 2px #cdcccc; }

.link-tooltip .tooltip .tooltip-inner > p { margin: 0; }

.link-tooltip .tooltip .tooltip-inner > p + p { margin-top: 1em; }

.link-tooltip .tooltip.is-visible { opacity: 1; height: auto; z-index: 100; }

.link-tooltip .tooltip.is-visible .tooltip-inner { display: block; }

.link-tooltip .tooltip.is-visible:before, .link-tooltip .tooltip.is-visible:after { right: 100%; top: 36%; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-style: solid; }

.link-tooltip .tooltip.is-visible:before { border-width: 9px 16px 9px 0; border-color: transparent #f5fbfb transparent transparent; margin-top: -9px; z-index: 9; }

.link-tooltip .tooltip.is-visible:after { border-width: 11px 18px 11px 0; border-color: transparent #d8d7d7 transparent transparent; margin-top: -11px; z-index: 8; }

@media only screen and (max-width: 768px) { .localHeadline { margin-bottom: 32px; } }

@media screen and (min-width: 769px), print { .localHeadline { margin-bottom: 57px; } }

.localHeadline ._outline p:last-child { margin-bottom: 0; }

@media (min-width: 360px) and (max-width: 599px) { .localNavigation { padding: 8px 0; }
  .localNavigation ul { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .localNavigation li { width: calc(50% - 1px); -ms-flex: 0 0 auto; flex: 0 0 auto; margin-bottom: 1px; font-size: 1.2rem; }
  .localNavigation li:nth-child(2), .localNavigation li:nth-child(4), .localNavigation li:nth-child(6) { margin-left: 1px; } }

@media (min-width: 600px) and (max-width: 991px) { .localNavigation { padding: 16px 0; }
  .localNavigation ul { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .localNavigation li { width: calc(33.3333% - 1px); margin-bottom: 1px; }
  .localNavigation li:nth-child(2), .localNavigation li:nth-child(3), .localNavigation li:nth-child(5) { margin-left: 1px; }
  .localNavigation li:nth-child(4) { margin-left: 0; } }

@media screen and (min-width: 992px), print { .localNavigation { padding: 10px 0; }
  .localNavigation ul { -ms-flex-wrap: nowrap; flex-wrap: nowrap; }
  .localNavigation li { -ms-flex: 1; flex: 1; -ms-flex-preferred-size: 16.66666%; flex-basis: 16.66666%; }
  .localNavigation li + li { border-left: 1px solid #d4e2e2; } }

.localNavigation ul { margin: 0; padding: 0; display: -ms-flexbox; display: flex; }

.localNavigation li { list-style: none; display: -ms-flexbox; display: flex; height: 40px; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; }

.localNavigation li a { display: block; width: 100%; height: 100%; text-decoration: none; text-align: center; line-height: 40px; background: #fff; color: #000; }

.localNavigation li.is-active { background: #000; color: #fff; line-height: 40px; }

@media only screen and (max-width: 768px) { .localNavigation li.is-active { text-align: center; display: block; } }

.localNavigation li.is-active, .localNavigation a { padding: 0 0.5rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

@media (max-width: 359px) { .localNavigation { padding: 8px 0; }
  .localNavigation ul { display: block; }
  .localNavigation li { display: block; margin-bottom: 1px; } }

.localNavigation.localNavigation-childCategory li.is-active { padding: 0; white-space: normal; }

.localNavigation.localNavigation-childCategory li.is-active a { background: #000; color: #fff; }

@media (min-width: 769px) { .localNavigation.localNavigation-childCategory ul { -ms-flex-wrap: nowrap; flex-wrap: nowrap; }
  .localNavigation.localNavigation-childCategory li { width: auto; height: auto; margin: 0; -ms-flex: 1; flex: 1; word-wrap: break-all; }
  .localNavigation.localNavigation-childCategory li a { white-space: normal; line-height: 1.34; padding-top: 10px; padding-bottom: 10px; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; }
  .localNavigation.localNavigation-childCategory li + li { border-left: 1px solid #d4e2e2; } }

.mainSlider { opacity: 0; }

.mainSlider .slick-list, .mainSlider .slick-track { height: 100%; }

.mainSlider .slick-slide { position: relative; height: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; outline: none; }

.mainSlider .slick-slide > img { position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

@media screen and (min-width: 769px), print { .mainSlider .slick-slide > div { width: 100%; height: 100%; } }

@media only screen and (max-width: 768px) { .mainSlider { background: #f5fbfb; }
  .mainSlider figure, .mainSlider .thumbnail { width: 100%; height: 150px; min-height: 150px; position: relative; overflow: hidden; }
  .mainSlider figure > img, .mainSlider .thumbnail > img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); min-height: 100%; min-width: 100%; }
  .mainSlider .content { padding-left: 16px; padding-right: 16px; padding-bottom: 30px; text-align: center; }
  .mainSlider .content dl { margin: 0; }
  .mainSlider .content dt { font-size: 24px; color: #000; margin-top: 24px; }
  .mainSlider .content .btn-default { margin: 19px 0 6px; } }

.mainSlider .item { height: 100%; }

.mainSlider .mainSlider-link { display: block; position: relative; width: 100%; height: 100%; z-index: 2; text-decoration: none; color: #3a4140; }

@media screen and (min-width: 769px), print { .mainSlider#mainSlider-blackLayer .item.image figure:after { content: ''; width: 100%; height: 100%; position: absolute; background: rgba(0, 0, 0, 0.2); }
  .mainSlider#mainSlider-blackLayer .black-layer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); } }

@media screen and (min-width: 769px), print { .mainSlider .content { position: absolute; }
  .mainSlider .content.content-type-central { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #fff; }
  .mainSlider .content.content-type-central > dl { text-align: center; }
  .mainSlider .content.content-type-central > dl dt { font-size: 40px; line-height: 60px; margin-bottom: 10px; }
  .mainSlider .content.content-type-central > dl dd { font-size: 18px; }
  .mainSlider .content.content-type-frame, .mainSlider .content.content-type-frame-right { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); max-width: 400px; background: rgba(255, 255, 255, 0.8); z-index: 100; }
  .mainSlider .content.content-type-frame > dl, .mainSlider .content.content-type-frame-right > dl { margin: 0; padding: 32px; }
  .mainSlider .content.content-type-frame > dl dt, .mainSlider .content.content-type-frame-right > dl dt { font-size: 30px; line-height: 40px; color: #000; }
  .mainSlider .content.content-type-frame > dl dd, .mainSlider .content.content-type-frame-right > dl dd { font-size: 16px; margin-top: 15px; }
  .mainSlider .content.content-type-frame { left: 80px; }
  .mainSlider .content.content-type-frame-right { right: 80px; } }

.mainVisual { background: #f5fbfb; }

@media screen and (min-width: 769px), print { .theme-caseTop .mainVisual { background: none; } }

@media only screen and (max-width: 768px) { .mainVisual [class*="layer"] { position: static; }
  .mainVisual [class*="layer-black"]:before { display: none; }
  .mainVisual ._content { text-align: center; padding: 0 16px 31px; }
  .mainVisual ._content .pageTitle { margin-top: 0; }
  .mainVisual ._cover + ._content { background: #f5fbfb; border-bottom: 0; }
  .mainVisual ._cover { width: 100%; position: relative; overflow: hidden; height: 150px; }
  .mainVisual ._trim { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); min-width: 101%; min-height: 101%; width: auto; height: auto; }
  .mainVisual ._trim img { width: 100%; height: 100%; min-height: 150px; } }

@media screen and (min-width: 769px), print { .mainVisual { position: relative; overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; width: 100%; min-height: 360px; }
  .mainVisual ._cover + ._content { color: #fff; }
  .mainVisual ._cover + ._content .pageTitle, .mainVisual ._cover + ._content .catchPhrase { color: #fff; }
  .mainVisual ._cover + ._content .text-between { border-color: #fff; }
  .mainVisual ._content { position: absolute; left: 50%; top: 0; width: 100%; height: 100%; overflow: hidden; z-index: 2; -webkit-transform: translateX(-50%); transform: translateX(-50%); padding: 70px 0; } }

@media screen and (min-width: 769px) and (min-width: 992px), print { .mainVisual ._content { width: 960px; margin: 0 auto; } }

@media screen and (min-width: 769px) and (min-width: 1392px), print { .mainVisual ._content { width: 1200px; } }

@media screen and (min-width: 769px), print { .mainVisual ._content > * { width: 100%; padding-left: 16px; padding-right: 16px; position: absolute; z-index: 1; left: 0; }
  .mainVisual ._content ._title { top: 0; }
  .mainVisual ._content ._catch { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); text-align: center; font-size: 1.6rem; }
  .mainVisual ._content ._catch .pageTitle { font-size: 3.6rem; margin-bottom: 32px; }
  .mainVisual ._content ._induction { bottom: 0; padding-bottom: 48px; }
  .mainVisual ._cover { width: 100%; height: 100%; left: 0; top: 0; overflow: hidden; z-index: 0; position: absolute; }
  .mainVisual ._cover img { position: absolute; width: auto; height: auto; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); min-width: 100%; min-height: 100%; }
  body.os-win7 .mainVisual ._cover img.fit-image, body.os-win8 .mainVisual ._cover img.fit-image { width: 100%; height: 100%; }
  .theme-caseTop .mainVisual ._cover { display: none; } }

.mainVisual .pageTitle { font-weight: 700; }

@media only screen and (max-width: 768px) { .mainVisual .pageTitle { font-size: 1.5rem; color: #000; } }

@media screen and (min-width: 769px), print { .mainVisual .pageTitle { font-size: 1.8rem; margin-top: 40px; } }

@media only screen and (max-width: 768px) { .mainVisual .catchPhrase { font-size: 2.1rem; margin-top: 0; margin-bottom: 16px; } }

@media screen and (min-width: 769px), print { .mainVisual .catchPhrase { font-size: 3.6rem; margin-bottom: 32px; } }

.mainVisual .catchPhrase + p .text-between { font-size: 1.2rem; border-color: #000; }

.mainVisual ._smallTitle, .mainVisual ._largeTitle { color: #000; font-weight: 700; }

.mainVisual ._smallTitle { line-height: 1.34; }

@media only screen and (max-width: 768px) { .mainVisual ._smallTitle { font-size: 1.5rem; padding-top: 33px; margin: 0; } }

@media screen and (min-width: 769px), print { .mainVisual ._smallTitle { font-size: 2.0rem; margin: 0; } }

.mainVisual ._largeTitle { font-size: 4.0rem; }

@media only screen and (max-width: 768px) { .mainVisual ._largeTitle { font-size: 2.4rem; margin-top: 25px; margin-bottom: 0; } }

@media screen and (min-width: 769px), print { .mainVisual ._largeTitle { margin: 0; line-height: 5.8rem; } }

@media screen and (min-width: 769px), print { .mainVisual ._cover + ._content ._smallTitle, .mainVisual ._cover + ._content ._largeTitle { color: #fff; } }

@media only screen and (max-width: 768px) { .mainVisual ._smallTitle + ._largeTitle { margin-top: 7px; } }

@media screen and (min-width: 769px), print { .mainVisual ._smallTitle + ._largeTitle { margin-top: 18px; } }

.mainVisual ._largeTitle + p { letter-spacing: 0.05em; }

@media only screen and (max-width: 768px) { .mainVisual ._largeTitle + p { margin: 6px 0 0; } }

@media screen and (min-width: 769px), print { .mainVisual ._largeTitle + p { margin: 16px 0 0; } }

.mainVisual ._largeTitle + p .text-between { font-size: 1.2rem; border-color: #000; display: inline-block; }

@media only screen and (max-width: 768px) { .mainVisual ._largeTitle + p .text-between { margin-top: 6px; margin-bottom: 5px; padding: 2px 0; } }

@media screen and (min-width: 769px), print { .mainVisual ._largeTitle + p .text-between { margin-top: 8px; } }

@media only screen and (max-width: 768px) { .mainVisual-basic ._trim img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); min-width: 100%; min-height: 100%; } }

@media screen and (min-width: 769px), print { .mainVisual-basic { min-height: 528px; max-height: 768px; }
  .mainVisual-basic:before { display: block; content: ''; padding-top: 50%; }
  .mainVisual-basic ._cover { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 101%; height: 101%; }
  .mainVisual-basic ._trim { width: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); min-width: 100%; min-height: 100%; }
  .mainVisual-basic ._trim:before { display: block; content: ''; padding-top: 50%; }
  .mainVisual-basic ._trim img { max-width: auto; } }

@media only screen and (max-width: 768px) { .mainVisual-fullsize ._cover { position: relative; }
  .mainVisual-fullsize ._cover > img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); min-width: 100%; min-height: 100%; } }

@media screen and (min-width: 769px), print { .mainVisual-fullsize { height: calc( 100vh - 146px); } }

@media only screen and (max-width: 768px) { .mainVisual-thin ._trim img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); min-height: 100%; }
  .mainVisual-thin ._largeTitle { margin-top: 31px; } }

@media screen and (min-width: 769px), print { .mainVisual-thin { height: 370px; }
  .mainVisual-thin ._trim { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } }

.mainVisual-local { margin-top: 32px; text-align: center; position: relative; }

.mainVisual-local > h2, .mainVisual-local ._content { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #fff; z-index: 3; width: calc(100% - 16px); }

.mainVisual-local h2 { margin: 0; }

@media only screen and (max-width: 768px) { .mainVisual-local h2 { font-size: 2.4rem; } }

@media screen and (min-width: 769px), print { .mainVisual-local h2 { font-size: 4.0rem; } }

.mainVisual-local > img { width: 100%; z-index: 0; }

@media only screen and (max-width: 768px) { .mainVisual-local { margin: 0 -16px; } }

@media screen and (min-width: 769px), print { .mainVisual-local { margin-top: 40px; margin-bottom: 40px; width: 100%; height: 400px; max-height: 400px; overflow: hidden; }
  .mainVisual-local > img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); min-width: 100%; min-height: 100%; } }

@media screen and (min-width: 769px), print { .mainVisual-section:before { display: block; content: ''; padding-top: 35%; } }

@media screen and (min-width: 769px), print { .mainVisual.option-bg-black ._trim:after { content: ''; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); } }

@media only screen and (max-width: 768px) { .mainVisual.option-bg-black.mainVisual-local ._cover:before { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); z-index: 1; } }

@media screen and (min-width: 769px), print { body:not(.device-ie) .mainVisual#js-option-zoom ._trim { height: 100%; transition: -webkit-transform 8s linear; transition: transform 8s linear; transition: transform 8s linear, -webkit-transform 8s linear; }
  body:not(.device-ie) .mainVisual#js-option-zoom ._trim.is-animation { -webkit-transform: scale(1.15, 1.15); transform: scale(1.15, 1.15); } }

.mainVisual.mainVisual-local ._content { padding: 0; height: auto; }

.mainVisual.mainVisual-local ._content > * { color: #fff; position: static; }

@media only screen and (max-width: 768px) { .mainVisual.mainVisual-local ._cover { min-height: 150px; } }

@media screen and (min-width: 769px), print { body.device-ie .mainVisual.mainVisual-local ._cover { width: 101%; } }

.mainVisual.mainVisual-local ._cover ._trim { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transform: initial; transform: initial; }

@media only screen and (max-width: 768px) { body.device-ie .mainVisual.mainVisual-local ._cover ._trim { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: auto; height: auto; } }

@media screen and (min-width: 769px), print { body.os-win7 .mainVisual.mainVisual-local ._cover ._trim img.fit-image, body.os-win8 .mainVisual.mainVisual-local ._cover ._trim img.fit-image { max-width: 100%; max-height: 100%; } }

@media screen and (min-width: 769px), print { .mainVisual-ir { min-height: 450px; }
  .mainVisual-ir ._content { padding: 74px 0; }
  .mainVisual-ir ._content ._catch { text-align: left; }
  .mainVisual-ir ._largeTitle { line-height: 4rem; } }

@media only screen and (max-width: 768px) { .mainVisual-ir ._largeTitle { color: #fff; } }

@media only screen and (max-width: 768px) and (max-width: 768px) { .mainVisual-ir ._largeTitle { color: #000; } }

@media only screen and (max-width: 768px) { .mainVisual-ir ._cover + ._content { background: #fff; padding: 0 16px 0px; } }

@media screen and (min-width: 769px), print { .megaNavigation { -webkit-backface-visibility: hidden; backface-visibility: hidden; background: #fff; }
  .megaNavigation > a:after { content: ''; -ms-flex-negative: 0; flex-shrink: 0; display: inline-block; margin-left: 7px; width: 10px; height: 6px; vertical-align: middle; background: url(../img/icon-angle-down_small.png) center top no-repeat; }
  body.theme-mobile .megaNavigation > a { pointer-events: none; }
  .megaNavigation .megaNavigation-container { display: none; overflow: hidden; width: 100%; left: 0; top: 100%; position: absolute; z-index: 100; pointer-events: none; }
  .megaNavigation .megaNavigation-container > div { opacity: 0; }
  .megaNavigation .megaNavigation-container a { display: block; }
  .megaNavigation .megaNavigation-container .megaNavigation-pickup a { display: inline-block; text-align: center; } }

@media screen and (min-width: 769px), print { .megaNavigation.is-opend a:after { background: url(../img/icon-angle-up_small.png) center top no-repeat; }
  .megaNavigation.is-opend .megaNavigation-container { pointer-events: auto; }
  .megaNavigation.is-opend .withMargin-bottom { padding-bottom: 40px; }
  body.theme-mobile .megaNavigation.is-opend .megaNavigation-container { display: block; }
  body.theme-mobile .megaNavigation.is-opend .megaNavigation-container > div { opacity: 1; } }

@media screen and (min-width: 769px), print { .megaNavigation.is-opend { background: #e9f5f4; } }

@media screen and (min-width: 769px), print { .megaNavigation-container { background: #1a2e2c; color: #fff; }
  .megaNavigation-container .row { margin: 0 auto; padding-right: 16px; padding-left: 16px; }
  .megaNavigation-container .row > [class^="col-"], .megaNavigation-container .row [class*=" col-"] { padding-right: 0; padding-left: 0; }
  body.device-safari .megaNavigation-container .row > [class^="col-"], body.theme-mobile .megaNavigation-container .row > [class^="col-"], body.device-safari .megaNavigation-container .row [class*=" col-"], body.theme-mobile .megaNavigation-container .row [class*=" col-"] { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: stretch; align-content: stretch; }
  .megaNavigation-container a { color: #fff; text-decoration: none; }
  .megaNavigation-container .menu-secondLevel .ratiobox-square:after { content: ''; display: block; position: absolute; right: 20px; bottom: 20px; width: 18px; height: 18px; z-index: 10; background: url(../img/icon-angle-right-circle_white.png) center no-repeat; }
  .megaNavigation-container .menu-thirdLevel li + li { margin-top: 16px; }
  .megaNavigation-container .menu-thirdLevel li > ul { margin-top: 16px; }
  .megaNavigation-container .menu-thirdLevel dl dt { margin-bottom: 16px; }
  .megaNavigation-container .menu-thirdLevel dl dd { margin-top: 10px; }
  .megaNavigation-container .menu-thirdLevel ul + dl, .megaNavigation-container .menu-thirdLevel dl + dl { margin-top: 32px; }
  .megaNavigation-container .menu-secondLevel, .megaNavigation-container .menu-thirdLevel, .megaNavigation-container .menu-fourthLevel { margin: 0; padding: 0; height: 100%; line-height: 1.57; }
  body.device-safari .megaNavigation-container .menu-secondLevel, body.theme-mobile .megaNavigation-container .menu-secondLevel, body.device-safari .megaNavigation-container .menu-thirdLevel, body.theme-mobile .megaNavigation-container .menu-thirdLevel, body.device-safari .megaNavigation-container .menu-fourthLevel, body.theme-mobile .megaNavigation-container .menu-fourthLevel { -ms-flex: 1; flex: 1; }
  .megaNavigation-container .menu-secondLevel ul, .megaNavigation-container .menu-secondLevel dl, .megaNavigation-container .menu-thirdLevel ul, .megaNavigation-container .menu-thirdLevel dl, .megaNavigation-container .menu-fourthLevel ul, .megaNavigation-container .menu-fourthLevel dl { margin: 0; padding: 0; list-style: none; }
  .megaNavigation-container .menu-thirdLevel, .megaNavigation-container .menu-fourthLevel { padding: 36px; }
  .megaNavigation-container .menu-thirdLevel .text-width-block, .megaNavigation-container .menu-fourthLevel .text-width-block { margin-top: 1em; }
  .megaNavigation-container .menu-special dd a { display: block; margin-top: 20px; }
  .megaNavigation-container .grid { padding: 0; margin: 0; }
  .megaNavigation-container .hr-gray-medium { margin: 20px 0; } }

.megaNavigation-container > .row { width: 688px; }

@media screen and (min-width: 880px), print { .megaNavigation-container > .row { width: auto; padding-left: 96px; padding-right: 96px; } }

@media screen and (min-width: 1392px), print { .megaNavigation-container > .row { max-width: 1200px; padding-left: 0; padding-right: 0; } }

@media screen and (min-width: 769px), print { .megaNavigation-pickup { padding: 14px 0; }
  .megaNavigation-pickup .row { -ms-flex-pack: center; justify-content: center; }
  .megaNavigation-pickup .row > [class^="col-"], .megaNavigation-pickup .row [class*=" col-"] { padding: 10px; }
  .megaNavigation-pickup img { display: block; margin: 0 auto; padding: 0; } }

.megaNavigation-pickup .row { width: 688px; }

@media screen and (min-width: 880px), print { .megaNavigation-pickup .row { width: auto; padding-left: 96px; padding-right: 96px; } }

@media screen and (min-width: 1392px), print { .megaNavigation-pickup .row { max-width: 1200px; padding-left: 0; padding-right: 0; } }

@media screen and (min-width: 769px), print { .menu-fourthLevel dt { padding-bottom: 16px; }
  .menu-fourthLevel dd { margin: 0; }
  .menu-fourthLevel ul { margin: 0; padding: 0; }
  .menu-fourthLevel ul > li + li { margin-top: 16px; }
  .menu-fourthLevel time { display: block; } }

@media screen and (min-width: 769px), print { .menu-thumbList { list-style: none; }
  .menu-thumbList li { display: -ms-flexbox; display: flex; }
  .menu-thumbList ._thumb { padding-top: 5.33333px; width: 78px; min-width: 78px; }
  .menu-thumbList ._outline { padding-left: 44px; background: url(../img/icon-arrow-right-circle.svg) left 20px top 6px no-repeat; background-size: 12px auto; }
  .menu-thumbList ._outline p { margin: 0.5em 0 0; font-size: 1.2rem; } }

@media screen and (min-width: 769px), print { .menu-newsList { list-style: none; } }

@media screen and (min-width: 769px), print { .menu-semiLevel { margin: 32px 0; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; }
  .megaNavigation-container ._item-12 .menu-semiLevel { margin-right: 32px; }
  .menu-semiLevel > a { width: calc(50% - 16px); } }

.mobileNavigation { position: fixed; width: calc(100% - 52px); height: calc(100% - 3px); z-index: 999; top: 3px; left: 100%; overflow-y: auto; transition: all 0.4s; background: #fff; }

.mobileNavigation.is-opend { left: 52px; }

@media screen and (min-width: 769px), print { .mobileNavigation { display: none; } }

@media screen and (min-width: 769px), print { .modal-trigger { display: block; cursor: pointer; } }

.modal-trigger-movie { position: relative; }

.modal-trigger-movie:before { content: ''; display: block; background: url(../img/icon-play.png) center center no-repeat; position: absolute; width: 100%; height: 100%; left: 0; top: 0; }

.modal-overlay { z-index: 100; display: none; position: fixed; top: 0; left: 0; width: 100%; height: 120%; background-color: rgba(0, 0, 0, 0.8); }

.modal { position: fixed; width: auto; height: auto; display: none; z-index: 200; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

@media only screen and (max-width: 768px) { .modal { width: calc(100% - 64px); } }

@media screen and (min-width: 769px), print { .modal { width: 80%; } }

@media screen and (min-width: 1392px), print { .modal { max-width: 1008px; } }

.modal-close { cursor: pointer; color: #fff; position: absolute; width: 20px; height: 20px; }

@media only screen and (max-width: 768px) { .modal-close { right: 0px; top: -32px; } }

@media screen and (min-width: 769px), print { .modal-close { right: -52px; top: 0; } }

.moreLead-trriger { text-align: center; padding: 40px; cursor: pointer; background: #f5fbfb; width: 100%; }

.moreLead-trriger span { font-weight: 700; font-size: 1.2rem; display: block; padding-top: 0.5em; }

@media only screen and (max-width: 768px) { .moreLead-trriger img { width: 18px; height: auto; } }

@media only screen and (max-width: 768px) { .grid-nogap + .moreLead-trriger { margin-top: 16px; } }

#news-list { background: #fff; }

.newsList-default { position: relative; }

.newsList-default:before { content: ''; display: block; height: 1px; position: absolute; left: 0; background-image: linear-gradient(to right, #adadad, #adadad 1px, transparent 1px, transparent 4px); background-size: 4px 1px; background-repeat: repeat-x; }

.newsList-default:before { top: 0; width: 100%; }

.newsList-default a { text-decoration: none; display: block; color: #3a4140; }

@media screen and (min-width: 769px), print { .newsList-default a:hover dt, .newsList-default a:hover dd { opacity: 0.6; } }

@media screen and (min-width: 769px), print { .newsList-default dt, .newsList-default dd { transition: all 0.3s; } }

.newsList-default dl { margin: 0; background-image: linear-gradient(to right, #adadad, #adadad 1px, transparent 1px, transparent 4px); background-size: 4px 1px; background-position: bottom; background-repeat: repeat-x; display: -ms-flexbox; display: flex; }

@media only screen and (max-width: 768px) { .newsList-default dl { -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 18px 0; } }

@media screen and (min-width: 769px), print { .newsList-default dl { padding: 15px 0 16px; } }

.newsList-default dl ._date { font-weight: normal; -ms-flex-negative: 0; flex-shrink: 0; }

@media only screen and (max-width: 768px) { .newsList-default dl ._date { margin-right: auto; } }

@media screen and (min-width: 769px), print { .newsList-default dl ._date { margin-right: 20px; } }

.newsList-default dl ._date + ._outline { margin-left: 0; }

@media only screen and (max-width: 768px) { .newsList-default dl ._date + ._outline { margin-top: 5px; width: 100%; -ms-flex-order: 3; order: 3; } }

@media screen and (min-width: 769px), print { .newsList-default dl ._date + ._outline { width: 100%; } }

@media only screen and (max-width: 768px) { .newsList-default dl ._outline + ._label { -ms-flex-order: 2; order: 2; } }

@media screen and (min-width: 769px), print { .newsList-default dl ._outline + ._label { margin-left: auto; -ms-flex-negative: 0; flex-shrink: 0; } }

@media screen and (min-width: 769px), print { .newsList-default dl ._date + ._label { -ms-flex-negative: 0; flex-shrink: 0; min-width: 140px; } }

@media only screen and (max-width: 768px) { .newsList-default dl ._label + ._outline { margin-top: 5px; width: 100%; -ms-flex-order: 3; order: 3; margin-left: 0; } }

@media screen and (min-width: 769px), print { .newsList-default dl ._label + ._outline { width: 100%; margin-left: 23px; } }

.newsList-default dl ._outline { background-repeat: no-repeat; background-position: left top 0.4em; }

.newsList-default dl ._outline p { margin: 0; }

@media only screen and (max-width: 768px) { .newsList-default dl ._outline p { display: inline; } }

@media only screen and (max-width: 768px) { .newsList-default dl ._outline { padding-left: 20px; background-image: url(../img/icon-angle-right-circle_sp.png); background-size: 12px auto; }
  .newsList-default dl ._outline:after { clear: both; content: ""; display: block; }
  .newsList-default dl ._outline > ._tag { float: right; } }

@media screen and (min-width: 769px), print { .newsList-default dl ._outline { padding-left: 23px; display: -ms-flexbox; display: flex; background-image: url(../img/icon-angle-right-circle.png); background-size: 14px auto; }
  .newsList-default dl ._outline > ._tag { margin-left: auto; -ms-flex-negative: 0; flex-shrink: 0; padding-left: 1em; }
  .newsList-default dl ._outline > .icon-blank { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; top: -5px; } }

.newsList-default dl ._label [class^="label-"] { padding-left: 1em; padding-right: 1em; }

@media screen and (min-width: 769px), print { .newsList-default dl ._label { height: 26px; } }

.newsList-default ._tag .label-gray + .label-gray { margin-left: 2px; }

.newsList-default.newsList-line dl { -ms-flex-wrap: wrap; flex-wrap: wrap; }

.divisionContents-hide .newsList-default:before { content: none; }

.nextAction { text-align: center; }

@media only screen and (max-width: 768px) { .nextAction { margin: 19px 0 36px; } }

@media screen and (min-width: 769px), print { .nextAction { margin: 34px 0 64px; } }

.nextNavigation { list-style: none; }

.nextNavigation a { color: #3a4140; }

@media only screen and (max-width: 768px) { .nextNavigation a { text-decoration: none; } }

.nextNavigation li + li { position: relative; }

.nextNavigation li + li:before { position: absolute; content: ''; background: #e5e5e5; }

@media only screen and (max-width: 768px) { .nextNavigation { margin: 16px 0 -2px; padding: 0; }
  .nextNavigation li { padding: 8px 0; }
  .nextNavigation li + li:before { width: 3em; height: 1px; left: 50%; top: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } }

@media screen and (min-width: 769px), print { .nextNavigation { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; margin: 18px 0 0; padding: 4px 0 4px; }
  .nextNavigation li { padding: 8px 23px; }
  .nextNavigation li + li:before { width: 1px; height: 1.8em; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } }

@media only screen and (max-width: 768px) { .btn-default + .nextNavigation { margin-top: 10px; } }

@media screen and (min-width: 769px), print { .btn-default + .nextNavigation { margin-top: 18px; } }

.officerIntro { display: table; }

.officerIntro-figure, .officerIntro-text { display: table-cell; vertical-align: middle; }

@media screen and (min-width: 769px), print { .officerIntro-figure { padding-right: 66px; } }

@media only screen and (max-width: 768px) { .officerIntro-figure { padding-right: 8px; } }

.officerIntro-figure > figure { margin: 0; }

@media screen and (min-width: 769px), print { .officerIntro-text { padding-left: 16px; } }

@media only screen and (max-width: 768px) { .officerIntro-text { padding-left: 6px; } }

.officerIntro-position { margin: 0; font-weight: 700; color: #000; }

@media screen and (min-width: 769px), print { .officerIntro-position { font-size: 1.6rem; } }

@media screen and (min-width: 769px), print { .officerIntro-name { font-size: 3.2rem; margin-top: 7px; margin-bottom: -2px; } }

@media only screen and (max-width: 768px) { .officerIntro-name { font-size: 2.0rem; margin-top: 3px; } }

.officerIntro-name ._ruby { display: block; font-weight: 400; }

@media screen and (min-width: 769px), print { .officerIntro-name ._ruby { font-size: 1.4rem; margin-top: 8px; } }

@media only screen and (max-width: 768px) { .officerIntro-name ._ruby { font-size: 1.2rem; margin-top: 4px; } }

.officerList .row .col-lg-6:not(:first-child) { margin-top: 20px; }

@media screen and (min-width: 992px), print { .officerList .row .col-lg-6:not(:first-child) { margin-top: 30px; }
  .officerList .row .col-lg-6:nth-child(2) { margin-top: 0px; } }

.officerList .row .col-lg-6 .officerList-content { height: 100%; padding: 15px 15px 0; display: -ms-flexbox; display: flex; border: 1px solid #dde4e3; background: #f5fbfb; padding: 15px; }

@media screen and (min-width: 992px), print { .officerList .row .col-lg-6 .officerList-content { padding: 35px 39px; height: 100%; } }

.officerList .row .col-lg-6 .officerList-content > .officerList-figure { padding-right: 8px; -ms-flex-preferred-size: 35%; flex-basis: 35%; max-width: 125px; }

@media screen and (min-width: 992px), print { .officerList .row .col-lg-6 .officerList-content > .officerList-figure { padding-right: 16px; } }

.officerList .row .col-lg-6 .officerList-content > .officerList-figure > figure { margin: 0; }

.officerList .row .col-lg-6 .officerList-content > .officerList-figure > figure > img { width: 125px; }

.officerList .row .col-lg-6 .officerList-content > .officerList-text { -ms-flex: 1; flex: 1; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; padding-left: 6px; }

@media screen and (min-width: 992px), print { .officerList .row .col-lg-6 .officerList-content > .officerList-text { padding-left: 16px; height: 100%; } }

.officerList .row .col-lg-6 .officerList-content > .officerList-text .officerList-position { margin: 0; font-weight: 700; color: #000; }

@media screen and (min-width: 992px), print { .officerList .row .col-lg-6 .officerList-content > .officerList-text .officerList-position { font-size: 1.6rem; } }

.officerList .row .col-lg-6 .officerList-content > .officerList-text .officerList-name { font-size: 2.0rem; margin-top: 3px; }

@media screen and (min-width: 992px), print { .officerList .row .col-lg-6 .officerList-content > .officerList-text .officerList-name { font-size: 3.2rem; margin-top: 7px; margin-bottom: 8px; } }

.officerList .row .col-lg-6 .officerList-content > .officerList-text .officerList-name ._ruby { display: block; font-weight: 400; font-size: 1.2rem; margin-top: 4px; }

@media screen and (min-width: 992px), print { .officerList .row .col-lg-6 .officerList-content > .officerList-text .officerList-name ._ruby { font-size: 1.4rem; margin-top: 8px; } }

.officerList .row .col-lg-6 .officerList-content > .officerList-text .officerList-link { margin-top: auto; margin-bottom: 0; text-align: right; }

.pagination-container { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; }

@media only screen and (max-width: 768px) { .pagination-container { -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 32px 0; } }

@media screen and (min-width: 769px), print { .pagination-container { margin: 60px 0 128px; } }

.pagination-container .pagination { margin: 0; padding: 0; }

@media only screen and (max-width: 768px) { .pagination-container .pagination { width: 100%; text-align: center; -ms-flex-order: 0; order: 0; margin-bottom: 20px; } }

@media screen and (min-width: 769px), print { .pagination-container .pagination { margin: 0 16px; } }

.pagination-container .pagination li { padding-left: 0; list-style: none; display: inline-block; text-align: center; }

@media only screen and (max-width: 768px) { .pagination-container .pagination li { height: 32px; width: 32px; line-height: 32px; margin: 0 6px; } }

@media screen and (min-width: 769px), print { .pagination-container .pagination li { height: 36px; width: 36px; text-align: center; line-height: 36px; margin: 0 5px; } }

.pagination-container .pagination li.is-active { background: #000; color: #fff; }

.pagination-container .pagination a { display: block; border: 1px solid #cccccc; background: #fff; color: #3a4140; text-decoration: none; }

.pagination-container .skipToPrevious a, .pagination-container .skipToNext a { color: #3a4140; text-decoration: none; }

@media only screen and (max-width: 768px) { .pagination-container .skipToPrevious, .pagination-container .skipToNext { width: 50%; } }

.pagination-container .skipToPrevious { background: url(../img/icon-pagenation-prev.png) center left no-repeat; padding-left: 15px; }

@media only screen and (max-width: 768px) { .pagination-container .skipToPrevious { -ms-flex-order: 1; order: 1; text-align: left; } }

.pagination-container .skipToNext { background: url(../img/icon-pagenation-next.png) center right no-repeat; padding-right: 15px; }

@media only screen and (max-width: 768px) { .pagination-container .skipToNext { -ms-flex-order: 2; order: 2; text-align: right; } }

.parag-date { text-align: right; margin-top: -6px; }

@media only screen and (max-width: 768px) { .parag-date { margin-bottom: -4px; } }

@media screen and (min-width: 769px), print { .parag-date { margin-bottom: -6px; } }

.parallax-container { position: relative; width: 100%; }

@media only screen and (max-width: 768px) { .parallax-cover { background-size: cover; background-position: center center; background-repeat: no-repeat; position: relative; min-height: 150px; } }

@media screen and (min-width: 769px), print { .parallax-cover { position: relative; min-height: 512px; }
  .parallax-cover.parallax-cover-long { min-height: 512px; }
  body.theme-desktop .parallax-cover { background: transparent !important; } }

.parallax-inner ._content { z-index: 2; }

.parallax-inner ._content .heading-primary { color: #fff; }

.parallax-inner ._content .heading-primary span { border-bottom-color: #fff; }

@media only screen and (max-width: 768px) { .parallax-inner { position: relative; }
  .parallax-inner ._content p { padding: 31px 40px; margin: 0; text-align: center; background: #f5fbfb; }
  .parallax-inner .heading-primary { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; position: relative; margin-top: -150px; margin-bottom: 0; background: rgba(0, 0, 0, 0.2); }
  .parallax-inner .heading-primary:before { content: ''; display: block; padding-top: 150px; }
  @-moz-document url-prefix() { .parallax-inner .heading-primary { display: block; position: relative; }
    .parallax-inner .heading-primary span { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } } }

@media screen and (min-width: 769px), print { .parallax-inner { position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; }
  .parallax-inner:before { content: ''; width: 100%; height: 100%; z-index: 1; background: rgba(0, 0, 0, 0.2); left: 0; top: 0; position: absolute; }
  body.device-ie .parallax-inner:before { background: none !important; }
  .parallax-inner ._content { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #fff; z-index: 2; }
  .parallax-inner .heading-primary { margin: 0; }
  .parallax-inner .heading-primary + p { margin-top: 25px; font-size: 1.6rem; text-align: center; } }

@media only screen and (max-width: 768px) { .parallax-mirror { display: none; } }

@media screen and (min-width: 769px), print { body.device-ie .parallax-mirror { background: #000; }
  body.device-ie .parallax-mirror > img { opacity: 0.8; } }

.presentation { background: #f5fbfb; }

.presentation-visual { background: #ccc; display: -ms-flexbox; display: flex; -ms-flex-pack: end; justify-content: flex-end; background-position: center; background-repeat: no-repeat; background-size: cover; }

@media only screen and (max-width: 768px) { .presentation-visual { padding: 40px 0; } }

@media screen and (min-width: 769px), print { .presentation-visual { padding: 112px 70px; } }

.presentation-visual ._title { background: #fff; }

@media only screen and (max-width: 768px) { .presentation-visual ._title { padding: 18px 16px 20px; }
  .presentation-visual ._title h3 { line-height: 2.6rem; } }

@media screen and (min-width: 769px), print { .presentation-visual ._title { padding: 38px 48px 40px; }
  .presentation-visual ._title h3 { font-size: 2.4rem; line-height: 4.2rem; } }

.presentation-visual ._title h3 { margin: 0; }

.presentation-contents { position: relative; }

.presentation-contents:before { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); content: ''; }

.presentation-contents dl { margin: 0; }

.presentation-contents dl dt { text-align: center; color: #000; font-weight: 700; }

.presentation-contents dl dt span { border: 1px solid #656f6e; }

.presentation-contents dl + dl { border-top: 1px solid #d3dbda; }

@media only screen and (max-width: 768px) { .presentation-contents { padding: 0 16px; }
  .presentation-contents:before { border-right: 16px solid transparent; border-bottom: 16px solid #f5fbfb; border-left: 16px solid transparent; top: -16px; }
  .presentation-contents dl { padding: 32px 0 27px; }
  .presentation-contents dl dt { font-size: 1.6rem; margin-bottom: 18px; }
  .presentation-contents dl dt span { display: inline-block; min-width: 234px; padding: 4px; } }

@media screen and (min-width: 769px), print { .presentation-contents { padding: 38px 70px 34px; }
  .presentation-contents:before { border-right: 14px solid transparent; border-bottom: 14px solid #f5fbfb; border-left: 14px solid transparent; top: -14px; }
  .presentation-contents dl { display: -ms-flexbox; display: flex; width: 100%; padding: 26px 0 28px; }
  .presentation-contents dl dt { width: 25%; -ms-flex-negative: 0; flex-shrink: 0; padding-top: 6px; }
  .presentation-contents dl dt span { display: block; padding: 5px; }
  .presentation-contents dl dd { padding-left: 32px; } }

.projectVoice h3 { margin: 0; }

.projectVoice h3 span { font-size: 0.6em; display: block; padding-bottom: 10px; }

.projectVoice h4 { padding-top: 1rem; color: #000; }

@media only screen and (max-width: 768px) { .projectVoice { padding: 24px 16px; }
  .projectVoice h3 { font-size: 1.6rem; padding: 16px; text-align: center; }
  .projectVoice h3:before { display: block; content: 'SUMITOMO EMPLOYEE'; border-top: 1px solid #000; border-bottom: 1px solid #000; margin-bottom: 16px; padding: 10px; } }

@media screen and (min-width: 769px), print { .projectVoice { padding: 40px; }
  .projectVoice h3 { font-size: 2.0rem; padding: 32px; } }

.projectVoice-custom h3 { margin: 0; }

.projectVoice-custom h4 { padding-top: 1rem; }

.projectVoice-custom figure { margin: 0; }

.projectVoice-custom figure > img { width: 100%; }

.projectVoice-custom > figure { width: 100%; }

@media screen and (min-width: 769px), print { .projectVoice-custom h3 { font-size: 2.0rem; } }

@media only screen and (max-width: 768px) { .projectVoice h4, .projectVoice-custom-col h4 { margin-top: 11px; margin-bottom: 8px; }
  .projectVoice h4 + p, .projectVoice-custom-col h4 + p { margin-top: 0; } }

.projectVoice-custom-container { background: #e6ecec; }

@media only screen and (max-width: 768px) { .projectVoice-custom-container { padding: 8px 16px; } }

@media screen and (min-width: 769px), print { .projectVoice-custom-container { padding: 40px; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } }

.projectVoice-custom-col h4 { color: #000; }

@media only screen and (max-width: 768px) { .projectVoice-custom-col { margin: 16px 0; }
  .projectVoice-custom-col h4 { margin-bottom: 9px; }
  .projectVoice-custom-col p { margin: 0; } }

@media screen and (min-width: 769px), print { .projectVoice-custom-col { position: relative; width: calc(50% - 32px); }
  .projectVoice-custom-col h4 { margin-top: -10px; } }

@media only screen and (max-width: 768px) { .projectVoice-custom-col + .projectVoice-custom-col { margin-top: 19px; margin-bottom: 11px; border-top: 1px solid #d3dada; padding-top: 24px; } }

@media screen and (min-width: 769px), print { .projectVoice-custom-col + .projectVoice-custom-col:before { content: ''; height: 100%; width: 1px; background: #d3dada; position: absolute; left: -32px; top: 0; } }

.projectVoice-heading { text-align: center; color: #000; }

.projectVoice-heading ._catch, .projectVoice-heading ._section { display: block; font-weight: 700; }

.projectVoice-heading ._catch { border-top: 1px solid #000; border-bottom: 1px solid #000; font-size: 1.6rem; letter-spacing: 0.05em; }

@media only screen and (max-width: 768px) { .projectVoice-heading { background: #fff; padding: 16px; }
  .projectVoice-heading ._section { font-size: 1.0rem; margin-top: 12px; }
  .projectVoice-heading ._name { margin-top: 5px; } }

@media screen and (min-width: 769px), print { .projectVoice-heading { background: rgba(255, 255, 255, 0.85); padding: 32px; position: absolute; bottom: calc(100% + 80px); width: 100%; }
  .projectVoice-heading ._catch { padding: 0.2em; }
  .projectVoice-heading ._section { font-size: 1.2rem; margin: 18px 0 8px; }
  .projectVoice-heading ._name { margin: 0; } }

.questionTitle { display: block; position: relative; }

@media only screen and (max-width: 768px) { .questionTitle { padding-left: 31px; } }

@media screen and (min-width: 769px), print { .questionTitle { padding-left: 42px; } }

.questionTitle:before { content: 'Q'; color: #fff; background: #000; display: inline-block; text-align: center; position: absolute; left: 0; }

@media only screen and (max-width: 768px) { .questionTitle:before { width: 22px; height: 22px; border-radius: 11px; line-height: 20px; } }

@media screen and (min-width: 769px), print { .questionTitle:before { width: 26px; height: 26px; border-radius: 13px; line-height: 24px; } }

[class^="ratiobox-"] { position: relative; overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; width: 100.5%; display: block; }

@media only screen and (max-width: 768px) { .megaNavigation-container [class^="ratiobox-"] { width: 100%; } }

[class^="ratiobox-"]:before { content: ""; display: block; }

[class^="ratiobox-"] > * { position: absolute; }

[class^="ratiobox-"] ._cover { width: 102%; height: 102%; left: -1%; top: -1%; overflow: hidden; background: #000; }

[class^="ratiobox-"] ._cover img { position: absolute; width: auto; height: auto; min-width: 102%; min-height: 102%; left: 51%; top: 51%; -webkit-transform: translate(-51%, -51%); transform: translate(-51%, -51%); transition: all 0.5s; }

[class^="ratiobox-"] ._title { width: 100%; height: 100%; left: 0; top: 0; overflow: hidden; text-align: center; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: distribute; justify-content: space-around; z-index: 51; color: #fff; padding: 16px; }

.brandingNavigation [class^="ratiobox-"] ._title { -ms-flex-pack: center; justify-content: center; }

.megaNavigation-pickup [class^="ratiobox-"] ._title { padding: 10px; }

@media screen and (min-width: 769px), print { .megaNavigation [class^="ratiobox-"] ._title { -ms-flex-pack: center; justify-content: center; } }

[class^="ratiobox-"] ._title ._headline { font-weight: 500; font-size: 1.6rem; margin-bottom: 16px; line-height: 1.34; }

.ir-directoryNavigation [class^="ratiobox-"] ._title ._headline { margin: 0; }

@media only screen and (max-width: 768px) { [class^="ratiobox-"] ._title ._headline { font-size: 1.6rem; margin: 0; } }

@media screen and (min-width: 769px), print { [class^="ratiobox-"] ._title ._headline { font-size: 2.0rem; } }

@media only screen and (max-width: 768px) { .megaNavigation .menu-secondLevel [class^="ratiobox-"] ._title ._headline { font-size: 1.2rem; } }

@media screen and (min-width: 769px), print { .megaNavigation .menu-secondLevel [class^="ratiobox-"] ._title ._headline { font-size: 2.2rem; margin-bottom: 0; } }

@media only screen and (max-width: 768px) { .brandingNavigation [class^="ratiobox-"] ._title ._headline { font-size: 1.6rem; } }

@media screen and (min-width: 769px), print { .brandingNavigation [class^="ratiobox-"] ._title ._headline { font-size: 2.0rem; margin-bottom: 2.0rem; } }

@media screen and (min-width: 769px), print { .megaNavigation-pickup [class^="ratiobox-"] ._title ._headline { margin-bottom: 0; font-size: 1.4rem; } }

[class^="ratiobox-"] ._title dd { margin-left: 0; font-size: 1.2rem; display: inline-block; }

[class^="ratiobox-"] ._title-middle { -ms-flex-pack: center; justify-content: center; }

.ratiobox-default:before { padding-top: 75%; }

.ratiobox-square:before { padding-top: 100%; }

.ratiobox-wide:before { padding-top: 56.25%; }

.ratiobox-wider:before { padding-top: 50%; }

.ratiobox-ultrawide:before { padding-top: 37.2395%; }

.ratiobox-thin:before { padding-top: 26.6%; }

@media screen and (min-width: 769px), print { .ratiobox-md-default:before { padding-top: 75%; } }

@media screen and (min-width: 769px), print { .ratiobox-md-square:before { padding-top: 100%; } }

@media screen and (min-width: 769px), print { .ratiobox-md-wide:before { padding-top: 56.9%; } }

@media screen and (min-width: 769px), print { .ratiobox-md-wider:before { padding-top: 50%; } }

@media screen and (min-width: 769px), print { .ratiobox-md-thin:before { padding-top: 23%; } }

.relatedInformation.frame-primary ._content a[target="_blank"]:after { content: ''; background-size: cover; background-repeat: no-repeat; background-position: center; display: inline-block; vertical-align: middle; position: relative; top: -0.1em; margin-left: 0.8rem; width: 10px; height: 9px; line-height: 1; }

@media only screen and (max-width: 768px) { .relatedInformation.frame-primary ._content a[target="_blank"]:after { background-image: url(../img/icon-blank_sp.png); } }

@media screen and (min-width: 769px), print { .relatedInformation.frame-primary ._content a[target="_blank"]:after { background-image: url(../img/icon-blank.png); } }

.relationLink { text-decoration: none; display: block; }

@media only screen and (max-width: 768px) { .relationLink { margin-bottom: 25px; }
  .relationLink.relationLink-special { margin-bottom: 20px; } }

@media screen and (min-width: 769px), print { .relationLink { margin-bottom: 54px; }
  .relationLink.relationLink-special { margin-bottom: 34px; } }

.relationLink ._image, .relationLink ._symbol { position: relative; }

.relationLink ._image img, .relationLink ._symbol img { transition: all 0.3s; }

.relationLink ._image [class*="label"], .relationLink ._symbol [class*="label"] { position: absolute; top: 0; left: 0; }

.relationLink:not(.relationLink-special) ._image:not(._image-wide) { padding-top: 56.25%; overflow: hidden; }

.relationLink:not(.relationLink-special) ._image:not(._image-wide) img { -webkit-backface-visibility: hidden; backface-visibility: hidden; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); object-fit: cover; font-family: 'object-fit: cover; object-position: center center;'; }

body.device-ie .relationLink:not(.relationLink-special) ._image:not(._image-wide) img.trimming-vertical { width: 100%; height: auto; }

body.device-ie .relationLink:not(.relationLink-special) ._image:not(._image-wide) img.trimming-wide { width: auto; height: 100%; max-width: none; }

body:not(.device-ie) .relationLink:not(.relationLink-special) ._image:not(._image-wide) img { min-width: 100%; min-height: 100%; }

.relationLink ._image-wide { position: relative; overflow: hidden; width: 100%; }

.relationLink ._image-wide:before { content: ''; display: block; padding-top: 26.491%; }

.relationLink ._image-wide img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.relationLink ._symbol { position: relative; overflow: hidden; width: 100%; background: #fff; border: 1px solid #e5e5e5; }

.relationLink ._symbol:before { content: ''; display: block; }

@media only screen and (max-width: 768px) { .relationLink ._symbol:before { padding-top: 56.25%; } }

@media screen and (min-width: 769px), print { .relationLink ._symbol:before { padding-top: 55.926%; } }

.relationLink ._symbol img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.relationLink ._symbol._symbol-mail img { max-height: 40%; }

.relationLink ._symbol._symbol-file img { max-height: 50.8%; }

.relationLink ._title { color: #000; padding-left: 22px; letter-spacing: 0.05em; line-height: 1.66; transition: all 0.3s; font-weight: 500; margin-bottom: 0; background-repeat: no-repeat; }

@media only screen and (max-width: 768px) { .relationLink ._title { margin-top: 12px; background-size: 12px; background-position: left top 5px; background-image: url(../img/icon-angle-right-circle_sp.png); } }

@media screen and (min-width: 769px), print { .relationLink ._title { margin-top: 18px; background-size: 14px; background-position: left top 7px; background-image: url(../img/icon-angle-right-circle.png); } }

.specialContents .relationLink ._title { color: #fff; }

@media only screen and (max-width: 768px) { .specialContents .relationLink ._title { font-size: 1.2rem; background-position: left top 3px; background-image: url(../img/icon-angle-right-circle_inverse_sp.png); } }

@media screen and (min-width: 769px), print { .specialContents .relationLink ._title { font-size: 1.4rem; background-position: left top 5px; background-image: url(../img/icon-angle-right-circle_inverse.png); } }

.relationLink ._outline { color: #3a4140; }

.relationLink ._outline .link-angle-arrow-right { color: #000; }

@media only screen and (max-width: 768px) { .relationLink ._outline p { margin-bottom: 0; } }

@media screen and (min-width: 769px), print { .relationLink ._outline p { margin-bottom: 0; } }

@media only screen and (max-width: 768px) { .relationLink ._title + ._outline p { margin-top: 5px; } }

@media screen and (min-width: 769px), print { .relationLink ._title + ._outline p { margin-top: 10px; } }

@media only screen and (max-width: 768px) { .relationLink ._image + ._outline p { margin-top: 10px; } }

@media screen and (min-width: 769px), print { .relationLink ._image + ._outline p { margin-top: 18px; } }

.relationLink[target="_blank"] ._title:after { content: ''; background-size: cover; background-repeat: no-repeat; background-position: center; display: inline-block; position: relative; top: -0.1em; margin-left: 0.8rem; width: 10px; height: 9px; line-height: 1; }

@media only screen and (max-width: 768px) { .relationLink[target="_blank"] ._title:after { background-image: url(../img/icon-blank_sp.png); } }

/*@media screen and (min-width: 769px), print { .relationLink[target="_blank"] ._title:after { background-image: url(../img/icon-blank.png); } }*/

.relationLink-section-top ._outline { padding-left: 22px; }

.relationLink-news { font-weight: bold; }

.relationLink-news > ._date { margin-top: 24px; color: #000; }

@media only screen and (max-width: 768px) { .relationLink-news > ._date { margin-top: 10px; } }

.relationLink-news > ._outline p { color: #000; letter-spacing: 0.05em; line-height: 1.66; font-weight: 500; font-size: 1.15em; margin: 0; display: -webkit-box; /* autoprefixer: off */ -webkit-box-orient: vertical; /* autoprefixer: on */ -webkit-line-clamp: 4; overflow: hidden; }

@media only screen and (max-width: 768px) { .relationLink-news > ._outline p { font-size: 1.3rem; -webkit-line-clamp: 6; } }

@media only screen and (max-width: 768px) { .replaceNavigation { padding-top: 3px; } }

@media screen and (min-width: 769px), print { .replaceNavigation { display: -ms-flexbox; display: flex; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-align: cneter; align-items: cneter; } }

.search-resultFilter-table table { width: 100%; border-top: 1px solid #e5e5e5; text-align: left; margin: 0; }

.search-resultFilter-table table tr { border-bottom: 1px solid #e5e5e5; }

.search-resultFilter-table table th, .search-resultFilter-table table td { border: 0; vertical-align: top; }

@media only screen and (max-width: 768px) { .search-resultFilter-table table th, .search-resultFilter-table table td { padding: 18px 0 14px; } }

@media screen and (min-width: 769px), print { .search-resultFilter-table table th, .search-resultFilter-table table td { padding: 18px 0 20px; } }

.search-resultFilter-table table th { width: 9em; color: #000; }

.search-resultFilter-table table td .custom-checkbox, .search-resultFilter-table table td .custom-radio { display: inline-block; }

@media only screen and (max-width: 768px) { .search-resultFilter-table table td .custom-checkbox, .search-resultFilter-table table td .custom-radio { margin-bottom: 5px; margin-right: 1em; } }

@media screen and (min-width: 769px), print { .search-resultFilter-table table td .custom-checkbox, .search-resultFilter-table table td .custom-radio { margin-right: 20px; } }

.search-resultFilter-input { margin: 24px 0; display: -ms-flexbox; display: flex; -ms-flex-pack: end; justify-content: flex-end; }

.search-resultFilter .search-resultFilter-input { -ms-flex-pack: start; justify-content: flex-start; }

.search-resultFilter-input input[type="text"] { border: 1px solid #d9d9d9; padding: 0 16px; box-shadow: inset 0.5px 0.866px 3px 0px rgba(5, 1, 2, 0.25); }

@media only screen and (max-width: 768px) { .search-resultFilter-input input[type="text"] { width: calc(100% - 71px); } }

@media screen and (min-width: 769px), print { .search-resultFilter-input input[type="text"] { min-width: 460px; } }

.search-resultFilter-input .btn-default { padding-top: 0; padding-bottom: 0; cursor: pointer; margin-left: 16px; }

@media only screen and (max-width: 768px) { .search-resultFilter-input .btn-default { width: 71px; padding: 0; } }

.search-resultFilter-input input[type="text"], .search-resultFilter-input button { height: 46px; line-height: 46px; }

@media only screen and (max-width: 768px) { .search-resultHeader { margin-top: 35px; margin-bottom: 27px; } }

@media screen and (min-width: 769px), print { .search-resultHeader { margin-top: 60px; margin-bottom: 35px; } }

.search-resultHeader h2 { color: #3a4140; margin: 0; }

@media only screen and (max-width: 768px) { .search-resultHeader h2 { font-size: 1.6rem; } }

@media screen and (min-width: 769px), print { .search-resultHeader h2 { font-size: 2.0rem; display: inline-block; } }

.search-resultNumber ._all { margin-right: 4px; }

.search-resultNumber ._now { margin: 0 4px; }

@media only screen and (max-width: 768px) { .search-resultNumber { margin-top: 8px; } }

@media screen and (min-width: 769px), print { .search-resultNumber { display: inline-block; margin: 0 0 0 1em; } }

.search-resultHref { display: block; word-break: break-all; word-wrap: break-word; }

.search-resultHref a { color: #0b727d; text-decoration: underline; word-break: break-all; word-wrap: break-word; }

.search-resultBody { position: relative; }

.search-resultBody ul { margin: 32px 0 0; padding: 0; }

.search-resultBody ul li { padding-left: 0; list-style: none; position: relative; }

.search-resultBody ul li:before { content: ''; display: block; width: 100%; height: 1px; position: absolute; top: 0; left: 0; background-image: linear-gradient(to right, #b2b2b2, #b2b2b2 1px, transparent 1px, transparent 3px); background-size: 4px 1px; background-repeat: repeat-x; }

.search-resultBody ul li > .general-information { padding: 33px 0 32px; }

.search-resultBody ul li > .general-information p { margin-bottom: -4px; }

.search-resultBody ul:after { content: ''; display: block; width: 100%; height: 1px; position: absolute; bottom: 0; left: 0; background-image: linear-gradient(to right, #b2b2b2, #b2b2b2 1px, transparent 1px, transparent 3px); background-size: 4px 1px; background-repeat: repeat-x; }

.search-resultBody-notFond { margin-top: 0; }

@media only screen and (max-width: 768px) { .search-resultBody-notFond { margin-bottom: 60px; } }

@media screen and (min-width: 769px), print { .search-resultBody-notFond { margin-bottom: 122px; } }

#ss-main { margin: 0 0 24px; }

#ss-main .ss-categories .ss-category-field { border: none; padding: 0; }

#ss-main input[type="text"] { border: 1px solid #d9d9d9; padding: 0 16px; box-shadow: inset 0.5px 0.866px 3px 0px rgba(5, 1, 2, 0.25); margin: 0 0 24px; height: 46px; line-height: 46px; }

@media only screen and (max-width: 768px) { #ss-main input[type="text"] { width: calc(100% - 83px); font-size: 1.6rem; } }

@media screen and (min-width: 769px), print { #ss-main input[type="text"] { min-width: 460px; } }

#ss-main .ss-search-button { cursor: pointer; margin-left: 16px; background-color: #000; color: #fff; height: 46px; line-height: 46px; padding: 0 32px; }

@media only screen and (max-width: 768px) { #ss-main .ss-search-button { width: 71px; margin-left: 12px; padding: 0; } }

#ss-content #ss-navi { border-top: 1px solid #e5e5e5; padding: 24px 0 64px; position: relative; }

@media only screen and (max-width: 768px) { #ss-content #ss-navi { padding: 24px 0 88px; } }

#ss-content #ss-navi .ss-navi-left #ss-query-string { font-size: 2.0rem; margin: 0 24px 0 0; font-weight: 700; }

@media only screen and (max-width: 768px) { #ss-content #ss-navi .ss-navi-left #ss-query-string { font-size: 1.6rem; display: block; margin: 0 0 10px 0; } }

#ss-content #ss-navi .ss-navi-right { min-width: 100px; display: inline-block; margin: 0; float: none; position: absolute; right: 0; bottom: 15px; }

#ss-content #ss-navi .ss-navi-right > span { display: inline-block; font-size: 16px; padding: 5px 15px 8px 15px; border-radius: 3px; position: relative; text-decoration: underline; }

#ss-content #ss-navi .ss-navi-right > span:hover { text-decoration: none; cursor: pointer; }

#ss-content #ss-navi .ss-navi-right > span.selected { background-color: #e9f5f4; text-decoration: none; font-weight: bold; }

#ss-content #ss-navi .ss-navi-right > span.selected:hover { background-color: #d7edeb; }

#ss-content #ss-navi .ss-navi-right > span:nth-child(2) { margin-left: 10px; }

#ss-content #ss-navi .ss-navi-right > span:nth-child(2):before { content: ''; width: 1px; height: 24px; background-color: #d2d2d2; position: absolute; left: -6px; top: 16%; }

#ss-content #ss-result { position: relative; margin: 0 0 40px; }

#ss-content #ss-result .ss-item { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; margin-left: -16px; margin-right: -16px; }

#ss-content #ss-result .ss-item:after { content: ''; display: block; width: calc( 100% - 32px); height: 1px; position: absolute; bottom: 0; left: 16px; background-image: linear-gradient(to right, #b2b2b2, #b2b2b2 1px, transparent 1px, transparent 3px); background-size: 4px 1px; background-repeat: repeat-x; }

#ss-content #ss-result .ss-item:first-child:before { content: ''; display: block; width: calc( 100% - 32px); height: 1px; position: absolute; top: 0; left: 16px; background-image: linear-gradient(to right, #b2b2b2, #b2b2b2 1px, transparent 1px, transparent 3px); background-size: 4px 1px; background-repeat: repeat-x; }

#ss-content #ss-result .ss-item .ss-image { width: 25%; padding-left: 16px; padding-right: 16px; }

#ss-content #ss-result .ss-item .ss-page { width: 75%; padding-left: 16px; padding-right: 16px; }

#ss-content #ss-result .ss-item .ss-page .ss-title { margin: 0 0 10px; font-size: 1.6rem; line-height: 1.615; }

@media only screen and (max-width: 768px) { #ss-content #ss-result .ss-item .ss-page .ss-title { font-size: 1.3rem; } }

#ss-content #ss-result .ss-item .ss-page .ss-title .ss-content-length { font-weight: 400; }

#ss-content #ss-result .ss-item > div { padding: 33px 0 32px; }

#ss-content #ss-result .ss-item > div p { margin-bottom: -4px; }

#ss-content #ss-result #ss-not-found #ss-hint { margin: 40px 0 0; }

@media only screen and (max-width: 768px) { #ss-content #ss-result #ss-not-found #ss-hint { margin: 10px 0 0; } }

#ss-content #ss-result #ss-not-found #ss-hint-message { counter-reset: i; list-style-type: none; padding-left: 0; }

#ss-content #ss-result #ss-not-found #ss-hint-message li { padding-left: 1.3em; position: relative; }

#ss-content #ss-result #ss-not-found #ss-hint-message li:before { content: "\2022"; color: #3a4140; counter-increment: i; display: inline-block; margin-right: -0.3em; position: absolute; left: 0; text-decoration: none; white-space: nowrap; }

#ss-content #ss-result .ss-pagination { margin: 50px 0 80px; text-align: center; }

@media only screen and (max-width: 768px) { #ss-content #ss-result .ss-pagination { margin: 30px 0 36px; padding: 0 0 45px; position: relative; } }

#ss-content #ss-result .ss-pagination .ss-page-prev { background: url(../img/icon-pagenation-prev.png) no-repeat left center; padding: 0 0 0 15px; font-size: 1.2rem; vertical-align: middle; cursor: pointer; margin: 0 20px 0 0; transition: all .3s; }

@media only screen and (max-width: 768px) { #ss-content #ss-result .ss-pagination .ss-page-prev { padding: 0 0 0 15px; opacity: 1; position: absolute; left: 0; bottom: 0; text-align: left; } }

@media screen and (min-width: 769px), print { #ss-content #ss-result .ss-pagination .ss-page-prev:hover { opacity: 0.6; } }

#ss-content #ss-result .ss-pagination .ss-page-next { background: url(../img/icon-pagenation-next.png) no-repeat right center; padding: 0 15px 0 0; font-size: 1.2rem; vertical-align: middle; cursor: pointer; margin: 0 0 0 20px; transition: all .3s; }

@media only screen and (max-width: 768px) { #ss-content #ss-result .ss-pagination .ss-page-next { opacity: 1; padding: 0 15px 0 0; position: absolute; right: 0; bottom: 0; text-align: right; } }

@media screen and (min-width: 769px), print { #ss-content #ss-result .ss-pagination .ss-page-next:hover { opacity: 0.6; } }

#ss-content #ss-result .ss-pagination .ss-page { display: inline-block; font-size: 1.2rem; border: 1px solid #cccccc; background: #fff; color: #3a4140; text-decoration: none; width: 35px; height: 35px; line-height: 33px; margin: 0 5px; cursor: pointer; text-align: center; vertical-align: middle; transition: all .3s; }

@media screen and (min-width: 769px), print { #ss-content #ss-result .ss-pagination .ss-page:hover { background: #000; color: #fff; } }

#ss-content #ss-result .ss-pagination .ss-page.ss-select-page { background: #000; color: #fff; }

/* === Preview === */
div#ss-preview { position: absolute; z-index: 100; width: 436px; height: 336px; background: url(data:image/gif;base64,R0lGODlhtAFQAdUAAP////7+/v39/fz8/Pv7+/r6+vn5+fj4+Pf39/b29vX19fT09PLy8vHx8fDw8O/v7+7u7u3t7ezs7Ovr6+rq6unp6ejo6Ofn5+Xl5eTk5OPj4+Li4uHh4eDg4N/f397e3tzc3Nvb29ra2tfX19XV1dTU1NPT09LS0tHR0dDQ0M/Pz87Ozs3NzczMzP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEHAC4ALAAAAAC0AVABAAb/QJdwqPCYVq2kcslsOp/QqHRKrVqv2Kx2y+16v+CweBxloTqJoXqIACFZLLJ8Tq/b7/i8fs9nrj4Ga0IRKS0sJBkLAgCMjY6PkJGSk5SVlpeYmZqbnJ2en6ChoqOkpaaTCRonSSUNaw5IKBKLp7W2t7i5uru8vb6/jwIVKC0rEEMHqyUHwM3Oz9DR0tPUnQsmLScHQiItKAnV4eLj5OXm5QmFHy4LcRPn8PHy8/T1khQsKwke2QH2/wADChx4SgA2DcQwEFzIsKFDghwOxQH3sKLFixifPWChIknGjyBDivxkIJ/HkShTqhQZAM7JlTBjyhTossXMmzhzkqups6fP/5+9eAIdSrToJ6FGkypd6ggp06dQfTqNSrXqyqlWs2rFiHWr168Du4IdSzae2LJo01I7q7atW19s38qdeyou3bt4O9nNy7fvpL1+AwcGLLgwXsKGE79FrLgxWsaOI3+FLLmyVcqWMz/FrLmzUc6eQ/8ELbo0TtKmU8NErbr1SNauY2eELbv2Q9q2cxPErbv3P96+g8sDLrx4OeLGk1dDrrw5NObOo/+CLr26LurWs9fCrr37KO7ew3sCL758JvLm01NCr779I/bu48OP334+/fT275fPrz88//7d/QdgdgIOWF2BBkaHYILNLchgcg4+WFyEEgZHYYW9XYhhbhpuWP9bhx7GBmKIrY1IYmomnlhaiiqGxmKLnb0IY2YyzlhZjTZGhmOOje3IY2I+/lhYkEIOFodNRUpIZJJ8LcnkYUc+yaCTUs5FZZWLRYklgFduqVaXXj6mZZj0gUnmWGaeOdmYaqqXZptavQnnZWzOKZ6cdkaFZ56b1cmndnv+qVSggn7mZ6HSEYroUIouOtqhjirXaKQ6TUrpaZBeKpylmsrEaaerZQqqbp+OmlKppr4maqqyocoqSK6+OtuqsqoWa60W3YrrbbTuKpquvjIEbLC79UqsZsMeG1Cyyv5mbLOSMQstPdJOO9yz1ipWbbbnbMvtcdh+K5i34opDbrnLhYv/bpPqrgvlS+5G2268Vs5Lb5bw3qutvfp+yW+/YuYL8Lj/DoxmwQavKXDC7C7M8LtIPuzXuRLnQnHFt1yM8XYIb6xnxx736XDI/o5McsARn4xvyiq3pXHLoLwM83ggz8xozTY/anLOceLMc6U+/4zpzkJTJXPRlhyN9HpBLx0q0U4vpXTUkExNdVNNX60q1FoTZXXXX2sd9tVjU1121Gc7nfbSayPddtFvCx33z3PzXHfOd9uc98x7w9x3y3+rHPjJg5NceMiHe5z4xotj3HjFj0sc+cOTM1x5wpcbnPnAmwPceb+f6xv6vaPTW3q8p7ub+rqro9t6ua+LG/u3s3Nb/3u2t1ub+7S7Q9t7s78rG/yxwxNbfLDH+5r8rsvj2nytz8sa/avTs1p9qtebmv2o24Pafaffaxr+peNTWn6k5zua/qLrI9p+oe8LGv+f8/NZf57325n/nPvD2X+b/1NTAM80QDIVMEwH9FICt7RALDWwSg+UUgSfNEEmVTBJFyxSBoW0wR91kEcfzFEIbTTCGZUQRidsUQpVtMITtZBELwxRDD00ww3VEEM3rFAOlZS1rsGqhz6cFdeCKBUgEjFXRjwir4aoxKGxrIlF2eGDpDilJEJxIVRMUBYNtMUBdZFLVrxiWMIoxmWRsYzOYiIaVfLF/rRRP2+8TxzLdMY1Utmrjna8lhrzKJI5ygePfOwWIAMJrj0SUohPPGRM/OgeRtZnkIoMhyPdBMlIrqWSlpTGJPFzJH9kEiYEgEMcFvBJmECAI9jYQClX4gEWjIADLTABLVY5EmJcQAErYAEFaDkSCxgiECHIhgJ4CZJ2tKADQkhACbJBEWJaRAHLRIEaHBCHFFhgAM58CAaQcIIFrKEB2GDBCTrggAJ4Mpv2KAAEOkCMWDJAEC5AgAc60od62vOe+MynPvfJzyuwAJnwZIMGSKCCI/XzoAhNqEIXytA+cIQEGNjGGoIAADs=) no-repeat 0 0; display: none; }

div#ss-preview div#ss-preview-container { width: 407px; height: 307px; margin: 16px 0px 0px 16px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZcAAAEzCAMAAADKNb7HAAAAA3NCSVQICAjb4U/gAAAAeFBMVEX////+/v79/f38/Pz7+/v6+vr5+fn39/f29vb19fX09PTz8/Py8vLw8PDv7+/u7u7t7e3r6+vp6eno6Ojm5ubl5eXk5OTj4+Pf39/d3d3c3Nza2trZ2dnX19fT09PR0dHPz8/Nzc3KysrJycnIyMjHx8fExMTCwsKd9hHRAAAACXBIWXMAAAsSAAALEgHS3X78AAAAFnRFWHRDcmVhdGlvbiBUaW1lADA0LzEwLzA42Sli8QAAAB90RVh0U29mdHdhcmUATWFjcm9tZWRpYSBGaXJld29ya3MgOLVo0ngAAAObSURBVHic7dFddpkLAEBRCfEhfiK0RItqm3T+M7z32QSch71HcNY6oxEpL5PJ+Pnp6dEZ3JnPhun/Zx6dwZ3NarkYXsaPzuDOfrddvw6TR2dw53Q8vK/n00dncOdy/jhsl8OjM7hzu56Pu9Xs0Rnc+bxdTvvN/NEZ3Pn6c/3x/c2Xmn9/f/08vC0encEdX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5p8afKlyZcmX5q+/lx/fH+bj17mm/3pcvv8+kfA1+ftctpv5qPJbLU7nq+3338J+H27no+71Ww0GZbbw8f5cv1FwPVy/jhsl8NoPJ2v3w/H008STsfD+3o+HT1Phtf1drf/diDg2363Xb8Ok9HT+GVYLFebNxI2q+VieBmPnp7Hk+kwmy9ImM+G6WT8/B+x7fT23apjWgAAAABJRU5ErkJggg==) no-repeat 0 0; }

div#ss-preview img#ss-preview-image { border: 1px solid #CCCCCC; }

#ss-result .ss-title a:not([href*=".pdf%"]) .icon-pdf { display: none; }

#ss-form .ss-categories { border-bottom: 1px solid #e5e5e5; display: table; width: 100%; }

#ss-form .ss-categories:first-of-type { border-top: 1px solid #e5e5e5; }

#ss-form .ss-categories:last-of-type { margin-bottom: 24px; }

#ss-form .ss-categories-title, #ss-form .ss-categories-select { display: table-cell; }

@media only screen and (max-width: 768px) { #ss-form .ss-categories-title, #ss-form .ss-categories-select { padding: 18px 0; } }

@media screen and (min-width: 769px), print { #ss-form .ss-categories-title, #ss-form .ss-categories-select { padding: 18px 0 20px; } }

#ss-form .ss-categories-title { width: 9em; color: #000; font-weight: 700; }

@media only screen and (max-width: 768px) { #ss-form .ss-categories-select { font-size: 1.2rem; line-height: 2; } }

@media screen and (min-width: 769px), print { #ss-form .ss-categories-select { font-size: 1.4rem; } }

#ss-form .ss-categories-select input, #ss-form .ss-categories-select label { cursor: pointer; }

@media only screen and (max-width: 768px) { #ss-form .ss-categories-select label { margin-right: 1em; } }

@media screen and (min-width: 769px), print { #ss-form .ss-categories-select label { margin-right: 20px; } }

.search-window { display: -ms-flexbox; display: flex; }

@media screen and (min-width: 769px), print { .search-window { margin-top: 10px; } }

@media only screen and (max-width: 768px) { .search-window { margin-top: 12px; margin-bottom: 6px; } }

.search-window input[type="text"] { border: 1px solid #d9d9d9; padding: 0 16px; box-shadow: inset 0.5px 0.866px 3px 0px rgba(5, 1, 2, 0.25); height: 46px; line-height: 46px; width: 100%; }

@media only screen and (max-width: 768px) { .search-window input[type="text"] { font-size: 1.6rem; } }

.search-window button[type="submit"] { cursor: pointer; margin-left: 16px; background-color: #000; color: #fff; height: 46px; line-height: 46px; padding: 0 32px; -ms-flex-negative: 0; flex-shrink: 0; }

@media only screen and (max-width: 768px) { .search-window button[type="submit"] { margin-left: 12px; padding: 0 24px; } }

.searchNavigation form { position: relative; }

.searchNavigation form > * { position: absolute; }

.searchNavigation .siteSearch-button { background: url(../img/icon-search_sp.png) center no-repeat; background-size: 18px auto; width: 53px; top: 0; text-indent: -9999px; }

.searchNavigation .siteSearch-input { top: 0; z-index: 2; outline: none; }

.searchNavigation .siteSearch-placeholder { top: 0; z-index: 1; display: none; }

body.device-ie .searchNavigation .siteSearch-placeholder.is-show { display: block; }

@media only screen and (max-width: 768px) { .searchNavigation { height: 54px; border-bottom: 1px solid #e5e5e5; }
  .searchNavigation .siteSearch-input { height: 53px; width: 100%; left: 0; padding-left: 16px; font-size: 1.6rem; -webkit-transform-origin: left center; transform-origin: left center; -webkit-transform: scale(0.8); transform: scale(0.8); display: block; }
  .searchNavigation .siteSearch-button { height: 53px; right: 0; }
  .searchNavigation .siteSearch-placeholder { left: 16px; line-height: 53px; } }

@media screen and (min-width: 769px), print { .searchNavigation { background: #e6f3f2; width: 100%; height: 0; overflow: hidden; transition: all 0.4s ease; z-index: 1; }
  .searchNavigation.is-show { height: 73px; overflow: visible; }
  .searchNavigation form { background: #fff; border: 1px solid #d9d9d9; padding-left: 54px; height: 40px; }
  .searchNavigation .siteSearch-input { left: 54px; height: 38px; width: calc(100% - 54px); }
  .searchNavigation .siteSearch-button { left: 0; cursor: pointer; transition: opacity .3s; height: 40px; }
  .searchNavigation .siteSearch-button:hover { opacity: 0.6; }
  .searchNavigation .siteSearch-placeholder { left: 54px; line-height: 38px; }
  .searchNavigation .searchNavigation-inner { width: 100%; padding-top: 16px; padding-bottom: 16px; border-top: 1px solid #d9d9d9; }
  .l-navigation.is-thin .searchNavigation { position: absolute; bottom: 0; z-index: 0; } }

#siteSearch-placeholder.is-show { display: block; }

#ss-query1::-webkit-input-placeholder-shown, #ss-query1::-webkit-input-placeholder { color: #3a4140; opacity: 1; }

#ss-query1::placeholder-shown, #ss-query1::-webkit-input-placeholder { color: #3a4140; opacity: 1; }

#ss-query1:-moz-placeholder, #ss-query1::-moz-placeholder { opacity: 1; }

body.device-ie #ss-query1:-ms-input-placeholder { opacity: 0; }

.selectBox { min-width: 210px; background: #e6ecec; position: relative; }

@media only screen and (max-width: 768px) { .selectBox { height: 48px; font-size: 1.5rem; } }

@media screen and (min-width: 769px), print { .selectBox { height: 40px; } }

.selectBox .selectBox-trigger { display: block; position: relative; padding-left: 1em; cursor: pointer; }

@media only screen and (max-width: 768px) { .selectBox .selectBox-trigger { line-height: 48px; } }

@media screen and (min-width: 769px), print { .selectBox .selectBox-trigger { line-height: 40px; } }

.selectBox .selectBox-trigger:before, .selectBox .selectBox-trigger:after { position: absolute; content: ''; z-index: 0; }

.selectBox .selectBox-trigger:before { top: 0; right: 0; background: #000; }

@media only screen and (max-width: 768px) { .selectBox .selectBox-trigger:before { width: 48px; height: 48px; } }

@media screen and (min-width: 769px), print { .selectBox .selectBox-trigger:before { width: 40px; height: 40px; } }

.selectBox .selectBox-trigger:after { width: 0; height: 0; }

@media only screen and (max-width: 768px) { .selectBox .selectBox-trigger:after { top: 21px; right: 19px; border: 5px solid transparent; border-top: 5px solid #fff; } }

@media screen and (min-width: 769px), print { .selectBox .selectBox-trigger:after { top: 17px; right: 16px; border: 4px solid transparent; border-top: 4px solid #fff; } }

.selectBox .selectBox-option { position: absolute; overflow: hidden; top: 0; left: 0; opacity: 0; height: 0; transition: 0.4s; }

@media only screen and (max-width: 768px) { .selectBox .selectBox-option { width: calc(100% - 48px); } }

@media screen and (min-width: 769px), print { .selectBox .selectBox-option { width: calc(100% - 40px); } }

.selectBox .selectBox-option ul { margin: 0; padding: 0; }

.selectBox .selectBox-option ul li { list-style: none; }

@media only screen and (max-width: 768px) { .selectBox .selectBox-option ul li { line-height: 48px; } }

@media screen and (min-width: 769px), print { .selectBox .selectBox-option ul li { line-height: 40px; } }

.selectBox .selectBox-option a { color: #3a4140; display: block; padding: 0 1em; }

.selectBox .selectBox-trigger.is-opend + .selectBox-option { opacity: 1; height: auto; overflow: visible; background: #e6ecec; z-index: 10; }

.selectBox .selectBox-input:checked + label:after { border-top: 0; }

@media only screen and (max-width: 768px) { .selectBox .selectBox-input:checked + label:after { border-bottom: 5px solid #fff; } }

@media screen and (min-width: 769px), print { .selectBox .selectBox-input:checked + label:after { border-bottom: 4px solid #fff; } }

.selectRegion .region-trigger { color: #000; }

.selectRegion .region-trigger img { margin-right: 0.5em; }

@media only screen and (max-width: 768px) { .l-navigation .selectRegion .region-trigger img { max-width: 18px; height: auto; } }

.selectTitle { font-size: 1.2rem; font-weight: 700; }

@media only screen and (max-width: 768px) { .selectTitle { margin-bottom: 7px; } }

@media screen and (min-width: 769px), print { .selectTitle { margin-right: 20px; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } }

.shareArea { margin: 40px 0; }

.shareArea .socialNavigation.sns-icon-rounded { -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; }

.shareArea .socialNavigation.sns-icon-rounded li { margin: 0 8px; }

.shareArea .socialNavigation.sns-icon-rounded li p { color: #0b1c1b; line-height: 1.857; margin: 0; }

.shareArea .socialNavigation.sns-icon-rounded li p b { font-weight: bold; }

.shareArea .socialNavigation.sns-icon-rounded li > a { border-radius: 50%; width: 28px; height: 28px; margin: auto 0; }

.shareArea .socialNavigation.sns-icon-rounded li > a:hover { background-color: #aab5b5; opacity: 0.6; transition: opacity 0.3s; }

.shareArea .socialNavigation.sns-icon-rounded ._facebook > img { width: 12px; height: 23px; bottom: 0; top: auto; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); }

@media only screen and (max-width: 768px) { .shareArea { margin: 24px 0; }
  .shareArea .socialNavigation.sns-icon-rounded li p { font-size: 1.3rem; } }

.snsAccounts { margin: 60px auto 64px; text-align: center; }

.snsAccounts h4 { color: #0b1c1b; margin: 0; line-height: 1.625; }

.snsAccounts .snsAccounts-list { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; list-style: none; margin: 0 0 0 -32px; padding-left: 0; }

.snsAccounts .snsAccounts-list > li { margin-left: 32px; margin-top: 32px; width: 33.333%; max-width: 228px; }

.snsAccounts .snsAccounts-list > li .btn-snsAccount { display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: center; align-items: center; border: solid 1px #e5e5e5; background-color: #fff; text-align: left; width: 100%; min-height: 68px; margin: 0; padding: 15px; position: relative; }

.snsAccounts .snsAccounts-list > li .btn-snsAccount img { width: 36px; height: auto; }

.snsAccounts .snsAccounts-list > li .btn-snsAccount span { color: #000; line-height: 1.714; }

.snsAccounts .snsAccounts-list > li .btn-snsAccount img + span { margin-left: 12px; }

.snsAccounts .snsAccounts-list > li .btn-snsAccount:hover { opacity: 0.6; transition: opacity 0.3s; }

@media only screen and (max-width: 768px) { .snsAccounts { margin: 36px auto; }
  .snsAccounts .snsAccounts-list { -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 auto; max-width: 240px; }
  .snsAccounts .snsAccounts-list > li { margin-left: 0; margin-top: 12px; width: 100%; max-width: 100%; }
  .snsAccounts .snsAccounts-list > li:first-of-type { margin-top: 24px; }
  .snsAccounts .snsAccounts-list > li .btn-snsAccount { padding: 11px; max-width: 240px; min-height: 52px; }
  .snsAccounts .snsAccounts-list > li .btn-snsAccount img { width: 28px; height: auto; }
  .snsAccounts .snsAccounts-list > li .btn-snsAccount img + span { margin-left: 10px; }
  .snsAccounts .snsAccounts-list > li a.btn-snsAccount[target^="_blank"]::after { right: 15px; } }

a.btn-snsAccount[target^="_blank"]::after { background-image: url("../img/icon-blank.png"); background-repeat: no-repeat; background-position: center right; content: ""; position: absolute; top: 50%; left: auto; right: 15px; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 10px; height: 9px; line-height: 1; }

.signatureArea { text-align: right; }

.signatureArea > p { margin: 0; }

@media only screen and (max-width: 768px) { .signatureArea { margin-top: 20px; margin-bottom: 31px; } }

@media screen and (min-width: 769px), print { .signatureArea { margin-top: 48px; margin-bottom: 58px; } }

@media only screen and (max-width: 768px) { .signatureArea .signatureArea-sign { margin: 7px 0; } }

@media screen and (min-width: 769px), print { .signatureArea .signatureArea-sign { margin: 12px 0; } }

.sitemap { position: relative; }

.sitemap:before { top: 0; width: 100%; }

.sitemap:before { content: ''; display: block; height: 1px; position: absolute; left: 0; background-image: linear-gradient(to right, #adadad, #adadad 1px, transparent 1px, transparent 4px); background-size: 4px 1px; background-repeat: repeat-x; }

.sitemap > .sitemap-parent, .sitemap > .row { position: relative; }

.sitemap > .sitemap-parent:before, .sitemap > .row:before { bottom: 0; }

.sitemap > .sitemap-parent:before, .sitemap > .row:before { content: ''; display: block; height: 1px; position: absolute; left: 0; background-image: linear-gradient(to right, #adadad, #adadad 1px, transparent 1px, transparent 4px); background-size: 4px 1px; background-repeat: repeat-x; }

@media screen and (min-width: 769px), print { .sitemap > .sitemap-parent, .sitemap > .row { padding: 27px 0; } }

@media only screen and (max-width: 768px) { .sitemap > .sitemap-parent { padding: 20px 0; } }

.sitemap > .sitemap-parent:before { width: 100%; }

@media only screen and (max-width: 768px) { .sitemap > .row:before { width: calc(100% - 16px); left: 8px; } }

@media screen and (min-width: 769px), print { .sitemap > .row:before { width: calc(100% - 32px); left: 16px; } }

@media only screen and (max-width: 768px) { .sitemap > .row { padding: 4px 0 20px; }
  .sitemap > .row > * { margin-top: 14px; } }

.sitemap-child dl { margin: 0; }

@media only screen and (max-width: 768px) { .sitemap-child dl dt + dd { margin-top: 14px; } }

@media screen and (min-width: 769px), print { .sitemap-child dl dt + dd { margin-top: 18px; } }

@media only screen and (max-width: 768px) { .sitemap-child dl dd + dd { margin-top: 14px; } }

@media screen and (min-width: 769px), print { .sitemap-child dl dd + dd { margin-top: 19px; } }

@media only screen and (max-width: 768px) { .sitemap-child + .sitemap-child { margin-top: 14px; } }

@media screen and (min-width: 769px), print { .sitemap-child + .sitemap-child { margin-top: 19px; } }

.sitemap-grandChild > ul { margin: 0; padding: 0; }

@media only screen and (max-width: 768px) { .sitemap-grandChild > ul { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } }

.sitemap-grandChild > ul > li { list-style: none; }

@media only screen and (max-width: 768px) { .sitemap-grandChild > ul > li { width: 50%; margin-top: 5px; } }

@media screen and (min-width: 769px), print { .sitemap-grandChild > ul > li { margin-top: 8px; } }

.sitemap-grandChild > ul > li a { color: #3a4140; text-decoration: none; display: inline-block; background-repeat: no-repeat; }

@media only screen and (max-width: 768px) { .sitemap-grandChild > ul > li a { padding-left: 19px; background-image: url(../img/icon-sitemap-arrow_sp.png); background-size: 4px 5px; background-position: left 4px top 9px; } }

@media screen and (min-width: 769px), print { .sitemap-grandChild > ul > li a { padding-left: 22px; background-image: url(../img/icon-sitemap-arrow.png); background-position: left 5px top 10px; } }

.slick-slider.mainSlider { opacity: 0; visibility: hidden; transition: all 1.2s ease; }

.slick-slider.mainSlider .slick-arrow { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 10; width: 48px; height: 48px; text-indent: -9999px; display: table; cursor: pointer; outline: none; }

@media only screen and (max-width: 768px) { .slick-slider.mainSlider .slick-arrow { opacity: 0; } }

.slick-slider.mainSlider .slick-arrow > * { display: table-cell; vertical-align: middle; }

.slick-slider.mainSlider .slick-arrow.slick-prev { left: 0; background-image: url(../img/icon-slider-prev.png); }

.slick-slider.mainSlider .slick-arrow.slick-next { right: 0; background-image: url(../img/icon-slider-next.png); }

.slick-slider.mainSlider .slick-dots { position: absolute; margin: 0; padding: 0; }

.slick-slider.mainSlider .slick-dots li { cursor: pointer; position: relative; display: inline-block; }

.slick-slider.mainSlider .slick-dots li button { border: 0; background: transparent; display: block; outline: none; line-height: 0px; font-size: 0px; color: transparent; cursor: pointer; }

.slick-slider.mainSlider .slick-dots li button:hover, .slick-slider.mainSlider .slick-dots li button:focus { outline: none; }

.slick-slider.mainSlider .slick-dots li button:before { position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); left: 50%; text-align: center; content: ''; height: 8px; width: 8px; border-radius: 4px; background: #fff; border: 2px solid transparent; }

.slick-slider.mainSlider .slick-dots li.slick-active button:before { height: 10px; width: 10px; border-radius: 5px; background: #000; border-color: #fff; }

@media only screen and (max-width: 768px) { .slick-slider.mainSlider .slick-dots { top: 114px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
  .slick-slider.mainSlider .slick-dots button { height: 20px; width: 20px; } }

@media screen and (min-width: 769px), print { .slick-slider.mainSlider .slick-dots { right: 68px; bottom: 20px; }
  .slick-slider.mainSlider .slick-dots button { height: 32px; width: 32px; } }

.slick-slider.mainSlider.slick-initialized { opacity: 1; visibility: visible; }

@media screen and (min-width: 769px), print { .slick-slider.mainSlider .slick-slide .content { opacity: 0; transition: opacity 0.5s ease 0.8s; }
  .slick-slider.mainSlider .slick-slide iframe { opacity: 0; -webkit-filter: blur(16px); filter: blur(16px); transition: opacity 0.5s ease 0.8s; transition: -webkit-filter 0.5s ease 0.8s; transition: filter 0.5s ease 0.8s; transition: filter 0.5s ease 0.8s, -webkit-filter 0.5s ease 0.8s; }
  .slick-slider.mainSlider .slick-slide:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; }
  .slick-slider.mainSlider .slick-slide.youtube:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: black; transition: all 0.5s ease 0.8s; }
  .slick-slider.mainSlider .slick-slide.video { position: relative; }
  .slick-slider.mainSlider .slick-slide.video video { position: absolute; bottom: 0; min-width: 100%; min-height: 100%; } }

@media only screen and (min-width: 769px) and (max-width: 768px) { .slick-slider.mainSlider .slick-slide.video video { display: none; } }

@media screen and (min-width: 769px), print { .slick-slider.mainSlider .slick-slide.slick-active .content { opacity: 1; }
  .slick-slider.mainSlider .slick-slide.slick-active.youtube:after { background: rgba(0, 0, 0, 0); }
  .slick-slider.mainSlider .slick-slide.slick-active iframe { opacity: 1; -webkit-filter: blur(0); filter: blur(0); }
  .slick-slider.mainSlider .slick-slide .content { height: auto; } }

@media only screen and (max-width: 768px) { .mainSlider .embed-player { display: none; } }

@media screen and (min-width: 769px), print { .mainSlider { position: relative; overflow: hidden; width: 100%; height: calc( 100vh - 146px); }
  .mainSlider > .item { width: 100%; height: 100%; overflow: hidden; }
  body.theme-desktop .mainSlider .thumbnail { display: none; }
  body.theme-mobile .mainSlider .embed-player { display: none; }
  body.theme-mobile .mainSlider .thumbnail { position: relative; width: 100%; height: 100%; overflow: hidden; }
  body.theme-mobile .mainSlider .thumbnail img { width: 100%; height: 100%; object-fit: cover; } }

@media screen and (min-width: 769px), print { .mainSlider .slick-slide { position: relative; overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
  .mainSlider .slick-slide::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; } }

.mainSlider .slick-slide iframe { position: relative; pointer-events: none; }

.mainSlider .slick-slide figure { position: relative; height: 100%; }

.mainSlider figure { margin: 0; }

.mainSlider .item.image figure { width: 100%; height: 100%; overflow: hidden; position: relative; }

.mainSlider .item.image figure > img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); min-width: 101%; min-height: 101%; }

@media screen and (min-width: 769px), print { .mainSlider .item.image figure > img { max-width: initial; } }

.socialNavigation { padding-left: 0; display: -ms-flexbox; display: flex; overflow: hidden; }

.socialNavigation li { list-style: none; margin: 0 5px; }

.socialNavigation li > a { text-decoration: none; display: block; position: relative; background-color: #aab5b5; }

@media only screen and (max-width: 768px) { .socialNavigation li > a { width: 36px; height: 36px; } }

@media screen and (min-width: 769px), print { .socialNavigation li > a { width: 40px; height: 40px; } }

.socialNavigation li > a > img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

@media only screen and (max-width: 768px) { .socialNavigation ._facebook img { width: 9px; height: 17px; } }

@media screen and (min-width: 769px), print { .socialNavigation ._facebook img { width: 10px; height: 21px; } }

@media only screen and (max-width: 768px) { .socialNavigation ._twitter img { width: 15px; height: 15px; } }

@media screen and (min-width: 769px), print { .socialNavigation ._twitter img { width: 18px; height: 16px; } }

@media only screen and (max-width: 768px) { .socialNavigation ._youtube img { width: 18px; height: 13px; } }

@media screen and (min-width: 769px), print { .socialNavigation ._youtube img { width: 20px; height: 14px; } }

@media only screen and (max-width: 768px) { .socialNavigation ._linkedin img { width: 15px; height: 15px; } }

@media screen and (min-width: 769px), print { .socialNavigation ._linkedin img { width: 18px; height: 18px; } }

.specialContents { background-position: center top; background-repeat: no-repeat; position: relative; overflow: hidden; z-index: 0; }

@media only screen and (max-width: 768px) { .specialContents { background-size: 100% auto; padding-top: 40px; background-color: #0b2335; }
  .specialContents:before { content: ''; position: absolute; padding-top: 114.2752%; top: 0; left: 0; width: 100%; height: 0; background: linear-gradient(to bottom, rgba(11, 35, 53, 0.2) 0%, #0b2335 80%, #0b2335 100%); z-index: -1; } }

@media only screen and (max-width: 768px) and (max-width: 768px) { .specialContents .nextAction { margin: 16px 0; } }

@media screen and (min-width: 769px), print { .specialContents { background-size: cover; background-attachment: fixed; padding-top: 128px; }
  .specialContents.aboutTopContents { padding: 130px 0; }
  .specialContents:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); -webkit-transform: translateZ(0); z-index: -1; } }

@media only screen and (max-width: 768px) { .specialContents .specialContents-inner .row:last-of-type .btn-single { margin-bottom: 40px; } }

@media screen and (min-width: 769px), print { .specialContents .specialContents-inner .row:last-of-type .btn-single { margin-bottom: 128px; } }

@media screen and (min-width: 769px), print { .specialContents.business-globalCase-bg:before { background: rgba(0, 0, 0, 0.05); } }

@media only screen and (max-width: 768px) { .specialContents.business-globalCase-bg:before { background: linear-gradient(to bottom, rgba(11, 35, 53, 0) 0%, #0b2335 80%, #0b2335 100%); } }

.specialContents-inner, .specialSlideContents-inner { position: relative; z-index: 1; }

.specialContents-inner > *, .specialSlideContents-inner > * { color: #fff; }

.specialContents-inner hr, .specialSlideContents-inner hr { border-color: rgba(255, 255, 255, 0.3); }

@media screen and (min-width: 769px), print { .specialContents-inner .btn-ghost.btn-single, .specialSlideContents-inner .btn-ghost.btn-single { min-width: 320px; padding: 18px 1em; } }

.specialContents-headline { color: #fff; }

.l-main .specialContents-headline { margin-bottom: 1em; }

@media only screen and (max-width: 768px) { .l-main .specialContents-headline { margin-top: -3px; } }

@media screen and (min-width: 769px), print { .l-main .specialContents-headline { margin-top: -6px; } }

@media only screen and (max-width: 768px) { .specialContents-headline { font-size: 2rem; }
  .specialContents-headline + p { margin-bottom: 2em; } }

@media screen and (min-width: 769px), print { .specialContents-headline { font-size: 2.8rem; } }

.specialSlideContents { background-repeat: no-repeat; background-position: top center; position: relative; z-index: 10; }

.specialSlideContents:before { content: ''; position: absolute; top: 0; left: 0; }

@media only screen and (max-width: 768px) { .specialSlideContents { background-size: contain; background-color: #000; }
  .specialSlideContents:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 700px; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, black 35%, black 100%); } }

@media screen and (min-width: 769px), print { .specialSlideContents { background-size: cover; background-attachment: fixed; }
  .specialSlideContents:before { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); -webkit-transform: translateZ(0); } }

.specialSlideContents-inner { letter-spacing: 0.05em; }

.specialSlideContents-inner ._title h3 { color: #fff; margin-top: 0; }

.specialSlideContents-inner ._title ._symbol { text-align: center; }

.specialSlideContents-inner ._content h4 { color: #fff; line-height: 1.857; }

@media only screen and (max-width: 768px) { .specialSlideContents-inner ._content h4 { margin-top: 0; } }

@media screen and (min-width: 769px), print { .specialSlideContents-inner ._content h4 { margin-top: -4px; } }

@media only screen and (max-width: 768px) { .specialSlideContents-inner ._content ._figure { margin-top: 27px; } }

@media screen and (min-width: 769px), print { .specialSlideContents-inner ._content ._figure { margin-top: 32px; } }

.specialSlideContents-inner ._content ._figure figure { margin: 0; }

@media only screen and (max-width: 768px) { .specialSlideContents-inner .nextAction { margin: 40px 0 0; } }

@media screen and (min-width: 769px), print { .specialSlideContents-inner .nextAction { margin: 60px 0 0; } }

@media only screen and (max-width: 768px) { .specialSlideContents-inner { padding: 40px 16px; }
  .specialSlideContents-inner ._title h3 { font-size: 2rem; }
  .specialSlideContents-inner ._title ._symbol { margin: 37px 0 35px; }
  .specialSlideContents-inner ._title ._symbol img { max-height: 60px; }
  .specialSlideContents-inner ._content ._outline h4 { font-size: 1.6rem; line-height: 2.5rem; }
  .specialSlideContents-inner ._content ._figure .specialSlideContents-movie { margin-bottom: 16px; }
  .specialSlideContents-inner ._content ._figure .specialSlideContents-thumb { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; }
  .specialSlideContents-inner ._content ._figure .specialSlideContents-thumb > * { width: calc(50% - 8px); }
  .specialSlideContents-inner ._content ._figure .specialSlideContents-thumb img { width: 100%; } }

@media screen and (min-width: 769px), print { .specialSlideContents-inner { padding-top: 124px; padding-bottom: 128px; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; overflow: hidden; }
  .specialSlideContents-inner > * { padding-left: 16px; padding-right: 16px; }
  .specialSlideContents-inner ._title { width: 25%; }
  .specialSlideContents-inner ._title h3 { font-size: 2.8rem; line-height: 4.6rem; }
  .specialSlideContents-inner ._content { width: 75%; }
  .specialSlideContents-inner ._content h4 { font-size: 2.0rem; line-height: 3.6rem; }
  .specialSlideContents-inner ._content ._figure { display: -ms-flexbox; display: flex; }
  .specialSlideContents-inner ._content ._figure .specialSlideContents-movie { width: 66.29%; }
  .specialSlideContents-inner ._content ._figure .specialSlideContents-movie a:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: background 0.3s; }
  .specialSlideContents-inner ._content ._figure .specialSlideContents-movie a:hover > img { opacity: 1; }
  .specialSlideContents-inner ._content ._figure .specialSlideContents-movie a:hover:after { background: rgba(255, 255, 255, 0.4); }
  .specialSlideContents-inner ._content ._figure .specialSlideContents-thumb { width: 33.71%; padding-left: 10px; }
  .specialSlideContents-inner ._content ._figure .specialSlideContents-thumb figure + figure { margin-top: 10px; }
  .specialSlideContents-inner .nextAction { width: 100%; } }

.specialSlideContents-title { -ms-transition: all 0.3s; }

@media only screen and (max-width: 768px) { .specialSlideContents-title { position: static !important; -webkit-transform: translateY(0) !important; transform: translateY(0) !important; margin-top: -4px; } }

@media screen and (min-width: 769px), print { .specialSlideContents-title { position: static; }
  .specialSlideContents-title.js-fixed-center { position: fixed; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } }

body.theme-mobile .specialContents, body.theme-mobile .specialSlideContents { background-attachment: scroll; }

.specialityContents { color: #3a4140; }

.specialityContents figure.scTitleImg { text-align: center; }

.specialityContents h2 { font-size: 2.0rem; margin: 5px 0; color: #3a4140; }

.specialityContents h2._titleUnderline { padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #e5e5e5; }

.specialityContents h3 { font-size: 1.4rem; background: #e9f5f4; color: #3a4140; padding: 10px 20px; margin: 25px 0 15px; }

.specialityContents h4 { font-size: 1.4rem; color: #3a4140; margin: 18px 0 0; }

.specialityContents table { width: 100%; }

.specialityContents table th, .specialityContents table td { border: 1px solid #c0c8c7; padding: 18px; font-weight: normal; text-align: left; }

.specialityContents .scValuesList { list-style: none; padding: 0; }

.specialityContents .scValuesList dl { display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; margin: 0; }

.specialityContents .scValuesList dl dt { width: 50%; }

.specialityContents .scValuesList dl dd { -ms-flex-positive: 1; flex-grow: 1; width: 50%; }

.specialityContents .scValuesList li { background: #f3f9f9; padding: 14px; }

.specialityContents .scValuesList li:nth-child(even) { background: #fff; }

.specialityContents ._gridUnderline { margin-top: 30px; margin-bottom: 30px; border-top: 1px solid #e5e5e5; margin-left: 0; margin-right: 0; clear: both; }

.specialityContents ._gridUnderline > .float-right { max-width: 100%; float: none; text-align: center; margin-left: 0; }

.specialityContents ._gridUnderline:after { content: ''; display: block; clear: both; }

.specialityContents .list-type-number { margin: 15px 0; }

.specialityContents .list-type-number li { margin: 15px 0 0; }

.specialityContents .list-type-number h3 { background: none; padding: 0; margin: 0; }

.specialityContents .list-type-number p { margin: 5px 0; }

@media only screen and (max-width: 768px) { .specialityContents { border: 8px solid #e9f5f4; padding: 17px; margin: 15px 0; } }

@media screen and (min-width: 769px), print { .specialityContents { border: 16px solid #e9f5f4; padding: 24px; margin: 31px 0; }
  .specialityContents .scValuesList dl dt { width: 270px; }
  .specialityContents .scValuesList li { padding: 14px 30px; }
  .specialityContents ._gridUnderline > p { width: 80%; }
  .specialityContents ._gridUnderline > .float-right { float: right; width: 20%; margin-top: -2em; margin-left: 32px; } }

.subNavigation { background: #000; text-align: center; position: relative; width: 100%; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); overflow-x: hidden; overflow-y: hidden; }

@media only screen and (max-width: 768px) { .subNavigation { height: 48px; } }

@media screen and (min-width: 769px), print { .subNavigation { height: 56px; } }

.subNavigation .carouselNavigation { margin: 0 auto; padding: 0; }

.subNavigation .carouselNavigation:after { clear: both; content: ""; display: block; }

.subNavigation .carouselNavigation .carouselNavigation-item { display: inline-block; }

.subNavigation .carouselNavigation .carouselNavigation-item.active { position: relative; }

.subNavigation .carouselNavigation .carouselNavigation-item.active:after { content: ''; display: block; width: 100%; height: 4px; background: #fff; position: absolute; left: 0; bottom: 0; }

@media screen and (min-width: 769px), print { .subNavigation .carouselNavigation .carouselNavigation-item { font-size: 1.2rem; } }

.subNavigation a { color: #fff; text-decoration: none; line-height: 50px; height: 50px; padding: 0 7px; display: block; }

.subNavigation.is-fixed { width: 100%; z-index: 98; height: 40px; }

.subNavigation.is-fixed.is-overflow { background: black; }

.carouselNavigation { position: relative; }

.supplementNavigation { text-align: right; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: end; justify-content: flex-end; }

.supplementNavigation a + a { margin-left: 24px; }

@media only screen and (max-width: 768px) { .supplementNavigation { margin: 19px 0; } }

@media screen and (min-width: 769px), print { .supplementNavigation { margin: 35px 0; } }

@media only screen and (max-width: 768px) { .symbol-icon img { max-width: 66px; } }

@media screen and (min-width: 769px), print { .symbol-icon img { max-width: 88px; } }

@media only screen and (max-width: 768px) { .tagIndex { margin-top: 32px; } }

@media screen and (min-width: 769px), print { .tagIndex { margin-top: 50px; } }

.tagIndex ul { padding: 0; margin-bottom: 20px; }

.tagIndex ul li { list-style: none; display: inline-block; margin-bottom: 8px; margin-right: 8px; }

.tagIndex a { display: block; border: 1px solid #d9d9d9; color: #3a4140; background: #fff; text-decoration: none; }

@media only screen and (max-width: 768px) { .tagIndex a { font-size: 1.0rem; padding: 10.66667px 16px; } }

@media screen and (min-width: 769px), print { .tagIndex a { font-size: 1.2rem; padding: 10px 20px; } }

@media only screen and (max-width: 768px) { .tagIndex p { font-size: 1.2rem; } }

#toPageTop { display: none; position: fixed; z-index: 100; }

@media only screen and (max-width: 768px) { #toPageTop { bottom: 12px; right: 12px; } }

@media screen and (min-width: 769px), print { #toPageTop { bottom: 24px; right: 24px; } }

#toPageTop > a { display: block; text-align: center; text-indent: -9999px; }

@media only screen and (max-width: 768px) { #toPageTop > a { width: 28px; height: 28px; background: url(../img/icon-pagetop_sp.png) center no-repeat; background-size: cover; } }

@media screen and (min-width: 769px), print { #toPageTop > a { width: 32px; height: 32px; background: url(../img/icon-pagetop.png) center no-repeat; }
  #toPageTop > a:hover { background-image: url(../img/icon-pagetop_white.png); } }

.utilityNavigation { font-size: 1.2rem; font-weight: 700; color: #000; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex: 1; flex: 1; }

@media only screen and (max-width: 768px) { .mobileNavigation .utilityNavigation { font-size: 1.0rem; padding: 16px 16px 0; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: justify; justify-content: space-between; }
  .mobileNavigation .utilityNavigation .langSwitch { padding: 0 0 16px; }
  .mobileNavigation .utilityNavigation .selectRegion { margin-left: auto; }
  .mobileNavigation .utilityNavigation .region-trigger img { max-width: 18px; } }

@media screen and (min-width: 769px), print { .utilityNavigation { height: 100%; padding: 7px 0; }
  .l-navigation .utilityNavigation { display: none; }
  .utilityNavigation > div + div { border-left: 1px solid #e5e5e5; margin-left: 24px; padding-left: 24px; } }

.utilityNavigation .region-trigger, .utilityNavigation .search-trigger { display: inline-block; cursor: pointer; }

@media only screen and (max-width: 768px) { .utilityNavigation .region-trigger { padding-left: 28px; background: url(../img/icon-region_sp.png) center left no-repeat; background-size: 18px auto; min-height: 18px; } }

@media screen and (min-width: 769px), print { .utilityNavigation .region-trigger { background: url(../img/icon-region.png) center left no-repeat; padding-left: 36px; min-height: 24px; } }

@media screen and (min-width: 769px), print { .langSwitch { margin: 10px 0 10px 24px; }
  .utilityWrap { display: -ms-flexbox; display: flex; margin: 10px 0 10px 24px; }
  .utilityWrap .searchButton { border-left: 1px solid #e5e5e5; margin-left: 24px; padding-left: 24px; }
  .utilityWrap .searchButton .search-trigger { width: 22px; height: 22px; }
  .utilityWrap .searchButton .search-trigger img { vertical-align: top; }
  .utilityWrap .searchButton.is-opend { background: url(../img/icon-search-close.png) center right no-repeat; }
  .utilityWrap .searchButton.is-opend .search-trigger img { display: none; } }

[v-cloak] { display: none; }

.views-button { width: 100%; text-align: center; background: #f5fbfb; outline: none; padding: 40px; }

@media only screen and (max-width: 768px) { .views-button { margin-bottom: 30px; } }

@media screen and (min-width: 769px), print { .views-button { cursor: pointer; padding: 40px; margin-bottom: 68px; margin-left: 16px; margin-right: 16px; transition: opacity 0.3s; }
  .views-button:hover { opacity: 0.6; } }

.views-button > span { font-size: 1.2rem; font-weight: 700; }

.views-button > span:before { display: block; content: ''; margin: 0 auto; background: url(../img/icon-plus.svg) center center no-repeat; background-size: cover; margin-bottom: 0.5em; }

@media screen and (min-width: 769px), print { .views-button > span:before { width: 36px; height: 36px; } }

@media only screen and (max-width: 768px) { .views-button > span:before { width: 18px; height: 18px; } }

/* intrix追加ここから---> */
.i-example { margin-bottom: 1em; margin-top: 2em; text-align: left; border-bottom: solid 1px #3a4140; border-left: solid 6px #111; font-size: 1.4rem; padding: 1rem; }

.i-materialities-wrap { display: -ms-flexbox; display: flex; }

.i-materialities-item { margin-top: 3.2rem; position: relative; z-index: 1; }

.i-materialities-item.-disabled::after { position: absolute; content: ''; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(245, 251, 251, 0.7); mix-blend-mode: normal; }

.i-materialities-title { -ms-flex-pack: center; justify-content: center; padding: 1.4rem 3.2rem 1.3rem 3.2rem; border: solid 1px #c0c8c7; background-color: #e6f3f2; font-size: 1.4rem; font-weight: bold; line-height: 1.85; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: start; justify-content: flex-start; }

.i-materialities-title img { width: 56px; height: 56px; margin-right: 1.4rem; margin-top: -0.1rem; box-sizing: content-box; position: relative; z-index: 2; }

.i-materialities-body { padding: 2.6rem 3.1rem 3.1rem 3.1rem; font-size: 1.4rem; line-height: 1.85; background-color: #fff; border: solid 1px #c0c8c7; border-top: none; }

.i-materialities-hr { margin: 0; border: none; border-top: 1px solid #e5e5e5; margin-top: 3.2rem; }

@media only screen and (min-width: 769px) { .i-materialities-wrap { display: -ms-flexbox; display: flex; margin-top: 3.2rem; }
  .i-materialities-item { height: 100%; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; margin-top: 0; }
  .i-materialities-body { display: block !important; height: 100%; } }

@media only screen and (max-width: 768px) { .i-materialities-wrap { display: -ms-flexbox; display: flex; }
  .i-materialities-item { margin-top: 1.6rem; }
  .i-materialities-item.-disabled::after { content: none; }
  .i-materialities-title { padding: 1.2rem 3.9rem 1.0rem 1.6rem; font-size: 1.2rem; line-height: 1.08; position: relative; }
  .i-materialities-title::after { position: absolute; content: ''; width: 1.1rem; height: 100%; top: 0; right: 1.6rem; z-index: 3; }
  .i-materialities-title img { width: 44px; height: 44px; margin-right: 1.2rem; margin-top: -2px; z-index: 2; }
  .i-materialities-body { padding: 2.0rem 1.6rem 2.1rem 1.6rem; font-size: 1.2rem; line-height: 1.75; position: relative; }
  .i-materialities-body::before { position: absolute; content: ''; width: 100%; height: 100%; top: 0; left: 0; }
  .i-materialities-hr { margin-top: 1.6rem; } }

@media only screen and (max-width: 768px) and (max-width: 341px) { .i-materialities-title { padding: 1.2rem 3.6rem 1.0rem 1.6rem; }
  .i-materialities-title img { width: 42px; height: 42px; margin-right: 0.9rem; } }

@media only screen and (max-width: 768px) { [class='i-materialities-title is-opened']:after { background: url("../img/icon-materialities-minus.png") no-repeat right 50%/11px auto; }
  [class='i-materialities-title']:after { background: url("../img/icon-materialities-plus.png") no-repeat right 50%/11px auto; }
  .i-materialities-item.-disabled .i-materialities-title, .i-materialities-item.-disabled .i-materialities-body { border: solid 1px #e5eceb; }
  .i-materialities-item.-disabled .i-materialities-body { border-top: none; }
  .i-materialities-item.-disabled .i-materialities-title::before, .i-materialities-item.-disabled .i-materialities-body::before { position: absolute; content: ''; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(245, 251, 251, 0.7); mix-blend-mode: normal; box-sizing: border-box; } }

/* HQトップ 新デザイン */
.appealContents-child6.-child7 .appealContents-col { height: auto !important; }

.appealContents-child6.-child7 .appealContents-col figure > figcaption { font-size: 1.0rem; }

.appealContents-child6.-child7 .appealContents-col:last-child { margin-left: 0; }

.appealContents-child6.-child7 .appealContents-col:last-child > figure::before { display: none; }

.section-fields { width: 100%; }

.fields-kv { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; height: 405px; }

.fields-kv .kv-title { background-color: #eff5f5; width: 50%; height: 100%; display: -ms-flexbox; display: flex; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-align: center; align-items: center; padding: 16px; padding-left: 96px; }

.kv-title .kv-heading { width: calc(600px - 16px); }

.kv-heading .small-heading { color: #0b1c1b; font-size: 1.8rem; font-weight: bold; line-height: 1.111; letter-spacing: 0.05em; margin: 0; }

.kv-heading .large-heading { color: #0b1c1b; font-size: 3.6rem; font-weight: bold; line-height: 1.388; letter-spacing: 0.05em; margin: 0; }

.kv-heading .small-heading + .large-heading { margin-top: 12px; }

.fields-kv .kv-image { background-color: #eff5f5; width: 50%; height: 100%; position: relative; overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.kv-image .kv-cover { width: 100%; height: 100%; left: 0; top: 0; overflow: hidden; z-index: 0; position: absolute; }

.kv-image .kv-cover img.cover-img { position: absolute; width: auto; height: 100%; left: 50%; top: 0; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, 0%); min-width: 100%; min-height: 100%; object-fit: cover; }

.fields-links { margin-top: 64px; padding-top: 0; }

.fields-links.grid-2.grid-md-4 { -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin-left: -16px; margin-right: 0; padding: 0; padding-bottom: 7px; }

.fields-links > .links-item { display: block; margin: 0 16px 0; padding: 0; max-width: 276px; width: 100%; }

.fields-links > .links-item:last-of-type { margin-right: 0; }

.fields-links > .links-item a { display: block; text-decoration: none; }

.fields-links > .links-item a:hover { opacity: 0.6; transition: opacity 0.3s; }

.l-article .fields-links > .links-item a:hover > img { opacity: initial; transition: all 0.3s; }

.fields-links .links-text { margin: 16px 0 0; padding-left: 22px; width: 100%; }

.links-text .links-title { color: #0b1c1b; font-size: 1.6rem; font-weight: bold; line-height: 1.625; letter-spacing: 0.05em; margin: 0; }

.links-text .links-title .icon-circle-angle-right { margin-left: -22px; }

.links-text .links-area { color: #3a4140; font-size: 1.1rem; font-weight: normal; line-height: 1.636; margin: 8px 0 0; }

@media screen and (min-width: 769px), print { .appealContents-child6.-child7 .appealContents-col { width: calc(14.28% - 5px) !important; }
  .appealContents-child6.-child7 .appealContents-col figure > figcaption { font-size: 1.3rem; }
  .appealContents-child6.-child7 .appealContents-col:last-child { margin-left: 30px; }
  .appealContents-child6.-child7 .appealContents-col:last-child > figure { position: relative; }
  .appealContents-child6.-child7 .appealContents-col:last-child > figure::before { display: block; position: absolute; content: ''; top: 0; left: -25px; width: 1px; height: 100%; border-left: 1px solid #d9d9d9; } }

@media (min-width: 769px) and (max-width: 879px) { .kv-title .kv-heading { width: calc(668px / 2 - 8px); }
  .fields-kv .kv-title { padding-left: 16px; } }

@media only screen and (max-width: 768px) { .fields-kv { -ms-flex-direction: column-reverse; flex-direction: column-reverse; height: auto; }
  .fields-kv .kv-title { width: 100%; height: auto; min-height: 150px; padding: 40px 16px; }
  .kv-title .kv-heading { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -ms-flex-direction: column; flex-direction: column; width: 100%; }
  .kv-heading .small-heading { font-size: 1.5rem; }
  .kv-heading .large-heading { font-size: 2.4rem; line-height: 1.375; }
  .kv-heading .small-heading + .large-heading { text-align: center; margin-top: 8px; }
  .fields-kv .kv-image { width: 100%; height: 150px; min-height: 150px; }
  .kv-image .kv-cover img.cover-img { width: 100%; height: auto; object-fit: unset; }
  .fields-links.grid-2.grid-md-4 { -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: calc(30px - 24px); margin-bottom: -3px; padding-bottom: 0; }
  .fields-links > .links-item { width: calc(50% - 16px); margin: 24px 0 0 16px; max-width: initial; }
  .links-text .links-title { font-size: 1.3rem; line-height: 1.615; }
  .links-text .links-area { font-size: 1.0rem; }
  .fields-links .links-text { margin: 12px 0 0; padding-left: 19px; }
  .links-text .links-title .icon-circle-angle-right { margin-left: -19px; margin-right: 6px; } }

/* <---intrix追加ここまで */
/*!***************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./node_modules/import-glob-loader/index.js!./src/scss/style.scss ***! \***************************************************************************************************************************************************************************************************************************************************************************************/
/*!*******************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./node_modules/import-glob-loader/index.js!./src/scss/style.scss (1) ***! \*******************************************************************************************************************************************************************************************************************************************************************************************/
/*!*******************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./node_modules/import-glob-loader/index.js!./src/scss/style.scss (2) ***! \*******************************************************************************************************************************************************************************************************************************************************************************************/
.theme-GHQ { color: #000; line-height: 1.5; background-color: white; background-image: radial-gradient(at 46% 39%, white 0px, transparent 50%), radial-gradient(at 33% 0%, #f0fffb 0px, transparent 50%), radial-gradient(at 16% 56%, white 0px, transparent 50%), radial-gradient(at 50% 61%, #f5fcff 0px, transparent 50%), radial-gradient(at 7% 85%, #f5fff5 0px, transparent 50%), radial-gradient(at 80% 0%, honeydew 0px, transparent 50%), radial-gradient(at 80% 83%, white 0px, transparent 50%), radial-gradient(at 78% 20%, #f3f0ff 0px, transparent 50%), radial-gradient(at 80% 99%, #e4f7f5 0px, transparent 50%), radial-gradient(at 0% 0%, #fafeff 0px, transparent 50%); }

.theme-GHQ a { color: #000; text-decoration: none; }

.theme-GHQ ul { list-style: none; padding: 0; margin: 0; }

.theme-GHQ figure, .theme-GHQ p { margin: 0; }

.theme-GHQ figure img { width: 100%; }

.theme-GHQ .fxb-section .layout-wrapper { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: justify; justify-content: space-between; }

.theme-GHQ .fxb-section .layout-wrapper .text-flex { width: calc(100% - 400px - 40px); }

@media screen and (min-width: 1px) and (max-width: 1024px) { .theme-GHQ .fxb-section .layout-wrapper .text-flex { width: 100%; } }

.theme-GHQ .fxb-section .img-flex-sp { width: 400px; }

@media screen and (min-width: 1px) and (max-width: 1024px) { .theme-GHQ .fxb-section .img-flex-sp { width: 100%; } }

@media screen and (min-width: 1px) and (max-width: 1024px) { .theme-GHQ .fxb-section .img-flex-sp figure { display: -ms-flexbox; display: flex; } }

@media screen and (min-width: 1px) and (max-width: 1024px) { .theme-GHQ .fxb-section .img-flex-sp figure img { max-width: 50%; } }

.theme-GHQ .fxb-section { background: none; }

.theme-GHQ .fxb-section h2 { margin: 60px 0 30px 0; text-align: left; font-size: 4rem; letter-spacing: 0.1em; line-height: 1; font-weight: normal; border-bottom: none; padding: 0; letter-spacing: 0.0015em; font-weight: 500; }

.theme-GHQ .fxb-section h2 span { border: none; padding: 0; font-size: 4rem; }

@media screen and (min-width: 1px) and (max-width: 768px) { .theme-GHQ .fxb-section h2 { margin: 60px 0 20px 0; } }

@media screen and (min-width: 1px) and (max-width: 768px) { .theme-GHQ .fxb-section h2 span { font-size: 3.5rem; } }

html:lang(en) .theme-GHQ .fxb-section h2 { font-size: 4.6rem; font-family: "DM Serif Text", serif; letter-spacing: 0.1em; }

@media screen and (min-width: 1px) and (max-width: 768px) { html:lang(en) .theme-GHQ .fxb-section h2 { font-size: 3.5rem; } }

.theme-GHQ .fxb-section h3.subheading-primary:before, .theme-GHQ .fxb-section h3.subheading-primary:after { content: none; }

.theme-GHQ .fxb-section h3 { font-size: 2rem; font-weight: 700; line-height: 2; letter-spacing: 0; padding: 0; margin: 30px 0; }

@media screen and (min-width: 1px) and (max-width: 768px) { .theme-GHQ .fxb-section h3 { font-size: 1.6rem; line-height: 1.8; } }

.theme-GHQ .fxb-section p { font-size: 1.6rem; margin: 40px 0; line-height: 2; }

@media screen and (min-width: 1px) and (max-width: 768px) { .theme-GHQ .fxb-section p { margin: 30px 0; line-height: 1.6; } }

@media screen and (min-width: 1px) and (max-width: 768px) { .theme-GHQ #breadcrumb { display: block; } }

.theme-GHQ .breadcrumbs ol li { font-size: 1.3rem; }

@media screen and (min-width: 1px) and (max-width: 768px) { .theme-GHQ .breadcrumbs ol li { font-size: 1.1rem; } }

.theme-GHQ .breadcrumbs ol li:nth-of-type(n + 2):before { background: none; width: 5px; height: 5px; vertical-align: middle; border-top: 1px #15b5aa solid; border-right: 1px #15b5aa solid; box-sizing: border-box; margin: 0 0.5em; display: inline-block; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.theme-GHQ .breadcrumbs ol li a:hover { color: #15b5aa; }

.theme-GHQ .breadcrumbs ol li span { margin: 0; }

.l-sns { background: #eff5f5; padding-top: 120px; padding-bottom: 120px; }

@media screen and (min-width: 1px) and (max-width: 768px) { .l-sns { padding-top: 50px; padding-bottom: 50px; } }

.l-sns h3 { font-size: 4rem; letter-spacing: 0.1em; margin: 0 0 30px 0; }

@media screen and (min-width: 1px) and (max-width: 768px) { .l-sns h3 { font-size: 2.2rem; margin-bottom: 20px; } }

ul.l-sns__btn { margin-top: 40px; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; transition: opacity 0.2s; }

@media screen and (min-width: 1px) and (max-width: 768px) { ul.l-sns__btn { margin-top: 20px; } }

.l-sns__btn li { width: 280px; }

@media screen and (min-width: 1px) and (max-width: 768px) { .l-sns__btn li { width: 210px; } }

.l-sns__btn li:not(:last-child) { margin-right: 20px; }

@media screen and (min-width: 1px) and (max-width: 460px) { .l-sns__btn li:not(:last-child) { margin: 0 0 10px 0; } }

.l-sns__btn li a { width: 100%; background: #fff; border: 1px solid #cfcfcf; border-radius: 5px; padding: 15px 20px; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: start; justify-content: flex-start; transition: opacity 0.2s; }

@media screen and (min-width: 1px) and (max-width: 768px) { .l-sns__btn li a { padding: 10px 20px; } }

.l-sns__btn li a span { -ms-flex: 1; flex: 1; font-size: 1.8rem; font-weight: 700; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: start; justify-content: flex-start; }

@media screen and (min-width: 1px) and (max-width: 768px) { .l-sns__btn li a span { font-size: 1.4rem; } }

.l-sns__btn li a span::after { content: ""; width: 10px; height: 8px; background: url(../images/GHQ/icon/blank-icon01.png) 0 0 no-repeat; background-size: 100% 100%; margin: 3px 0 0 10px; display: inline-block; }

.l-sns__btn:hover { opacity: 0.6; }

.l-sns__btn img { width: 38px; height: 38px; margin-right: 20px; }

@media screen and (min-width: 1px) and (max-width: 768px) { .l-sns__btn img { width: 24px; height: 24px; margin-right: 5px; } }

ul.l-sns__share { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; margin: 50px 0 0 0; }

@media screen and (min-width: 1px) and (max-width: 768px) { ul.l-sns__share { margin: 20px 0 0 0; } }

.l-sns__share li a { display: inline-block; transition: opacity 0.2s; }

.l-sns__share li a:hover { opacity: 0.6; }

@media screen and (min-width: 1px) and (max-width: 768px) { .l-sns__share li a img { width: 30px; } }

.l-sns__share li:first-child { font-size: 2.2rem; font-weight: 700; }

@media screen and (min-width: 1px) and (max-width: 768px) { .l-sns__share li:first-child { font-size: 1.5rem; } }

.l-sns__share li:not(:last-child) { margin-right: 20px; }

@media screen and (min-width: 1px) and (max-width: 768px) { .l-sns__share li:not(:last-child) { margin-right: 10px; } }

.l-pagetop { width: 50px; height: 50px; background: #000; border-radius: 50%; position: fixed; right: 30px; bottom: 30px; z-index: 5; transition: opacity 0.2s; }

.l-pagetop:hover { opacity: 0.6; }

.l-pagetop::before { content: ""; width: 10px; height: 10px; margin: auto; border-top: 3px solid #fff; border-left: 3px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; inset: 0 0 -5px 0; }

@media screen and (min-width: 1px) and (max-width: 768px) { .l-pagetop::before { border-width: 2px; } }

@media screen and (min-width: 1px) and (max-width: 768px) { .l-pagetop { width: 40px; height: 40px; right: 10px; bottom: 10px; } }

.l-footerGHQ { padding-top: 120px; word-break: keep-all; color: #000; line-height: 1.5; }

@media screen and (min-width: 1px) and (max-width: 768px) { .l-footerGHQ { padding-top: 0; } }

.l-footerGHQ ul { list-style: none; padding: 0; margin: 0; }

.l-footerGHQ a { text-decoration: none; color: inherit; }

.l-footer__navi { padding-right: 96px; padding-left: 96px; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: stretch; align-items: stretch; -ms-flex-pack: justify; justify-content: space-between; }

@media screen and (min-width: 769px) and (max-width: 1024px) { .l-footer__navi { padding-right: 32px; padding-left: 32px; } }

@media screen and (min-width: 1px) and (max-width: 768px) { .l-footer__navi { padding-right: 16px; padding-left: 16px; } }

@media screen and (max-width: 1024px) { .l-footer__navi { display: block; } }

@media screen and (min-width: 1px) and (max-width: 768px) { .l-footer__navi { background: rgba(207, 207, 207, 0.2); border-top: 1px solid #cfcfcf; padding-right: 0; padding-left: 0; } }

.l-footer__navi dl { margin: 0; }

.l-footer__navi a { transition: color 0.2s; }

.l-footer__navi a:hover { color: #15b5aa; }

.l-footer__navi > div dl dt { font-size: 1.8rem; font-weight: 700; }

@media screen and (min-width: 1px) and (max-width: 768px) { .l-footer__navi > div dl dt { font-size: 1.5rem; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: stretch; align-items: stretch; -ms-flex-pack: start; justify-content: flex-start; transition: background 0.2s; } }

.l-footer__navi > div dl dt span { font-weight: inherit; }

@media screen and (min-width: 1px) and (max-width: 768px) { .l-footer__navi > div dl dt span { -ms-flex: 1; flex: 1; padding: 20px 10px 20px 25px; } }

@media screen and (min-width: 1px) and (max-width: 768px) { .l-footer__navi > div dl dt button { width: 50px; position: relative; } }

@media screen and (min-width: 1px) and (max-width: 768px) { .l-footer__navi > div dl dt button::before { content: ""; width: 13px; height: 1px; background: #15b5aa; margin: auto; position: absolute; inset: 0; display: inline-block; } }

@media screen and (min-width: 1px) and (max-width: 768px) { .l-footer__navi > div dl dt button::after { content: ""; width: 1px; height: 13px; background: #15b5aa; margin: auto; position: absolute; inset: 0; display: inline-block; } }

@media screen and (min-width: 1px) and (max-width: 768px) { .l-footer__navi > div dl dt.is-open { color: #fff; background: #000; } }

@media screen and (min-width: 1px) and (max-width: 768px) { .l-footer__navi > div dl dt.is-open button::before { background: #fff; } }

@media screen and (min-width: 1px) and (max-width: 768px) { .l-footer__navi > div dl dt.is-open button::after { content: none; } }

.l-footer__navi > div dl dd { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: stretch; align-items: stretch; -ms-flex-pack: start; justify-content: flex-start; }

@media screen and (min-width: 1px) and (max-width: 768px) { .l-footer__navi > div dl dd { background: rgba(255, 255, 255, 0.5); padding: 5px 25px; display: none; } }

.l-footer__navi > div dl dd > * { -ms-flex: 1; flex: 1; }

@media screen and (min-width: 1px) and (max-width: 768px) { .l-footer__navi > div > * + * { border-top: 1px solid #cfcfcf; } }

.l-footer__navi > div:nth-child(1) { -ms-flex: 2; flex: 2; }

.l-footer__navi > div:nth-child(2) { -ms-flex: 1; flex: 1; }

.l-footer__navi > div:nth-child(3) { -ms-flex: none; flex: none; }

.l-footer__navi > div:not(:last-child) { margin-right: 6.5%; }

@media screen and (min-width: 769px) and (max-width: 1024px) { .l-footer__navi > div:not(:last-child) { margin: 0 0 1.5em 0; } }

@media screen and (min-width: 1px) and (max-width: 768px) { .l-footer__navi > div:not(:last-child) { margin-right: 0; } }

@media screen and (min-width: 1px) and (max-width: 768px) { .l-footer__navi > * + * { border-top: 1px solid #cfcfcf; } }

.l-footer__navi__lv01 { font-size: 1.8rem; margin: 0; }

@media screen and (min-width: 1px) and (max-width: 768px) { .l-footer__navi__lv01 { font-size: 1.4rem; } }

.l-footer__navi__lv01 a { font-weight: 700; }

@media screen and (min-width: 1px) and (max-width: 768px) { .l-footer__navi__lv01 a { padding: 20px 25px; } }

.l-footer__navi__lv01 a[target="_blank"] { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: start; justify-content: flex-start; }

.l-footer__navi__lv01 a[target="_blank"]::after { content: ""; width: 11px; height: 9px; background: url(../images/GHQ/icon/blank-icon01.png) 0 0 no-repeat; background-size: 100% 100%; margin: 3px 0 0 10px; display: inline-block; }

.l-footer__navi__lv01:not(:first-child) { margin-top: 1.5em; }

@media screen and (min-width: 1px) and (max-width: 768px) { .l-footer__navi__lv01:not(:first-child) { margin-top: 0; } }

.l-footer__navi__lv01--region a[target="_blank"] { -ms-flex-align: center; align-items: center; }

.l-footer__navi__lv01--region a[target="_blank"]::before { content: ""; width: 30px; height: 30px; background: url(../images/GHQ/icon/region-icon02.svg) 0 0 no-repeat; margin-right: 15px; display: inline-block; }

@media screen and (min-width: 1px) and (max-width: 768px) { .l-footer__navi__lv01--region a[target="_blank"]::before { width: 20px; height: 20px; margin-right: 5px; } }

.l-footer__navi__lv01--region a[target="_blank"]::after { content: none; }

ul.l-footer__navi__lv02 { margin: 0 0 0 1em; }

@media screen and (min-width: 1px) and (max-width: 768px) { ul.l-footer__navi__lv02 { margin: 0; } }

.l-footer__navi__lv02 li { font-size: 1.6rem; text-indent: -0.6em; padding-left: 0.6em; margin-top: 10px; }

@media screen and (min-width: 1px) and (max-width: 768px) { .l-footer__navi__lv02 li { font-size: 1.5rem; margin-top: 0; } }

.l-footer__navi__lv02 li::before { content: "- "; }

@media screen and (min-width: 1px) and (max-width: 768px) { .l-footer__navi__lv02 > li { text-indent: 0; padding-left: 0; } }

@media screen and (min-width: 1px) and (max-width: 768px) { .l-footer__navi__lv02 > li::before { display: none; } }

@media screen and (min-width: 1px) and (max-width: 768px) { .l-footer__navi__lv02 > li > a { width: 100%; font-weight: 700; padding: 20px 15px; position: relative; display: inline-block; } }

@media screen and (min-width: 1px) and (max-width: 768px) { .l-footer__navi__lv02 > li > a::before { content: ""; width: 10px; height: 5px; background: url(../images/GHQ/icon/arrow-gt-icon01.png) 0 0 no-repeat; background-size: 100% 100%; position: absolute; top: 1.9em; left: 0; display: inline-block; } }

@media screen and (min-width: 1px) and (max-width: 768px) { .l-footer__navi__lv02 > li + li { border-top: 1px solid #cfcfcf; } }

.l-footer__navi__lv02 ul { margin: 5px 0 0 0.4em; padding: 0; list-style: inherit; }

@media screen and (min-width: 1px) and (max-width: 768px) { .l-footer__navi__lv02 ul { margin: 0 0 0 1.5em; } }

.l-footer__navi__lv02 ul li { color: rgba(0, 0, 0, 0.6); margin-top: 5px; }

@media screen and (min-width: 1px) and (max-width: 768px) { .l-footer__navi__lv02 ul li { color: inherit; margin-bottom: 1.5em; } }

.l-footer__navi__lv02 + ul { margin-left: 10.6%; }

@media screen and (min-width: 1px) and (max-width: 768px) { .l-footer__navi__lv02 + ul { border-top: 1px solid #cfcfcf; margin-left: 0; } }

.l-footer__btm { text-align: center; border-top: 1px solid #cfcfcf; padding-top: calc(100px - 1em); padding-bottom: 100px; margin-top: 100px; }

@media screen and (min-width: 1px) and (max-width: 768px) { .l-footer__btm { padding-top: 50px; padding-bottom: 50px; margin-top: 0; } }

.l-footer__btm > ul { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; }

@media screen and (min-width: 1px) and (max-width: 768px) { .l-footer__btm > ul { display: block; } }

.l-footer__btm > ul li { font-size: 1.6rem; margin-top: 1em; }

@media screen and (min-width: 1px) and (max-width: 768px) { .l-footer__btm > ul li { font-size: 1.5rem; text-align: left; } }

.l-footer__btm > ul li:not(:last-child) { margin-right: 2em; }

@media screen and (min-width: 1px) and (max-width: 768px) { .l-footer__btm > ul li:not(:last-child) { margin: 0 0 1.5em 0; } }

.l-footer__btm > ul li a { transition: color 0.2s; }

.l-footer__btm > ul li a:hover { color: #15b5aa; }

.l-footer__btm__logo { margin: 40px 0 0 0; }

.l-footer__btm__logo a { display: inline-block; transition: opacity 0.2s; }

.l-footer__btm__logo img { width: 385px; }

.l-footer__btm__logo a:hover { opacity: 0.6; }

.l-footer__btm > small { font-size: 1.6rem; margin-top: 35px; display: inline-block; }

@media screen and (min-width: 1px) and (max-width: 768px) { .l-footer__btm > small { font-size: 1.1rem; margin-top: 15px; } }

.l-footer--existing { position: relative; }

.l-footer--existing::after { content: ""; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); position: absolute; top: 0; left: 0; z-index: 1; display: inline-block; }

.l-headerGHQ { width: 100%; background: #fff; padding: 0 40px; position: fixed; top: 0; left: 0; z-index: 1000; transition: -webkit-transform 0.2s; transition: transform 0.2s; transition: transform 0.2s, -webkit-transform 0.2s; line-height: 1.5; }

.l-headerGHQ a { color: #000; }

@media screen and (min-width: 1px) and (max-width: 768px) { .l-headerGHQ { padding: 0 16px 15px 16px; } }

.l-headerGHQ a { text-decoration: none; font-weight: inherit; color: inherit; outline: none; }

.l-headerGHQ ul { list-style: none; padding: 0; margin: 0; }

.l-header__hd { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: justify; justify-content: space-between; }

@media screen and (max-width: 1199px) { .l-header__hd { -ms-flex-direction: column-reverse; flex-direction: column-reverse; -ms-flex-align: center; align-items: center; } }

@media screen and (min-width: 1px) and (max-width: 768px) { .l-header__hd { min-height: unset; margin-top: 20px; -ms-flex-direction: row; flex-direction: row; } }

@media screen and (min-width: 1px) and (max-width: 768px) { .l-header__hd > div { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: start; justify-content: flex-start; } }

@media screen and (min-width: 1px) and (max-width: 768px) { .l-header__hd > div > *:not(:last-child) { margin-right: 15px; } }

.l-header__logo { margin: 0; }

@media screen and (min-width: 1px) and (max-width: 768px) { .l-header__logo { width: 200px; margin-top: 0; } }

.l-header__logo img { width: 530px; }

.l-header__logo a { display: inline-block; transition: opacity 0.2s; }

.l-header__logo a:hover { opacity: 0.6; }

@media screen and (min-width: 768px) { .l-header__logo picture { font-size: 0; } }

.l-header__lang { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: start; justify-content: flex-start; list-style-type: none; padding: 0; margin: 0; }

.l-header__lang > li:not(:last-child) { margin-right: 10px; }

@media screen and (min-width: 1px) and (max-width: 768px) { .l-header__lang > li:not(:last-child) { margin-right: 0; } }

.l-header__lang > li.l-header__lang__change { font-size: 1.3rem; }

.l-header__lang > li.l-header__lang__change > p, .l-header__lang > li.l-header__lang__change > a { background: #e7e7e7; padding: 10px 20px; border-radius: 0px 0px 10px 10px; display: block; cursor: pointer; -webkit-user-select: none; -ms-user-select: none; user-select: none; transition: opacity 0.2s; }

.l-header__lang > li.l-header__lang__change > p { margin: 0; }

.l-header__lang > li.l-header__lang__change > p:hover, .l-header__lang > li.l-header__lang__change > a:hover { opacity: 0.6; }

@media screen and (min-width: 1px) and (max-width: 768px) { .l-header__lang > li.l-header__lang__change > p, .l-header__lang > li.l-header__lang__change > a { background: none; padding: 0; border-radius: 0; } }

.l-header__lang > li.l-header__lang__change > p span, .l-header__lang > li.l-header__lang__change > a span { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; }

@media screen and (min-width: 1px) and (max-width: 768px) { .l-header__lang > li.l-header__lang__change > p span, .l-header__lang > li.l-header__lang__change > a span { font-size: 0; } }

.l-header__lang > li.l-header__lang__change > p span:before, .l-header__lang > li.l-header__lang__change > a span:before { content: ""; width: 7px; height: 7px; border-right: 2px solid #1f1f1f; border-bottom: 2px solid #1f1f1f; margin: -2px 10px 0 0; display: inline-block; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

@media screen and (min-width: 1px) and (max-width: 768px) { .l-header__lang > li.l-header__lang__change > p span:before, .l-header__lang > li.l-header__lang__change > a span:before { width: 20px; height: 20px; background: url(../img/region-icon03.svg) 0 0 no-repeat; border: none; margin: 0; -webkit-transform: rotate(0); transform: rotate(0); } }

.l-header__lang > li.l-header__lang__region { font-size: 1.4rem; }

@media screen and (min-width: 1px) and (max-width: 768px) { .l-header__lang > li.l-header__lang__region { font-size: 1.4rem; } }

.l-header__lang > li.l-header__lang__region a { background: #88dbdf; padding: 9px 15px; border-radius: 0px 0px 10px 10px; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; transition: opacity 0.2s; }

.l-header__lang > li.l-header__lang__region a:hover { opacity: 0.6; }

@media screen and (min-width: 1px) and (max-width: 768px) { .l-header__lang > li.l-header__lang__region a { padding: 5px 15px; } }

.l-header__lang > li.l-header__lang__region a::before { content: ""; width: 20px; height: 20px; background: url(../images/GHQ/icon/region-icon02.svg) 0 0 no-repeat; margin-right: 10px; display: inline-block; }

.l-header__lang > li.l-header__lang__region a::after { content: ""; width: 15px; height: 7.5px; background: url(../images/GHQ/icon/arrow-gt-icon03.png) 0 0 no-repeat; background-size: 100% 100%; margin-left: 10px; display: inline-block; }

@media screen and (min-width: 1px) and (max-width: 768px) { .l-header__lang > li.l-header__lang__region a::before { width: 15px; height: 15px; margin-right: 10px; } }

.l-header__lang__change { position: relative; }

.l-header__lang__change > ul { width: 160%; background: #e7e7e7; border-radius: 10px; padding: 9px 20px; position: absolute; top: calc(100% + 10px); left: 0; z-index: 2; display: none; }

@media screen and (min-width: 1px) and (max-width: 768px) { .l-header__lang__change > ul { width: 140px; padding: 10px 15px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } }

.l-header__lang__change > ul li a { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: start; justify-content: flex-start; transition: opacity 0.2s; }

.l-header__lang__change > ul li a:hover { opacity: 0.6; }

.l-header__lang__change > ul li a::before { content: ""; width: 6px; height: 6px; border-top: 2px solid #1f1f1f; border-right: 2px solid #1f1f1f; margin: 2px 10px 0 0; display: inline-block; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.l-header__lang__change > ul li + li { margin-top: 5px; }

.l-header__lang--hd { -ms-flex-pack: center; justify-content: center; }

.l-header__search { position: absolute; right: 70px; bottom: 25px; }

@media screen and (min-width: 1px) and (max-width: 768px) { .l-header__search { position: static; } }

.l-header__search > button { width: 20px; height: 20px; font-size: 0; position: relative; display: block; transition: opacity 0.2s; padding: 0; cursor: pointer; }

.l-header__search > button:hover { opacity: 0.6; }

@media screen and (min-width: 1px) and (max-width: 768px) { .l-header__search > button { width: 25px; height: 25px; } }

.l-header__search > button::before { content: ""; width: 100%; height: 100%; background: url(../images/GHQ/icon/search-icon.svg) 0 0 no-repeat; background-size: 100% 100%; display: inline-block; }

.l-header__search > button.is-open::before, .l-header__search > button.is-open::after { content: ""; width: 100%; height: 2px; background: #000; margin: auto; position: absolute; inset: 0; display: inline-block; }

.l-header__search > button.is-open::before { -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.l-header__search > button.is-open::after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

.l-header__search__form { width: 100%; background: #15b5aa; padding-top: 40px; padding-bottom: 40px; position: fixed; top: 133px; left: 0; z-index: 1; display: none; }

@media screen and (max-width: 1199px) { .l-header__search__form { top: 168px; } }

@media screen and (min-width: 1px) and (max-width: 768px) { .l-header__search__form { top: 103px; padding-top: 20px; padding-bottom: 20px; } }

.l-header__search__form form { background: #fff; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: start; justify-content: flex-start; }

.l-header__search__form form button { width: 50px; height: 100%; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; }

.l-header__search__form form button::before { content: ""; width: 20px; height: 20px; background: url(../images/GHQ/icon/search-icon.svg) 0 0 no-repeat; display: inline-block; }

.l-header__search__form form input { -webkit-appearance: none; appearance: none; -ms-flex: 1; flex: 1; font-size: 1.6rem; border: none; padding: 8px; }

@media screen and (min-width: 1px) and (max-width: 768px) { .l-header__search__form form input { padding: 5px; font-size: 1.4rem; } }

.l-header__search__form form input:focus { outline: none; }

.l-header__hum { width: 25px; height: 25px; position: relative; cursor: pointer; }

.l-header__hum::before { content: ""; width: 100%; height: 3px; background: #000; position: absolute; top: 0; left: 0; display: inline-block; }

.l-header__hum::after { content: ""; width: 100%; height: 3px; background: #000; position: absolute; bottom: 0; left: 0; display: inline-block; }

.l-header__hum span { width: 100%; height: 3px; background: #000; margin: auto; position: absolute; top: 0; bottom: 0; left: 0; }

.l-header__hum.is-open::before, .l-header__hum.is-open::after { height: 2px; margin: auto; inset: 0; }

.l-header__hum.is-open::before { -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.l-header__hum.is-open::after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

.l-header__hum.is-open span { opacity: 0; }

.l-headerGHQ.is-thin { -webkit-transform: translateY(-70px); transform: translateY(-70px); }

@media screen and (max-width: 1199px) { .l-headerGHQ.is-thin { -webkit-transform: translateY(-98px); transform: translateY(-98px); } }

@media screen and (min-width: 1px) and (max-width: 768px) { .l-headerGHQ.is-thin { -webkit-transform: translateY(-32px); transform: translateY(-32px); } }

.l-header--existing::after { content: ""; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); position: absolute; top: 0; left: 0; z-index: 1; display: inline-block; }

.margin-header { margin-top: 133px; }

@media screen and (max-width: 1199px) { .margin-header { margin-top: 168px; } }

@media screen and (min-width: 1px) and (max-width: 768px) { .margin-header { margin-top: 103px; } }

.l-headerGHQ .l-gnavi { margin-top: 10px; }

@media screen and (min-width: 1px) and (max-width: 768px) { .l-headerGHQ .l-gnavi { width: 100%; max-height: calc(100dvh - 103px); background: #fff; margin-top: 0; position: fixed; top: 103px; left: 0; z-index: 1; display: none; overflow-y: auto; } }

.l-headerGHQ ul.l-gnavi { margin: 0; }

.l-headerGHQ .l-gnavi > ul:not([class]) { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; }

@media screen and (min-width: 1px) and (max-width: 768px) { .l-headerGHQ .l-gnavi > ul:not([class]) { border-top: 1px solid #cfcfcf; border-bottom: 1px solid #cfcfcf; display: block; } }

.l-headerGHQ .l-gnavi > ul:not([class]) > li { font-size: 2rem; position: relative; }

@media screen and (min-width: 1px) and (max-width: 768px) { .l-headerGHQ .l-gnavi > ul:not([class]) > li { font-size: 1.5rem; } }

.l-headerGHQ .l-gnavi > ul:not([class]) > li::before { content: ""; width: 1px; height: 30px; background: #cfcfcf; margin: auto 0; position: absolute; top: 0; bottom: 0; left: 0; display: inline-block; }

@media screen and (min-width: 1px) and (max-width: 768px) { .l-headerGHQ .l-gnavi > ul:not([class]) > li::before { content: none; } }

.l-headerGHQ .l-gnavi > ul:not([class]) > li::after { content: ""; width: 1px; height: 30px; background: #cfcfcf; margin: auto 0; position: absolute; top: 0; bottom: 0; right: 0; display: inline-block; }

@media screen and (min-width: 1px) and (max-width: 768px) { .l-headerGHQ .l-gnavi > ul:not([class]) > li::after { content: none; } }

.l-headerGHQ .l-gnavi > ul:not([class]) > li > span { color: #000; font-weight: 700; padding: 20px 60px; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; transition: color 0.2s; cursor: pointer; -webkit-user-select: none; -ms-user-select: none; user-select: none; }

@media screen and (min-width: 1px) and (max-width: 768px) { .l-headerGHQ .l-gnavi > ul:not([class]) > li > span { color: #fff; background: #15b5aa; padding: 20px 50px 20px 25px; position: relative; -ms-flex-pack: start; justify-content: flex-start; } }

.l-headerGHQ .l-gnavi > ul:not([class]) > li > span::after { content: ""; width: 0; height: 0; border-style: solid; border-width: 7px 5.5px 0 5.5px; border-color: #15b5aa transparent transparent transparent; margin-left: 15px; display: inline-block; }

@media screen and (min-width: 1px) and (max-width: 768px) { .l-headerGHQ .l-gnavi > ul:not([class]) > li > span::after { content: none; } }

.l-headerGHQ .l-gnavi > ul:not([class]) > li > span button { padding: 0; }

@media screen and (min-width: 1px) and (max-width: 768px) { .l-headerGHQ .l-gnavi > ul:not([class]) > li > span button { width: 50px; height: 100%; position: absolute; top: 0; right: 0; } }

@media screen and (min-width: 1px) and (max-width: 768px) { .l-headerGHQ .l-gnavi > ul:not([class]) > li > span button::before { content: ""; width: 13px; height: 1px; background: #fff; margin: auto; position: absolute; inset: 0; display: inline-block; } }

@media screen and (min-width: 1px) and (max-width: 768px) { .l-headerGHQ .l-gnavi > ul:not([class]) > li > span button::after { content: ""; width: 1px; height: 13px; background: #fff; margin: auto; position: absolute; inset: 0; display: inline-block; } }

.l-headerGHQ .l-gnavi > ul:not([class]) > li + li::before { content: none; }

.l-headerGHQ .l-gnavi > ul:not([class]) > li:hover > span { color: #15b5aa; }

@media screen and (min-width: 1px) and (max-width: 768px) { .l-headerGHQ .l-gnavi > ul:not([class]) > li:hover > span { color: #fff; } }

.l-headerGHQ > ul:not([class]) > li.is-open > span { color: #fff; background: #15b5aa; }

@media screen and (min-width: 1px) and (max-width: 768px) { .l-headerGHQ .l-gnavi > ul:not([class]) > li.is-open > span button::after { content: none; } }

@media screen and (min-width: 1px) and (max-width: 768px) { .l-headerGHQ .l-gnavi > ul:not([class]) > li + li { border-top: 1px solid #cfcfcf; } }

ul.l-gnavi__lang { background: #e9f5f5; padding: 30px 0 25px; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; }

.l-gnavi__lang li { font-size: 1.5rem; font-weight: 700; position: relative; }

.l-gnavi__lang li a { padding: 0 20px; display: inline-block; color: #000; }

.l-gnavi__lang li.is-current a { color: #15b5aa; pointer-events: none; }

.l-gnavi__lang li + li::before { content: ""; width: 1px; height: 20px; background: #cfcfcf; margin: auto 0; position: absolute; top: 0; bottom: 0; left: 0; display: inline-block; }

.l-mnavi { width: 100%; background: #15b5aa; padding-right: 96px; padding-left: 96px; padding-top: 35px; padding-bottom: 55px; position: fixed; top: 133px; left: 0; display: none; }

@media screen and (min-width: 769px) and (max-width: 1024px) { .l-mnavi { padding-right: 32px; padding-left: 32px; } }

@media screen and (min-width: 1px) and (max-width: 768px) { .l-mnavi { padding-right: 16px; padding-left: 16px; } }

@media screen and (max-width: 1199px) { .l-mnavi { top: 168px; } }

@media screen and (min-width: 1px) and (max-width: 768px) { .l-mnavi { background: #e9f5f5; padding: 5px 25px; position: static; display: none; } }

.l-mnavi__ttl { font-size: 3.2rem; font-weight: 700; text-align: center; color: #fff; border-bottom: 1px solid #fff; padding-bottom: 35px; margin: 0 0 50px 0; }

.l-mnavi__menu { position: relative; overflow: hidden; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: stretch; align-items: stretch; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: nowrap; flex-wrap: nowrap; }

@media screen and (min-width: 1px) and (max-width: 768px) { .l-mnavi__menu { display: block; } }

.l-mnavi__menu > ul { -ms-flex: 1; flex: 1; display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); gap: 20px 15px; margin-right: 33.75%; }

@media screen and (min-width: 1px) and (max-width: 768px) { .l-mnavi__menu > ul { margin-right: 0; display: block; } }

.l-mnavi__menu > ul > li { font-size: 1.8rem; }

@media screen and (min-width: 1px) and (max-width: 768px) { .l-mnavi__menu > ul > li { font-size: 1.5rem; } }

.l-mnavi__menu > ul > li > a { width: 100%; height: 100%; font-weight: 700; background: #fff; color: #000; padding: 15px 40px 15px 15px; position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: start; justify-content: flex-start; transition: color 0.2s; }

@media screen and (min-width: 1px) and (max-width: 768px) { .l-mnavi__menu > ul > li > a { background: none; padding: 20px 15px; } }

.l-mnavi__menu > ul > li > a::before { content: ""; width: 17px; height: 9px; background: url(../images/GHQ/icon/arrow-gt-icon01.png) 0 0 no-repeat; background-size: 100% 100%; margin: auto 0; position: absolute; top: 0; bottom: 0; right: 15px; display: inline-block; }

@media screen and (min-width: 1px) and (max-width: 768px) { .l-mnavi__menu > ul > li > a::before { width: 10px; height: 5px; margin: 0; top: 1.9em; left: 0; } }

.l-mnavi__menu > ul > li > a:hover { color: #15b5aa; }

@media screen and (min-width: 1px) and (max-width: 768px) { .l-mnavi__menu > ul > li > a:hover { color: inherit; } }

.l-mnavi__menu > ul > li > span { width: 100%; height: 100%; font-weight: 700; color: #000; background: #fff; padding: 15px 40px 15px 15px; position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: start; justify-content: flex-start; cursor: pointer; -webkit-user-select: none; -ms-user-select: none; user-select: none; transition: color 0.2s; }

@media screen and (min-width: 1px) and (max-width: 768px) { .l-mnavi__menu > ul > li > span { background: none; padding: 20px 15px; } }

.l-mnavi__menu > ul > li > span::before { content: ""; width: 10px; height: 2px; background: #15b5aa; margin: auto 0; position: absolute; top: 0; bottom: 0; right: 15px; display: inline-block; }

@media screen and (min-width: 1px) and (max-width: 768px) { .l-mnavi__menu > ul > li > span::before { width: 9px; height: 1px; margin: 0; top: calc(19px + 0.8em); right: auto; left: 0; } }

.l-mnavi__menu > ul > li > span::after { content: ""; width: 2px; height: 10px; background: #15b5aa; margin: auto 0; position: absolute; top: 0; bottom: 0; right: 19px; display: inline-block; }

@media screen and (min-width: 1px) and (max-width: 768px) { .l-mnavi__menu > ul > li > span::after { width: 1px; height: 9px; margin: 0; top: calc(15px + 0.8em); right: auto; left: 4px; } }

.l-mnavi__menu > ul > li > span:hover { color: #15b5aa; }

@media screen and (min-width: 1px) and (max-width: 768px) { .l-mnavi__menu > ul > li > span:hover { color: inherit; } }

.l-mnavi__menu > ul > li dl { width: 30%; color: #fff; position: absolute; top: 0; right: -100%; opacity: 0; visibility: hidden; transition: right 0.5s,
 opacity 0.5s,
 visibility 0.5s; }

@media screen and (min-width: 1px) and (max-width: 768px) { .l-mnavi__menu > ul > li dl { width: 100%; color: inherit; margin: 0 0 0 1.5em; position: static; opacity: 1; visibility: visible; display: none; } }

.l-mnavi__menu > ul > li dl dt { font-size: 2rem; font-weight: 700; border-bottom: 1px solid rgba(255, 255, 255, 0.3); padding-bottom: 10px; margin-bottom: 10px; }

@media screen and (min-width: 1px) and (max-width: 768px) { .l-mnavi__menu > ul > li dl dt { font-size: 1.5rem; font-weight: inherit; border-bottom: none; text-indent: -0.6em; padding: 0 0 0 0.6em; margin: 5px 0 1.5em 0; } }

@media screen and (min-width: 1px) and (max-width: 768px) { .l-mnavi__menu > ul > li dl dt::before { content: "- "; } }

.l-mnavi__menu > ul > li dl dt a { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: nowrap; flex-wrap: nowrap; transition: opacity 0.2s; }

.l-mnavi__menu > ul > li dl dt a:hover { opacity: 0.6; }

@media screen and (min-width: 1px) and (max-width: 768px) { .l-mnavi__menu > ul > li dl dt a { display: inline; } }

.l-mnavi__menu > ul > li dl dt a::before { content: ""; -ms-flex: none; flex: none; width: 17px; height: 9px; background: url(../images/GHQ/icon/arrow-gt-icon02.png) 0 0 no-repeat; background-size: 100% 100%; margin: 0.5em 15px 0 0; display: inline-block; }

@media screen and (min-width: 1px) and (max-width: 768px) { .l-mnavi__menu > ul > li dl dt a::before { content: none; } }

.l-mnavi__menu > ul > li dl dd ul li { font-size: 1.8rem; text-indent: -1em; padding-left: 1em; }

@media screen and (min-width: 1px) and (max-width: 768px) { .l-mnavi__menu > ul > li dl dd ul li { font-size: 1.4rem; text-indent: -0.6em; padding-left: 0.6em; margin: 5px 0 1.5em 0; } }

@media screen and (min-width: 1px) and (max-width: 768px) { .l-mnavi__menu > ul > li dl dd ul li::before { content: "- "; } }

.l-mnavi__menu > ul > li dl dd ul li a { transition: opacity 0.2s; }

.l-mnavi__menu > ul > li dl dd ul li a:hover { opacity: 0.6; }

.l-mnavi__menu > ul > li dl dd ul li a::before { content: ""; width: 7px; height: 7px; border-top: 2px solid #fff; border-right: 2px solid #fff; margin-right: 10px; position: relative; top: -0.2em; -webkit-transform: rotate(45deg); transform: rotate(45deg); display: inline-block; }

@media screen and (min-width: 1px) and (max-width: 768px) { .l-mnavi__menu > ul > li dl dd ul li a::before { content: none; } }

.l-mnavi__menu > ul > li dl dd ul li + li { margin-top: 15px; }

@media screen and (min-width: 1px) and (max-width: 768px) { .l-mnavi__menu > ul > li dl dd ul li + li { margin-top: 5px; } }

.l-mnavi__menu > ul > li.is-open > span { color: #15b5aa; }

.l-mnavi__menu > ul > li.is-open > span::after { content: none; }

.l-mnavi__menu > ul > li.is-open dl { right: 0; opacity: 1; visibility: visible; }

@media screen and (min-width: 1px) and (max-width: 768px) { .l-mnavi__menu > ul > li + li { border-top: 1px solid #cfcfcf; } }

.l-lnavi { background-color: #15b5aa; padding-top: 80px; padding-bottom: 80px; }

@media screen and (min-width: 1px) and (max-width: 768px) { .l-lnavi { padding-top: 50px; padding-bottom: 50px; } }

p.l-lnavi__ttl { color: #ffffff; font-size: 5.4rem; letter-spacing: 0.1em; margin-bottom: 40px; }

@media screen and (min-width: 1px) and (max-width: 768px) { p.l-lnavi__ttl { font-size: 3.5rem; margin-bottom: 30px; } }

.l-lnavi__menu { position: relative; overflow: hidden; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: stretch; align-items: stretch; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: nowrap; flex-wrap: nowrap; }

@media screen and (min-width: 1px) and (max-width: 768px) { .l-lnavi__menu { display: block; } }

.l-lnavi__menu > ul { -ms-flex: 1; flex: 1; display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[3]; grid-template-columns: repeat(3, 1fr); gap: 20px 15px; }

@media screen and (min-width: 1px) and (max-width: 768px) { .l-lnavi__menu > ul { display: block; } }

.l-lnavi__menu > ul > li { font-size: 1.8rem; }

@media screen and (min-width: 1px) and (max-width: 768px) { .l-lnavi__menu > ul > li { font-size: 1.54rem; } }

@media screen and (min-width: 1px) and (max-width: 768px) { .l-lnavi__menu > ul > li:nth-of-type(n+2) { margin-top: 10px; } }

.l-lnavi__menu > ul > li > a { width: 100%; height: 100%; font-weight: 700; background: #fff; padding: 15px 40px 15px 15px; position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: start; justify-content: flex-start; transition: color 0.2s; }

@media screen and (min-width: 1px) and (max-width: 768px) { .l-lnavi__menu > ul > li > a { padding: 20px 15px; } }

.l-lnavi__menu > ul > li > a::before { content: ""; width: 17px; height: 9px; background: url(../images/GHQ/icon/arrow-gt-icon01.png) 0 0 no-repeat; background-size: 100% 100%; margin: auto 0; position: absolute; top: 0; bottom: 0; right: 15px; }

@media screen and (min-width: 1px) and (max-width: 768px) { .l-lnavi__menu > ul > li > a::before { width: 10px; height: 5px; } }

.l-lnavi__menu > ul > li > a:hover { color: #15b5aa; }

@media screen and (min-width: 1px) and (max-width: 768px) { .l-lnavi__menu > ul > li > a:hover { color: inherit; } }

.c-btn { width: 100%; max-width: 380px; font-size: 1.8rem; font-weight: 700; background: #fff; border: 1px solid #15b5aa; border-radius: 30px; padding: 15px 60px; position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; transition: background .2s; }

@media screen and (min-width: 1px) and (max-width: 768px) { .c-btn { width: 71.6418%; font-size: 1.3rem; padding: 10px 30px; } }

.c-btn::after { content: ""; width: 20px; height: 10px; background: url(../images/GHQ/icon/arrow-gt-icon01.png) 0 0 no-repeat; background-size: 100% 100%; margin: auto 0; position: absolute; top: 0; right: 30px; bottom: 0; display: inline-block; }

@media screen and (min-width: 1px) and (max-width: 768px) { .c-btn::after { width: 10px; height: 5px; right: 15px; } }

.c-btn:hover { color: #fff; background: #15b5aa; }

.c-btn:hover::after { background-image: url(../images/GHQ/icon/arrow-gt-icon02.png); }

.c-wrap { padding-right: 96px; padding-left: 96px; }

@media screen and (min-width: 769px) and (max-width: 1024px) { .c-wrap { padding-right: 32px; padding-left: 32px; } }

@media screen and (min-width: 1px) and (max-width: 768px) { .c-wrap { padding-right: 16px; padding-left: 16px; } }

.c-inr { max-width: 1200px; margin: 0 auto; }

ul.c-list--anchor { margin-bottom: 60px; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: stretch; align-items: stretch; -ms-flex-pack: justify; justify-content: space-between; }

@media screen and (min-width: 1px) and (max-width: 768px) { .c-list--anchor { margin-bottom: 60px; } }

.c-list--anchor li { background-color: #ffffff; width: calc(100% / 4); height: auto; min-height: 60px; text-align: center; border: 1px #15b5aa solid; }

@media screen and (min-width: 769px) and (max-width: 1024px) { .c-list--anchor li { width: calc(100% / 2); } }

@media screen and (min-width: 1px) and (max-width: 768px) { .c-list--anchor li { width: calc(100% / 2); min-height: 35px; } }

.c-list--anchor li:not(:nth-of-type(4n + 1)) { border-left: none; }

@media screen and (min-width: 769px) and (max-width: 1024px) { .c-list--anchor li:not(:nth-of-type(4n + 1)) { border-left: 1px #15b5aa solid; } }

@media screen and (min-width: 1px) and (max-width: 768px) { .c-list--anchor li:not(:nth-of-type(4n + 1)) { border-left: 1px #15b5aa solid; } }

@media screen and (min-width: 769px) and (max-width: 1024px) { .c-list--anchor li:nth-of-type(even) { border-left: none; } }

@media screen and (min-width: 1px) and (max-width: 768px) { .c-list--anchor li:nth-of-type(even) { border-left: none; } }

.c-list--anchor li:nth-of-type(n + 5) { border-top: none; }

@media screen and (min-width: 769px) and (max-width: 1024px) { .c-list--anchor li:nth-of-type(n + 3) { border-top: none; } }

@media screen and (min-width: 1px) and (max-width: 768px) { .c-list--anchor li:nth-of-type(n + 3) { border-top: none; } }

.c-list--anchor li a { width: 100%; height: 100%; font-size: 1.6rem; line-height: 1.25; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; position: relative; transition: color 0.2s, background-color 0.2s; }

@media screen and (min-width: 1px) and (max-width: 768px) { .c-list--anchor li a { font-size: 1rem; } }

.c-list--anchor li a span { font-weight: 700; padding: 0 20px; }

.c-list--anchor li a:hover { color: #ffffff; background-color: #15b5aa; }

.c-list--anchor li a:not(.c-btn):before { content: ""; width: 0; height: 0; border-style: solid; border-width: 7px 5.5px 0 5.5px; border-color: #15b5aa transparent transparent transparent; position: absolute; top: 0; bottom: 0; left: 15px; margin: auto; transition: border-color 0.2s; }

@media screen and (min-width: 1px) and (max-width: 768px) { .c-list--anchor li a:not(.c-btn):before { border-width: 3.5px 3px 0 3px; left: 7px; } }

.c-list--anchor li a:not(.c-btn):hover:before { border-color: #ffffff transparent transparent transparent; }

.c-list--anchor li a.c-btn { padding: 0; border: none; border-radius: 0; }

.c-list--anchor li a.c-btn:after { right: 15px; }

@media screen and (min-width: 1px) and (max-width: 768px) { .c-list--anchor li a.c-btn:after { right: 7px; } }

.c-modal { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 1500; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; -ms-flex-direction: column; flex-direction: column; opacity: 0; visibility: hidden; transition: opacity 0.2s, visibility 0.2s; }

.c-modal__overlay { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.6); z-index: 1; cursor: default; }

.c-modal__inr { width: 100%; position: relative; z-index: 1; }

.c-modal__inr button { width: 30px; height: 30px; position: absolute; top: -40px; right: 0; z-index: 1; }

.c-modal__inr button::before, .c-modal__inr button::after { content: ""; width: 100%; height: 2px; background: #fff; margin: auto; position: absolute; inset: 0; display: inline-block; }

.c-modal__inr button::before { -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.c-modal__inr button::after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

.c-modal__movie { position: relative; padding-top: 43.1%; overflow: hidden; }

@media screen and (min-width: 1px) and (max-width: 768px) { .c-modal__movie { padding-top: 56%; } }

.c-modal__movie iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }

.c-modal.is-open { opacity: 1; visibility: visible; }

.slick-list:focus { outline: none; }

.slick-list:active { outline: none; }

.p-top-mv__slide { display: none; }

.p-top-mv__slide.slick-initialized { display: block; /*slick-initializedが付与されたら表示*/ }

.p-page-header__title br:nth-of-type(2) { display: none; }

@media screen and (min-width: 769px) and (max-width: 1024px) { .p-page-header__title br:nth-of-type(2) { display: inline; } }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-page-header__title br:nth-of-type(2) { display: inline; } }

.p-network .l-breadcrumb { padding-top: 20px; }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-network .l-breadcrumb { padding-top: 15px; } }

.p-network .p-page-content { padding-top: 30px; }

.p-network__title h1 { font-size: 4.6rem; letter-spacing: 0.1em; margin: 100px 0 0 0; }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-network__title h1 { font-size: 3.52rem; margin: 30px 0 0 0; } }

.p-network__map { position: relative; }

.p-network__map p { font-size: 2.4rem; font-weight: 700; margin-top: 20px; display: none; }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-network__map p { display: block; } }

.p-network__link { margin: 50px 0; text-align: center; }

.p-network__link p { font-size: 3.6rem; font-weight: 700; }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-network__link p { display: none; } }

@media screen and (min-width: 1px) and (max-width: 768px) { ul.p-network__area { margin-top: 20px; } }

.p-network__area > li { width: 120px; height: 120px; position: absolute; }

@media screen and (max-width: 1199px) { .p-network__area > li { width: 100px; height: 100px; } }

@media screen and (max-width: 1024px) { .p-network__area > li { width: 85px; height: 85px; } }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-network__area > li { width: 100% !important; height: auto !important; border: 1px #15b5aa solid; position: static; } }

.p-network__area > li button { width: 100%; height: 100%; font-size: 1.8rem; line-height: 1.3; text-align: left; background: #eff5f5; border: 1px solid #15b5aa; border-radius: 50%; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; -webkit-user-select: none; -ms-user-select: none; user-select: none; transition: background-color 0.2s; }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-network__area > li button { font-size: 1.65rem; border: none; border-radius: 0; padding: 20px 40px; position: relative; display: block; -webkit-user-select: none; -ms-user-select: none; user-select: none; } }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-network__area > li button:before { content: ""; width: 0; height: 0; border-color: #15b5aa transparent transparent transparent; border-width: 6.5px 5px 0 5px; border-style: solid; margin: auto 0; position: absolute; top: 0; left: 15px; bottom: 0; display: inline-block; } }

.p-network__area > li button span { font-weight: 700; transition: color 0.2s; }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-network__area > li button span { color: #000; } }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-network__area > li button span br { display: none; } }

.p-network__area > li button.is-open::after { content: none; }

.p-network__area > li:hover button, .p-network__area > li.is-open button { background-color: #15b5aa; }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-network__area > li:hover button:before, .p-network__area > li.is-open button:before { border-color: #ffffff transparent transparent transparent; } }

.p-network__area > li:hover button span, .p-network__area > li.is-open button span { color: #ffffff; }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-network__area > li + li { border-top: none; } }

.p-network__area > li:nth-child(1) { top: 43.379%; left: 47.0833%; }

.p-network__area > li:nth-child(2) { top: 26.7884%; left: 35%; }

.p-network__area > li:nth-child(3) { top: 49.6195%; left: 31.5%; }

.p-network__area > li:nth-child(4) { top: 24.0487%; left: 12.5833%; }

.p-network__area > li:nth-child(5) { top: 6.5449%; left: 29.5%; }

.p-network__area > li:nth-child(6) { width: 130px; height: 130px; top: 47.793%; left: 8.6667%; }

.p-network__area > li:nth-child(7) { width: 180px; height: 180px; top: 32.1157%; right: 1.0833%; }

.p-network__list section { display: none; }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-network__list section { padding-top: 60px; } }

.p-network__list section ul { margin-bottom: 60px; }

.p-network__list section.is-active { display: block; }

.p-network__list section h2 { font-size: 5.4rem; letter-spacing: 0.1em; margin: 0 0 30px 0; position: relative; }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-network__list section h2 { font-size: 2.97rem; margin: 0 0 15px 0; } }

.p-network__list section ul li { border-top: 1px #aaaaaa solid; }

.p-network__list section ul li:last-of-type { border-bottom: 1px #aaaaaa solid; }

.p-network__list section ul li p { font-size: 2rem; font-weight: 700; padding: 30px 25px; position: relative; cursor: pointer; transition: color 0.2s; }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-network__list section ul li p { font-size: 1.54rem; padding: 20px 15px; } }

.p-network__list section ul li p:before, .p-network__list section ul li p:after { content: ""; background-color: #15b5aa; width: 20px; height: 2px; position: absolute; top: 0; bottom: 0; right: 20px; margin: auto; }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-network__list section ul li p:before, .p-network__list section ul li p:after { width: 11px; height: 1px; right: 10px; } }

.p-network__list section ul li p:after { -webkit-transform: rotate(90deg); transform: rotate(90deg); }

.p-network__list section ul li p:hover { color: #15b5aa; }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-network__list section ul li p:hover { color: inherit; } }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-network__list section ul li p.is-open { color: #000; } }

.p-network__list section ul li p.is-open:after { content: none; }

.p-network__list section ul li div { display: none; border-top: 1px #aaaaaa solid; }

.p-network__list section article { padding: 50px 30px; }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-network__list section article { padding: 25px 0; } }

.p-network__list section article:nth-of-type(n + 2) { margin-top: 60px; }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-network__list section article:nth-of-type(n + 2) { margin-top: 30px; } }

.p-network__list section article h3 { font-size: 2.8rem; font-weight: 700; margin: 0 0 30px 0; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; letter-spacing: 0; }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-network__list section article h3 { font-size: 2rem; -ms-flex-direction: column; flex-direction: column; } }

.p-network__list section article h3 a { background-color: #fff; border: 1px solid #15b5aa; font-size: 1.5rem; font-weight: 700; line-height: 28px; text-align: center; margin-left: 20px; padding: 0 48px 0 15px; display: block; position: relative; transition: opacity 0.2s; }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-network__list section article h3 a { font-size: 1.3rem; line-height: 25px; margin: 5px auto 0 0; padding: 0 25px 0 8px; } }

.p-network__list section article h3 a:after { content: ""; background: url(../images/GHQ/icon/arrow-gt-icon01.png) 0 0 no-repeat; background-size: 100% 100%; width: 18px; height: 9px; margin: auto 0; position: absolute; top: 0; bottom: 0; right: 15px; }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-network__list section article h3 a:after { width: 9px; height: 4.5px; right: 8px; } }

.p-network__list section article h3 a:hover { opacity: 0.6; }

.p-network__list section article dl { background-color: #eff5f5; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: stretch; align-items: stretch; -ms-flex-pack: justify; justify-content: space-between; margin: 0; }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-network__list section article dl { display: block; } }

.p-network__list section article dl:nth-of-type(n + 2) { margin: 5px 0 0 0; }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-network__list section article dl:nth-of-type(n + 2) { margin: 10px 0 0 0; } }

.p-network__list section article dl dt { width: 320px; font-size: 2rem; font-weight: 700; padding: 30px; }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-network__list section article dl dt { width: 100%; font-size: 1.54rem; padding: 15px; } }

.p-network__list section article dl dd { background-color: #ffffff; width: calc(100% - 320px); font-size: 1.6rem; line-height: 2; padding: 30px; }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-network__list section article dl dd { width: 100%; font-size: 1.43rem; padding: 15px; } }

.p-network__list section.eastAsia h2 { cursor: pointer; transition: color 0.2s; }

.p-network__list section.eastAsia h2:hover { color: #15b5aa; }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-network__list section.eastAsia h2:hover { color: inherit; } }

.p-network__list section.eastAsia ul { border-top: 1px #aaaaaa solid; }

.p-network__list section.eastAsia ul li { border-top: none; }

.p-network__list section.eastAsia ul li:last-of-type { border-bottom: none; }

.p-network__list section.eastAsia ul li div { display: block; border-top: none; }

.p-page-header { background-repeat: no-repeat; background-position: center; background-size: cover; width: 100%; }

.p-page-header .c-inr { height: 100%; padding-bottom: 120px; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: end; align-items: flex-end; -ms-flex-pack: start; justify-content: flex-start; }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-page-header .c-inr { padding-bottom: 70px; } }

.p-page-header h1 { color: #ffffff; font-size: 4.6rem; line-height: 1.15; letter-spacing: 0.1em; padding-bottom: 20px; display: inline-block; position: relative; margin: 30px 0 0 0; text-shadow: 0 0 10px #000; }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-page-header h1 { font-size: 2.5rem; padding-bottom: 10px; } }

.p-page-header h1:before, .p-page-header h1:after { content: ""; height: 2px; position: absolute; bottom: 0; left: 0; }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-page-header h1:before, .p-page-header h1:after { height: 1px; } }

.p-page-header h1:before { background-color: #ffffff; width: 100%; }

.p-page-header h1:after { background-color: #15b5aa; width: 44px; }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-page-header h1:after { width: 22px; } }

.p-page-header-wrapper { position: relative; height: 400px; background: #000; }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-page-header-wrapper { height: 200px; } }

.p-page-header-wrapper picture img { width: 100%; height: 100%; object-fit: cover; }

.p-page-header-content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; }

.p-page-content { padding-top: 90px; }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-page-content { padding-top: 40px; } }

.p-top-ttl { font-size: 5.4rem; font-weight: 500; letter-spacing: 0.1em; margin: 0 0 30px 0; }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-top-ttl { font-size: 3.5rem; margin-bottom: 20px; } }

html:lang(ja) .p-top-ttl { font-size: 4rem; letter-spacing: 0.0015em; }

@media screen and (min-width: 1px) and (max-width: 768px) { html:lang(ja) .p-top-ttl { font-size: 2.64rem; } }

.p-top-mv__slide { position: relative; width: 100%; overflow: hidden; }

.p-top-mv__slide__video { position: relative; width: 100%; max-height: 550px; overflow: hidden; background: white; }

.p-top-mv__slide__video iframe { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); border: none; }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-top-mv__slide__video.u-sp-none-video { display: none; } }

.p-top-mv__slide img.u-sp-block { display: none; }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-top-mv__slide .u-sp-block { display: block !important; max-height: 320px; } }

.slide-one { display: block; }

.slide-one .slick-track { display: inline; }

.p-top-mv { margin-bottom: 120px; position: relative; z-index: 0; }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-top-mv { margin-bottom: 60px; } }

.p-top-mv button:focus { outline: none; }

.p-top-mv::before { content: ""; width: 100%; height: 85%; background: #fff; position: absolute; z-index: -1; display: inline-block; }

.p-top-mv__slide .slick-slide { margin: 0 10px; }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-top-mv__slide .slick-slide { margin: 0 5px; } }

.p-top-mv__slide li.slick-slide > div { width: 100%; height: 100%; position: relative; display: inline-block; transition: opacity 0.2s; }

.p-top-mv__slide li.slick-slide a { width: 100%; height: 100%; position: relative; display: inline-block; transition: opacity 0.2s; }

.p-top-mv__slide li.slick-slide a:hover { opacity: 0.6; }

.p-top-mv__slide li.slick-slide a:hover .p-top-mv__slide__item .c-btn { background-color: #15b5aa; color: #fff; }

.p-top-mv__slide li.slick-slide a:hover .p-top-mv__slide__item .c-btn:after { content: ""; width: 20px; height: 10px; background: url(../images/GHQ/icon/arrow-gt-icon02.png) 0 0 no-repeat; background-size: 100% 100%; margin: auto 0; position: absolute; }

.p-top-mv__slide li.slick-slide > div img, .p-top-mv__slide li.slick-slide a img { width: 100%; max-height: 550px; object-fit: cover; }

.p-top-mv__slide .slick-slide li a > div { position: absolute; bottom: 105px; left: 60px; }

@media screen and (max-width: 1199px) { .p-top-mv__slide .slick-slide li a > div { bottom: 30px; left: 30px; } }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-top-mv__slide .slick-slide li a > div { bottom: 20px; left: 20px; } }

.p-top-mv__slide .slick-slide li a > div .c-btn { max-width: 300px; margin-top: 20px; }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-top-mv__slide .slick-slide li a > div .c-btn { width: 150px; margin-top: 12px; } }

.p-top-mv__slide .slick-slide li a:hover > div .c-btn { color: #fff; background: #15b5aa; }

.p-top-mv__slide .slick-slide li a:hover > div .c-btn::after { background: url(../img/arrow-gt-icon02.png) center center no-repeat; }

.p-top-mv__slide__item { height: -webkit-fit-content; height: fit-content; text-align: center; background: #f5fbfb; padding: 35px 55px; margin: auto 0; position: absolute; top: 0; bottom: 0; left: 50px; z-index: 99; }

.p-top-mv__slide__item.nobg { background: transparent; }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-top-mv__slide__item { text-align: left; padding: 15px; top: auto; bottom: 15px; left: 15px; } }

.p-top-mv__slide__item--gt { right: 50px; left: auto; }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-top-mv__slide__item--gt { top: auto; right: 15px; bottom: 15px; } }

.p-top-mv__slide__item p.p-top-mv__slide__ttl { font-size: 4.2rem; font-family: "DM Serif Text", serif; }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-top-mv__slide__item p.p-top-mv__slide__ttl { font-size: 2rem; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: stretch; align-items: stretch; -ms-flex-pack: start; justify-content: flex-start; } }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-top-mv__slide__item p.p-top-mv__slide__ttl::before { content: ""; width: 17px; height: 17px; background: #fff url(../images/GHQ/icon/arrow-gt-icon01.png) center center no-repeat; background-size: 10px 5px; border: 1px solid #15b5aa; border-radius: 50%; margin: 2px 5px 0 0; display: inline-block; transition: background-color 0.2s; } }

.p-top-mv__slide__item p.p-top-mv__slide__lead { font-size: 1.8rem; font-weight: 700; margin-top: 10px; }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-top-mv__slide__item p.p-top-mv__slide__lead { font-size: 1.3rem; margin-top: 5px; } }

.p-top-mv__slide__item .c-btn { max-width: 300px; margin: 20px auto 0; }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-top-mv__slide__item .c-btn { width: 100%; } }

.p-top-mv__slide .slick-dots { margin-top: 30px; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-top-mv__slide .slick-dots { margin-top: 20px; } }

.p-top-mv__slide .slick-dots li { font-size: 0; }

.p-top-mv__slide .slick-dots li::before { content: ""; width: 12px; height: 12px; background: #cfcfcf; border-radius: 50%; display: inline-block; }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-top-mv__slide .slick-dots li::before { width: 6px; height: 6px; } }

.p-top-mv__slide .slick-dots li:not(:last-child) { margin-right: 10px; }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-top-mv__slide .slick-dots li:not(:last-child) { margin-right: 5px; } }

.p-top-mv__slide .slick-dots li.slick-active::before { background: #15b5aa; }

.p-top-enriching { margin: 110px 0; }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-top-enriching { margin: 60px 0; } }

.p-top-enriching__inr h2 { text-align: center; }

.p-top-enriching__inr > a { margin: 40px auto 0; }

.p-top-enriching__ttl img { max-width: 980px; }

.p-top-about { margin: 110px 0; }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-top-about { margin: 60px 0; } }

.p-top-about__link01 { display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[3]; grid-template-columns: repeat(3, 1fr); gap: 60px 32px; }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-top-about__link01 { -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); gap: 30px 16px; } }

.p-top-about__link01 li a { width: 100%; height: 100%; display: inline-block; }

.p-top-about__link01 li a figure { transition: opacity 0.2s; }

.p-top-about__link01 li a:hover figure { opacity: 0.6; }

.p-top-about__link01 li a:hover .p-top-about__link01__ttl::before { background-color: #15b5aa; background-image: url(../images/GHQ/icon/arrow-gt-icon02.png); }

.p-top-about__link01 li a[target="_blank"] .p-top-about__link01__ttl span::after { content: ""; width: 11px; height: 9px; vertical-align: top; background: url(../images/GHQ/icon/blank-icon01.png) center center no-repeat; background-size: 100% 100%; margin: 3px 0 0 10px; display: inline-block; }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-top-about__link01 li a[target="_blank"] .p-top-about__link01__ttl span::after { margin-left: 5px; } }

p.p-top-about__link01__ttl { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: start; justify-content: flex-start; margin: 20px 0 0 0; }

@media screen and (min-width: 1px) and (max-width: 768px) { p.p-top-about__link01__ttl { margin-top: 15px; -ms-flex-align: start; align-items: flex-start; } }

.p-top-about__link01__ttl::before { content: ""; width: 45px; height: 45px; background: #fff url(../images/GHQ/icon/arrow-gt-icon01.png) center center no-repeat; background-size: 20px 10px; border: 1px solid #15b5aa; border-radius: 50%; margin-right: 15px; display: inline-block; transition: background-color 0.2s; }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-top-about__link01__ttl::before { width: 16px; height: 16px; background-size: 6px 3px; margin: 2px 5px 0 0; } }

.p-top-about__link01__ttl span { -ms-flex: 1; flex: 1; font-size: 1.8rem; font-weight: 700; }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-top-about__link01__ttl span { font-size: 1.4rem; } }

html:lang(ja) .p-top-about__link01__ttl span { font-weight: 500; }

.p-top-about__bnr { height: 240px; color: #fff; margin-top: 60px; }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-top-about__bnr { height: 120px; margin-top: 30px; } }

.p-top-about__bnr a { width: 100%; height: 100%; background: #01041A; position: relative; display: inline-block; transition: opacity 0.2s; overflow: hidden; }

.p-top-about__bnr a img { width: 100%; height: 100%; object-fit: cover; background: #000; }

.p-top-about__bnr a:hover { opacity: 0.6; }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-top-about__bnr a { background-size: auto 100%; } }

.p-top-about__bnr a::after { content: ""; width: 80px; height: 80px; background: #fff url(../images/GHQ/icon/arrow-gt-icon01.png) center center no-repeat; border: 1px solid #15b5aa; border-radius: 50%; margin: auto 0; position: absolute; top: 0; right: 80px; bottom: 0; display: inline-block; transition: background-color 0.2s; }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-top-about__bnr a::after { width: 40px; height: 40px; background-size: 12px 6px; right: 15px; } }

.p-top-about__bnr a:hover::after { background-color: #15b5aa; background-image: url(../images/GHQ/icon/arrow-gt-icon02.png); }

.p-top-about__bnr__ttl___box { position: absolute; top: 0; padding: 60px 0 0 50px; color: #fff; text-shadow: 0 0 10px #000; }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-top-about__bnr__ttl___box { padding: 30px 0 0 15px; width: 80%; } }

.p-top-about__bnr__ttl { font-size: 3rem; font-weight: 700; color: inherit; }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-top-about__bnr__ttl { font-size: 1.7rem; } }

p.p-top-about__bnr__lead { margin-top: 5px; font-size: 1.8rem; font-weight: 700; }

@media screen and (min-width: 1px) and (max-width: 768px) { p.p-top-about__bnr__lead { font-size: 1.3rem; } }

.p-top-about__bh { font-size: 2.6rem; font-weight: 700; margin: 70px 0 25px; letter-spacing: 0; }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-top-about__bh { font-size: 2rem; margin: 30px 0 15px; } }

.p-top-about__link02 { display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[3]; grid-template-columns: repeat(3, 1fr); gap: 60px 30px; }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-top-about__link02 { -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); gap: 30px 16px; } }

.p-top-about__link02 li > a { transition: opacity 0.2s; display: inline-block; cursor: pointer; }

.p-top-about__link02 li > a:hover { opacity: 0.6; }

.p-top-about__link02 li > a img { width: 100%; }

.p-top-about__link02 li > a[target="_blank"] .p-top-about__link02__ttl span::after { content: ""; width: 11px; height: 9px; vertical-align: top; background: url(../images/GHQ/icon/blank-icon01.png) center center no-repeat; background-size: 100% 100%; margin: 3px 0 0 10px; display: inline-block; }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-top-about__link02 li > a[target="_blank"] .p-top-about__link02__ttl span::after { margin-left: 5px; } }

.p-top-about__link02 li > div { cursor: pointer; }

.p-top-about__link02 li > div img { width: 100%; }

p.p-top-about__link02__ttl { margin-top: 20px; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: start; justify-content: flex-start; }

@media screen and (min-width: 1px) and (max-width: 768px) { p.p-top-about__link02__ttl { margin-top: 10px; } }

.p-top-about__link02__ttl span { -ms-flex: 1; flex: 1; font-size: 1.8rem; font-weight: 700; }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-top-about__link02__ttl span { font-size: 1.3rem; } }

.p-top-about__link02__ttl--arrow::before { content: ""; width: 20px; height: 10px; background: url(../images/GHQ/icon/arrow-gt-icon01.png) center center no-repeat; background-size: 100% 100%; margin: 0.7em 10px 0 0; display: inline-block; }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-top-about__link02__ttl--arrow::before { width: 10px; height: 5px; margin-right: 5px; } }

.p-top-about__link02 p.p-top-about__link02__lead { font-size: 1.6rem; margin-top: 1.5em; }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-top-about__link02 p.p-top-about__link02__lead { font-size: 1.32rem; margin-top: 1em; } }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-top-about__link02__item--start { -ms-grid-column: 1; grid-column-start: 1; } }

.p-top-business { margin-top: 120px; }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-top-business { margin-top: 60px; } }

.p-top-business__inr { height: 400px; position: relative; }

@media screen and (max-width: 1199px) { .p-top-business__inr { height: 28.5714vw; } }

@media screen and (min-width: 769px) and (max-width: 1024px) { .p-top-business__inr { height: 23.1445%; } }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-top-business__inr { height: auto; } }

.p-top-business__inr > div { width: 31%; }

@media screen and (min-width: 769px) and (max-width: 1024px) { .p-top-business__inr > div { width: 44.2133%; } }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-top-business__inr > div { width: 100%; } }

.p-top-business__inr > div > a { max-width: 340px; margin-top: 50px; }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-top-business__inr > div > a { margin: 20px auto 0; } }

.p-top-business__inr > div > figure { width: 65.8333%; position: absolute; top: 0; right: 0; }

@media screen and (min-width: 769px) and (max-width: 1024px) { .p-top-business__inr > div > figure { width: 48.8281%; } }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-top-business__inr > div > figure { width: 100%; margin-bottom: 20px; position: static; } }

.p-top-business__inr > div > figure img { width: 100%; }

.p-top-business__lead { font-size: 1.8rem; font-weight: 700; }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-top-business__lead { font-size: 1.4rem; } }

.p-top-region { margin-top: 110px; }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-top-region { margin-top: 60px; } }

@media screen and (max-width: 1024px) { .p-top-region__inr > a { margin: 0 auto; } }

.p-top-region__map { position: relative; }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-top-region__map { margin: 30px 0; } }

.p-top-region__map > figure { margin: 0; }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-top-region__map > figure { display: none; } }

.p-top-region__map > ul > li { width: 120px; height: 120px; position: absolute; }

@media screen and (max-width: 1199px) { .p-top-region__map > ul > li { width: 100px; height: 100px; } }

@media screen and (min-width: 769px) and (max-width: 1024px) { .p-top-region__map > ul > li { width: 85px; height: 85px; } }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-top-region__map > ul > li { width: 100% !important; height: auto !important; position: static; margin-bottom: -2px; } }

.p-top-region__map > ul > li dl { height: 100%; margin: 0; }

.p-top-region__map > ul > li dl dt { height: 100%; font-size: 1.8rem; line-height: 1.3; background: #eff5f5; border: 1px solid #15b5aa; border-radius: 50%; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; -webkit-user-select: none; -ms-user-select: none; user-select: none; }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-top-region__map > ul > li dl dt { font-size: 1.7rem; line-height: inherit; background: #fff; border: 1px solid #15b5aa; border-radius: 0; padding: 20px 40px 20px 25px; position: relative; display: block; cursor: pointer; -webkit-user-select: none; -ms-user-select: none; user-select: none; } }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-top-region__map > ul > li dl dt::before { content: ""; width: 13px; height: 1px; background: #15b5aa; margin: auto 0; position: absolute; top: 0; right: 15px; bottom: 0; display: inline-block; } }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-top-region__map > ul > li dl dt::after { content: ""; width: 1px; height: 13px; background: #15b5aa; margin: auto 0; position: absolute; top: 0; right: 21px; bottom: 0; display: inline-block; } }

.p-top-region__map > ul > li dl dt span { font-weight: 700; }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-top-region__map > ul > li dl dt span { -ms-flex: 1; flex: 1; } }

.p-top-region__map > ul > li dl dt.is-open::after { content: none; }

.p-top-region__map > ul > li dl dd { width: 141.6667%; background: #88dbdf; border-radius: 10px; padding: 5px 30px 25px; position: absolute; top: 75%; left: 50%; z-index: 1; opacity: 0; visibility: hidden; -webkit-transform: translateX(-50%); transform: translateX(-50%); transition: opacity 0.2s,
 visibility 0.2s; }

@media screen and (min-width: 769px) and (max-width: 1024px) { .p-top-region__map > ul > li dl dd { padding-right: 20px; padding-left: 20px; } }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-top-region__map > ul > li dl dd { width: 100% !important; color: inherit; background: none; padding: 0; border-radius: 0; position: static; opacity: unset; visibility: unset; -webkit-transform: unset; transform: unset; display: none; transition: unset; } }

.p-top-region__map > ul > li dl dd > p { font-size: 1.8rem; font-weight: 700; margin: 10px 0; }

@media screen and (min-width: 769px) and (max-width: 1024px) { .p-top-region__map > ul > li dl dd > p { font-size: 1.6rem; } }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-top-region__map > ul > li dl dd ul { border-top: 1px solid #fff; } }

.p-top-region__map > ul > li dl dd ul li { font-size: 1.8rem; margin-top: 5px; }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-top-region__map > ul > li dl dd ul li { font-size: 1.7rem; margin-top: 0; } }

.p-top-region__map > ul > li dl dd ul li a { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: nowrap; flex-wrap: nowrap; transition: opacity 0.2s; }

.p-top-region__map > ul > li dl dd ul li a:hover { opacity: 0.6; }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-top-region__map > ul > li dl dd ul li a { width: 100%; background: #e9f5f5; padding: 20px 40px 20px 25px; position: relative; display: inline-block; } }

.p-top-region__map > ul > li dl dd ul li a::before { content: ""; -ms-flex: none; flex: none; width: 15px; height: 8px; background: url(../images/GHQ/icon/arrow-gt-icon03.png) center center no-repeat; display: inline-block; background-size: 100% 100%; margin: 0.5em 5px 0 0; }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-top-region__map > ul > li dl dd ul li a::before { content: none; } }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-top-region__map > ul > li dl dd ul li a::after { content: ""; width: 10px; height: 5px; background: url(../images/GHQ/icon/arrow-gt-icon01.png) center center no-repeat; background-size: 100% 100%; margin: auto 0; position: absolute; top: 0; right: 15px; bottom: 0; display: inline-block; } }

.p-top-region__map > ul > li dl dd ul li a span { -ms-flex: 1; flex: 1; }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-top-region__map > ul > li dl dd ul li a span { margin-right: 15px; } }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-top-region__map > ul > li dl dd ul li + li { border-top: 1px solid #fff; } }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-top-region__map > ul > li + li { border-top: 1px solid #fff; } }

.p-top-region__map > ul > li:nth-child(1) { top: 43.379%; left: 47.0833%; }

.p-top-region__map > ul > li:nth-child(2) { top: 26.7884%; left: 35%; }

.p-top-region__map > ul > li:nth-child(2) dl dd { width: 175%; }

.p-top-region__map > ul > li:nth-child(3) { top: 49.6195%; left: 31.5%; }

.p-top-region__map > ul > li:nth-child(3) dl dd { width: 200%; }

.p-top-region__map > ul > li:nth-child(4) { top: 24.0487%; left: 12.5833%; }

.p-top-region__map > ul > li:nth-child(5) { top: 6.5449%; left: 29.5%; }

.p-top-region__map > ul > li:nth-child(5) dl dd { width: 175%; }

.p-top-region__map > ul > li:nth-child(6) { width: 130px; height: 130px; top: 47.793%; left: 8.6667%; }

.p-top-region__map > ul > li:nth-child(6) dl dd { width: 200%; }

.p-top-region__map > ul > li:nth-child(7) { width: 180px; height: 180px; top: 32.1157%; right: 1.0833%; }

.p-top-region__map > ul > li:nth-child(9) { width: 180px; height: 180px; top: 32.1157%; right: 1.0833%; }

.p-top-region__map > ul > li:hover dl dd { opacity: 1; visibility: visible; }

.p-top-region__link { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-top-region__link { -ms-flex-direction: column; flex-direction: column; } }

.p-top-region__link li { width: 31.6667%; }

@media screen and (min-width: 769px) and (max-width: 1024px) { .p-top-region__link li { width: 39.5833%; } }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-top-region__link li { width: 71.6418%; } }

.p-top-region__link li a { width: 100%; }

.p-top-region__link li + li { margin-left: 35px; }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-top-region__link li + li { margin: 20px 0 0 0; } }

ul.p-top-links { margin: 120px 0 0 0; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: stretch; align-items: stretch; -ms-flex-pack: justify; justify-content: space-between; list-style: none; padding: 0; }

@media screen and (max-width: 1024px) { ul.p-top-links { margin: 60px 0 0 0; display: block; } }

.p-top-links li { -ms-flex: 1; flex: 1; height: 280px; }

@media screen and (min-width: 769px) and (max-width: 1024px) { .p-top-links li { height: 200px; } }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-top-links li { height: 130px; } }

ul.p-top-links li a { width: 100%; height: 100%; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; overflow: hidden; position: relative; background: #000; }

ul.p-top-links li:nth-child(1) a { background-color: #eceae3; }

ul.p-top-links li a:hover { opacity: 0.9; }

.p-top-links li a img { width: 100%; height: 100%; object-fit: cover; transition: opacity 0.2s; }

.p-top-links__item--enriching a > div figure { width: 330px; margin-top: -15px; }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-top-links__item--enriching a > div figure { width: 195px; margin-top: -5px; } }

.p-top-links__item--enriching a > div { position: relative; }

.p-top-links__item--enriching a > div::after { content: ""; width: 10px; height: 8px; background: url(../images/GHQ/icon/blank-icon01.png) 0 0 no-repeat; background-size: 100% 100%; position: absolute; top: 10px; right: -21px; display: inline-block; }

@media screen and (max-width: 1199px) { .p-top-links__item--enriching a > div::after { right: 0; } }

@media screen and (max-width: 1024px) { .p-top-links__item--enriching a > div::after { right: -21px; } }

.p-top-links li a .p-top-links__ttlbox { position: absolute; color: white; top: 0; left: 0; width: 100%; height: 100%; -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; }

.p-top-links__lead { font-size: 2.6rem; letter-spacing: 0.1em; margin-bottom: -15px; }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-top-links__lead { font-size: 1.5rem; margin-bottom: -5px; } }

p.p-top-links__ttl { font-size: 4.2rem; letter-spacing: 0.1em; color: #fff; display: -ms-flexbox; display: flex; text-shadow: 0 0 10px #000; }

@media screen and (max-width: 1350px) { p.p-top-links__ttl { font-size: 3.6rem; } }

@media screen and (max-width: 1199px) { p.p-top-links__ttl { font-size: 3rem; } }

@media screen and (min-width: 769px) and (max-width: 1024px) { p.p-top-links__ttl { font-size: 4.2rem; } }

@media screen and (min-width: 1px) and (max-width: 768px) { p.p-top-links__ttl { font-size: 3rem; } }

.p-top-links__ttl::after { content: ""; width: 11px; height: 9px; background: url(../images/GHQ/icon/blank-icon02.png) 0 0 no-repeat; background-size: 100% 100%; margin: 5px 0 0 5px; display: inline-block; }

.p-top-media { margin: 110px 0; }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-top-media { margin: 50px 0; } }

.p-top-media__ttl { margin-bottom: 30px; }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-top-media__ttl { margin-bottom: 20px; } }

.p-top-media__ttl h2 { font-size: 2.6rem; font-weight: 700; margin: 0; letter-spacing: 0; }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-top-media__ttl h2 { font-size: 1.8rem; } }

.p-top-media__ttl figure { max-width: 410px; }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-top-media__ttl figure { width: 205px; } }

.p-top-media__slide .slick-slide { margin: 0 20px; }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-top-media__slide .slick-slide { margin: 0 9px; } }

.p-top-media__slide li.slick-slide a { transition: opacity 0.2s; }

.p-top-media__slide li.slick-slide a:hover { opacity: 0.6; }

.p-top-media__slide .slick-slide li a img { width: 100%; }

.p-top-media__slide .slick-slide p.p-top-media__slide__ttl { font-size: 1.8rem; font-weight: 500; margin-top: 20px; }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-top-media__slide .slick-slide p.p-top-media__slide__ttl { font-size: 1.3rem; margin-top: 15px; } }

.p-top-media__slide > button { width: 60px; height: 60px; font-size: 0; background: #fff; border: 1px solid #15b5aa; border-radius: 50%; margin: auto 0; position: absolute; top: -60px; bottom: 0; z-index: 1; transition: background 0.2s; }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-top-media__slide > button { width: 40px; height: 40px; top: -40px; } }

.p-top-media__slide > button::before { content: ""; width: 12px; height: 12px; margin: auto; position: absolute; inset: 0; display: inline-block; transition: boder-color 0.2s; }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-top-media__slide > button::before { width: 6px; height: 6px; } }

.p-top-media__slide > button.slick-prev { left: 10px; cursor: pointer; }

.p-top-media__slide > button.slick-prev::before { border-top: 4px solid #15b5aa; border-left: 4px solid #15b5aa; right: -6px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-top-media__slide > button.slick-prev::before { border-width: 2px; right: -3px; } }

.p-top-media__slide > button.slick-next { right: 10px; cursor: pointer; }

.p-top-media__slide > button.slick-next::before { border-top: 4px solid #15b5aa; border-right: 4px solid #15b5aa; left: -6px; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-top-media__slide > button.slick-next::before { border-width: 2px; left: -3px; } }

.p-top-media__slide > button:hover { background: #15b5aa; }

.p-top-media__slide > button:hover::before { border-color: #fff; }

.p-top-news { margin: 120px 0; }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-top-news { margin: 60px 0; } }

.p-top-news__hd { margin-bottom: 35px; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: end; align-items: flex-end; -ms-flex-pack: start; justify-content: flex-start; }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-top-news__hd { margin-bottom: 30px; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: justify; justify-content: space-between; } }

.p-top-news__hd .text-align-right { font-size: 1.6rem; margin-left: auto; }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-top-news__hd .text-align-right { font-size: 1.3rem; margin-left: auto; } }

@media screen and (min-width: 1px) and (max-width: 768px) { html:lang(en) .text-align-right { font-size: 1.3rem; margin-top: 15px; margin-left: auto; } }

.p-top-news__hd > *:not(:last-child) { margin-right: 35px; }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-top-news__hd > *:not(:last-child) { margin-right: 0; } }

.p-top-news__hd h2 { line-height: 1.2; margin-bottom: 0; }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-top-news__hd h2 { width: 100%; margin-bottom: 15px; } }

html:lang(en) .p-top-news__hd h2 { font-size: 3.2rem; letter-spacing: 0.0015em; }

ul.p-top-news__cat { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: start; justify-content: flex-start; }

@media screen and (min-width: 1px) and (max-width: 768px) { ul.p-top-news__cat { margin-bottom: 15px; } }

@media screen and (min-width: 1px) and (max-width: 768px) { html:lang(ja) ul.p-top-news__cat { margin-bottom: 15px; width: 100%; } }

ul.p-top-news__cat li { font-size: 1.6rem; line-height: 1.1; margin-top: 15px; }

@media screen and (min-width: 1px) and (max-width: 768px) { ul.p-top-news__cat li { font-size: 1.3rem; } }

ul.p-top-news__cat li a { font-weight: 500; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: nowrap; flex-wrap: nowrap; }

ul.p-top-news__cat li a::before { content: ""; width: 18px; height: 18px; background: #fff url(../images/GHQ/icon/arrow-gt-icon01.png) center center no-repeat; background-size: 10px 6px; border: 1px solid #15b5aa; border-radius: 50%; margin: -2px 5px 0 0; display: inline-block; transition: background-color 0.2s; }

@media screen and (min-width: 1px) and (max-width: 768px) { ul.p-top-news__cat li a::before { width: 13px; height: 13px; background-size: 7px 5px; margin-top: 0; } }

ul.p-top-news__cat li a:hover::before { background-color: #15b5aa; background-image: url(../images/GHQ/icon/arrow-gt-icon02.png); }

ul.p-top-news__cat li a[target="_blank"]::after { content: ""; width: 11px; height: 9px; vertical-align: top; background: url(../images/GHQ/icon/blank-icon01.png) center center no-repeat; background-size: 100% 100%; margin: 3px 0 0 10px; display: inline-block; }

@media screen and (min-width: 1px) and (max-width: 768px) { ul.p-top-news__cat li a[target="_blank"]::after { margin-left: 5px; } }

ul.p-top-news__cat li:not(:last-child) { margin-right: 2em; }

@media screen and (min-width: 1px) and (max-width: 768px) { ul.p-top-news__cat li:not(:last-child) { margin-right: 1em; } }

.p-top-news__list li a { width: 100%; display: inline-block; transition: opacity 0.2s; }

.p-top-news__list li a:hover { opacity: 0.6; }

.p-top-news__list li a article { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: start; justify-content: flex-start; }

.p-top-news__list li a article time { width: 7.5em; font-size: 1.6rem; margin-right: 40px; }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-top-news__list li a article time { font-size: 1.4rem; margin-right: 25px; } }

html:lang(en) .p-top-news__list li a article time { width: 6.5em; margin-right: 20px; }

.p-top-news__list li a article h3.p-top-news__list__ttl { -ms-flex: 1; flex: 1; font-size: 1.6rem; margin: 0; letter-spacing: 0; line-height: 1.5; font-weight: normal; }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-top-news__list li a article h3.p-top-news__list__ttl { -ms-flex: none; flex: none; width: 100%; font-size: 1.4rem; margin-top: 5px; } }

.p-top-news__list li + li { margin-top: 30px; }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-top-news__list li + li { margin-top: 20px; } }

p.p-top-news__list__cat { width: 150px; font-size: 1.5rem; line-height: 1; text-align: center; color: #fff; background: #15b5aa; padding: 6px 5px; margin-right: 20px; }

@media screen and (min-width: 1px) and (max-width: 768px) { p.p-top-news__list__cat { width: 100px; font-size: 1.1rem; padding-top: 3px; padding-bottom: 3px; margin-right: 0; } }

p.p-top-news__list__tag { font-size: 1.2rem; font-weight: 700; background: #e7e7e7; padding: 5px 10px; margin-left: 20px; }

@media screen and (min-width: 1px) and (max-width: 768px) { p.p-top-news__list__tag { padding: 5px; margin: 10px 0 0 auto; font-size: 1.3rem; } }

ul.p-top-news__important { margin-top: 35px; }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-top-news__important { margin-top: 30px; } }

.p-top-news__important li { font-size: 1.6rem; }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-top-news__important li { font-size: 1.4rem; } }

.p-top-news__important li a { transition: opacity 0.2s; }

.p-top-news__important li a:hover { opacity: 0.6; }

.p-top-news__important li + li { margin-top: 10px; }

.p-top-special { margin: 120px 0; }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-top-special { margin: 60px 0; } }

.p-top-org { background: #15b5aa; padding-top: 60px; padding-bottom: 80px; margin-top: 100px; }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-top-org { padding-top: 40px; padding-bottom: 60px; margin-top: 60px; } }

.p-top-org h3.ttl { font-size: 4rem; letter-spacing: 0.1em; color: #fff; margin: 0 0 30px 0; }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-top-org h3.ttl { font-size: 2.2rem; margin-bottom: 20px; } }

.p-top-org__list { display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[3]; grid-template-columns: repeat(3, 1fr); gap: 30px; }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-top-org__list { -ms-grid-columns: (1fr)[1]; grid-template-columns: repeat(1, 1fr); } }

.p-top-org__list li a { width: 100%; height: 100%; background: #fff; padding: 20px; display: inline-block; }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-top-org__list li a { padding: 15px; } }

.p-top-org__list li a:hover .p-top-org__list__link::before { background: #15b5aa url(../images/GHQ/icon/arrow-gt-icon02.png) center center no-repeat; }

.p-top-org__list__ttl { font-size: 1.8rem; font-weight: 700; }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-top-org__list__ttl { font-size: 1.7rem; } }

.p-top-org__list p.p-top-org__list__link { font-size: 1.8rem; font-weight: 700; margin-top: 20px; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: start; justify-content: flex-start; }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-top-org__list p.p-top-org__list__link { font-size: 1.5rem; margin-top: 10px; } }

.p-top-org__list__link::before { content: ""; width: 45px; height: 45px; background: #fff url(../images/GHQ/icon/arrow-gt-icon01.png) center center no-repeat; background-size: 20px 10px; border: 1px solid #15b5aa; border-radius: 50%; margin-right: 15px; display: inline-block; transition: background-color 0.2s; }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-top-org__list__link::before { width: 15px; height: 15px; background-size: 6px 3px; margin-right: 5px; } }

.p-top-org__list__link span { -ms-flex: 1; flex: 1; font-size: 1.8rem; font-weight: 700; }

@media screen and (min-width: 1px) and (max-width: 768px) { .p-top-org__list__link span { font-size: 1.5rem; } }

@media print, screen and (min-width: 1025px) { .u-tab, .u-sp { display: none !important; }
  .u-pc-none { display: none !important; } }

@media screen and (min-width: 769px) and (max-width: 1024px) { .u-pc, .u-sp { display: none !important; }
  .u-tab-none { display: none !important; } }

@media screen and (min-width: 1px) and (max-width: 768px) { .u-pc, .u-tab { display: none !important; }
  .u-sp-none { display: none !important; } }

html:lang(en) .u-f--dmst { font-family: "DM Serif Text", serif; line-height: 1; font-weight: normal; }

.u-f--dmst-sns { font-family: "DM Serif Text", serif; line-height: 1; font-weight: normal; }

.p-top-mv__slide iframe { pointer-events: none; /* iframeクリック無効化 */ }
@media only screen and (max-width: 768px) { html:lang(ja) .asideNavigation .btn-inverse > .icon-circle-angle-right { top: 18px; } }

@media screen and (min-width: 769px), print { html:lang(ja) .asideNavigation .btn-inverse > .icon-circle-angle-right { top: 20px; } }

html:lang(ja) .custom-contactForm .required-field .control-label:after { content: '必須'; }

@media (max-width: 320px) { html:lang(ja) .infographic-multi { padding-left: 0; padding-right: 0; } }

html:lang(ja) .infographic-graph .infographic-numericalVlue span._largerText { padding-bottom: 1rem; }

@media only screen and (max-width: 768px) { html:lang(ja) .infographic-businessInfo-item dl dd { line-height: 1.34; } }

@media screen and (min-width: 769px), print { html:lang(ja) .infographic-businessGlobal-item ._balloon { margin-top: 24px; } }

@media screen and (min-width: 769px), print { html:lang(ja) .infographic-businessGlobal-item dl dt { line-height: 18px; } }

@media screen and (min-width: 769px), print { html:lang(ja) #js-carouselNav li a { padding: 0 18px; } }

html:lang(ja) .keywordsIndex ul li + li:before { content: '／'; }

html:lang(ja) .officerIntro-name ._ruby { margin-left: -0.6em; }

html:lang(ja) .officerBox-name ._ruby { margin-left: -0.6em; }

@media screen and (min-width: 769px), print { html:lang(en) .footerNavigation li a { background-position: left top 3px; } }

html:lang(en) .infographic-multi .infographic-numericalVlue ._item:first-child { display: -ms-flexbox; display: flex; -ms-flex-preferred-size: 33.333%; flex-basis: 33.333%; line-height: 1.2; -ms-flex-align: center; align-items: center; }

@media (max-width: 413px) { html:lang(en) .infographic-multi { padding-left: 16px; padding-right: 16px; } }

html:lang(en) .infographic-ratio ._item dl dt > span { line-height: 1.34; }

@media only screen and (max-width: 768px) { html:lang(en) .infographic-businessInfo-item { padding-right: 5px; padding-left: 5px; }
  html:lang(en) .infographic-businessInfo-item dl dt { line-height: 1.2; margin-bottom: 8px; }
  html:lang(en) .infographic-businessInfo-item dl dd { line-height: 1.2; font-weight: normal; font-size: 10px; }
  html:lang(en) .infographic-businessInfo-item dl dd ._numberText { display: block; font-weight: bold; } }

@media only screen and (max-width: 768px) { html:lang(en) .infographic-businessGlobal-item ._balloon { line-height: 1; font-size: 10px; }
  html:lang(en) .infographic-businessGlobal-item ._balloon ._numberText { margin-bottom: 4px; } }

@media screen and (min-width: 769px), print { html:lang(en) .infographic-businessGlobal-item ._balloon { margin-top: 14px; line-height: 1.1; font-size: 11px; } }

@media only screen and (max-width: 768px) { html:lang(en) .infographic-businessGlobal-item dl dt { padding: 0 5px; } }

@media screen and (min-width: 769px), print { html:lang(en) .infographic-businessGlobal-item dl dt { line-height: 1.34; } }

@media screen and (min-width: 769px), print { html:lang(en) .newsList-default dl ._date { width: 7em; } }

#topSection .modalBtn01[data-modal='#modal01'] img { -webkit-animation: fluffy1 15s ease infinite; animation: fluffy1 15s ease infinite; }

#topSection .modalBtn01[data-modal='#modal02'] img { -webkit-animation: fluffy2 17s ease infinite; animation: fluffy2 17s ease infinite; }

#topSection .modalBtn01[data-modal='#modal03'] img { -webkit-animation: fluffy2 10s ease infinite; animation: fluffy2 10s ease infinite; }

#topSection .modalBtn01[data-modal='#modal04'] img { -webkit-animation: fluffy3 15s ease infinite; animation: fluffy3 15s ease infinite; }

#topSection .modalBtn01[data-modal='#modal05'] img { -webkit-animation: fluffy1 10s ease infinite; animation: fluffy1 10s ease infinite; }

#topSection .modalBtn01[data-modal='#modal06'] img { -webkit-animation: fluffy3 10s ease infinite; animation: fluffy3 10s ease infinite; }

@-webkit-keyframes fluffy1 { 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
  10% { -webkit-transform: translate(-3px, 0); transform: translate(-3px, 0); }
  20% { -webkit-transform: translate(-9px, -5px); transform: translate(-9px, -5px); }
  30% { -webkit-transform: translate(-12px, -11px); transform: translate(-12px, -11px); }
  40% { -webkit-transform: translate(-5px, -5px); transform: translate(-5px, -5px); }
  50% { -webkit-transform: translate(0, -4px); transform: translate(0, -4px); }
  60% { -webkit-transform: translate(-7px, 0); transform: translate(-7px, 0); }
  70% { -webkit-transform: translate(-9px, 4px); transform: translate(-9px, 4px); }
  80% { -webkit-transform: translate(-9px, 10px); transform: translate(-9px, 10px); }
  90% { -webkit-transform: translate(-5px, 4px); transform: translate(-5px, 4px); }
  100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } }

@keyframes fluffy1 { 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
  10% { -webkit-transform: translate(-3px, 0); transform: translate(-3px, 0); }
  20% { -webkit-transform: translate(-9px, -5px); transform: translate(-9px, -5px); }
  30% { -webkit-transform: translate(-12px, -11px); transform: translate(-12px, -11px); }
  40% { -webkit-transform: translate(-5px, -5px); transform: translate(-5px, -5px); }
  50% { -webkit-transform: translate(0, -4px); transform: translate(0, -4px); }
  60% { -webkit-transform: translate(-7px, 0); transform: translate(-7px, 0); }
  70% { -webkit-transform: translate(-9px, 4px); transform: translate(-9px, 4px); }
  80% { -webkit-transform: translate(-9px, 10px); transform: translate(-9px, 10px); }
  90% { -webkit-transform: translate(-5px, 4px); transform: translate(-5px, 4px); }
  100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } }

@-webkit-keyframes fluffy2 { 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
  10% { -webkit-transform: translate(0, -3px); transform: translate(0, -3px); }
  20% { -webkit-transform: translate(-5px, -9px); transform: translate(-5px, -9px); }
  30% { -webkit-transform: translate(-11px, 12px); transform: translate(-11px, 12px); }
  40% { -webkit-transform: translate(-5px, -5px); transform: translate(-5px, -5px); }
  50% { -webkit-transform: translate(-4px, 0); transform: translate(-4px, 0); }
  60% { -webkit-transform: translate(0, -7px); transform: translate(0, -7px); }
  70% { -webkit-transform: translate(4px, -9px); transform: translate(4px, -9px); }
  80% { -webkit-transform: translate(10px, -9px); transform: translate(10px, -9px); }
  90% { -webkit-transform: translate(4px, -5px); transform: translate(4px, -5px); }
  100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } }

@keyframes fluffy2 { 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
  10% { -webkit-transform: translate(0, -3px); transform: translate(0, -3px); }
  20% { -webkit-transform: translate(-5px, -9px); transform: translate(-5px, -9px); }
  30% { -webkit-transform: translate(-11px, 12px); transform: translate(-11px, 12px); }
  40% { -webkit-transform: translate(-5px, -5px); transform: translate(-5px, -5px); }
  50% { -webkit-transform: translate(-4px, 0); transform: translate(-4px, 0); }
  60% { -webkit-transform: translate(0, -7px); transform: translate(0, -7px); }
  70% { -webkit-transform: translate(4px, -9px); transform: translate(4px, -9px); }
  80% { -webkit-transform: translate(10px, -9px); transform: translate(10px, -9px); }
  90% { -webkit-transform: translate(4px, -5px); transform: translate(4px, -5px); }
  100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } }

@-webkit-keyframes fluffy3 { 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
  10% { -webkit-transform: translate(0, -3px); transform: translate(0, -3px); }
  20% { -webkit-transform: translate(0, 3px); transform: translate(0, 3px); }
  30% { -webkit-transform: translate(0, -3px); transform: translate(0, -3px); }
  40% { -webkit-transform: translate(-5px, -3px); transform: translate(-5px, -3px); }
  50% { -webkit-transform: translate(-10px, 0); transform: translate(-10px, 0); }
  60% { -webkit-transform: translate(-5px, 3px); transform: translate(-5px, 3px); }
  70% { -webkit-transform: translate(-10px, -3px); transform: translate(-10px, -3px); }
  80% { -webkit-transform: translate(-4px, 0); transform: translate(-4px, 0); }
  90% { -webkit-transform: translate(-2px, 4px); transform: translate(-2px, 4px); }
  100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } }

@keyframes fluffy3 { 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
  10% { -webkit-transform: translate(0, -3px); transform: translate(0, -3px); }
  20% { -webkit-transform: translate(0, 3px); transform: translate(0, 3px); }
  30% { -webkit-transform: translate(0, -3px); transform: translate(0, -3px); }
  40% { -webkit-transform: translate(-5px, -3px); transform: translate(-5px, -3px); }
  50% { -webkit-transform: translate(-10px, 0); transform: translate(-10px, 0); }
  60% { -webkit-transform: translate(-5px, 3px); transform: translate(-5px, 3px); }
  70% { -webkit-transform: translate(-10px, -3px); transform: translate(-10px, -3px); }
  80% { -webkit-transform: translate(-4px, 0); transform: translate(-4px, 0); }
  90% { -webkit-transform: translate(-2px, 4px); transform: translate(-2px, 4px); }
  100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } }

#topSection .position .modalBtn p .popup-future { margin-top: 0; }

.bigModalBox { position: relative; }

.mfp-zoom-in, .mfp-youtube-in { /* start state */ /* animate in */ /* animate out */ }

.mfp-zoom-in .mfp-with-anim, .mfp-youtube-in .mfp-with-anim { opacity: 0; transition: all 0.2s ease-in-out; -webkit-transform: scale(0.5); transform: scale(0.5); }

.mfp-zoom-in .bigModalBox, .mfp-zoom-in .mfp-iframe-scaler, .mfp-youtube-in .bigModalBox, .mfp-youtube-in .mfp-iframe-scaler { opacity: 0; transition: all 0.4s ease-in-out; -webkit-transform: scale(0.1); transform: scale(0.1); }

.mfp-zoom-in.mfp-bg, .mfp-youtube-in.mfp-bg { opacity: 0; transition: all 0.3s ease-out; }

.mfp-zoom-in.mfp-ready .mfp-with-anim, .mfp-youtube-in.mfp-ready .mfp-with-anim { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }

.mfp-zoom-in.mfp-ready.mfp-bg, .mfp-youtube-in.mfp-ready.mfp-bg { opacity: 0.8; }

.mfp-zoom-in.mfp-ready .bigModalBox, .mfp-zoom-in.mfp-ready .mfp-iframe-scaler, .mfp-youtube-in.mfp-ready .bigModalBox, .mfp-youtube-in.mfp-ready .mfp-iframe-scaler { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }

.mfp-zoom-in.mfp-removing .mfp-with-anim, .mfp-youtube-in.mfp-removing .mfp-with-anim { -webkit-transform: scale(0.5); transform: scale(0.5); opacity: 0; }

.mfp-zoom-in.mfp-removing .bigModalBox, .mfp-zoom-in.mfp-removing .mfp-iframe-scaler, .mfp-youtube-in.mfp-removing .bigModalBox, .mfp-youtube-in.mfp-removing .mfp-iframe-scaler { opacity: 0; -webkit-transform: scale(0.1); transform: scale(0.1); }

.mfp-zoom-in.mfp-removing.mfp-bg, .mfp-youtube-in.mfp-removing.mfp-bg { opacity: 0; }

.mfp-youtube-in .mfp-iframe-scaler { overflow: visible; }

.mfp-youtube-in .mfp-iframe-scaler .mfp-close { top: -50px; right: 8px; }

.mfp-youtube-in .mfp-iframe-scaler .mfp-close:after { content: ''; background: url(../lp/special/future/img/close-btn-01.png); width: 52px; height: 52px; display: block; position: absolute; top: -15px; right: -10px; }

@media only screen and (max-width: 768px) { .theme-caseTop { background-image: none !important; background-color: #fff; }
  .theme-caseTop .fxb-container .fxb-col-md-12 hr { margin-left: -40px; margin-right: -40px; }
  .theme-caseTop .moreLead-trriger { margin: 16px 16px -16px; } }

@media screen and (min-width: 769px), print { .theme-caseTop { background-position: center top; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; position: relative; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
  body.theme-mobile .theme-caseTop { background-attachment: scroll; background-size: 100% auto; background-color: #333; }
  body.theme-mobile .theme-caseTop:after { content: ''; position: absolute; top: 0; left: 0; height: 576px; width: 100%; z-index: 0; background: linear-gradient(to bottom, rgba(51, 51, 51, 0.2) 0%, rgba(51, 51, 51, 0.2) 270px, #333333 576px); }
  body.theme-mobile .theme-caseTop:before { display: none; }
  .theme-caseTop .moreLead-trriger { background: transparent; margin-bottom: -60px; color: #fff; }
  .theme-caseTop h2.heading-primary { color: #fff; }
  .theme-caseTop h2.heading-primary span { border-bottom-color: #fff; } }

.theme-caseTop > img.fit-image { position: fixed; z-index: -99999; }

.theme-regionSelect { height: 100%; }

.theme-regionSelect .l-main { margin-top: 0; overflow-x: visible; min-height: 100%; background-size: 100% auto; background-repeat: no-repeat; background-position: center bottom; background-image: url(../images/regionselect/bg-regionSelector.jpg); }

@media only screen and (max-width: 768px) { .theme-regionSelect { background-size: cover; } }

@media screen and (min-width: 769px), print { .theme-regionSelect { background-size: cover; } }

.rs-header { background: #fff; border-top: 4px solid #88dbdf; text-align: center; }

@media only screen and (max-width: 768px) { .rs-header { padding-top: 40px; background: #fff; } }

@media screen and (min-width: 769px), print { .rs-header { padding-top: 96px; } }

.rs-headerLogo { margin: 0; }

@media only screen and (max-width: 768px) { .rs-headerLogo img._en { max-width: 250px; } }

@media screen and (min-width: 769px), print { .rs-headerLogo img._en { max-width: 450px; } }

.rs-headerSubtitle { color: #000; font-weight: 700; }

@media only screen and (max-width: 768px) { .rs-headerSubtitle { font-size: 1.3rem; margin-top: 18px; } }

@media screen and (min-width: 769px), print { .rs-headerSubtitle { font-size: 2.0rem; margin-top: 32px; } }

.rs-headerSubtitle span { display: inline-block; padding: 5px 0; border-top: 1px solid #000; border-bottom: 1px solid #000; }

@media only screen and (max-width: 768px) { .rs-headerSubtitle span { line-height: 24px; } }

@media screen and (min-width: 769px), print { .rs-headerSubtitle span { line-height: 34px; } }

.rs-contents { word-wrap: break-word; position: relative; }

@media only screen and (max-width: 768px) { .rs-contents { margin-top: 36px; background: #fff; border-bottom: 1px solid #d9d9d9; } }

@media screen and (min-width: 769px), print { .rs-contents { padding-top: 52px; position: relative; }
  .rs-contents:before { position: absolute; top: 0; left: 0; content: ''; width: 100%; height: 100%; z-index: -1; background-size: cover; background-position: center top; /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, white 50%, rgba(255, 255, 255, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } }

.rs-contents ul { padding: 0; }

.rs-contents ul li { list-style: none; }

@media only screen and (max-width: 768px) { .rs-contents h2, .rs-contents h3 { font-size: 1.2rem; margin: 0; } }

@media screen and (min-width: 769px), print { .rs-contents h2, .rs-contents h3 { font-size: 1.4rem; } }

.rs-contents-selector > ul { margin: 0; }

@media screen and (min-width: 769px), print { .rs-contents-selector { position: relative; margin: 0 auto; max-width: 980px; }
  .rs-contents-selector > ul { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: justify; justify-content: space-between; }
  .rs-contents-selector > ul > li { width: calc(20% - 24px); text-align: center; } }

.selector-parent { cursor: pointer; }

@media only screen and (max-width: 768px) { .selector-parent { border-top: 1px solid #e5e5e5; padding: 0 16px; position: relative; }
  .selector-parent h2 { padding: 16px 0; }
  .selector-parent img { display: none; }
  .selector-parent:after { content: '＋'; position: absolute; top: 48%; right: 16px; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-weight: 900; color: #000; font-size: 1.2em; } }

@media screen and (min-width: 769px), print { .selector-parent { text-align: center; padding-bottom: 38px; }
  .selector-parent h2 { margin: 16px 0 0; }
  .selector-parent img { border: 1px solid #e5e5e5; }
  .selector-parent:hover img { border-color: #000; } }

.selector-child { display: none; width: 100%; }

@media only screen and (max-width: 768px) { .selector-child { background: #f5fbfb; border-top: 1px solid #e5e5e5; } }

@media screen and (min-width: 769px), print { .selector-child { position: absolute; left: 0; top: 100%; overflow: visible; padding-top: 32px; z-index: 2; } }

@media only screen and (max-width: 768px) { .selector-child-inner { padding: 0 32px; } }

@media screen and (min-width: 769px), print { .selector-child-inner { max-width: 980px; margin: 0 auto; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; } }

.selector-child-single h3 span, .selector-child-multi h3 span { display: inline-block; padding: 0 0 5px; border-bottom: 2px solid #000; }

@media only screen and (max-width: 768px) { .selector-child-single, .selector-child-multi { padding: 32px 0; }
  .selector-child-single h3, .selector-child-multi h3 { font-size: 1.8rem; margin: 0 0 12px; }
  .selector-child-single ul, .selector-child-multi ul { margin-left: -0.5em; margin-right: -0.5em; }
  .selector-child-single li, .selector-child-multi li { display: inline-block; margin: 8px 0.5em 0; } }

@media screen and (min-width: 769px), print { .selector-child-single h3, .selector-child-multi h3 { font-size: 2.3rem; }
  .selector-child-single li + li, .selector-child-multi li + li { margin-top: 5px; } }

@media screen and (min-width: 769px), print { .selector-child-single { width: 100%; }
  .selector-child-single h3 { text-align: center; }
  .selector-child-single > ul { text-align: center; margin: 2em 0; }
  .selector-child-single > ul li { display: inline-block; margin: 0 1em; } }

@media only screen and (max-width: 768px) { .selector-child-multi + .selector-child-multi { border-top: 1px solid #e5e5e5; } }

@media screen and (min-width: 769px), print { .selector-child-multi { width: 25%; padding: 0 16px; text-align: center; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; border-right: 1px solid #d9d9d9; }
  .selector-child-multi:first-child { border-left: 1px solid #d9d9d9; }
  .selector-child-multi > ul { margin: 1.5em 0; } }

.selector-detail .selector-detail-item { text-align: left; background-color: #e5efef; }

.selector-detail .selector-detail-item h4 { margin: 0; }

@media only screen and (max-width: 768px) { .selector-detail .selector-detail-item { margin-top: 20px; padding: 15px; }
  .selector-detail .selector-detail-item h4 { font-size: 1.2rem; } }

@media screen and (min-width: 769px), print { .selector-detail .selector-detail-item { background-color: #f4f4f4; padding: 20px 20px 6px; }
  .selector-detail .selector-detail-item h4 { font-size: 1.4rem; } }

@media screen and (min-width: 769px), print { .selector-child-single .selector-detail { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; }
  .selector-child-single .selector-detail .selector-detail-item { width: 305px; }
  .selector-child-single .selector-detail .selector-detail-item + .selector-detail-item { margin-left: 32px; }
  .selector-child-single .selector-detail .selector-detail-item ul { margin-left: -1em; margin-right: -1em; }
  .selector-child-single .selector-detail .selector-detail-item ul li { margin: 0 1em; display: inline-block; } }

@media screen and (min-width: 769px), print { .selector-child-multi .selector-detail { margin-top: auto; }
  .selector-child-multi .selector-detail .selector-detail-item + .selector-detail-item { margin-top: 1em; } }

@media only screen and (max-width: 768px) { .rs-contents ul li.is-active .selector-parent:after { content: '－'; } }

@media screen and (min-width: 769px), print { .rs-contents ul li.is-active .selector-parent img { border-color: #000; } }

.rs-footer { text-align: center; }

@media only screen and (max-width: 768px) { .rs-footer { padding: 32px 0 102px; }
  .rs-footer:before { height: 100%; } }

@media screen and (min-width: 769px), print { .rs-footer { display: none; padding-top: 40px; padding-bottom: 240px; }
  .rs-footer.is-show { display: block; }
  .rs-footer:before { height: 20%; } }

@media only screen and (max-width: 768px) { #js-tab-contents { display: none; } }

@media screen and (min-width: 769px), print { #js-tab-contents { border-top: 1px solid #d9d9d9; position: relative; width: 100%; padding-top: 44px; }
  #js-tab-contents .selector-child-tab { opacity: 0; transition: 0.5s opacity 0.15s; position: absolute; width: 100%; visibility: hidden; }
  #js-tab-contents .selector-child-tab.is-show { opacity: 1; visibility: visible; } }

#js-tab-slide { opacity: 0; }

@media screen and (min-width: 769px), print { #js-tab-slide { position: absolute; opacity: 1; bottom: 0; height: 8px; background: url(../img/icon-current.png) center top no-repeat; width: calc(20% - 24px); left: 0; border-bottom: 2px solid #000; }
  #js-tab-slide.is-show { opacity: 1; } }

[class^="heading-primary"] .scChromeData { border-bottom: 0; }

/* IE11のみ */
@media all and (-ms-high-contrast: none) { *::-ms-backdrop, .mainVisual-basic ._cover { left: 0; top: 0; transform: none; } }

@media all and (-ms-high-contrast: none) { *::-ms-backdrop, .mainVisual-basic ._cover ._trim { height: 100%; } }

/* IE10 */
@media all and (-ms-high-contrast: none) { .cookie-message { width: 75%\9; } }

/* IE・Edge */
@media all and (-ms-high-contrast: none) { .card-basic > ._image > img, .card-basic > ._content { transition: none; }
  .search-resultFilter-table table th { text-align: left; } }

/* Edgeのみ */
@supports (-ms-ime-align: auto) { a.brandingNavigation-item { background: transparent; } }

/* device-ie */
body.device-ie .brandingNavigation-index ._cover { min-height: initial; min-height: 100%; }

body.device-ie #js-option-zoom ._trim.is-animation { -webkit-transform: none; transform: none; }

@media print { body { -webkit-print-color-adjust: exact; overflow: visible; }
  html, body { height: auto; }
  .followUs, .l-navigation, .footerNavigation, .utilityNavigation, .asideNavigation, .subNavigation, .shareArea, #toPageTop a, #brandingBanner, .parallax-mirror { display: none; }
  .mainVisual { background-color: #ccc; }
  .l-header { position: static !important; }
  .l-footer { margin-top: 20px !important; }
  [class^="frame-"], [class*=" frame-"] { margin-right: -1px; margin-left: -1px; }
  .globalHeader { position: static !important; }
  .globalHeader, .l-aside { border-bottom: 1px solid #d9d9d9; }
  .l-main { margin-top: 0 !important; overflow: visible; }
  .l-header.is-thin { -webkit-transform: none !important; transform: none !important; position: static !important; }
  .l-header.is-thin .globalHeader { opacity: 1 !important; }
  .mainVisual-fullsize { height: auto; }
  .specialContents { background-image: none !important; }
  .mainVisual ._content { width: 100%; }
  .mainSlider { height: 50vh; width: 100% !important; }
  .mainSlider iframe, .mainSlider figure { display: none !important; }
  .mainSlider .content { opacity: 1 !important; }
  .mainSlider .content.content-type-central { color: #000; }
  .mainSlider .slick-slide, .mainSlider .slick-track { width: 100% !important; }
  .mainSlider .slick-track { -webkit-transform: translate3d(0, 0, 0) !important; transform: translate3d(0, 0, 0) !important; }
  .slick-slider.mainSlider .slick-slide.youtube:after { background: none !important; }
  .slick-slider.mainSlider .slick-slide .content { width: 100%; }
  .custom-organization table, .custom-organization tbody { width: 100%; }
  .parallax-cover { display: none; }
  .parallax-inner { position: static !important; display: table; padding: 64px 0; }
  .parallax-inner ._content { display: table-cell; vertical-align: middle; position: static; -webkit-transform: none; transform: none; }
  .parallax-inner ._content .heading-primary, .parallax-inner ._content p { color: #000; }
  .parallax-inner ._content .heading-primary { margin-top: 0; }
  .scroll { overflow: visible !important; white-space: normal !important; }
  .scroll > * { max-width: 100%; }
  .combinationBox-contents, .divisionContents-hide { display: block !important; }
  .divisionContents-trigger, .combinationBox-title:after { display: none !important; }
  #cookie, #geoip { display: none !important; }
  body.device-ie .mainVisual .fit-image { background-image: none !important; }
  body.device-ie .mainVisual-section { position: static; }
  body.device-ie .mainVisual-section:before { display: none; }
  body.device-ie .mainVisual-section ._content { color: #000; position: static; -webkit-transform: none; transform: none; left: 0; }
  body.device-ie .mainVisual-section ._content ._catch { position: static; -webkit-transform: none; transform: none; }
  body.device-ie .mainVisual-section ._content ._smallTitle, body.device-ie .mainVisual-section ._content ._largeTitle { color: #000 !important; }
  body.device-ie .align-center { text-align: center; display: block !important; }
  body.device-ie .coverContainer .row > * { width: 100% !important; }
  body.device-ie .coverContainer .coverContainer-background { display: none; }
  body.device-ie .coverContainer .text-color-inverse { color: #000; }
  body.device-ie .brandingNavigation-item ._cover { display: none !important; }
  body.device-ie .video-center { position: static !important; }
  body.device-ie .video-center:before { display: none; }
  body.device-ie .video-center > iframe { position: static !important; width: auto !important; height: auto !important; }
  body.device-firefox { width: 1200px; max-width: 100%; display: block !important; overflow-y: visible; overflow-x: visible; }
  body.device-firefox * { overflow: visible !important; }
  body.device-firefox .projectVoice-heading { position: static; }
  body.device-firefox #js-zoomVisual.is-animation { -webkit-transform: none !important; transform: none !important; }
  body.device-firefox .mainVisual { max-height: auto !important; }
  body.device-firefox .mainVisual ._cover { display: none !important; }
  body.device-firefox .mainVisual:before { display: none !important; }
  body.device-firefox .mainVisual-fullsize { height: auto; }
  body.device-firefox .relationLink ._image, body.device-firefox .relationLink ._symbol { position: static !important; }
  body.device-firefox .relationLink ._image img, body.device-firefox .relationLink ._symbol img { position: static !important; -webkit-transform: none !important; transform: none !important; top: 0; left: 0; min-width: auto !important; min-height: auto !important; width: auto !important; }
  body.device-firefox .relationLink:not(.relationLink-special) ._image:not(._image-wide) { padding-top: 0 !important; overflow: visible !important; }
  body.device-firefox .relationLink:not(.relationLink-special) ._image:not(._image-wide) img { max-width: 100% !important; }
  body.device-firefox .aboutTopContents { page-break-inside: auto !important; }
  body.device-firefox .heading-primary { margin: 20px 0; }
  body.device-ie [class^='row'], body.device-ie [class*=' row'], body.device-ie [class^='grid'], body.device-ie [class*=' grid'], body.device-firefox [class^='row'], body.device-firefox [class*=' row'], body.device-firefox [class^='grid'], body.device-firefox [class*=' grid'] { display: block; }
  body.device-ie [class^='row']:after, body.device-ie [class*=' row']:after, body.device-ie [class^='grid']:after, body.device-ie [class*=' grid']:after, body.device-firefox [class^='row']:after, body.device-firefox [class*=' row']:after, body.device-firefox [class^='grid']:after, body.device-firefox [class*=' grid']:after { clear: both; content: ""; display: block; }
  body.device-ie [class^='row'] > *, body.device-ie [class*=' row'] > *, body.device-ie [class^='grid'] > *, body.device-ie [class*=' grid'] > *, body.device-firefox [class^='row'] > *, body.device-firefox [class*=' row'] > *, body.device-firefox [class^='grid'] > *, body.device-firefox [class*=' grid'] > * { float: left; }
  body.device-ie .fxb-col-12, body.device-firefox .fxb-col-12 { display: block; }
  body.device-ie .mainVisual ._cover img, body.device-firefox .mainVisual ._cover img { display: none; }
  body.device-ie .brandingNavigation-index .brandingNavigation-item, body.device-firefox .brandingNavigation-index .brandingNavigation-item { text-decoration: none; background: #fff; position: static; }
  body.device-ie .brandingNavigation-index .brandingNavigation-item:before, body.device-firefox .brandingNavigation-index .brandingNavigation-item:before { display: none; }
  body.device-ie .brandingNavigation-index .brandingNavigation-item *, body.device-firefox .brandingNavigation-index .brandingNavigation-item * { position: static; }
  body.device-ie .brandingNavigation-index .brandingNavigation-item ._cover:before, body.device-firefox .brandingNavigation-index .brandingNavigation-item ._cover:before { display: none; }
  body.device-ie .brandingNavigation-index .brandingNavigation-item ._cover img, body.device-firefox .brandingNavigation-index .brandingNavigation-item ._cover img { -webkit-transform: none; transform: none; }
  body.device-ie .relationLink, body.device-firefox .relationLink { display: block; page-break-inside: avoid !important; }
  body.device-ie .infographic-numericalVlue-left, body.device-ie .infographic-numericalVlue-right, body.device-firefox .infographic-numericalVlue-left, body.device-firefox .infographic-numericalVlue-right { display: block; padding: 0 !important; background: none !important; }
  body.device-ie .infographic-ratio, body.device-firefox .infographic-ratio { margin: 0; }
  body.device-ie .infographic-ratio ._item, body.device-ie .infographic-ratio ._item dl, body.device-firefox .infographic-ratio ._item, body.device-firefox .infographic-ratio ._item dl { display: block; }
  body.device-ie .infographic-ratio ._item dl dt::after, body.device-firefox .infographic-ratio ._item dl dt::after { display: none; }
  body.device-ie .relationLink ._symbol, body.device-firefox .relationLink ._symbol { position: static; }
  body.device-ie .relationLink ._symbol:before, body.device-firefox .relationLink ._symbol:before { padding-top: 0; }
  body.device-ie .relationLink ._symbol > img, body.device-firefox .relationLink ._symbol > img { position: static; -webkit-transform: none; transform: none; margin: 0 auto; }
  body.device-ie .fxb-row._cover-group, body.device-ie .row._cover-group, body.device-firefox .fxb-row._cover-group, body.device-firefox .row._cover-group { min-height: 0 !important; }
  body.device-ie .fxb-row._cover-group > ._cover-image, body.device-ie .row._cover-group > ._cover-image, body.device-firefox .fxb-row._cover-group > ._cover-image, body.device-firefox .row._cover-group > ._cover-image { min-height: 0 !important; }
  body.device-ie #lp-container, body.device-firefox #lp-container { overflow: visible !important; }
  body.device-ie #lp-container #Wrap, body.device-firefox #lp-container #Wrap { min-width: initial; min-width: auto; max-width: 100%; }
  body.device-ie #lp-container #Wrap #container, body.device-firefox #lp-container #Wrap #container { min-width: initial; min-width: auto; max-width: 100%; }
  body.device-ie #lp-container #Wrap #headerBox, body.device-firefox #lp-container #Wrap #headerBox { width: 100% !important; max-width: 100%; }
  body.device-ie #lp-container #Wrap #cont #contBox, body.device-ie #lp-container #Wrap #nav_area #navBox, body.device-ie #lp-container #Wrap #fNav #fNavBox, body.device-firefox #lp-container #Wrap #cont #contBox, body.device-firefox #lp-container #Wrap #nav_area #navBox, body.device-firefox #lp-container #Wrap #fNav #fNavBox { width: 100% !important; }
  body.device-ie #top_contents, body.device-firefox #top_contents { height: auto; }
  body.device-ie #top_contents .wrap, body.device-firefox #top_contents .wrap { position: static; width: 100%; }
  body.device-ie #top_contents .wrap > *, body.device-firefox #top_contents .wrap > * { position: static; }
  body.device-ie #top_contents .wrap h1, body.device-firefox #top_contents .wrap h1 { margin-top: 0; }
  body.device-ie #ContentsSection #Contents, body.device-firefox #ContentsSection #Contents { min-width: auto; max-width: 100%; }
  body.device-ie #bottom_contents .bnr_area, body.device-firefox #bottom_contents .bnr_area { max-width: 100%; overflow: visible; }
  body.device-ie #bottom_contents .bnr_area:after, body.device-firefox #bottom_contents .bnr_area:after { clear: both; content: ""; display: block; }
  body.device-ie #bottom_contents .bnr_area > a, body.device-firefox #bottom_contents .bnr_area > a { display: inline-block; float: none; width: 50%; }
  body.device-ie #bottom_contents .bottom_menu .wrap, body.device-firefox #bottom_contents .bottom_menu .wrap { width: 100%; max-width: 100%; }
  .dev-sectionCode, .dev-elementCode { display: none; height: 0; } }


.ywly{ margin-top: 80px;}


.page{ text-align:center; padding:30px 0}
.pagination {list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom}
.pagination li {display:inline-block!important;border:solid 1px #EBEBEB;border-radius:4px}
.pagination a {color:#333;padding:8px 12px;line-height:18px;display:block;transition:all 1s cubic-bezier(0.175,0.885,0.32,1) 0s; text-decoration:none}
.pagination .disabled a:link,.pagination .disabled a:visited,.pagination .disabled a:hover {cursor:not-allowed;pointer-events:none;color:#EBEBEB}
.pagination .active {pointer-events:none}
.pagination .active,.pagination a:hover {transition:all .3s cubic-bezier(0.175,0.885,0.32,1) 0s}
.pagination-group {border-right:solid 1px #EBEBEB;border-radius:4px}
.pagination-group li {float:left;border-right:0;border-radius:0}
.pagination-group li:not(:first-child):not(:last-child) {border-radius:0}
.pagination-group li:first-child {border-radius:4px 0 0 4px}
.pagination-group li:last-child {border-radius:0 4px 4px 0}
.pagination-group .active,.pagination-group a:hover {background:#f5f5f5;border-radius:0}
.pagination-big a {padding:10px 16px;font-size:16px}
.pagination-small a {padding:5px 10px;font-size:12px}
.pagination.border-main .active a,.pagination.border-sub .active a,.pagination.border-dot .active a,.pagination.border-black .active a,.pagination.border-gray .active a,.pagination.border-red .active a,.pagination.border-yellow .active a,.pagination.border-blue .active a,.pagination.border-green .active a {color:#fff}
.pager {list-style:none;padding:0;text-align:center;clear:both}
.pager li {display:inline-block}
.pager li a {color:#333;border:solid 1px #EBEBEB;border-radius:15px;padding:5px 15px;transition:all 1s cubic-bezier(0.175,0.885,0.32,1) 0s}
.pager li a:hover {background-color:#f5f5f5;transition:all .3s cubic-bezier(0.175,0.885,0.32,1) 0s}
.pager-prev,.pager .pager-prev,.pager-next,.pager .pager-next {font-size:36px;padding:0;color:#FFF;background-color:rgba(255,255,255,.3);width:50px;height:50px;line-height:45px;display:inline-block;border-radius:50%;text-align:center;cursor:pointer}
.pager-prev:hover,.pager-next:hover {background-color:rgba(0,0,0,.6)}

.pagination li {margin:0 5px;font-size:14px;border:none;border-radius:4px;}
.pagination li a {border-radius:4px;color:#6e6e6e;background:#fff;padding:8px 12px;border:1px solid #DCDCDC;}
/* .pagination li i {font-weight:bold;font-size:18px;padding:0 3px} */
.pagination li.active a,.pagination li a:hover {background:#000;color:#fff;border:1px solid #000;}

.forminput{ max-width: 900px !important;  margin: 0 auto; border:1px solid #f3f3f3; padding:50px 0}
.forminput input { border:1px solid #f3f3f3; width: 90%; height: 38px; padding:10px;}
.forminput label{ background-color: red; color: #fff; padding: 1px 5px ; font-size: 10px;}
.forminput textarea { border:1px solid #f3f3f3; width: 100%; padding:10px;}
.forminput .btn { border:1px solid #000; width: 60%; height: 45px; padding:10px; background-color: #000; color: #fff; margin-left:20%}


.mlttab table {
  font-size:16px;
  margin:15px 0px;
  color:#555;
  width:100%!important
}
.mlttab table td {
  border:1px solid #ddd !important;
  padding:0;
  height:auto!important;
  line-height:2.6;
  text-align:center !important
}
.mlttab table tr:nth-child(even) {
  background:#f6f6f6
}