@charset "UTF-8";
/*! sanitize.css v5.0.0 | CC0 License | github.com/jonathantneal/sanitize.css */
/* Document (https://html.spec.whatwg.org/multipage/semantics.html#semantics)
   ========================================================================== */
/**
 * 1. Remove repeating backgrounds in all browsers (opinionated).
 * 2. Add box sizing inheritence in all browsers (opinionated).
 */
*,
::before,
::after {
  background-repeat: no-repeat;
  /* 1 */
  -webkit-box-sizing: inherit;
          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. Prevent font size adjustments after orientation changes in IE and iOS.
 */
html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  cursor: default;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 3 */
  -webkit-text-size-adjust: 100%;
  /* 3 */ }

/* Sections (https://html.spec.whatwg.org/multipage/semantics.html#sections)
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block; }

/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0; }

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

/* Grouping content (https://html.spec.whatwg.org/multipage/semantics.html#grouping-content)
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main {
  /* 1 */
  display: block; }

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px; }

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

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

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/* Text-level semantics (https://html.spec.whatwg.org/multipage/semantics.html#text-level-semantics)
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */ }

/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */ }

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit; }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic; }

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

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -.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://html.spec.whatwg.org/multipage/embedded-content.html#embedded-content)
   ========================================================================== */
/*
 * Change the alignment on media elements in all browers (opinionated).
 */
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle; }

/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block; }

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * 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; }

/* Tabular data (https://html.spec.whatwg.org/multipage/tables.html#tables)
   ========================================================================== */
/**
 * Collapse border spacing
 */
table {
  border-collapse: collapse; }

/* Forms (https://html.spec.whatwg.org/multipage/forms.html#forms)
   ========================================================================== */
/**
 * Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  margin: 0; }

/**
 * Inherit styling in all browsers (opinionated).
 */
button,
input,
select,
textarea {
  background-color: transparent;
  color: inherit;
  font-size: inherit;
  line-height: inherit; }

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

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

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */ }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

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

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

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

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * 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 */ }

/* Interactive elements (https://html.spec.whatwg.org/multipage/forms.html#interactive-elements)
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block; }

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item; }

/* Scripting (https://html.spec.whatwg.org/multipage/scripting.html#scripting-3)
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block; }

/**
 * Add the correct display in IE.
 */
template {
  display: none; }

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

/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none; }

/* ARIA (https://w3c.github.io/html-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 display on visually hidden accessible elements (opinionated).
 */
[aria-hidden="false"][hidden]:not(:focus) {
  clip: rect(0, 0, 0, 0);
  display: inherit;
  position: absolute; }

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

/*! minireset.css v0.0.3 | MIT License | github.com/jgthms/minireset.css */
html,
body,
p,
ol,
ul,
li,
dl,
dt,
dd,
blockquote,
figure,
fieldset,
legend,
textarea,
pre,
iframe,
hr,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal; }

ul {
  list-style: none; }

button,
input,
select,
textarea {
  margin: 0; }

html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

*, *:before, *:after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit; }

img,
embed,
iframe,
object,
audio,
video {
  height: auto;
  max-width: 100%; }

iframe {
  border: 0; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0;
  text-align: left; }

html {
  font-size: 62.5%;
  width: 100%;
  height: 100%; }

body {
  width: 100%;
  height: 100%;
  min-height: 100%;
  font-family: '遊ゴシック', YuGothic, 'Roboto Condensed', 'メイリオ', Meiryo sans-serif;
  padding: 0;
  margin: 0 auto;
  position: relative;
  word-wrap: break-word;
  font-size: 62.5%;
  /** 10px */
  /* フォントレンダリング設定: 1x解像度ではsubpixel、2x以上の解像度ではgrayscale */
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: unset;
  overflow-x: hidden;
  color: #212121;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

ul,
li {
  margin: 0;
  padding: 0; }

a {
  text-decoration: none;
  color: #000;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s; }
  a:hover {
    opacity: 0.8; }

input {
  margin: 0;
  padding: 0;
  vertical-align: bottom; }

.br-pc::before {
  content: "\A";
  white-space: pre; }

.br::before {
  content: "\A";
  white-space: pre; }

.fadein {
  opacity: 0;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out; }

.fadein.on {
  opacity: 1; }

br.pc-only {
  display: initial; }

br.sp-only {
  display: none; }

.main {
  margin-top: 95px;
  letter-spacing: 0.1rem; }

.kv {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 100%; }

.kv-main {
  background: #000;
  width: 50%;
  text-align: center; }
  .kv-main__copy {
    padding: 110px 0; }

.kv-main-copy {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  padding: 110px 0 140px; }

.kv-txt-copy {
  width: 100%;
  height: 295px;
  max-width: 353px;
  padding: 80px 0 90px;
  border-top: #fff solid 1px;
  border-bottom: #fff solid 1px;
  color: #fff; }
  .kv-txt-copy--expats {
    max-width: 410px; }
  .kv-txt-copy--magazine {
    max-width: 410px;
    height: auto; }
  .kv-txt-copy__ttl {
    font-family: 'Roboto Condensed', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-bottom: 20px;
    font-size: 5rem;
    font-weight: bold;
    line-height: 1.5; }
  .kv-txt-copy__txt {
    font-size: 1.6rem; }

.kv-img {
  width: 50%; }
  .kv-img--info-index {
    background: url(../img/info/bg_kv_info-index.png) no-repeat center center;
    background-size: cover; }
  .kv-img--info-recruit {
    background: url(../img/info/recruit/bg_kv_info-recruit.png) no-repeat center center;
    background-size: cover; }
  .kv-img--info-env {
    background: url(../img/info/env/bg_kv_info-env.png) no-repeat center center;
    background-size: cover; }
  .kv-img--intern {
    background: url(../img/info/intern/bg_kv_intern.png) no-repeat center center;
    background-size: cover; }
  .kv-img--intern-summer {
    background: url(../img/info/intern/bg_kv_intern_summer.png) no-repeat center center;
    background-size: cover; }
  .kv-img--people-index {
    background: url(../img/people/bg_kv_people-index.png) no-repeat center 20%;
    background-size: cover; }
  .kv-img--people--01 {
    background: url(../img/people/bg_kv_people_01.png) no-repeat top center;
    background-size: cover; }
  .kv-img--people--02 {
    background: url(../img/people/bg_kv_people_02.png) no-repeat top center;
    background-size: cover; }
  .kv-img--people--03 {
    background: url(../img/people/bg_kv_people_03.png) no-repeat top center;
    background-size: cover; }
  .kv-img--people--04 {
    background: url(../img/people/bg_kv_people_04.png) no-repeat top center;
    background-size: cover; }
  .kv-img--people--05 {
    background: url(../img/people/bg_kv_people_05.png) no-repeat top center;
    background-size: cover; }
  .kv-img--people--06 {
    background: url(../img/people/bg_kv_people_06.png) no-repeat top center;
    background-size: cover; }
  .kv-img--people--07 {
    background: url(../img/people/bg_kv_people_07.png) no-repeat top center;
    background-size: cover; }
  .kv-img--people--08 {
    background: url(../img/people/bg_kv_people_08.png) no-repeat top center;
    background-size: cover; }
  .kv-img--people--09 {
    background: url(../img/people/bg_kv_people_09.png) no-repeat top center;
    background-size: cover; }
  .kv-img--people--10 {
    background: url(../img/people/bg_kv_people_10.png) no-repeat top center;
    background-size: cover; }
  .kv-img--people--11 {
    background: url(../img/people/bg_kv_people_11.png) no-repeat top center;
    background-size: cover; }
  .kv-img--people--12 {
    background: url(../img/people/bg_kv_people_12.png) no-repeat top center;
    background-size: cover; }
  .kv-img--people-expats {
    background: url(../img/people/bg_kv_people_expats.png) no-repeat top center;
    background-size: cover; }
  .kv-img--story-index {
    background: url(../img/story/bg_kv_story-index.png) no-repeat center top;
    background-size: cover; }
  .kv-img--story-each--01 {
    background: url(../img/story/bg_kv_story_01.png) no-repeat center top;
    background-size: cover; }
  .kv-img--story-each--02 {
    background: url(../img/story/bg_kv_story_02.png) no-repeat center top;
    background-size: cover; }
  .kv-img--q-and-a {
    background: url(../img/qanda/bg_kv_q-and-a.png) no-repeat center top;
    background-size: cover; }
  .kv-img--profile {
    background: url(../img/profile/bg_kv_profile.png) no-repeat center top;
    background-size: cover; }
  .kv-img--magazine {
    background: url(../img/content/bg_kv_magazine.png) no-repeat center top;
    background-size: cover; }

.bread {
  font-family: 'Roboto Condensed', sans-serif;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 18px 37px; }
  .bread li {
    font-size: 1.4rem;
    color: #fff; }
    .bread li:after {
      content: "-";
      display: inline-block;
      margin: 0 7px;
      color: #434343; }
    .bread li:last-child::after {
      content: ""; }
  .bread a {
    font-size: 1.6rem;
    color: #434343; }

.container {
  background: url(../img/common/bg_container.png) no-repeat center -1px;
  background-size: 100% auto;
  padding: 120px 30px 0; }
  .container--info {
    padding-bottom: 60px; }
  .container--people--10 {
    padding: 230px 30px 0;
    line-height: 1.1; }

.content {
  background: #fff;
  position: relative;
  width: 1042px;
  max-width: 100%;
  margin: 0 auto;
  padding: 60px 0 0;
  font-size: 1.6rem;
  line-height: 2.2; }
  .content--handicap {
    padding: 60px 0; }
  .content--people-index {
    padding: 0; }
  .content:before {
    font-family: 'Roboto Condensed', sans-serif;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 16rem;
    font-weight: bold;
    line-height: 0.69;
    letter-spacing: 1rem;
    color: #fff;
    -webkit-transform: translate(0, -100%);
            transform: translate(0, -100%);
    opacity: 0.4; }
  .content--info:before {
    content: "INFO"; }
  .content--info-env:before {
    content: "INFO"; }
  .content--people-index:before {
    content: "PEOPLE"; }
  .content--people--cat01:before {
    content: "PLANNER";
    width: 100%;
    color: #500047;
    word-wrap: break-word; }
  .content--people--cat02:before {
    content: "DESIGNER";
    width: 100%;
    color: #7e0043;
    word-wrap: break-word; }
  .content--people--cat03:before {
    content: "ENGINEER";
    width: 100%;
    color: #ac6a00;
    word-wrap: break-word; }
  .content--people--cat04:before {
    content: "ENGINEER";
    width: 100%;
    color: #b7aa00;
    word-wrap: break-word; }
  .content--people--cat05:before {
    content: "SALES";
    width: 100%;
    color: #005982;
    word-wrap: break-word; }
  .content--people--cat06:before {
    content: "CUSTOMER SERVICE";
    width: 100%;
    color: #001c58;
    word-wrap: break-word; }
  .content--people--cat07:before {
    content: "ACCOUNTING";
    width: 100%;
    color: #7f2d00;
    word-wrap: break-word; }
  .content--people--cat08:before {
    content: "ENGINEER";
    width: 100%;
    color: #3c7376;
    word-wrap: break-word; }
  .content--story-index:before {
    content: "STORY";
    width: 100%; }
  .content--story-each--01:before {
    content: "STORY";
    width: 100%; }
  .content--story-each--02:before {
    content: "STORY";
    width: 100%; }
  .content--q-and-a:before {
    content: "Q&A";
    width: 100%; }
  .content--profile:before {
    content: "PROFILE";
    width: 100%; }
  .content--magazine:before {
    content: "SPECIAL";
    width: 100%; }

.content-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  letter-spacing: 0.08rem; }
  .content-flex__left {
    padding: 0 20px 0 30px;
    border-right: solid 1px #b5b5b5; }
  .content-flex__right {
    padding: 0 20px 0 30px; }
  .content-flex__list {
    margin: 20px 0;
    padding-left: 15px; }
    .content-flex__list--highlight li,.content-flex__text--highlight {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      display: inline-block;
      position: relative;
      font-weight: bold;
      z-index: 1; }
      .content-flex__list--highlight li::after, {
        content: "";
        display: block;
        background: #b7aa00;
        position: absolute;
        bottom: 5px;
        left: 16px;
        width: calc(100% - 16px);
        height: 40%;
        opacity: 0.4;
        z-index: -1; }
      .content-flex__text--highlight::after {
        content: "";
        display: block;
        background: #b7aa00;
        position: absolute;
        bottom: 5px;
        width: 100%;
        height: 40%;
        opacity: 0.4;
        z-index: -1; }

.header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0px 40px;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 2.2rem;
  position: fixed;
  z-index: 100;
  left: 0;
  top: 0;
  width: 100%;
  background: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.header-logo {
  letter-spacing: .3rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 300px; }
  .header-logo:hover {
    opacity: 0.5; }
  .header-logo span {
    display: block;
    margin-left: 30px;
    position: relative; }
    .header-logo span:after {
      content: '';
      width: 100%;
      height: 1px;
      display: block;
      background: #000;
      position: absolute;
      bottom: -4px;
      left: 0; }

.header-menu {
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  letter-spacing: .1rem; }
  .header-menu__ttl {
    margin: 0 10px;
    display: block;
    position: relative;
    cursor: pointer;
    padding: 35px 0; }
  .header-menu__btn span {
    -webkit-transition: all ease 0.2s;
    transition: all ease 0.2s; }
  .header-menu__btn:hover span {
    opacity: 0.3; }
  .header-menu__link {
    margin: 0 10px;
    padding: 30px 0;
    cursor: pointer;
    -webkit-transition: all ease 0.2s;
    transition: all ease 0.2s; }
    .header-menu__link:hover {
      opacity: 0.3; }
    .header-menu__link--window span {
      padding-right: 20px;
      background: url(../img/common/icon_window.png) no-repeat right center; }
    .header-menu__link--entry {
      margin: 0 20px 0 30px;
      padding: 5px 25px;
      border-right: 1px solid #000;
      border-left: 1px solid #000;
      position: relative;
      display: block; }
      .header-menu__link--entry.sp-only {
        display: none; }
      .header-menu__link--entry:before {
        content: '';
        position: absolute;
        display: block;
        width: 15px;
        height: 100%;
        border-top: 1px solid #000;
        border-bottom: 1px solid #000;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        top: 0;
        left: 0; }
      .header-menu__link--entry:after {
        content: '';
        position: absolute;
        display: block;
        width: 15px;
        height: 100%;
        border-top: 1px solid #000;
        border-bottom: 1px solid #000;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        top: 0;
        right: 0; }

.header-menu__ttl:hover .header-menu-sub {
  visibility: visible;
  opacity: 1; }

.header-menu-sub {
  width: 50%;
  min-width: 640px;
  left: 50%;
  top: 95px;
  font-size: 1.4rem;
  font-weight: normal;
  position: fixed;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in 0s;
  transition: all 0.3s ease-in 0s; }
  .header-menu-sub__sp-only {
    display: none !important; }
  .header-menu-sub__ttl {
    background: #fff;
    width: 20%;
    color: #000;
    text-align: center;
    padding: 50px 0px; }
  .header-menu-sub__in {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .header-menu-sub__box {
    position: relative;
    z-index: 1; }
  .header-menu-sub__cont {
    width: 80%;
    padding: 30px;
    position: relative; }
    .header-menu-sub__cont--flex {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
    .header-menu-sub__cont:before {
      content: '';
      width: 15px;
      height: 1px;
      background: #fff;
      display: block;
      position: absolute;
      top: 50px;
      left: 0; }
    .header-menu-sub__cont:after {
      font-size: 9.6rem;
      font-family: 'Roboto Condensed', sans-serif;
      color: #fff;
      opacity: 0.15;
      font-weight: bold;
      position: absolute;
      right: 0;
      bottom: 0;
      line-height: 0.7;
      letter-spacing: .8rem;
      z-index: 0; }
    .header-menu-sub__cont--company {
      background: url(../../recruit/img/common/bg_glonav_company.png) no-repeat right top;
      background-size: cover; }
      .header-menu-sub__cont--company:after {
        content: 'COMPANY'; }
    .header-menu-sub__cont--story {
      background: url(../../recruit/img/common/bg_glonav_story.png) no-repeat right top;
      background-size: cover; }
      .header-menu-sub__cont--story:after {
        content: 'STORY'; }
    .header-menu-sub__cont--info {
      background: url(../../recruit/img/common/bg_glonav_info.png) no-repeat right top;
      background-size: cover; }
      .header-menu-sub__cont--info:after {
        content: 'INFO'; }
    .header-menu-sub__cont--people {
      background: url(../../recruit/img/common/bg_glonav_people.png) no-repeat right top;
      background-size: cover; }
      .header-menu-sub__cont--people:after {
        content: 'PEOPLE'; }
    .header-menu-sub__cont a {
      display: block;
      padding: 10px 0;
      color: #fff;
      -webkit-transition: all ease 0.2s;
      transition: all ease 0.2s; }
      .header-menu-sub__cont a:hover {
        opacity: 0.3; }
  .header-menu-sub__box:nth-of-type(2) {
    padding-left: 50px; }
  .header-menu-sub__bold {
    font-weight: bold;
    font-family: 'Roboto Condensed', sans-serif;
    display: block;
    letter-spacing: .3rem;
    font-size: 1.6rem; }

.header-toggle {
  display: none;
  position: absolute;
  top: calc(50% - 11px);
  right: 20px;
  width: 25px;
  height: 23px; }
  .header-toggle__in {
    width: 25px;
    height: 23px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
    .header-toggle__in span {
      display: block;
      width: 100%;
      background: #000;
      position: absolute;
      left: 0; }
      .header-toggle__in span:nth-last-of-type(1) {
        height: 3px;
        top: 1px; }
      .header-toggle__in span:nth-last-of-type(2) {
        height: 4px;
        top: 9px; }
      .header-toggle__in span:nth-last-of-type(3) {
        height: 5px;
        bottom: 0; }

.header-copy {
  display: none; }

.footer {
  background: #bfbfbf;
  font-size: 1.6rem;
  font-family: 'Roboto Condensed', sans-serif; }

.footer-gotop {
  width: 100%;
  height: 50px;
  background: #bfbfbf;
  border-bottom: 1px solid #ffffff;
  border-top: 1px solid #ffffff;
  padding-top: 20px; }
  .footer-gotop a {
    display: block;
    width: 100%;
    height: 100%; }
    .footer-gotop a:before {
      content: '';
      display: block;
      width: 24px;
      height: 24px;
      border-right: 1px solid #ffffff;
      border-top: 1px solid #ffffff;
      -webkit-transform: rotate(-45deg);
              transform: rotate(-45deg);
      margin: 0 auto; }

.footer-main {
  padding: 60px 0 40px; }
  .footer-main__in {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 500px;
    margin: 0 auto; }
  .footer-main a {
    display: block;
    width: 48%;
    border-right: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
    position: relative;
    display: inline-block;
    padding: 5px 0;
    font-size: 1.6rem;
    font-weight: bold;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: .2rem;
    text-align: center;
    margin-bottom: 15px; }
    .footer-main a:before {
      content: '';
      position: absolute;
      display: block;
      width: 15px;
      height: 100%;
      border-top: 1px solid #ffffff;
      border-bottom: 1px solid #ffffff;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      top: 0;
      left: 0; }
    .footer-main a:after {
      content: '';
      position: absolute;
      display: block;
      width: 15px;
      height: 100%;
      border-top: 1px solid #ffffff;
      border-bottom: 1px solid #ffffff;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      top: 0;
      right: 0; }
    .footer-main a span {
      position: relative;
      display: inline-block;
      z-index: 1; }
      .footer-main a span::after {
        content: '';
        display: block;
        width: 0%;
        height: 8px;
        background: #fff;
        position: absolute;
        bottom: 3px;
        left: 0;
        z-index: -1;
        -webkit-transition: all ease 0.2s;
        transition: all ease 0.2s; }
    .footer-main a:hover span::after {
      width: 100%; }
  .footer-main--fb span:before {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translate(120%, -50%);
            transform: translate(120%, -50%);
    width: 31px;
    height: 31px;
    background: url(../img/common/icon_facebook.png) no-repeat center center; }

.footer-copy {
  text-align: center;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 1.4rem;
  color: #fff;
  letter-spacing: .2rem;
  padding: 0 0 30px; }

.intern-copy {
  border-top: #fff solid 1px;
  border-bottom: #fff solid 1px;
  padding: 30px 10px;
  margin: 0 10px; }
  .intern-copy__ttl {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 5rem;
    font-weight: bold;
    line-height: 1.1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-bottom: 20px;
    color: #fff; }
  .intern-copy__txt {
    color: #fff;
    font-size: 1.6rem; }

.intern-switch {
  width: calc(100% - 80px);
  max-width: 960px;
  height: 74px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto 20px; }
  .intern-switch__btn {
    color: #fff;
    background: #b1c585;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    width: 50%;
    text-align: center;
    letter-spacing: .15rem;
    position: relative;
    font-size: 1.8rem;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s; }
    .intern-switch__btn:hover {
      background: #c6d6a2; }
    .intern-switch__btn--left {
      padding: 0 5px 0 10px; }
      .intern-switch__btn--left:after {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 74px 0 0 21px;
        border-color: transparent transparent transparent #b1c585;
        position: absolute;
        right: -21px;
        top: 0;
        z-index: 1;
        -webkit-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s; }
      .intern-switch__btn--left:hover:after {
        border-color: transparent transparent transparent #c6d6a2; }
      .intern-switch__btn--left.is-active:after {
        border-color: transparent transparent transparent #638c0b; }
      .intern-switch__btn--left.is-active:hover:after {
        border-color: transparent transparent transparent #638c0b; }
    .intern-switch__btn--right {
      padding: 0 5px 0 10px; }
    .intern-switch__btn:hover {
      opacity: 1; }
    .intern-switch__btn.is-active {
      background: #638c0b; }
      .intern-switch__btn.is-active:before {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 17px 10px 0 10px;
        border-color: #638c0b transparent transparent transparent;
        position: absolute;
        left: calc(50% - 8px);
        bottom: -17px; }
    .intern-switch__btn.is-active-btm {
      background: #638c0b; }
      .intern-switch__btn.is-active-btm:before {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 10px 17px 10px;
        border-color: transparent transparent #638c0b transparent;
        position: absolute;
        left: calc(50% - 8px);
        top: -17px; }
    .intern-switch__btn span {
      display: inline-block;
      line-height: 1.5; }

.intern-summer-switch {
  width: calc(100% - 80px);
  max-width: 960px;
  height: 74px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto 20px; }
  .intern-summer-switch__btn {
    color: #fff;
    background: #fce2c6;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    width: 50%;
    text-align: center;
    letter-spacing: .15rem;
    position: relative;
    font-size: 1.8rem;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s; }
    .intern-summer-switch__btn:hover {
      background: #ffebd5; }
    .intern-summer-switch__btn--left {
      padding: 0 5px 0 10px; }
      .intern-summer-switch__btn--left:after {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 74px 0 0 21px;
        border-color: transparent transparent transparent #fce2c6;
        position: absolute;
        right: -21px;
        top: 0;
        z-index: 1;
        -webkit-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s; }
      .intern-summer-switch__btn--left:hover:after {
        border-color: transparent transparent transparent #ffebd5; }
      .intern-summer-switch__btn--left.is-active:after {
        border-color: transparent transparent transparent #fce2c6; }
      .intern-summer-switch__btn--left.is-active:hover:after {
        border-color: transparent transparent transparent #fce2c6; }
    .intern-summer-switch__btn--right {
      padding: 0 5px 0 10px; }
    .intern-summer-switch__btn:hover {
      opacity: 1; }
    .intern-summer-switch__btn.is-active {
      background: #ac6a00; }
      .intern-summer-switch__btn.is-active:before {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 17px 10px 0 10px;
        border-color: #ac6a00  transparent transparent transparent;
        position: absolute;
        left: calc(50% - 8px);
        bottom: -17px; }
    .intern-summer-switch__btn.is-active-btm {
      background: #ac6a00; }
      .intern-summer-switch__btn.is-active-btm:before {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 10px 17px 10px;
        border-color: transparent transparent #ac6a00  transparent;
        position: absolute;
        left: calc(50% - 8px);
        top: -17px; }
    .intern-summer-switch__btn span {
      display: inline-block;
      line-height: 1.5; }

.intern-box {
  padding: 60px; }
  .intern-box--detail02 {
    padding: 60px 60px 0; }
  .intern-box .bold {
    font-weight: bold; }
  .intern-box__in {
    text-align: center; }
    .intern-box__in--border {
      border-top: 1px dotted #bfbfbf;
      padding: 30px 0; }
    .intern-box__in--detail02 {
      border-top: 1px dotted #bfbfbf;
      padding: 30px 0;
      max-width: 700px;
      margin: 0 auto; }

.intern-ttl {
  background: #333333;
  color: #fff;
  text-align: center;
  margin: 100px 0 45px; }

.intern-sub-ttl {
  text-align: center;
  color: #7e0043;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 2.6rem; }
  .intern-sub-ttl:after {
    content: '';
    width: 6px;
    height: 6px;
    background: #7e0043;
    display: block;
    margin: 10px auto; }
  .intern-sub-ttl--summer {
    color: #638c0b; }
    .intern-sub-ttl--summer:after {
      background: #638c0b;
      margin: 10px auto 30px; }
  .intern-sub-ttl--oneday {
    color: #ac6a00; }
    .intern-sub-ttl--oneday:after {
      background: #ac6a00;
      margin: 10px auto 30px; }

.intern-balloon-area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .intern-balloon-area--internship {
    margin-bottom: 50px; }
  .intern-balloon-area__in--left {
    width: 50%; }
  .intern-balloon-area__in--right {
    width: 45%; }

.intern-balloon {
  padding: 20px;
  margin-bottom: 40px;
  width: 90%;
  letter-spacing: 0;
  position: relative; }
  .intern-balloon:before {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid; }
  .intern-balloon--01 {
    background: #e5ccd9;
    border-radius: 0px 0px 0px 11px; }
    .intern-balloon--01:before {
      top: -22px;
      right: 40%;
      border-width: 0 33px 22px 2px;
      border-color: transparent transparent #e5ccd9 transparent; }
  .intern-balloon--02 {
    background: #e0e8ce;
    border-radius: 0px 11px 0px 0px;
    margin-left: 50px;
    margin-right: -30px; }
    .intern-balloon--02:before {
      top: 40%;
      left: -35px;
      border-width: 0 35px 27px 0;
      border-color: transparent #e0e8ce transparent transparent; }
  .intern-balloon--03 {
    background: #eee1cc;
    border-radius: 11px 0px 0px 0px;
    width: 80%; }
    .intern-balloon--03::before {
      border-width: 27px 0 0px 35px;
      border-color: transparent transparent transparent #eee1cc;
      right: -35px;
      bottom: 20px; }
  .intern-balloon--04 {
    background: #f1eecc;
    border-radius: 11px 0px 0px 0px;
    margin-bottom: 90px; }
    .intern-balloon--04::before {
      right: 60px;
      bottom: -27px;
      border-width: 27px 0px 0 31px;
      border-color: #f1eecc transparent transparent transparent; }
  .intern-balloon--04-nomargin {
    background: #f1eecc;
    border-radius: 11px 0px 0px 0px; }
    .intern-balloon--04-nomargin::before {
      right: 60px;
      bottom: -27px;
      border-width: 27px 0px 0 31px;
      border-color: #f1eecc transparent transparent transparent; }
  .intern-balloon--05 {
    background: #d8e3e4;
    border-radius: 0px 0px 11px 0px; }
    .intern-balloon--05::before {
      left: 60px;
      bottom: -27px;
      border-width: 27px 31px 0 0px;
      border-color: #d8e3e4 transparent transparent transparent; }

.intern-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  letter-spacing: 0.08rem; }
  .intern-flex .bold {
    font-weight: bold; }
  .intern-flex__left {
    padding: 0 20px 0 30px;
    border-right: solid 1px #b5b5b5; }
  .intern-flex__right {
    padding: 0 20px 0 30px; }
  .intern-flex__summer {
    width: 30%; }
  .intern-flex--summer {
    text-align: center; }

.intern-table-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .intern-table-flex__in {
    width: 49%; }
    .intern-table-flex__in figure {
      width: 237px; }
  .intern-table-flex--summer {
    margin-top: 34px; }
    .intern-table-flex--summer figure {
      width: 49%; }
      .intern-table-flex--summer figure img {
        width: 100%; }
  .intern-table-flex--detail02 figure {
    width: 42.6%; }
  .intern-table-flex--last .intern-table-flex__in:nth-of-type(1) {
    width: 58%; }
  .intern-table-flex--last .intern-table-flex__in:nth-of-type(2) {
    width: 40%; }

.intern-table {
  border: 1px solid #b5b5b5;
  margin-bottom: 20px; }
  .intern-table__ttl {
    background: #e5ccd9;
    text-align: center;
    border-bottom: 1px solid #b5b5b5; }
    .intern-table__ttl--summer {
      background: #e0e8ce; }
    .intern-table__ttl--oneday {
      background: #fce2c6; }
  .intern-table__dd {
    padding: 30px;
    letter-spacing: 0.05rem; }
  .intern-table__subttl {
    color: #7e0043;
    text-align: center;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 2.6rem;
    font-weight: bold;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
    .intern-table__subttl--summer {
      color: #638c0b; }
    .intern-table__subttl--oneday {
      color: #ac6a00; }
  .intern-table__inner-dl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .intern-table p {
    text-align: center; }
  .intern-table span.purple {
    color: #7e0043; }
  .intern-table span.green {
    color: #638c0b; }
  .intern-table span.bold {
    font-weight: bold; }
  .intern-table__notice {
    margin-top: 50px; }
  .intern-table--flex {
    width: 50%;
    margin-bottom: 0; }
    .intern-table--flex dd {
      padding: 23px; }
  .intern-table--flex-summer {
    width: 45%;
    margin-bottom: 0; }
    .intern-table--flex-summer dd {
      padding: 23px; }
  .intern-table--flex-detail02 {
    width: 53%;
    margin-bottom: 0; }
    .intern-table--flex-detail02 dd {
      padding: 23px; }

.intern-link {
  text-align: center; }
  .intern-link a {
    border-right: 1px solid #000;
    border-left: 1px solid #000;
    position: relative;
    display: inline-block;
    padding: 5px 30px;
    font-size: 1.6rem;
    font-weight: bold;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: .2rem; }
    .intern-link a:hover span:after {
      width: 100%; }
    .intern-link a:before {
      content: '';
      position: absolute;
      display: block;
      width: 15px;
      height: 100%;
      border-top: 1px solid #000;
      border-bottom: 1px solid #000;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      top: 0;
      left: 0; }
    .intern-link a:after {
      content: '';
      position: absolute;
      display: block;
      width: 15px;
      height: 100%;
      border-top: 1px solid #000;
      border-bottom: 1px solid #000;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      top: 0;
      right: 0; }
    .intern-link a p {
      font-size: 1.4rem; }
    .intern-link a span {
      position: relative;
      display: inline-block;
      width: 100%;
      z-index: 1;
      padding: 0 10px; }
      .intern-link a span::after {
        content: '';
        display: block;
        width: 0%;
        height: 8px;
        background: #bfbfbf;
        opacity: 0.4;
        position: absolute;
        bottom: 3px;
        left: 0;
        z-index: -1;
        -webkit-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s; }
  .intern-link__en {
    font-size: 2.6rem;
    font-family: 'Roboto Condensed', sans-serif;
    line-height: 0.6; }
  .intern-link--purple a span:after {
    background: #7e0043;
    bottom: -2px; }
  .intern-link--green a span:after {
    background: #638c0b;
    bottom: -2px; }
  .intern-link--orange a span:after {
    background: #ac6a00;
    bottom: -2px; }
  .intern-link--detail {
    margin: 0px 0 50px; }

.intern-link-box {
  display: block;
  margin: 100px auto;
  width: 546px;
  background: url(../img/info/intern/btn_intern.png) no-repeat;
  padding: 60px 50px; }
  .intern-link-box--summer {
    background: url(../img/info/intern/btn_intern_summer.png) no-repeat; }
  .intern-link-box--oneday {
    background: url(../img/info/intern/btn_intern_summer.png) no-repeat; }
  .intern-link-box .intern-link a {
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
    color: #fff;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    margin-bottom: 20px; }
    .intern-link-box .intern-link a:before {
      border-top: 1px solid #fff;
      border-bottom: 1px solid #fff; }
    .intern-link-box .intern-link a:after {
      border-top: 1px solid #fff;
      border-bottom: 1px solid #fff; }
  .intern-link-box .intern-link span:after {
    opacity: 0.7; }

.content-flex--info {
  padding-bottom: 30px; }

.kv-main-copy--info {
  min-height: 545px; }

.info-index-message {
  background: url(../img/info/bg_stripe.png) no-repeat center center;
  background-size: cover;
  padding: 30px 0;
  text-align: center; }
  .info-index-message--highlight {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    position: relative;
    font-size: 2.8rem;
    font-weight: bold;
    letter-spacing: .2rem;
    z-index: 1; }
    .info-index-message--highlight::after {
      content: "";
      display: block;
      background: #b7aa00;
      position: absolute;
      bottom: 15px;
      left: 0;
      width: 100%;
      height: 14px;
      opacity: 0.4;
      z-index: -1; }

.info-link {
  background: #fff;
  position: relative;
  width: 900px;
  max-width: 100%;
  margin: 150px auto 45px;
  padding: 40px 0;
  border: 2px dotted #b7aa00;
  font-size: 1.6rem;
  text-align: center; }
  .info-link__ttl {
    content: "募集要項はこちら";
    display: block;
    background: #fff;
    position: absolute;
    top: 0;
    left: 50%;
    padding: 10px;
    color: #b7aa00;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
  .info-link a {
    display: inline-block;
    background: #e2dd99;
    position: relative;
    margin: 0 15px;
    padding: 5px 30px;
    border-left: 1px solid #000;
    border-right: 1px solid #000; }
    .info-link a:before {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 15px;
      height: 100%;
      border-top: 1px solid #000;
      border-bottom: 1px solid #000;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
    .info-link a:after {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      width: 15px;
      height: 100%;
      border-top: 1px solid #000;
      border-bottom: 1px solid #000;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }

.info-intern-link {
  text-align: center; }
  .info-intern-link a {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    position: relative;
    padding: 5px 30px;
    margin: 0 20px;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    font-size: 1.6rem;
    font-weight: bold;
    letter-spacing: .2rem; }
    .info-intern-link a:before {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 15px;
      height: 100%;
      border-top: 1px solid #000;
      border-bottom: 1px solid #000;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
    .info-intern-link a:after {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      width: 15px;
      height: 100%;
      border-top: 1px solid #000;
      border-bottom: 1px solid #000;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
    .info-intern-link a span {
      display: inline-block;
      position: relative;
      padding: 0 10px;
      z-index: 1; }
      .info-intern-link a span::after {
        content: "";
        display: block;
        background: #bfbfbf;
        position: absolute;
        bottom: 3px;
        left: 0;
        width: 100%;
        height: 8px;
        opacity: 0.4;
        z-index: -1; }

.info-recruit-copy {
  width: 100%;
  height: 295px;
  max-width: 353px;
  padding: 80px 0 90px;
  border-top: #fff solid 1px;
  border-bottom: #fff solid 1px;
  color: #fff; }
  .info-recruit-copy__ttl {
    font-family: 'Roboto Condensed', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-bottom: 20px;
    font-size: 5rem;
    font-weight: bold;
    line-height: 1.5; }
  .info-recruit-copy__txt {
    font-size: 1.6rem; }

.info-recruit-lead {
  font-family: 'Noto Serif JP', serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-bottom: 80px;
  font-weight: bold;
  font-style: italic;
  text-align: center; }
  .info-recruit-lead--new_graduate {
    color: #005982; }
  .info-recruit-lead--career {
    color: #500047; }
  .info-recruit-lead__head {
    margin-bottom: 10px;
    font-size: 2rem;
    letter-spacing: .2rem; }
    .info-recruit-lead__head--career {
      font-size: 3rem; }
  .info-recruit-lead__body {
    font-size: 2.6rem;
    line-height: 1.2;
    letter-spacing: .2rem; }
    .info-recruit-lead__body--career {
      font-size: 2.2rem;
      line-height: 1.6; }
  .info-recruit-lead__box {
    display: block; }
    .info-recruit-lead__box:not(:last-child) {
      margin-bottom: 15px; }

.info-recruit-content {
  margin: 0 20px; }
  .info-recruit-content__head {
    padding-bottom: 10px;
    border-bottom: 4px solid #005982; }
    .info-recruit-content__head--career {
      border-bottom: 4px solid #500047; }

.info-recruit-ttl {
  display: inline-block;
  margin-top: 100px;
  margin-bottom: 50px;
  margin-left: calc(50% - 50vw);
  padding-bottom: 10px;
  padding-left: calc(50vw - 50%);
  border-bottom: 20px solid #005982;
  font-size: 2.2rem;
  font-weight: bold;
  color: #005982; }
  .info-recruit-ttl--career {
    border-bottom: 20px solid #500047;
    color: #500047; }

.info-recruit-tbl__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: wrap;
      -ms-flex-flow: wrap;
          flex-flow: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 20px 0;
  border-bottom: 2px dashed #b5b5b5; }
  .info-recruit-tbl__item--db {
    display: block; }

.info-recruit-tbl__head {
  width: 130px;
  font-weight: bold;
  color: #005982; }
  .info-recruit-tbl__head--career {
    color: #500047; }
  .info-recruit-tbl__head--large {
    width: 220px; }
  .info-recruit-tbl__head--process {
    width: 180px; }
  .info-recruit-tbl__head--career-registration {
    width: 200px; }

.info-recruit-tbl__body {
  width: calc(100% - 130px); }
  .info-recruit-tbl__body--large {
    width: calc(100% - 220px); }
  .info-recruit-tbl__body--process {
    width: calc(100% - 180px); }
  .info-recruit-tbl__body--career-registration {
    width: calc(100% - 200px); }
  .info-recruit-tbl__body--blue {
    color: #005982; }

.info-recruit-tbl-em {
  font-weight: bold; }

.info-recruit-tbl-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  .info-recruit-tbl-box--top {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start; }
  .info-recruit-tbl-box__main {
    width: calc(100% - 320px); }
  .info-recruit-tbl-box__sub {
    width: 300px; }

.info-recruit-tbl-fig__ttl {
  font-weight: bold;
  color: #005982; }

.info-recruit-tbl-fig-cont {
  width: 100%; }
  .info-recruit-tbl-fig-cont__head {
    background: #e5eef2; }
  .info-recruit-tbl-fig-cont__body {
    background: #c4d9e2; }
  .info-recruit-tbl-fig-cont__bottom {
    background: #005982;
    color: #fff; }
  .info-recruit-tbl-fig-cont__txt {
    padding: 2px 20px; }
    .info-recruit-tbl-fig-cont__txt--small {
      padding: 2px 15px; }
    .info-recruit-tbl-fig-cont__txt--head {
      font-weight: normal; }

.info-recruit-tbl-layout {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  .info-recruit-tbl-layout__head {
    width: 120px;
    font-weight: bold; }
  .info-recruit-tbl-layout__body {
    width: calc(100% - 100px); }

.info-recruit-tbl-process-img {
  background: url(/recruit/img/info/recruit/img_info-new_graduate_01_pc.png) no-repeat center;
  background-size: contain;
  width: 100%;
  margin-top: 20px;
  padding-top: 9.98004%; }
  .info-recruit-tbl-process-img--career {
    background: url(/recruit/img/info/recruit/img_info-career_01_pc.png) no-repeat center;
    background-size: contain;
    margin: 0 0 100px; }

.info-recruit-entry {
  padding: 100px 0;
  text-align: center; }

.info-recruit-btn__item {
  display: inline-block;
  position: relative;
  height: 28px;
  padding: 0 15px;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 28px;
  letter-spacing: 0.12em;
  -webkit-transition: all 0.3s ease-in 0s;
  transition: all 0.3s ease-in 0s; }
  .info-recruit-btn__item:hover .info-recruit-btn__txt::after {
    width: 100%; }

.info-recruit-btn__txt {
  position: relative;
  top: 50%;
  padding: 0 20px;
  text-align: center;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 1; }
  .info-recruit-btn__txt::after {
    content: "";
    position: absolute;
    bottom: 5px;
    left: 0;
    width: 0;
    height: 10px;
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
    z-index: -1; }
  .info-recruit-btn__txt--career:after {
    background: rgba(80, 0, 71, 0.4); }
  .info-recruit-btn__txt--new_graduate:after {
    background: rgba(0, 89, 130, 0.4); }

.info-recruit-btn-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }
  .info-recruit-btn-bg__item {
    position: absolute;
    top: 0;
    width: 10px;
    height: 100%;
    border: 1px solid #000; }
    .info-recruit-btn-bg__item--left {
      left: 0;
      border-right: 1px solid transparent; }
    .info-recruit-btn-bg__item--right {
      right: 0;
      border-left: 1px solid transparent; }

.info-recruit-tbl-enrty {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 700px;
  margin: 0 auto; }
  .info-recruit-tbl-enrty__item {
    width: calc(50% - 10px); }
  .info-recruit-tbl-enrty__txt {
    margin-top: 20px; }

.env__trigger {
  position: relative;
  top: -95px; }

.env-link-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 780px;
  margin: 0 auto 40px; }

.env-link {
  text-align: center; }
  .env-link a {
    width: 233px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    position: relative;
    padding: 5px;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    font-size: 1.6rem;
    font-weight: bold;
    letter-spacing: .04em;
    margin: 0 0 30px; }
    .env-link a:before {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 15px;
      height: 100%;
      border-top: 1px solid #000;
      border-bottom: 1px solid #000;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
    .env-link a:after {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      width: 15px;
      height: 100%;
      border-top: 1px solid #000;
      border-bottom: 1px solid #000;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
    .env-link a:hover span:after {
      width: 100%; }
    .env-link a span {
      display: inline-block;
      position: relative;
      padding: 0 10px;
      z-index: 1; }
      .env-link a span::after {
        content: "";
        display: block;
        background: #99bfa1;
        position: absolute;
        bottom: 10px;
        left: 0;
        width: 0;
        height: 8px;
        z-index: -1;
        -webkit-transition: 0.3s all ease;
        transition: 0.3s all ease; }

.env-section {
  margin: 0 0 60px;
  overflow-x: hidden; }
  .env-section__ttl {
    color: #005e15;
    font-weight: bold;
    font-size: 2.2rem;
    margin-bottom: 60px;
    padding-left: 50px; }
    .env-section__ttl p {
      display: inline-block;
      position: relative; }
      .env-section__ttl p::after {
        content: '';
        display: block;
        width: 380px;
        height: 20px;
        background: #005e15;
        -webkit-transform: translateX(0%);
                transform: translateX(0%);
        position: absolute;
        right: 0; }

.env-menu {
  position: fixed;
  z-index: 10;
  left: 0;
  bottom: 0;
  width: 266px;
  opacity: 0;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s; }
  .env-menu.is-show {
    opacity: 1; }
  .env-menu__in {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .env-menu__btn {
    width: 50px;
    height: 432px;
    background: #000;
    color: #fff;
    font-size: 2rem;
    position: relative;
    z-index: 1;
    cursor: pointer; }
    .env-menu__btn p {
      position: absolute;
      font-family: 'Roboto Condensed', sans-serif;
      letter-spacing: .12em;
      display: block;
      position: absolute;
      -webkit-transform: rotate(-90deg) translateX(-50%) translateY(0%);
              transform: rotate(-90deg) translateX(-50%) translateY(0%);
      -webkit-transform-origin: left top;
              transform-origin: left top;
      top: 30%;
      left: 14px;
      width: 18em;
      width: auto;
      padding-right: 70px; }
      .env-menu__btn p span {
        display: block;
        width: 30px;
        height: 4px;
        background: #fff;
        position: absolute;
        right: 0; }
        .env-menu__btn p span:nth-of-type(1) {
          top: 5px; }
        .env-menu__btn p span:nth-of-type(2) {
          bottom: 5px; }
  .env-menu__link {
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%); }
    .env-menu__link.is-open {
      -webkit-transform: translateX(0%);
              transform: translateX(0%); }
  .env-menu__item {
    display: block;
    padding: 20px 15px;
    color: #fff;
    font-weight: bold;
    font-size: 1.4rem;
    background: #99bfa1;
    border-bottom: 1px solid #fff;
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s; }
    .env-menu__item:hover {
      background: #005e15;
      opacity: 1; }
    .env-menu__item:last-child {
      border-bottom: none; }

.env-box {
  max-width: 950px;
  margin: 0 auto 30px; }
  .env-box--small {
    max-width: 600px; }
  .env-box dl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 20px auto; }
  .env-box dt {
    font-weight: bold;
    width: 120px; }
  .env-box dd {
    width: calc(100% - 120px); }
  .env-box__small {
    font-size: 1.4rem; }

.env-img-box {
  max-width: 950px;
  margin: 0 auto 30px;
  text-align: center; }
  .env-img-box--col2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .env-img-box--col2 img {
      width: 50%; }

.env-figure-wrap {
  background: #f2f2f2;
  padding: 40px 20px; }
  .env-figure-wrap__ttl {
    font-weight: bold;
    font-size: 1.8rem;
    text-align: center;
    margin: 0 0 20px; }

.env-figure-box {
  max-width: 950px;
  margin: 0 auto 30px; }

.env-flex-box {
  max-width: 950px;
  margin: 0 auto 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  .env-flex-box__txt {
    padding-right: 30px; }
  .env-flex-box--dotted {
    padding-bottom: 50px;
    border-bottom: 1px dotted #bfbfbf; }
  .env-flex-box--01 .env-flex-box__img {
    width: 320px; }
  .env-flex-box--01 .env-flex-box__txt {
    width: calc(100% - 320px); }
  .env-flex-box--02 .env-flex-box__img {
    width: 470px; }
  .env-flex-box--02 .env-flex-box__txt {
    width: calc(100% - 470px); }
  .env-flex-box--03 .env-flex-box__img {
    width: 300px; }
  .env-flex-box--03 .env-flex-box__txt {
    width: calc(100% - 300px); }
  .env-flex-box--04 .env-flex-box__img {
    width: 500px; }
  .env-flex-box--04 .env-flex-box__txt {
    width: calc(100% - 500px); }
  .env-flex-box--05 .env-flex-box__img {
    width: 320px; }
  .env-flex-box--05 .env-flex-box__txt {
    width: calc(100% - 320px); }

.env-photo-section {
  margin: 0 auto 100px 0; }

.env-photo-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.6rem; }
  .env-photo-box__txt {
    position: relative;
    left: -100px;
    color: #fff;
    background: #005e15;
    width: 40%;
    position: relative;
    padding: 30px 30px 50px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .env-photo-box__img {
    width: 60%;
    height: 350px; }
    .env-photo-box__img--01 {
      background: url(../img/info/env/photo_01.png) no-repeat center center/cover; }
    .env-photo-box__img--02 {
      background: url(../img/info/env/photo_02.png) no-repeat center center/cover; }
    .env-photo-box__img--03 {
      background: url(../img/info/env/photo_03.png) no-repeat center center/cover; }
    .env-photo-box__img--04 {
      background: url(../img/info/env/photo_04.png) no-repeat center center/cover; }

.env-photo-box-txt__ttl {
  color: #005e15;
  font-size: 5.2rem;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: .35rem;
  position: absolute;
  top: 0;
  left: 0;
  line-height: 0.6;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
  width: 120%;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content; }

.env-photo-box-txt:after {
  content: '';
  font-family: 'Roboto Condensed', sans-serif;
  color: #fff;
  font-weight: bold;
  font-size: 10rem;
  opacity: 0.2;
  line-height: 0.65;
  position: absolute;
  right: 0;
  bottom: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.env-photo-box-txt--01:after {
  content: '01'; }

.env-photo-box-txt--02:after {
  content: '02'; }

.env-photo-box-txt--03:after {
  content: '03'; }

.env-photo-box-txt--04:after {
  content: '04'; }

.env-photo-box-txt-desc__ttl {
  font-size: 2rem;
  color: #fff;
  font-weight: bold;
  margin-bottom: 15px; }

.people-nav {
  position: relative; }
  .people-nav__bg {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(80%, transparent), color-stop(20%, rgba(0, 0, 0, 0.05))), -webkit-gradient(linear, left top, right top, color-stop(80%, transparent), color-stop(20%, rgba(0, 0, 0, 0.05)));
    background-image: -webkit-linear-gradient(transparent 80%, rgba(0, 0, 0, 0.05) 20%), -webkit-linear-gradient(left, transparent 80%, rgba(0, 0, 0, 0.05) 20%);
    background-image: linear-gradient(transparent 80%, rgba(0, 0, 0, 0.05) 20%), linear-gradient(90deg, transparent 80%, rgba(0, 0, 0, 0.05) 20%);
    background-size: 10px 10px;
    background-position: center center;
    background-repeat: repeat;
    position: absolute;
    width: 100%;
    height: 100%; }
    .people-nav__bg--people {
      width: 100vw;
      margin-left: calc(50% - 50vw);
      margin-right: calc(50% - 50vw); }
  .people-nav__ttl {
    font-family: 'Roboto Condensed', sans-serif;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 16rem;
    font-weight: bold;
    line-height: 0.75;
    letter-spacing: 0.12em;
    color: #6e6e6e;
    opacity: 0.2; }
  .people-nav__inner {
    position: relative;
    padding-top: 60.9405%; }
  .people-nav__img {
    background: url(../img/people/img_people-index_index_01_pc.png) no-repeat;
    background-size: cover;
    position: absolute;
    top: 25.19685%;
    left: 28.79079%;
    width: 44.24184%;
    padding-top: 37.71593%; }

.people-nav-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s; }
  .people-nav-link__item {
    display: inline-block;
    position: absolute;
    height: 24px;
    padding: 0 20px;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: 0.12em;
    -webkit-transition: all 0.3s ease-in 0s;
    transition: all 0.3s ease-in 0s; }
    .people-nav-link__item:hover .people-nav-link__txt::after, .people-nav-link__item:hover .people-nav-btn__txt::after {
      width: 100%; }
    .people-nav-link__item:hover .people-nav-link__num {
      opacity: 1; }
    .people-nav-link__item--01 {
      top: 47.24409%;
      right: 71.49712%; }
    .people-nav-link__item--02 {
      top: 29.13386%;
      right: 69.09789%; }
    .people-nav-link__item--03 {
      top: 33.07087%;
      left: 67.1785%; }
    .people-nav-link__item--04 {
      top: 51.9685%;
      left: 72.93666%; }
    .people-nav-link__item--05 {
      top: 83.46457%;
      right: 69.28983%; }
    .people-nav-link__item--06 {
      top: 66.14173%;
      right: 71.01727%; }
    .people-nav-link__item--07 {
      top: 51.1811%;
      left: 50%;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%); }
    .people-nav-link__item--08 {
      top: 66.92913%;
      left: 50%;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%); }
    .people-nav-link__item--09 {
      top: 76.37795%;
      left: 62.1881%; }
    .people-nav-link__item--10 {
      top: 89.76378%;
      left: 42.22649%; }
  .people-nav-link__num {
    font-family: 'Roboto Condensed', sans-serif;
    position: absolute;
    bottom: 24px;
    font-size: 6rem;
    line-height: 0.75;
    letter-spacing: 0.05em;
    opacity: 0.2;
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s; }
    .people-nav-link__num--01 {
      right: 5px;
      color: #500047; }
    .people-nav-link__num--02 {
      right: 5px;
      color: #7e0043; }
    .people-nav-link__num--03 {
      left: 5px;
      color: #ac6a00; }
    .people-nav-link__num--04 {
      left: 5px;
      color: #b7aa00; }
    .people-nav-link__num--05 {
      right: 5px;
      color: #005982; }
    .people-nav-link__num--06 {
      right: 5px;
      color: #001c58; }
    .people-nav-link__num--07 {
      left: 50%;
      color: #7f2d00;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%); }
    .people-nav-link__num--08 {
      left: 50%;
      color: #3c7376;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%); }
    .people-nav-link__num--10 {
      left: 50%;
      color: #a30606;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%); }
  .people-nav-link__txt {
    position: relative;
    top: 50%;
    padding: 0 20px;
    text-align: center;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: 1; }
    .people-nav-link__txt::after {
      content: "";
      position: absolute;
      bottom: 5px;
      left: 0;
      width: 0%;
      height: 10px;
      z-index: -1;
      -webkit-transition: all ease 0.3s;
      transition: all ease 0.3s; }
  .people-nav-btn__txt {
    position: relative;
    top: 50%;
    padding: 0 20px;
    text-align: center;
    /*
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    */
    z-index: 1; }
    .people-nav-btn__txt::after {
      content: "";
      position: absolute;
      bottom: 5px;
      left: 0;
      width: 0%;
      height: 10px;
      z-index: -1;
      -webkit-transition: all ease 0.3s;
      transition: all ease 0.3s; }
    .people-nav-btn__txt span {
      display: inline-block;
      position: relative;
      padding: 0 10px;
      z-index: 1;
    }
    .people-nav-btn__txt span::after {
      content: "";
      display: block;
      background: #bfbfbf;
      position: absolute;
      bottom: 3px;
      left: 0;
      width: 100%;
      height: 8px;
      opacity: 0.4;
      z-index: -1;
    }
    .people-nav-link__txt--01:after {
      background: rgba(80, 0, 71, 0.4); }
    .people-nav-link__txt--02:after {
      background: rgba(126, 0, 67, 0.4); }
    .people-nav-link__txt--03:after {
      background: rgba(172, 106, 0, 0.4); }
    .people-nav-link__txt--04:after {
      background: rgba(183, 170, 0, 0.4); }
    .people-nav-link__txt--05:after {
      background: rgba(0, 89, 130, 0.4); }
    .people-nav-link__txt--06:after {
      background: rgba(0, 28, 88, 0.4); }
    .people-nav-link__txt--07:after {
      background: rgba(127, 45, 0, 0.4); }
    .people-nav-link__txt--08:after {
      background: rgba(60, 115, 118, 0.4); }
    .people-nav-link__txt--09:after {
      background: rgba(191, 191, 191, 0.4); }
    .people-nav-link__txt--10:after {
      background: rgba(163, 6, 6, 0.4); }

.people-nav-link-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }
  .people-nav-link-bg__item {
    position: absolute;
    top: 0;
    width: 15px;
    height: 100%;
    border: 1px solid #000; }
    .people-nav-link-bg__item--left {
      left: 0;
      border-right: 1px solid transparent; }
    .people-nav-link-bg__item--right {
      right: 0;
      border-left: 1px solid transparent; }

.people-nav-link-notice {
  position: absolute;
  bottom: 50px;
  right: 40px;
  width: 19.19386%;
  font-size: 1.4rem;
  line-height: 1.5; }
  .people-nav-link-notice__link {
    position: absolute;
    top: 100%;
    right: 0;
    color: #505050;
    text-decoration: underline; }

.people-nav-btn {
  padding-bottom: 50px;
  text-align: center; }
  .people-nav-btn__inner {
    display: inline-block;
    position: relative;
    /*height: 24px;*/
    padding: 0 20px;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: 0.12em; }
    /*
    .people-nav-btn__inner:hover .people-nav-btn__txt::after {
      content: "";
      position: absolute;
      bottom: 5px;
      left: 0;
      width: 100%;
      height: 10px;
      z-index: -1; }
    */
  .people-nav-btn__txt:after {
    background: rgba(191, 191, 191, 0.4); }

.people-index-content {
  position: relative;
  padding: 0 20px; }
  .people-index-content__item {
    position: relative; }
    .people-index-content__item:not(:last-child) {
      margin-bottom: 50px; }
  .people-index-content__anchor {
    position: absolute;
    top: -95px; }
  .people-index-content__head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    height: 35px;
    margin-bottom: 30px;
    font-size: 1.8rem;
    letter-spacing: 0.18em;
    color: #fff; }
    .people-index-content__head--01 {
      background: #500047; }
    .people-index-content__head--02 {
      background: #7e0043; }
    .people-index-content__head--03 {
      background: #ac6a00; }
    .people-index-content__head--04 {
      background: #b7aa00; }
    .people-index-content__head--05 {
      background: #005982; }
    .people-index-content__head--06 {
      background: #001c58; }
    .people-index-content__head--07 {
      background: #7f2d00; }
    .people-index-content__head--08 {
      background: #3c7376; }
    .people-index-content__head--09 {
      background: #a30606; }
  .people-index-content__body {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }

.people-index-sidenav {
  position: fixed;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 0;
  z-index: 10; }
  .people-index-sidenav--on {
    opacity: 1; }
  .people-index-sidenav__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    font-family: 'Roboto Condensed', sans-serif;
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
    background: #b5b5b5;
    width: 80px;
    height: 60px;
    border-bottom: 1px solid #fff;
    font-size: 2.6rem;
    font-weight: bold;
    letter-spacing: 0.05em;
    color: #fff; }
    .people-index-sidenav__item--on.people-index-sidenav__item--01 {
      background: #500047; }
    .people-index-sidenav__item--on.people-index-sidenav__item--02 {
      background: #7e0043; }
    .people-index-sidenav__item--on.people-index-sidenav__item--03 {
      background: #ac6a00; }
    .people-index-sidenav__item--on.people-index-sidenav__item--04 {
      background: #b7aa00; }
    .people-index-sidenav__item--on.people-index-sidenav__item--05 {
      background: #005982; }
    .people-index-sidenav__item--on.people-index-sidenav__item--06 {
      background: #001c58; }
    .people-index-sidenav__item--on.people-index-sidenav__item--07 {
      background: #7f2d00; }
    .people-index-sidenav__item--on.people-index-sidenav__item--08 {
      background: #3c7376; }
    .people-index-sidenav__item--on.people-index-sidenav__item--09 {
      background: #a30606; }

.people-index-content-sub {
  font-family: 'Roboto Condensed', sans-serif;
  position: relative;
  width: 100px;
  border-right: 2px solid #b5b5b5; }
  .people-index-content-sub--01 {
    color: #500047; }
  .people-index-content-sub--02 {
    color: #7e0043; }
  .people-index-content-sub--03 {
    color: #ac6a00; }
  .people-index-content-sub--04 {
    color: #b7aa00; }
  .people-index-content-sub--05 {
    color: #005982; }
  .people-index-content-sub--06 {
    color: #001c58; }
  .people-index-content-sub--07 {
    color: #7f2d00; }
  .people-index-content-sub--08 {
    color: #3c7376; }
  .people-index-content-sub--09 {
    color: #a30606; }
  .people-index-content-sub__txt {
    position: absolute;
    bottom: 50%;
    right: 50%;
    height: 100%;
    font-size: 2.4rem;
    font-weight: bold;
    letter-spacing: 0.04em;
    text-align: center;
    -webkit-transform: rotate(180deg) translate(-50%, -50%);
            transform: rotate(180deg) translate(-50%, -50%);
    -webkit-writing-mode: vertical-lr;
        -ms-writing-mode: tb-lr;
            writing-mode: vertical-lr; }
  .people-index-content-sub__num {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    position: absolute;
    top: 0;
    right: 50%;
    width: 35px;
    height: 70px;
    padding-bottom: 10px;
    border-top: 2px solid #b5b5b5;
    font-size: 2.4rem;
    font-weight: bold;
    letter-spacing: 0.04em;
    -webkit-transform: rotate(180deg) translate(-50%, 0);
            transform: rotate(180deg) translate(-50%, 0);
    -webkit-writing-mode: vertical-lr;
        -ms-writing-mode: tb-lr;
            writing-mode: vertical-lr; }
  .people-index-content-sub__icon {
    position: absolute;
    bottom: 10px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%); }
    .people-index-content-sub__icon--01 {
      background: url(../img/people/img_people-index_icon_01_pc.png) no-repeat;
      background-size: contain;
      width: 49px;
      height: 49px; }
    .people-index-content-sub__icon--02 {
      background: url(../img/people/img_people-index_icon_02_pc.png) no-repeat;
      background-size: contain;
      width: 47px;
      height: 47px; }
    .people-index-content-sub__icon--03 {
      background: url(../img/people/img_people-index_icon_03_pc.png) no-repeat;
      background-size: contain;
      width: 46px;
      height: 63px; }
    .people-index-content-sub__icon--04 {
      background: url(../img/people/img_people-index_icon_04_pc.png) no-repeat;
      background-size: contain;
      width: 54px;
      height: 58px; }
    .people-index-content-sub__icon--05 {
      background: url(../img/people/img_people-index_icon_05_pc.png) no-repeat;
      background-size: contain;
      width: 55px;
      height: 46px; }
    .people-index-content-sub__icon--06 {
      background: url(../img/people/img_people-index_icon_06_pc.png) no-repeat;
      background-size: contain;
      width: 58px;
      height: 50px; }
    .people-index-content-sub__icon--07 {
      background: url(../img/people/img_people-index_icon_07_pc.png) no-repeat;
      background-size: contain;
      width: 49px;
      height: 54px; }
    .people-index-content-sub__icon--08 {
      background: url(../img/people/img_people-index_icon_08_pc.png) no-repeat;
      background-size: contain;
      width: 42px;
      height: 55px; }
    .people-index-content-sub__icon--09 {
      background: url(../img/people/img_people-index_icon_09_pc.png) no-repeat;
      background-size: contain;
      width: 47px;
      height: 47px; }

.people-index-content-main {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: calc(100% - 100px);
  padding: 0 40px 0 30px; }
  .people-index-content-main__img {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 396px; }
    .people-index-content-main__img--single {
      width: 293px; }

.people-index-content-wide {
  width: calc(100% - 100px);
  padding: 0 40px 0 30px; }
  .people-index-content-wide__img {
    width: 100%;
    padding-top: 41.48148%;
    background: url(../img/people/img_people-index_photo_13_pc.jpg) center no-repeat;
    background-size: cover; }
  .people-index-content-wide__body {
    border-top: 1px dashed #bfbfbf;
    margin-top: 30px;
    margin-left: 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
  .people-index-content-wide__txt {
    width: 85%;
    padding: 0 30px 0 0;
    border-right: 1px solid #bfbfbf;
    margin-top: 30px; }

.people-index-content-person {
  width: 183px; }
  .people-index-content-person--single {
    width: 100%; }
  .people-index-content-person__head {
    margin-bottom: 20px;
    padding-bottom: 30px;
    border-bottom: 1px dashed #bfbfbf; }
  .people-index-content-person__body--single {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
  .people-index-content-person__img {
    height: 357px; }
    .people-index-content-person__img--single {
      height: 390px; }
    .people-index-content-person__img--01 {
      background: url(../img/people/img_people-index_photo_01_pc.jpg) center no-repeat;
      background-size: cover; }
    .people-index-content-person__img--02 {
      background: url(../img/people/img_people-index_photo_02_pc.jpg) center no-repeat;
      background-size: cover; }
    .people-index-content-person__img--03 {
      background: url(../img/people/img_people-index_photo_03_pc.jpg) center no-repeat;
      background-size: cover; }
    .people-index-content-person__img--04 {
      background: url(../img/people/img_people-index_photo_04_pc.jpg) center no-repeat;
      background-size: cover; }
    .people-index-content-person__img--05 {
      background: url(../img/people/img_people-index_photo_05_pc.jpg) center no-repeat;
      background-size: cover; }
    .people-index-content-person__img--06 {
      background: url(../img/people/img_people-index_photo_06_pc.jpg) center no-repeat;
      background-size: cover; }
    .people-index-content-person__img--07 {
      background: url(../img/people/img_people-index_photo_07_pc.jpg) center no-repeat;
      background-size: cover; }
    .people-index-content-person__img--08 {
      background: url(../img/people/img_people-index_photo_08_pc.jpg) center no-repeat;
      background-size: cover; }
    .people-index-content-person__img--09 {
      background: url(../img/people/img_people-index_photo_09_pc.jpg) center no-repeat;
      background-size: cover; }
    .people-index-content-person__img--10 {
      background: url(../img/people/img_people-index_photo_10_pc.jpg) center no-repeat;
      background-size: cover; }
    .people-index-content-person__img--11 {
      background: url(../img/people/img_people-index_photo_11_pc.jpg) center no-repeat;
      background-size: cover; }
    .people-index-content-person__img--12 {
      background: url(../img/people/img_people-index_photo_12_pc.jpg) center no-repeat;
      background-size: cover; }
  .people-index-content-person__txt {
    text-align: center; }
  .people-index-content-person__btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    font-family: 'Roboto Condensed', sans-serif;
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
    position: relative;
    width: 100px;
    height: 28px;
    margin: 10px auto 0;
    font-weight: bold; }
    .people-index-content-person__btn:hover {
      opacity: 0.3; }
    .people-index-content-person__btn--single {
      margin: 0; }
    .people-index-content-person__btn::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 12px;
      height: 100%; }
    .people-index-content-person__btn::after {
      content: "";
      position: absolute;
      top: 0;
      right: 0;
      width: 12px;
      height: 100%;
      border: 2px solid #500047;
      border-left: transparent; }
    .people-index-content-person__btn--01 {
      color: #500047; }
      .people-index-content-person__btn--01::before {
        border: 2px solid #500047;
        border-right: transparent; }
      .people-index-content-person__btn--01::after {
        border: 2px solid #500047;
        border-left: transparent; }
    .people-index-content-person__btn--02 {
      color: #7e0043; }
      .people-index-content-person__btn--02::before {
        border: 2px solid #7e0043;
        border-right: transparent; }
      .people-index-content-person__btn--02::after {
        border: 2px solid #7e0043;
        border-left: transparent; }
    .people-index-content-person__btn--03 {
      color: #ac6a00; }
      .people-index-content-person__btn--03::before {
        border: 2px solid #ac6a00;
        border-right: transparent; }
      .people-index-content-person__btn--03::after {
        border: 2px solid #ac6a00;
        border-left: transparent; }
    .people-index-content-person__btn--04 {
      color: #b7aa00; }
      .people-index-content-person__btn--04::before {
        border: 2px solid #b7aa00;
        border-right: transparent; }
      .people-index-content-person__btn--04::after {
        border: 2px solid #b7aa00;
        border-left: transparent; }
    .people-index-content-person__btn--05 {
      color: #005982; }
      .people-index-content-person__btn--05::before {
        border: 2px solid #005982;
        border-right: transparent; }
      .people-index-content-person__btn--05::after {
        border: 2px solid #005982;
        border-left: transparent; }
    .people-index-content-person__btn--06 {
      color: #001c58; }
      .people-index-content-person__btn--06::before {
        border: 2px solid #001c58;
        border-right: transparent; }
      .people-index-content-person__btn--06::after {
        border: 2px solid #001c58;
        border-left: transparent; }
    .people-index-content-person__btn--07 {
      color: #7f2d00; }
      .people-index-content-person__btn--07::before {
        border: 2px solid #7f2d00;
        border-right: transparent; }
      .people-index-content-person__btn--07::after {
        border: 2px solid #7f2d00;
        border-left: transparent; }
    .people-index-content-person__btn--08 {
      color: #3c7376; }
      .people-index-content-person__btn--08::before {
        border: 2px solid #3c7376;
        border-right: transparent; }
      .people-index-content-person__btn--08::after {
        border: 2px solid #3c7376;
        border-left: transparent; }
    .people-index-content-person__btn--09 {
      color: #a30606; }
      .people-index-content-person__btn--09::before {
        border: 2px solid #a30606;
        border-right: transparent; }
      .people-index-content-person__btn--09::after {
        border: 2px solid #a30606;
        border-left: transparent; }

.people-index-content-txt {
  width: calc(100% - (183px * 2 + 30px));
  margin-left: 30px;
  padding-left: 30px;
  border-left: 2px solid #b5b5b5; }
  .people-index-content-txt--single {
    width: calc(100% - 293px); }
  .people-index-content-txt__desc {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 2px solid #b5b5b5; }

.people-index-content-list__item {
  position: relative;
  padding-left: 30px; }

.people-index-content-list__icon {
  background: #000;
  position: absolute;
  top: 15px;
  left: 0;
  width: 25px;
  height: 1px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg); }

.people-copy {
  border-top: #fff solid 1px;
  border-bottom: #fff solid 1px;
  padding: 60px 10px;
  margin: 0 10px; }
  .people-copy__ttl {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 2.6rem;
    font-weight: bold;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-bottom: 20px; }
    .people-copy__ttl--cat01 {
      color: #500047; }
    .people-copy__ttl--cat02 {
      color: #7e0043; }
    .people-copy__ttl--cat03 {
      color: #ac6a00; }
    .people-copy__ttl--cat04 {
      color: #b7aa00; }
    .people-copy__ttl--cat05 {
      color: #005982; }
    .people-copy__ttl--cat06 {
      color: #001c58; }
    .people-copy__ttl--cat07 {
      color: #7f2d00; }
    .people-copy__ttl--cat08 {
      color: #3c7376; }
  .people-copy__txt {
    font-family: 'Noto Serif JP', serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 2.4rem;
    color: #fff;
    font-style: italic;
    font-weight: bold;
    letter-spacing: .2rem; }

.people-box {
  padding: 0 80px; }

.people-profile {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  border-bottom: 1px solid #b5b5b5;
  padding-bottom: 10px;
  margin-bottom: 20px;
  position: relative; }
  .people-profile::before {
    content: '';
    display: block;
    width: 35px;
    height: 35px;
    position: absolute;
    left: -50px;
    top: 40px; }
  .people-profile--01::before {
    background: url(../img/people/img_people-index_icon_01_pc.png) no-repeat;
    background-size: 100%; }
  .people-profile--02::before {
    background: url(../img/people/img_people-index_icon_01_pc.png) no-repeat;
    background-size: cover; }
  .people-profile--03::before {
    background: url(../img/people/img_people-index_icon_02_pc.png) no-repeat;
    background-size: cover; }
  .people-profile--04::before {
    background: url(../img/people/img_people-index_icon_03_pc.png) no-repeat;
    background-size: cover;
    height: 48px; }
  .people-profile--05::before {
    background: url(../img/people/img_people-index_icon_03_pc.png) no-repeat;
    background-size: cover;
    height: 48px; }
  .people-profile--06::before {
    background: url(../img/people/img_people-index_icon_04_pc.png) no-repeat;
    background-size: cover;
    height: 37px; }
  .people-profile--07::before {
    background: url(../img/people/img_people-index_icon_04_pc.png) no-repeat;
    background-size: cover;
    height: 37px; }
  .people-profile--08::before {
    background: url(../img/people/img_people-index_icon_05_pc.png) no-repeat;
    background-size: cover;
    height: 29px; }
  .people-profile--09::before {
    background: url(../img/people/img_people-index_icon_05_pc.png) no-repeat;
    background-size: cover;
    height: 29px; }
  .people-profile--10::before {
    background: url(../img/people/img_people-index_icon_06_pc.png) no-repeat;
    background-size: cover;
    height: 30px; }
  .people-profile--11::before {
    background: url(../img/people/img_people-index_icon_07_pc.png) no-repeat;
    background-size: cover;
    height: 38px; }
  .people-profile--12::before {
    background: url(../img/people/img_people-index_icon_08_pc.png) no-repeat;
    background-size: cover;
    height: 46px; }
  .people-profile__name {
    width: 30%; }
    .people-profile__name--ja {
      font-size: 2.8rem;
      display: block; }
    .people-profile__name--en {
      font-size: 2rem;
      display: block;
      font-weight: bold;
      font-family: 'Roboto Condensed', sans-serif;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
  .people-profile__right {
    width: 60%; }
  .people-profile__flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .people-profile__year {
    border-left: 1px solid #b5b5b5;
    border-right: 1px solid #b5b5b5;
    padding: 0 30px;
    width: 40%;
    text-align: center; }
  .people-profile__from {
    padding: 0 30px;
    width: 70%;
    text-align: center; }
  .people-profile__position {
    width: 100%;
    text-align: center;
    margin-top: 15px;
    border-top: 1px dotted #b5b5b5;
    padding: 10px; }

.people-profile-photo {
  display: none; }

.people-text {
  padding: 30px 10px 30px 30px;
  margin-bottom: 60px;
  position: relative;
  min-height: 225px; }
  .people-text:after {
    font-family: 'Roboto Condensed', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    bottom: 50%;
    left: -30px;
    height: 100%;
    font-size: 2.4rem;
    font-weight: bold;
    letter-spacing: .1rem;
    text-align: center;
    -webkit-transform: rotate(180deg) translate(100%, -50%);
            transform: rotate(180deg) translate(100%, -50%);
    -webkit-writing-mode: vertical-lr;
        -ms-writing-mode: tb-lr;
            writing-mode: vertical-lr; }
  .people-text--work:after {
    content: 'WORK'; }
  .people-text--style:after {
    content: 'STYLE'; }
  .people-text--my:after {
    content: 'MY “BETTER STARTS NOW”';
    height: 130%; }

.content--people--cat01 .people-profile__name {
  color: #500047; }

.content--people--cat01 .people-text {
  border-left: #500047 dashed 1px; }
  .content--people--cat01 .people-text:after {
    color: #500047; }

.content--people--cat02 .people-profile__name {
  color: #7e0043; }

.content--people--cat02 .people-text {
  border-left: #7e0043 dashed 1px; }
  .content--people--cat02 .people-text:after {
    color: #7e0043; }

.content--people--cat03 .people-profile__name {
  color: #ac6a00; }

.content--people--cat03 .people-text {
  border-left: #ac6a00 dashed 1px; }
  .content--people--cat03 .people-text:after {
    color: #ac6a00; }

.content--people--cat04 .people-profile__name {
  color: #b7aa00; }

.content--people--cat04 .people-text {
  border-left: #b7aa00 dashed 1px; }
  .content--people--cat04 .people-text:after {
    color: #b7aa00; }

.content--people--cat05 .people-profile__name {
  color: #005982; }

.content--people--cat05 .people-text {
  border-left: #005982 dashed 1px; }
  .content--people--cat05 .people-text:after {
    color: #005982; }

.content--people--cat06 .people-profile__name {
  color: #001c58; }

.content--people--cat06 .people-text {
  border-left: #001c58 dashed 1px; }
  .content--people--cat06 .people-text:after {
    color: #001c58; }

.content--people--cat07 .people-profile__name {
  color: #7f2d00; }

.content--people--cat07 .people-text {
  border-left: #7f2d00 dashed 1px; }
  .content--people--cat07 .people-text:after {
    color: #7f2d00; }

.content--people--cat08 .people-profile__name {
  color: #3c7376; }

.content--people--cat08 .people-text {
  border-left: #3c7376 dashed 1px; }
  .content--people--cat08 .people-text:after {
    color: #3c7376; }

.expats-tab {
  background: #fff;
  display: none; }
  .expats-tab--01 {
    display: block; }

.expats-link-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 780px;
  margin: 0 auto 40px;
  padding: 80px 0 0; }

.expats-link {
  text-align: center; }
  .expats-link__item {
    width: 233px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: 'Roboto Condensed', sans-serif;
    display: inline-block;
    position: relative;
    padding: 5px;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    font-size: 2rem;
    font-weight: bold;
    letter-spacing: .04em;
    margin: 0 0 30px;
    cursor: pointer; }
    .expats-link__item:before {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 15px;
      height: 100%;
      border-top: 1px solid #000;
      border-bottom: 1px solid #000;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
    .expats-link__item:after {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      width: 15px;
      height: 100%;
      border-top: 1px solid #000;
      border-bottom: 1px solid #000;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
    .expats-link__item:hover span:after {
      width: 100%; }
    .expats-link__item span {
      display: inline-block;
      position: relative;
      padding: 0 10px;
      z-index: 1; }
      .expats-link__item span::after {
        content: "";
        display: block;
        background: #da9b9b;
        position: absolute;
        bottom: 10px;
        left: 0;
        width: 0;
        height: 8px;
        z-index: -1;
        -webkit-transition: 0.3s all ease;
        transition: 0.3s all ease; }
  .expats-link.is-current .expats-link__item span:after {
    width: 100%; }

.expats-under-link-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 780px;
  margin: 0 auto 40px;
  padding: 80px 0 0; }

.expats-under-link {
  text-align: center; }
  .expats-under-link__item {
    width: 233px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: 'Roboto Condensed', sans-serif;
    display: inline-block;
    position: relative;
    padding: 5px;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    font-size: 2rem;
    font-weight: bold;
    letter-spacing: .04em;
    margin: 0 0 30px;
    cursor: pointer; }
    .expats-under-link__item:before {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 15px;
      height: 100%;
      border-top: 1px solid #000;
      border-bottom: 1px solid #000;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
    .expats-under-link__item:after {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      width: 15px;
      height: 100%;
      border-top: 1px solid #000;
      border-bottom: 1px solid #000;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
    .expats-under-link__item:hover span:after {
      width: 100%; }
    .expats-under-link__item span {
      display: inline-block;
      position: relative;
      padding: 0 10px;
      z-index: 1; }
      .expats-under-link__item span::after {
        content: "";
        display: block;
        background: #da9b9b;
        position: absolute;
        bottom: 10px;
        left: 0;
        width: 0;
        height: 8px;
        z-index: -1;
        -webkit-transition: 0.3s all ease;
        transition: 0.3s all ease; }
  .expats-under-link.is-current .expats-under-link__item span:after {
    width: 100%; }

.expats-tab {
  width: 960px;
  margin: 0 auto; }
  .expats-tab__in {
    padding: 0 0 0 110px;
    position: relative; }

.expats-ttl {
  background: #a30606;
  color: #fff;
  text-align: center;
  font-size: 1.8rem;
  margin: 50px auto; }

.expats-profile {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 50px;
  position: relative; }
  .expats-profile:before {
    content: '';
    width: 50px;
    height: 50px;
    display: block;
    position: absolute;
    left: -65px;
    top: 0%;
    background: url(../img/people/img_people-expats_icon_01_pc.png) no-repeat; }
  .expats-profile:after {
    content: 'PROFILE';
    font-size: 2.2rem;
    line-height: 1;
    color: #a30606;
    font-weight: bold;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: 'Roboto Condensed', sans-serif;
    position: absolute;
    -webkit-transform: rotate(-90deg) translateX(0%);
            transform: rotate(-90deg) translateX(0%);
    -webkit-transform-origin: left top;
            transform-origin: left top;
    left: -50px;
    top: 55%; }
  .expats-profile__photo {
    width: 360px;
    text-align: center;
    border-left: 1px solid #b5b5b5;
    border-right: 1px solid #b5b5b5; }
  .expats-profile__txt {
    width: 500px;
    padding: 0 40px; }
  .expats-profile__name {
    color: #a30606;
    font-weight: bold;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding: 20px 0 20px 150px; }
    .expats-profile__name::before {
      content: '';
      width: 50px;
      height: 50px;
      display: block;
      position: absolute;
      left: 75px;
      top: calc(50% - 25px); }
    .expats-profile__name--china::before {
      background: url(../img/people/img_people-expats_icon_country01_pc.png) no-repeat; }
    .expats-profile__name--germany::before {
      background: url(../img/people/img_people-expats_icon_country02_pc.png) no-repeat; }
    .expats-profile__name--sing::before {
      background: url(../img/people/img_people-expats_icon_country03_pc.png) no-repeat; }
    .expats-profile__name--ja {
      font-size: 2.8rem;
      line-height: 1;
      display: block;
      margin-bottom: 8px; }
    .expats-profile__name--en {
      font-family: 'Roboto Condensed', sans-serif;
      font-size: 2rem;
      line-height: 0.9; }
  .expats-profile__flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    border-top: 1px dashed #b5b5b5;
    border-bottom: 1px dashed #b5b5b5;
    padding: 15px 0; }
  .expats-profile__date {
    border-right: 1px solid #b5b5b5;
    padding: 0 30px;
    width: 40%;
    text-align: center; }
  .expats-profile__position {
    padding: 0 30px;
    width: 70%;
    text-align: center; }
  .expats-profile__year {
    width: 100%;
    text-align: center;
    margin-top: 15px;
    padding: 10px; }

.expats-schedule {
  position: relative;
  border-left: 1px dashed #a30606;
  padding: 30px 0 0 30px;
  margin-bottom: 50px; }
  .expats-schedule:before {
    content: 'SCHEDULE OF THE DAY';
    font-size: 2.2rem;
    line-height: 1;
    color: #a30606;
    font-weight: bold;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: 'Roboto Condensed', sans-serif;
    position: absolute;
    -webkit-transform: rotate(-90deg) translateX(0%);
            transform: rotate(-90deg) translateX(0%);
    -webkit-transform-origin: left top;
            transform-origin: left top;
    left: -50px;
    top: 85%; }
  .expats-schedule__ttl {
    color: #a30606;
    font-weight: bold;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1.8rem;
    margin-bottom: 30px; }
  .expats-schedule__list {
    padding: 0 50px 0 50px;
    margin: 0 auto 30px;
    position: relative; }
    .expats-schedule__list dl {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      border-left: 1px dashed #a30606; }
      .expats-schedule__list dl dt {
        font-weight: bold;
        width: 10%;
        padding-left: 20px; }
      .expats-schedule__list dl dd {
        width: 90%; }
    .expats-schedule__list:before {
      content: '';
      font-size: 2.2rem;
      line-height: 1;
      color: #a30606;
      font-weight: bold;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-family: 'Roboto Condensed', sans-serif;
      position: absolute;
      -webkit-transform: rotate(-90deg) translateX(60%);
              transform: rotate(-90deg) translateX(60%);
      -webkit-transform-origin: right top;
              transform-origin: right top;
      left: -15px;
      top: 50%; }
    .expats-schedule__list--am:before {
      content: 'AM'; }
    .expats-schedule__list--pm:before {
      content: 'PM'; }

.expats-qanda {
  position: relative;
  border-left: 1px dashed #a30606;
  padding: 30px 0 0 30px; }
  .expats-qanda:before {
    content: 'Q&A';
    font-size: 2.2rem;
    line-height: 1;
    color: #a30606;
    font-weight: bold;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: 'Roboto Condensed', sans-serif;
    position: absolute;
    -webkit-transform: rotate(-90deg) translateX(0%);
            transform: rotate(-90deg) translateX(0%);
    -webkit-transform-origin: left top;
            transform-origin: left top;
    left: -50px;
    top: 50%; }
  .expats-qanda__ttl {
    color: #a30606;
    font-weight: bold;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1.8rem;
    margin-bottom: 30px; }

.expats-qanda-box {
  margin-bottom: 30px; }
  .expats-qanda-box__ttl {
    font-weight: bold;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-bottom: 15px; }

.expert-slide {
  margin-top: 80px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 40px;
  width: 100%; }
  .expert-slide img {
    width: 100%; }

/* Dots */
.expert-slide .slick-dots {
  position: absolute;
  top: -25px;
  z-index: 1;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center; }

.expert-slide .slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer; }

.expert-slide .slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent; }

.expert-slide .slick-dots li button:hover,
.expert-slide .slick-dots li button:focus {
  outline: none; }

.expert-slide .slick-dots li button:hover:before,
.expert-slide .slick-dots li button:focus:before {
  opacity: 1; }

.expert-slide .slick-dots li button:before {
  font-family: 'slick';
  font-size: 4rem;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: '•';
  text-align: center;
  opacity: .25;
  color: #a30606;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.expert-slide .slick-dots li.slick-active button:before {
  opacity: .75;
  color: #a30606; }

.expert-slide .slick-arrow {
  width: 19px;
  height: 37px;
  position: absolute;
  z-index: 2; }
  .expert-slide .slick-arrow:before, .expert-slide .slick-arrow:after {
    content: '';
    width: 26px;
    height: 1px;
    background: #a30606;
    display: block;
    position: absolute; }
  .expert-slide .slick-arrow:before {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    top: 10px; }
  .expert-slide .slick-arrow:after {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    top: 28px; }

.expert-slide .slider-prev {
  top: -25px;
  left: 30%; }

.expert-slide .slider-next {
  top: -25px;
  right: 30%;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg); }

.story-index-box {
  max-width: 960px;
  margin: 0 auto 80px;
  letter-spacing: 0; }

.story-index-link-wrap {
  max-width: 960px;
  margin: 0 auto 150px;
  position: relative;
  font-size: 1.6rem;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s; }
  .story-index-link-wrap:hover {
    opacity: 0.7; }

.story-index-link--02 .story-index-link-txt {
  padding: 30px 0; }

.story-index-link--02 .story-index-link-deco {
  left: auto;
  right: 0;
  top: 0;
  bottom: auto; }

.story-index-link-ttl {
  position: relative; }
  .story-index-link-ttl span {
    display: block; }
  .story-index-link-ttl__bg {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 8rem;
    font-weight: bold;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: .15em;
    line-height: 0.7;
    opacity: 0.06;
    text-align: center; }
  .story-index-link-ttl__item {
    color: #3c7376;
    font-family: 'Noto Serif JP', serif;
    font-size: 2.6rem;
    font-style: italic;
    font-weight: bold;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    bottom: 0;
    line-height: 0.8;
    left: 100px; }

.story-index-link-img {
  text-align: center; }

.story-index-link-txt {
  padding: 30px 0 30px 100px;
  margin: 0 auto;
  max-width: 800px;
  position: relative; }
  .story-index-link-txt::after {
    content: '';
    width: 40px;
    height: 30px;
    background: url(../img/story/icon_arw_story.png) no-repeat;
    background-size: cover;
    display: block;
    position: absolute;
    right: 0;
    top: calc(50% - 15px); }

.story-index-link-deco {
  background: #3c7376;
  color: #fff;
  width: 128px;
  height: 352px;
  position: absolute;
  left: 0;
  bottom: 0; }
  .story-index-link-deco span {
    display: block;
    position: absolute;
    -webkit-transform: rotate(-90deg) translateX(-50%) translateY(0%);
            transform: rotate(-90deg) translateX(-50%) translateY(0%);
    -webkit-transform-origin: left top;
            transform-origin: left top;
    top: 50%;
    left: 14px;
    width: 18em;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content; }

.container--story-each--01 {
  position: relative; }

.container--story-each {
  max-width: 1500px;
  margin: 0 auto; }

.story-lead {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 960px;
  max-width: 100%;
  margin: 0 auto;
  padding: 0 0 180px; }
  .story-lead__subttl {
    background: #3c7376;
    color: #fff;
    width: 63px;
    position: relative; }
    .story-lead__subttl span {
      display: block;
      position: absolute;
      -webkit-transform: rotate(-90deg) translateX(-50%) translateY(0%);
              transform: rotate(-90deg) translateX(-50%) translateY(0%);
      -webkit-transform-origin: left top;
              transform-origin: left top;
      top: 50%;
      left: 14px;
      width: 18em;
      width: -webkit-max-content;
      width: -moz-max-content;
      width: max-content; }
  .story-lead__in {
    width: calc(100% - 63px);
    padding: 0 30px; }
  .story-lead__ttl {
    color: #3c7376;
    font-family: 'Noto Serif JP', serif;
    font-size: 3rem;
    font-style: italic;
    font-weight: bold; }
  .story-lead__desc {
    font-weight: bold;
    border-bottom: 1px dashed #b5b5b5;
    padding-bottom: 15px;
    margin: 5px 0 15px; }
  .story-lead__small {
    font-size: 1.4rem; }

.story-profile {
  font-size: 1.6rem;
  background: #fff;
  margin: 0 auto 80px;
  max-width: 1280px; }
  .story-profile__ttl {
    color: #3c7376;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 3.6rem;
    font-weight: bold;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-bottom: 60px; }
  .story-profile__in {
    position: relative;
    z-index: 0;
    background: #fff; }
    .story-profile__in::after {
      content: '';
      display: block;
      width: 380px;
      height: 100%;
      background: #3c7376;
      position: absolute;
      top: -30px;
      left: -30px;
      z-index: -1; }
  .story-profile__wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0 0 20px;
    background: #fff;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
    .story-profile__wrap--02 {
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
          -ms-flex-pack: start;
              justify-content: flex-start; }

.story-profile-box {
  background: #fff;
  width: 48%; }
  .story-profile-box.pc-only {
    display: block; }
  .story-profile-box.sp-only {
    display: none; }
  .story-profile-box__txt {
    width: 240px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin: 0 auto;
    padding: 20px 0; }
  .story-profile-box__ttl {
    color: #3c7376;
    font-weight: bold;
    font-size: 2.2rem; }
    .story-profile-box__ttl::after {
      content: '';
      display: block;
      width: 20px;
      height: 2px;
      background: #3c7376;
      margin: 10px 0; }
  .story-profile-box__item {
    font-size: 1.4rem;
    line-height: 2; }

.story-outline {
  font-size: 1.6rem;
  margin: 0 auto 150px; }
  .story-outline__en {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 8rem;
    opacity: 0.06;
    font-weight: bold;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: .15em;
    line-height: 0.7; }
  .story-outline__in {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .story-outline__ttl {
    font-weight: bold;
    background: #3c7376;
    color: #fff;
    width: 420px;
    max-width: 30%; }
    .story-outline__ttl p {
      padding: 50px 0 25px 50px;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      position: relative; }
      .story-outline__ttl p:after {
        content: '';
        width: 80%;
        height: 8px;
        background: #fff;
        display: block;
        position: absolute;
        bottom: 0;
        left: 0; }
  .story-outline__txt {
    width: calc(100% - 420px);
    min-width: 70%;
    padding: 30px 30px 0;
    line-height: 2.4;
    letter-spacing: .02em; }
  .story-outline__para p {
    margin: 0 0 60px; }
    .story-outline__para p:last-child {
      margin-bottom: 0; }
  .story-outline__img {
    margin: 30px 0 90px; }

.story-content {
  font-size: 1.6rem;
  margin: 0 auto 150px; }
  .story-content__ttl {
    color: #3c7376;
    font-family: 'Noto Serif JP', serif;
    font-size: 2.6rem;
    font-style: italic;
    font-weight: bold;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin: 50px auto;
    max-width: 1350px; }
    .story-content__ttl:after {
      content: '';
      width: 35%;
      height: 23px;
      background: #3c7376;
      display: block; }
    .story-content__ttl p {
      position: relative; }
  .story-content__in {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 30px 0; }
    .story-content__in--imgright {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
      -webkit-flex-direction: row-reverse;
          -ms-flex-direction: row-reverse;
              flex-direction: row-reverse; }
  .story-content__img {
    width: 480px;
    max-width: 35%; }
  .story-content__txt {
    width: calc(100% - 480px);
    min-width: 65%;
    padding: 30px 30px 0;
    line-height: 2.4;
    letter-spacing: .02em; }
  .story-content__copy {
    font-weight: bold;
    font-size: 1.8rem;
    margin-bottom: 40px; }
  .story-content__para {
    margin: 0 0 15px; }
    .story-content__para--color {
      color: #3c7376; }
  .story-content__figure {
    text-align: right;
    margin-top: 30px; }

.story-other-link {
  text-align: center;
  margin: 0 auto 100px; }
  .story-other-link a {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    position: relative;
    padding: 5px 30px;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    font-size: 1.6rem;
    font-weight: bold;
    letter-spacing: .2rem; }
    .story-other-link a:before {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 15px;
      height: 100%;
      border-top: 1px solid #000;
      border-bottom: 1px solid #000;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
    .story-other-link a:after {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      width: 15px;
      height: 100%;
      border-top: 1px solid #000;
      border-bottom: 1px solid #000;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
    .story-other-link a span {
      display: inline-block;
      position: relative;
      padding: 0 10px;
      z-index: 1; }
      .story-other-link a span::after {
        content: "";
        display: block;
        background: #bfbfbf;
        position: absolute;
        bottom: 3px;
        left: 0;
        width: 100%;
        height: 8px;
        opacity: 0.4;
        z-index: -1; }

.story01 .story-content__copy {
  margin-bottom: 18px; }

.story01 .story-content__notes {
  display: block;
  font-size: 1.4rem; }

.story01 .story-content__cont--bold {
  margin-top: 70px;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.88; }

.q-and-a__trigger {
  position: relative;
  top: -95px; }

.content--q-and-a {
  padding-bottom: 200px; }

.q-and-a-link-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 780px;
  margin: 0 auto 40px; }

.q-and-a-link {
  text-align: center; }
  .q-and-a-link a {
    width: 233px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    position: relative;
    padding: 5px;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    font-size: 1.6rem;
    font-weight: bold;
    letter-spacing: .04em;
    margin: 0 0 30px; }
    .q-and-a-link a:before {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 15px;
      height: 100%;
      border-top: 1px solid #000;
      border-bottom: 1px solid #000;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
    .q-and-a-link a:after {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      width: 15px;
      height: 100%;
      border-top: 1px solid #000;
      border-bottom: 1px solid #000;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
    .q-and-a-link a:hover span:after {
      width: 100%; }
    .q-and-a-link a span {
      display: inline-block;
      position: relative;
      padding: 0 10px;
      z-index: 1; }
      .q-and-a-link a span::after {
        content: "";
        display: block;
        background: #99a4bc;
        position: absolute;
        bottom: 10px;
        left: 0;
        width: 0;
        height: 8px;
        z-index: -1;
        -webkit-transition: 0.3s all ease;
        transition: 0.3s all ease; }

.q-and-a-section {
  margin: 0 0 60px;
  overflow-x: hidden; }
  .q-and-a-section__ttl {
    color: #001c58;
    font-weight: bold;
    font-size: 2.2rem;
    margin-bottom: 60px;
    padding-left: 50px; }
    .q-and-a-section__ttl p {
      display: inline-block;
      position: relative; }
      .q-and-a-section__ttl p::after {
        content: '';
        display: block;
        width: 380px;
        height: 20px;
        background: #001c58;
        -webkit-transform: translateX(0%);
                transform: translateX(0%);
        position: absolute;
        right: 0; }

.q-and-a-box {
  border-bottom: 1px dashed #b5b5b5;
  padding: 20px 30px;
  width: calc(100% - 40px);
  margin: 0 auto; }
  .q-and-a-box__ttl {
    color: #001c58;
    font-weight: bold;
    font-size: 2rem;
    cursor: pointer; }
    .q-and-a-box__ttl p {
      display: inline-block;
      position: relative;
      padding-right: 50px; }
      .q-and-a-box__ttl p::after {
        content: '';
        width: 26px;
        height: 15px;
        background: url(../img/qanda/icon_qand-a-arw.png) no-repeat;
        background-size: cover;
        display: block;
        position: absolute;
        right: 0;
        top: 15px;
        -webkit-transition: all ease 0.3s;
        transition: all ease 0.3s; }
    .q-and-a-box__ttl.is-open .q-and-a-box__ttl p::after {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg); }
  .q-and-a-box__cont {
    padding: 20px 20px 10px 60px;
    display: none; }
    .q-and-a-box__cont a {
      text-decoration: underline; }
  .q-and-a-box__list-ttl {
    font-weight: bold;
    margin: 15px auto 0; }
  .q-and-a-box dl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    .q-and-a-box dl dt {
      width: 20%; }
    .q-and-a-box dl dd {
      width: 70%; }

.q-and-a-menu {
  position: fixed;
  z-index: 10;
  left: 0;
  bottom: 0;
  width: 266px;
  opacity: 0;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s; }
  .q-and-a-menu.is-show {
    opacity: 1; }
  .q-and-a-menu__in {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .q-and-a-menu__btn {
    width: 50px;
    height: 432px;
    background: #000;
    color: #fff;
    font-size: 2rem;
    position: relative;
    z-index: 1;
    cursor: pointer; }
    .q-and-a-menu__btn p {
      position: absolute;
      font-family: 'Roboto Condensed', sans-serif;
      letter-spacing: .12em;
      display: block;
      position: absolute;
      -webkit-transform: rotate(-90deg) translateX(-50%) translateY(0%);
              transform: rotate(-90deg) translateX(-50%) translateY(0%);
      -webkit-transform-origin: left top;
              transform-origin: left top;
      top: 25%;
      left: 14px;
      width: 18em;
      width: auto;
      padding-right: 70px; }
      .q-and-a-menu__btn p span {
        display: block;
        width: 30px;
        height: 4px;
        background: #fff;
        position: absolute;
        right: 0; }
        .q-and-a-menu__btn p span:nth-of-type(1) {
          top: 5px; }
        .q-and-a-menu__btn p span:nth-of-type(2) {
          bottom: 5px; }
  .q-and-a-menu__link {
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%); }
    .q-and-a-menu__link.is-open {
      -webkit-transform: translateX(0%);
              transform: translateX(0%); }
  .q-and-a-menu__item {
    display: block;
    padding: 20px 15px;
    color: #fff;
    font-weight: bold;
    font-size: 1.4rem;
    background: #7f8dab;
    border-bottom: 1px solid #fff;
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s; }
    .q-and-a-menu__item:hover {
      background: #001c58;
      opacity: 1; }
    .q-and-a-menu__item:last-child {
      border-bottom: none; }

.profile-link-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 780px;
  margin: 0 auto 10px;
  border-bottom: 1px solid #000; }
  .profile-link-wrap__notice {
    color: #7f2d00;
    text-align: right;
    width: 780px;
    margin: 0 auto; }

.profile-link {
  text-align: center; }
  .profile-link a {
    width: 154px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: 'Roboto Condensed', sans-serif;
    display: inline-block;
    position: relative;
    padding: 5px;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    font-size: 1.6rem;
    font-weight: bold;
    letter-spacing: .04em;
    margin: 0 0 30px; }
    .profile-link a:before {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 15px;
      height: 100%;
      border-top: 1px solid #000;
      border-bottom: 1px solid #000;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
    .profile-link a:after {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      width: 15px;
      height: 100%;
      border-top: 1px solid #000;
      border-bottom: 1px solid #000;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
    .profile-link a:hover span:after {
      width: 100%; }
    .profile-link a span {
      display: inline-block;
      position: relative;
      padding: 0 25px 0 10px;
      z-index: 1; }
      .profile-link a span::before {
        content: '';
        width: 15px;
        height: 12px;
        background: url(../img/profile/icon_profile_window.png) no-repeat;
        display: block;
        position: absolute;
        right: 0;
        top: 11px;
        -webkit-transition: all ease 0.3s;
        transition: all ease 0.3s; }
      .profile-link a span::after {
        content: "";
        display: block;
        background: #ccab99;
        position: absolute;
        bottom: 10px;
        left: 0;
        width: 0;
        height: 8px;
        z-index: -1;
        -webkit-transition: 0.3s all ease;
        transition: 0.3s all ease; }

.profile-table-section {
  margin: 0 auto 70px; }
  .profile-table-section__ttl {
    color: #7f2d00;
    font-weight: bold;
    font-size: 2.2rem;
    margin-bottom: 60px;
    padding-left: 50px; }
    .profile-table-section__ttl p {
      display: inline-block;
      position: relative; }
      .profile-table-section__ttl p::after {
        content: '';
        display: block;
        width: 380px;
        height: 20px;
        background: #7f2d00;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
        position: absolute;
        left: 50%; }

.profile-table {
  padding: 0 20px;
  max-width: 1000px;
  margin: 0 auto; }
  .profile-table__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px dashed #b5b5b5;
    padding: 20px 0; }
  .profile-table__ttl {
    color: #7f2d00;
    font-weight: bold;
    width: 150px; }
  .profile-table__cont {
    width: calc(100% - 150px); }
  .profile-table__notice {
    color: #7f2d00;
    margin-top: 20px; }

.profile-table--02 .profile-table__ttl {
  width: 300px; }

.profile-table--02 .profile-table__cont {
  width: calc(100% - 300px); }

.magazine-link-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  width: 780px;
  margin: 0 auto 40px;
  line-height: 2.2; }

.magazine-link {
  text-align: center; }
  .magazine-link a {
    width: 233px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: 'Roboto Condensed', sans-serif;
    display: inline-block;
    position: relative;
    padding: 5px;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    font-size: 1.6rem;
    font-weight: bold;
    letter-spacing: .04em;
    margin: 0 0 30px; }
    .magazine-link a:before {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 15px;
      height: 100%;
      border-top: 1px solid #000;
      border-bottom: 1px solid #000;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
    .magazine-link a:after {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      width: 15px;
      height: 100%;
      border-top: 1px solid #000;
      border-bottom: 1px solid #000;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
    .magazine-link a:hover span:after {
      width: 100%; }
    .magazine-link a span {
      display: inline-block;
      position: relative;
      padding: 0 10px;
      z-index: 1; }
      .magazine-link a span::after {
        content: "";
        display: block;
        background: #9e9b95;
        position: absolute;
        bottom: 10px;
        left: 0;
        width: 0;
        height: 8px;
        z-index: -1;
        -webkit-transition: 0.3s all ease;
        transition: 0.3s all ease; }

.magazine-ttl {
  margin: 100px 0 60px;
  overflow-x: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative; }
  .magazine-ttl__trigger {
    position: absolute;
    top: -90px; }
  .magazine-ttl__en {
    color: #3e372c;
    font-weight: bold;
    font-size: 2.2rem;
    margin-bottom: 60px;
    padding-left: 50px;
    font-family: 'Roboto Condensed', sans-serif;
    line-height: 1.5;
    width: 30%; }
    .magazine-ttl__en p {
      display: inline-block;
      position: relative; }
      .magazine-ttl__en p::after {
        content: '';
        display: block;
        width: 380px;
        height: 20px;
        background: #3e372c;
        -webkit-transform: translateX(0%);
                transform: translateX(0%);
        position: absolute;
        right: 0; }
  .magazine-ttl__lead {
    padding: 0 50px 0 0;
    width: 70%; }

.magazine-backnumber__in {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 800px;
  margin: 100px auto 50px; }

.magazine-backnumber__txt {
  text-align: center;
  margin: 70px 0 50px; }

.magazine-backnumber-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 150px;
  height: 200px;
  color: #ffffff;
  text-align: center; }
  .magazine-backnumber-item__en {
    font-size: 3.3rem;
    font-family: 'Roboto Condensed', sans-serif;
    line-height: 1; }
  .magazine-backnumber-item__num {
    font-size: 5.5rem;
    font-family: 'Roboto Condensed', sans-serif;
    line-height: 1; }
  .magazine-backnumber-item__ja {
    font-size: 1.5rem; }
  .magazine-backnumber-item--01 {
    background: url(../img/content/bg_magazine_btn_01.png) no-repeat center center/cover; }
  .magazine-backnumber-item--02 {
    background: url(../img/content/bg_magazine_btn_02.png) no-repeat center center/cover; }
  .magazine-backnumber-item--03 {
    background: url(../img/content/bg_magazine_btn_03.png) no-repeat center center/cover; }
  .magazine-backnumber-item--04 {
    background: url(../img/content/bg_magazine_btn_04.png) no-repeat center center/cover; }
  .magazine-backnumber-item--05 {
    background: url(../img/content/bg_magazine_btn_05.png) no-repeat center center/cover; }

.magazine-slide {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 40px;
  width: 100vw;
  margin-left: calc(50% - 50vw); }
  .magazine-slide img {
    width: 100%; }

/* Dots */
.magazine-slide .slick-dots {
  position: absolute;
  top: -25px;
  z-index: 1;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center; }

.magazine-slide .slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer; }

.magazine-slide .slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent; }

.magazine-slide .slick-dots li button:hover,
.magazine-slide .slick-dots li button:focus {
  outline: none; }

.magazine-slide .slick-dots li button:hover:before,
.magazine-slide .slick-dots li button:focus:before {
  opacity: 1; }

.magazine-slide .slick-dots li button:before {
  font-family: 'slick';
  font-size: 4rem;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: '•';
  text-align: center;
  opacity: .25;
  color: #3e372c;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.magazine-slide .slick-dots li.slick-active button:before {
  opacity: .75;
  color: #3e372c; }

.magazine-slide .slick-arrow {
  width: 19px;
  height: 37px;
  position: absolute;
  z-index: 2; }
  .magazine-slide .slick-arrow:before, .magazine-slide .slick-arrow:after {
    content: '';
    width: 26px;
    height: 1px;
    background: #3e372c;
    display: block;
    position: absolute; }
  .magazine-slide .slick-arrow:before {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    top: 10px; }
  .magazine-slide .slick-arrow:after {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    top: 28px; }

.magazine-slide .slider-prev {
  top: -25px;
  left: 30%; }

.magazine-slide .slider-next {
  top: -25px;
  right: 30%;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg); }

.magazine-movie {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-bottom: 80px;
  position: relative; }
  .magazine-movie::before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 180px;
    background: #3e372c;
    bottom: 0;
    left: 0;
    z-index: -1; }
  .magazine-movie__in {
    max-width: 940px;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end; }
    .magazine-movie__in--even {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
      -webkit-flex-direction: row-reverse;
          -ms-flex-direction: row-reverse;
              flex-direction: row-reverse; }
  .magazine-movie__thumb {
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease; }
  .magazine-movie__message {
    font-size: 1.6rem;
    text-align: center;
    margin: 100px 0;
    line-height: 1.8; }

.magazine-movie-txt {
  color: #ffffff;
  margin: 25px 0 25px 15px;
  position: relative; }
  .magazine-movie-txt::after {
    display: block;
    position: absolute;
    opacity: 0.05;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 5.2rem;
    color: #ffffff;
    line-height: 1;
    font-weight: bold;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    z-index: -1; }
  .magazine-movie-txt--01::after {
    content: 'DESIGN DEVELOPMENT';
    top: -65px;
    left: -20px; }
  .magazine-movie-txt--02 {
    margin: 25px 0 25px 15px; }
    .magazine-movie-txt--02::after {
      content: 'INDUSTRIAL SCIENCE';
      top: -65px;
      left: -20px; }
  .magazine-movie-txt--03::after {
    content: 'RESEARCH & DEVELOPMENT';
    top: -40px;
    left: -50px; }
  .magazine-movie-txt__ttl {
    font-size: 2.2rem; }
    .magazine-movie-txt__ttl::after {
      content: '';
      width: 20px;
      height: 2px;
      background: #ffffff;
      display: block;
      margin: 20px 0; }
  .magazine-movie-txt__desc {
    font-size: 1.4rem; }

.magazine-video {
  position: fixed;
  width: 100vw;
  height: 100vh;
  z-index: 100000000;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0;
  display: none; }
  .magazine-video__box {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
  .magazine-video__in {
    position: relative;
    margin-top: 50px;
    width: 70%;
    height: auto;
    max-width: 1200px; }
  .magazine-video__vide {
    width: 100%;
    height: 100%; }
  .magazine-video__closebtn {
    position: absolute;
    z-index: 100;
    cursor: pointer;
    -webkit-transition: 0.8s all ease;
    transition: 0.8s all ease;
    -webkit-transform-origin: right top;
            transform-origin: right top;
    width: 60px;
    height: 60px;
    right: -60px;
    top: -60px; }
    .magazine-video__closebtn:before, .magazine-video__closebtn:after {
      content: '';
      width: 100%;
      height: 1px;
      background: #fff;
      display: block;
      position: absolute;
      left: 0;
      top: 50%; }
    .magazine-video__closebtn:before {
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg); }
    .magazine-video__closebtn:after {
      -webkit-transform: rotate(-45deg);
              transform: rotate(-45deg); }
    .magazine-video__closebtn:hover {
      -webkit-transform: scale(1.15);
              transform: scale(1.15); }
    @media screen and (min-width: 768px) {
  .story01 .story-content--01, .story01 .story-content--03 {
    margin-left: calc((100vw - 100%) / 2 * -1); }
  .story01 .story-content--02 {
    margin-right: calc((100vw - 100%) / 2 * -1); }
  .story01 .story-content__ttl {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin-bottom: 120px; }
    .story01 .story-content__ttl:after {
      content: none; }
  .story01 .story-content__ttl p {
    position: relative; }
    .story01 .story-content__ttl p:after {
      content: '';
      position: absolute;
      top: 50%;
      right: -10px;
      -webkit-transform: translate(100%, -50%);
              transform: translate(100%, -50%);
      width: 100vw;
      height: 23px;
      background: #3c7376;
      display: block; }
  .story01 .story-content__in {
    margin: 0; }
    .story01 .story-content__copy {
      line-height: 1.88; }
  .story01 .story-profile {
    position: relative; }
    .story01 .story-profile:after {
      content: "";
      position: absolute;
      top: 0;
      right: 1px;
      z-index: 0;
      -webkit-transform: translateX(100%);
              transform: translateX(100%);
      width: 25vw;
      height: 100%;
      background: #fff; }
  .story01 .story-profile__in {
    z-index: 1;
    margin: 0 calc((100vw - 100%) / 2 * -1) 0 calc(((100vw - 100%) / 2 * -1) + 30px); }
  .story01 .story-outline__ttl {
    position: relative; }
    .story01 .story-outline__ttl:before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      -webkit-transform: translateX(-100%);
              transform: translateX(-100%);
      width: 50vw;
      height: 100%;
      background: #3c7376; }
    .story01 .story-outline__ttl p:after {
      left: auto;
      right: 120px;
      width: 50vw; } }
    @media screen and (max-width: 1280px) {
    .header {
      font-size: 1.8rem;
      padding: 0 0 0 40px; }
      .header-logo span {
        font-size: 1.4rem; }
        .header-menu__link--entry {
          margin: 0 10px; }
    .env-section {
      overflow-x: visible; }
    .q-and-a-section {
      overflow-x: visible; }
    .magazine-ttl {
      overflow-x: visible; } }
    @media screen and (max-width: 1024px) {
    .header {
      font-size: 1.6rem; }
      .header-logo span {
        font-size: 1.2rem; }
    .people-nav-link-notice {
      bottom: 5px;
      left: 5px;
      right: auto;
      width: 100%;
      font-size: 1.2rem;
      line-height: 1.2; }
      .people-nav-link-notice__link {
        display: inline-block;
        position: static; }
      .people-index-content-main__img {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        width: 183px; }
        .people-index-content-main__img--single {
          width: 293px; }
    .people-index-content-person:not(:last-child) {
      margin-bottom: 30px; }
    .people-index-content-txt {
      width: calc(100% - 183px); }
      .people-index-content-txt--single {
        width: calc(100% - 293px); } }
    @media screen and (max-width: 768px) {
  .br-sp::before {
    content: "\A";
    white-space: pre; }
  .br-pc::before {
    content: "";
    white-space: normal; }
    br.pc-only {
      display: none; }
    br.sp-only {
      display: initial; }
    .main {
      margin-top: 60px; }
    .kv-main {
      width: 100%; }
      .kv-main__copy {
        padding: 100px 40px 120px; }
    .kv-main--info-index {
      background: url(../img/info/bg_kv_info-index_sp.png) no-repeat center center;
      background-size: cover; }
    .kv-main--info-recruit {
      background: url(../img/info/recruit/bg_kv_info-recruit_sp.png) no-repeat center center;
      background-size: cover; }
    .kv-main--info-env {
      background: url(../img/info/env/bg_kv_info-env_sp.png) no-repeat center center;
      background-size: cover; }
    .kv-main--intern {
      background: url(../img/info/intern/bg_kv_intern_sp.png) no-repeat center center;
      background-size: cover; }
    .kv-main--intern-summer {
      background: url(../img/info/intern/bg_kv_intern_summer_sp.png) no-repeat center center;
      background-size: cover; }
    .kv-main--people-index {
      background: url(../img/people/bg_kv_people_sp.png) no-repeat center top;
      background-size: cover; }
    .kv-main--people-expats {
      background: url(../img/people/bg_kv_people_expats_sp.png) no-repeat center top;
      background-size: cover; }
    .kv-main--people-each {
      background: url(../img/people/bg_kv_people_sp.png) no-repeat center top;
      background-size: cover; }
    .kv-main--story-index {
      background: url(../img/story/bg_kv_story_index_sp.png) no-repeat center top;
      background-size: cover; }
    .kv-main--story-each--01 {
      background: url(../img/story/bg_kv_story_01_sp.png) no-repeat center top;
      background-size: cover; }
    .kv-main--story-each--02 {
      background: url(../img/story/bg_kv_story_02_sp.png) no-repeat center top;
      background-size: cover; }
    .kv-main--q-and-a {
      background: url(../img/qanda/bg_kv_q-and-a_sp.png) no-repeat center top;
      background-size: cover; }
    .kv-main--profile {
      background: url(../img/profile/bg_kv_profile_sp.png) no-repeat center top;
      background-size: cover; }
    .kv-main--magazine {
      background: url(../img/content/bg_kv_content_sp.png) no-repeat center top;
      background-size: cover; }
    .kv-main-copy {
      padding: 100px 40px 120px; }
    .kv-txt-copy {
      height: 255px; }
      .kv-txt-copy--magazine {
        height: auto; }
      .kv-txt-copy__ttl {
        margin-bottom: 10px;
        font-size: 3.5rem; }
      .kv-txt-copy__txt {
        font-size: 1.3rem; }
    .kv-img {
      display: none; }
    .bread {
      background: #000;
      padding: 10px 20px; }
      .bread li {
        font-size: 1.2rem; }
    .container {
      background: url(../img/common/bg_container_sp.png) no-repeat center -1px;
      padding: 100px 20px 50px; }
    .container--intern {
      padding: 100px 20px 50px; }
      .container--people--10 {
        padding: 150px 20px 50px; }
    .content {
      padding: 40px 0;
      font-size: 1.3rem; }
      .content--people-index {
        padding: 0; }
      .content:before {
        font-size: 7rem;
        letter-spacing: 0rem; }
      .content--people--cat01:before {
        line-height: 1; }
      .content--people--cat02:before {
        line-height: 1; }
      .content--people--cat03:before {
        line-height: 1; }
      .content--people--cat04:before {
        line-height: 1; }
      .content--people--cat05:before {
        line-height: 1; }
      .content--people--cat06:before {
        font-size: 7.2rem;
        line-height: 1;
        letter-spacing: 0; }
      .content--people--cat07:before {
        line-height: 1; }
      .content--people--cat08:before {
        line-height: 1; }
    .content-flex {
      display: block;
      letter-spacing: 0.01rem;
      text-align: justify; }
      .content-flex__left {
        padding: 0 20px; }
      .content-flex__right {
        padding: 0 20px; }
    .header {
      display: block;
      padding: 0px;
      font-size: 1.5rem; }
    .header-logo {
      padding: 20px 30px;
      min-width: auto;
      margin-right: 60px; }
    .header-logo img {
      width: 92px; }
      .header-logo span {
        margin-left: 15px;
        font-size: 1.3rem; }
    .header-menu {
      display: none;
      text-align: center;
      position: absolute;
      width: 100%;
      background: #bfbfbf;
      padding: 20px 0;
      overflow-y: scroll;
      height: calc(100vh - 57px); }
      .header-menu__ttl {
        margin: 0;
        padding: 0;
        color: #fff;
        border-bottom: 1px solid #fff; }
      .header-menu__ttl span {
        display: block;
        padding: 15px 0;
        position: relative; }
      .header-menu__ttl span:after {
        content: '';
        width: 14px;
        height: 14px;
        border-top: #fff solid 1px;
        border-right: #fff solid 1px;
        display: block;
        -webkit-transform: rotate(135deg);
                transform: rotate(135deg);
        position: absolute;
        right: 35px;
        top: 11px; }
    .header-menu a {
      color: #fff; }
      .header-menu__link {
        display: block;
        margin: 0;
        padding: 15px 0;
        border-bottom: 1px solid #fff; }
        .header-menu__link--window span {
          padding-right: 0;
          background: none;
          position: relative; }
          .header-menu__link--window span::after {
            content: '';
            display: inline-block;
            position: absolute;
            right: -25px;
            top: 2px;
            width: 15px;
            height: 12px;
            background: url(../img/common/icon_window_white.png) no-repeat;
            background-size: cover; }
        .header-menu__link--entry {
          border-right: 1px solid #fff;
          border-left: 1px solid #fff;
          border-bottom: none;
          display: inline-block;
          padding: 5px 25px;
          margin-top: 20px;
          font-size: 1.4rem; }
          .header-menu__link--entry.sp-only {
            display: inline-block; }
          .header-menu__link--entry:before {
            border-top: 1px solid #fff;
            border-bottom: 1px solid #fff; }
          .header-menu__link--entry:after {
            border-top: 1px solid #fff;
            border-bottom: 1px solid #fff; }
    .header-menu-sub {
      min-width: auto;
      position: static;
      width: 100%;
      display: none;
      opacity: 1;
      visibility: visible;
      -webkit-transition: none;
      transition: none; }
      .header-menu-sub__sp-only {
        display: block !important; }
      .header-menu-sub__ttl {
        display: none; }
      .header-menu-sub__in {
        display: block; }
      .header-menu-sub__cont {
        width: 100%;
        padding: 10px 0; }
        .header-menu-sub__cont--flex {
          display: block; }
        .header-menu-sub__cont:before {
          display: none; }
        .header-menu-sub__cont:after {
          display: none; }
      .header-menu-sub__cont span {
        padding: 0; }
      .header-menu-sub__cont span:after {
        display: none; }
      .header-menu-sub__box:nth-of-type(2) {
        padding-left: 0; }
      .header-menu-sub__bold {
        font-size: 1.5rem; }
    .header-toggle {
      display: block; }
    .header-copy {
      color: #fff;
      display: block;
      font-size: 1rem;
      margin-top: 15px; }
    .footer-main {
      padding: 30px 15px 20px; }
      .footer-main__in {
        width: 100%; }
      .footer-main a {
        font-size: 1.1rem;
        width: 100%; }
      .footer-main--fb span:before {
        width: 15px;
        height: 15px;
        background-size: 100%; }
    .footer-copy {
      font-size: 1rem; }
    .intern-switch--btm {
      margin: 60px auto 20px; }
    .intern-switch {
      width: calc(100% - 20px); }
      .intern-switch__btn {
        font-size: 1.1rem; }
          .intern-switch__btn.is-active:before {
            border-width: 10px 8px 0 8px;
            left: calc(50% - 5px);
            bottom: -10px; }
          .intern-switch__btn.is-active-btm:before {
            border-width: 0 8px 10px 8px;
            left: calc(50% - 5px);
            top: -10px; }
    .intern-summer-switch--btm {
      margin: 60px auto 20px; }
    .intern-summer-switch {
      width: calc(100% - 20px); }
      .intern-summer-switch__btn {
        font-size: 1.1rem; }
          .intern-summer-switch__btn.is-active:before {
            border-width: 10px 8px 0 8px;
            left: calc(50% - 5px);
            bottom: -10px; }
          .intern-summer-switch__btn.is-active-btm:before {
            border-width: 0 8px 10px 8px;
            left: calc(50% - 5px);
            top: -10px; }
    .intern-box {
      padding: 0 20px 30px; }
      .intern-box--detail02 {
        padding: 0 20px 30px; }
        .intern-box__in--border {
          padding: 15px 0 0; }
        .intern-box__in--detail02 {
          padding: 15px 0 0; }
    .intern-ttl {
      margin: 45px 0 30px; }
    .intern-sub-ttl {
      font-size: 1.7rem;
      margin: 30px 0 20px; }
        .intern-sub-ttl--summer:after {
          margin: 10px auto; }
        .intern-sub-ttl--oneday:after {
          margin: 10px auto; }
      .intern-balloon-area--internship {
        margin-bottom: 0px; }
      .intern-balloon-area__in--left {
        width: 100%;
        margin-top: 40px; }
      .intern-balloon-area__in--right {
        width: 100%;
        margin-bottom: 40px; }
    .intern-balloon {
      margin-bottom: 30px;
      margin: 0 auto 30px; }
        .intern-balloon--01:before {
          top: -15px;
          border-width: 0 15px 15px 2px; }
      .intern-balloon--02 {
        margin-left: 0;
        margin-right: 0; }
        .intern-balloon--02:before {
          border-width: 0 15px 17px 0;
          left: -15px; }
      .intern-balloon--03 {
        width: 90%; }
        .intern-balloon--03::before {
          border-width: 15px 0 0px 20px;
          right: -20px; }
      .intern-balloon--04 {
        margin-bottom: 30px; }
        .intern-balloon--04::before {
          bottom: -15px;
          border-width: 15px 0px 0 10px; }
      .intern-balloon--04-nomargin {
        margin-bottom: 30px; }
        .intern-balloon--04-nomargin::before {
          bottom: -15px;
          border-width: 15px 0px 0 10px; }
        .intern-balloon--05::before {
          bottom: -15px;
          border-width: 15px 17px 0 0px; }
    .intern-flex {
      display: block;
      letter-spacing: 0.01rem;
      text-align: justify; }
      .intern-flex__left {
        padding: 0 20px; }
      .intern-flex__right {
        padding: 0 20px; }
      .intern-flex__summer {
        width: 100%; }
      .intern-flex--summer {
        text-align: center; }
    .intern-table-flex {
      display: block; }
      .intern-table-flex__in {
        width: 100%; }
        .intern-table-flex__in figure img {
          display: none; }
        .intern-table-flex__in figure.winter {
          background: url(../img/info/intern/img_intern_winter_sp.png) no-repeat;
          background-size: 100%;
          padding-top: 63%;
          width: 48%; }
        .intern-table-flex__in figure.summer-01 {
          background: url(../img/info/intern/img_intern_summer_01_sp.png) no-repeat;
          background-size: 100%;
          padding-top: 63%;
          width: 50%; }
        .intern-table-flex__in figure.summer-02 {
          background: url(../img/info/intern/img_intern_summer_02_sp.png) no-repeat;
          background-size: 100%;
          padding-top: 63%;
          width: 43%; }
        .intern-table-flex--summer figure {
          background: url(../img/info/intern/img_intern_summer_sp.png) no-repeat;
          background-size: cover;
          padding-top: 79%;
          width: 49%; }
      .intern-table-flex--detail02 figure {
        width: 56%; }
    .intern-table-flex--small {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      margin-bottom: 20px; }
      .intern-table-flex--last .intern-table-flex__in:nth-of-type(1) {
        width: 100%; }
      .intern-table-flex--last .intern-table-flex__in:nth-of-type(2) {
        width: 100%; }
      .intern-table__dd {
        padding: 20px;
        letter-spacing: 0; }
      .intern-table__subttl {
        font-size: 1.4rem; }
      .intern-table__notice {
        margin-top: 30px; }
      .intern-link--detail {
        margin: 10px 0 20px; }
    .intern-link-box {
      width: 100vw;
      margin: 50px auto 0;
      padding: 30px 50px;
      background-size: cover;
      margin-right: calc(50% - 50vw);
      margin-left: calc(50% - 50vw); }
    .info-index-message {
      background: url(../img/info/bg_stripe_sp.png) no-repeat center center;
      background-size: cover;
      margin-top: 30px;
      margin-left: calc(50% - 50vw);
      margin-right: calc(50% - 50vw); }
      .info-index-message--highlight {
        font-size: 1.6rem; }
        .info-index-message--highlight::after {
          bottom: 6px;
          height: 6px; }
    .info-link {
      width: 100%;
      margin: 50px auto 45px;
      padding: 30px 0; }
      .info-link__ttl {
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        min-width: 110px; }
      .info-link a {
        width: 80%;
        margin: 15px 0; }
    .info-intern-link {
      width: 90%;
      margin: 0 auto; }
      .info-intern-link a {
        width: 100%;
        margin: 15px auto; }
    .info-recruit-copy {
      height: 255px; }
      .info-recruit-copy__ttl {
        margin-bottom: 10px;
        font-size: 3.5rem; }
      .info-recruit-copy__txt {
        font-size: 1.3rem; }
    .info-recruit-lead {
      margin-bottom: 40px; }
      .info-recruit-lead__head {
        font-size: 1.6rem; }
        .info-recruit-lead__head--career {
          font-size: 1.8rem;
          letter-spacing: 0; }
      .info-recruit-lead__body {
        font-size: 2rem; }
        .info-recruit-lead__body--career {
          font-size: 1.5rem; }
        .info-recruit-lead__box:not(:last-child) {
          margin-bottom: 10px; }
    .info-recruit-content {
      margin: 0 10px;
      line-height: 1.8; }
      .info-recruit-content__head {
        border-bottom: 2px solid #005982;
        font-size: 1.1rem; }
        .info-recruit-content__head--career {
          border-bottom: 2px solid #500047; }
    .info-recruit-ttl {
      margin-top: 50px;
      margin-bottom: 25px;
      padding-bottom: 5px;
      border-bottom: 10px solid #005982;
      font-size: 1.4rem; }
      .info-recruit-ttl--career {
        border-bottom: 10px solid #500047; }
    .info-recruit-tbl__item {
      padding: 15px 0;
      border-bottom: 1px dashed #b5b5b5; }
    .info-recruit-tbl__item--sp-db {
      display: block; }
    .info-recruit-tbl__head {
      width: 65px; }
      .info-recruit-tbl__head--large {
        width: 150px; }
    .info-recruit-tbl__head--process-head {
      width: 100%; }
      .info-recruit-tbl__head--career-registration {
        width: 100%; }
    .info-recruit-tbl__body {
      width: calc(100% - 65px); }
      .info-recruit-tbl__body--large {
        width: calc(100% - 150px); }
    .info-recruit-tbl__body--process-head {
      width: 100%; }
      .info-recruit-tbl__body--career-registration {
        width: 100%;
        padding-left: 2em; }
    .info-recruit-tbl-box {
      display: block; }
      .info-recruit-tbl-box__main {
        width: 100%; }
      .info-recruit-tbl-box__sub {
        width: 100%; }
      .info-recruit-tbl-fig-cont__txt {
        padding: 4px 7px; }
        .info-recruit-tbl-fig-cont__txt--small {
          padding: 4px 3px; }
    .info-recruit-tbl-layout {
      display: block; }
      .info-recruit-tbl-layout__head {
        width: 100%; }
      .info-recruit-tbl-layout__body {
        width: 100%; }
    .info-recruit-tbl-process-img {
      background: url(/recruit/img/info/recruit/img_info-new_graduate_01_sp.png) no-repeat center;
      background-size: contain;
      width: 86.73469%;
      margin-top: 10px;
      padding-top: 127.55102%; }
      .info-recruit-tbl-process-img--career {
        background: url(/recruit/img/info/recruit/img_info-career_01_sp.png) no-repeat center;
        background-size: contain;
        width: 79.93197%;
        margin: 0 0 50px;
        padding-top: 83.33333%; }
    .info-recruit-entry {
      padding: 50px 0; }
    .info-recruit-btn__item {
      height: 14px;
      padding: 0 5px;
      font-size: 1.2rem;
      line-height: 14px; }
      .info-recruit-btn__item:hover .info-recruit-btn__txt::after {
        content: none; }
    .info-recruit-btn__txt {
      padding: 0 5px; }
      .info-recruit-btn-bg__item {
        width: 5px; }
    .info-recruit-tbl-enrty {
      width: 100%;
      text-align: center; }
      .info-recruit-tbl-enrty__item {
        width: calc(50% - 5px); }
      .info-recruit-tbl-enrty__txt {
        margin-top: 10px;
        letter-spacing: 0; }
  .content--env {
    padding: 40px 0 0; }
    .env-link-wrap {
      width: 100%;
      padding: 0 20px;
      margin: 0 auto 20px; }
    .env-link {
      width: 48%; }
      .env-link a {
        width: 100%;
        font-size: 1.2rem;
        line-height: 1.2; }
    .env-section {
      margin: 0 0 20px; }
      .env-section__ttl {
        font-size: 1.4rem;
        padding-left: 0;
        margin-bottom: 30px; }
          .env-section__ttl p::after {
            width: 100%;
            height: 10px; }
    .env-menu {
      width: 50%; }
      .env-menu__in {
        display: block; }
      .env-menu__btn {
        width: 100%;
        height: 46px;
        background: rgba(0, 0, 0, 0.7);
        font-size: 1.8rem; }
        .env-menu__btn p {
          -webkit-transform: rotate(0) translateX(0) translateY(0);
                  transform: rotate(0) translateX(0) translateY(0); }
      .env-menu__link {
        -webkit-transform: translateX(0%);
                transform: translateX(0%);
        display: none; }
      .env-menu__item {
        font-size: 1.2rem; }
    .env-box {
      margin: 0 auto 15px; }
      .env-box dl {
        display: block; }
      .env-box dt {
        width: 100%; }
      .env-box dd {
        width: 100%; }
    .env-img-box {
      margin: 30px auto; }
      .env-img-box--col2 {
        display: block; }
        .env-img-box--col2 img {
          width: 100%; }
    .env-img-box--05 {
      padding-top: 48%;
      background: url(../img/info/env/img_05_sp.png) no-repeat center center/cover; }
      .env-img-box--05 img {
        display: none; }
    .env-figure-wrap {
      padding: 20px 10px; }
      .env-figure-wrap__ttl {
        font-size: 1.2rem; }
    .env-figure-box {
      margin: 0 auto 15px; }
    .env-figure-box--02 {
      padding-top: 230%;
      background: url(../img/info/env/figure_02_sp.png) no-repeat center center/cover; }
      .env-figure-box--02 img {
        display: none; }
    .env-flex-box {
      display: block;
      margin: 0 auto 15px; }
      .env-flex-box__txt {
        padding-right: 0; }
    .env-flex-box__img {
      margin: 30px auto; }
    .env-flex-box__img--08 figure:nth-of-type(1) {
      padding-top: 50%;
      background: url(../img/info/env/img_08_sp.png) no-repeat center center/cover;
      margin-bottom: 20px; }
      .env-flex-box__img--08 figure:nth-of-type(1) img {
        display: none; }
    .env-flex-box__img--08 figure:nth-of-type(2) {
      padding-top: 50%;
      background: url(../img/info/env/img_09_sp.png) no-repeat center center/cover; }
      .env-flex-box__img--08 figure:nth-of-type(2) img {
        display: none; }
      .env-flex-box--dotted {
        padding-bottom: 20px; }
      .env-flex-box--01 .env-flex-box__img {
        width: 100%; }
      .env-flex-box--01 .env-flex-box__txt {
        width: 100%; }
      .env-flex-box--02 .env-flex-box__img {
        width: 100%; }
      .env-flex-box--02 .env-flex-box__txt {
        width: 100%; }
      .env-flex-box--03 .env-flex-box__img {
        width: 50%;
        text-align: center; }
      .env-flex-box--03 .env-flex-box__txt {
        width: 100%; }
      .env-flex-box--04 .env-flex-box__img {
        width: 100%; }
      .env-flex-box--04 .env-flex-box__txt {
        width: 100%; }
      .env-flex-box--05 .env-flex-box__img {
        width: 100%; }
      .env-flex-box--05 .env-flex-box__txt {
        width: 100%; }
    .env-photo-section {
      margin: 0 auto 50px 0; }
    .env-photo-box {
      display: block;
      font-size: 1.1rem; }
      .env-photo-box__txt {
        width: 90%;
        left: 0;
        top: -30px;
        padding: 20px 15px 30px;
        margin: 0 auto; }
      .env-photo-box__img {
        width: 100%;
        height: 0;
        padding-top: 50%; }
    .env-photo-box-txt__ttl {
      font-size: 3.5rem; }
    .env-photo-box-txt:after {
      font-size: 6.5rem; }
    .env-photo-box-txt-desc__ttl {
      font-size: 1.3rem; }
      .people-nav__ttl {
        font-size: 8rem; }
      .people-nav__inner {
        padding-top: 187.24138%; }
      .people-nav__img {
        background: url(../img/people/img_people-index_index_01_sp.png) no-repeat;
        background-size: contain;
        position: absolute;
        top: 13.81215%;
        left: 18.27586%;
        width: 66.55172%;
        padding-top: 104.65517%; }
      .people-nav-link__item {
        height: 14px;
        padding: 0 5px;
        font-size: 1.2rem;
        line-height: 14px; }
        .people-nav-link__item:hover .people-nav-link__txt::after, .people-nav-link__item:hover .people-nav-btn__txt::after {
          content: none; }
        .people-nav-link__item--01 {
          top: 34.99079%;
          right: 66.37931%; }
        .people-nav-link__item--02 {
          top: 21.17864%;
          right: 64.13793%; }
        .people-nav-link__item--03 {
          top: 23.20442%;
          left: 65.51724%; }
        .people-nav-link__item--04 {
          top: 40.51565%;
          left: 77.58621%; }
        .people-nav-link__item--05 {
          top: 69.06077%;
          right: 79.31034%; }
        .people-nav-link__item--06 {
          top: 52.94659%;
          right: 72.58621%; }
        .people-nav-link__item--07 {
          top: 41.43646%;
          left: 53%; }
        .people-nav-link__item--08 {
          top: 50.18416%;
          left: 53%; }
        .people-nav-link__item--09 {
          top: 63.07551%;
          left: 71.89655%; }
        .people-nav-link__item--10 {
          top: 65.83794%;
          left: 44.82759%; }
      .people-nav-link__num {
        bottom: 15px;
        left: 50%;
        right: auto;
        font-size: 3rem;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%); }
      .people-nav-link__txt, .people-nav-btn__txt {
        padding: 0 5px; }
      /*
      .people-nav-link-bg__item {
        width: 5px; }
      */
    .people-nav-link-notice {
      top: 72.74401%;
      bottom: auto;
      left: auto;
      right: 20px;
      width: 200px;
      line-height: 1.5; }
       /*
      .people-nav-btn__inner {
        /*height: 14px;
        padding: 0 5px;
        font-size: 1.2rem;
        line-height: 14px; }
        .people-nav-btn__inner:hover .people-nav-btn__txt::after {
          content: none; }
       */
      .people-index-content__anchor {
        top: -57px; }
      .people-index-content__head {
        margin-bottom: 15px; }
    .people-index-sidenav {
      display: none; }
    .people-index-content-sub {
      width: 37px; }
      .people-index-content-sub__txt {
        bottom: auto;
        right: auto;
        font-size: 1.6rem;
        -webkit-transform: rotate(180deg) translate(0, 0);
                transform: rotate(180deg) translate(0, 0); }
      .people-index-content-sub__num {
        width: 25px;
        height: 35px;
        padding-bottom: 5px;
        border-top: 1px solid #b5b5b5;
        font-size: 1.6rem; }
        .people-index-content-sub__icon--01 {
          width: 24.5px;
          height: 24.5px; }
        .people-index-content-sub__icon--02 {
          width: 23.5px;
          height: 23.5px; }
        .people-index-content-sub__icon--03 {
          width: 23px;
          height: 31.5px; }
        .people-index-content-sub__icon--04 {
          width: 27px;
          height: 29px; }
        .people-index-content-sub__icon--05 {
          width: 27.5px;
          height: 23px; }
        .people-index-content-sub__icon--06 {
          width: 29px;
          height: 25px; }
        .people-index-content-sub__icon--07 {
          width: 24.5px;
          height: 27px; }
        .people-index-content-sub__icon--08 {
          width: 21px;
          height: 27.5px; }
        .people-index-content-sub__icon--09 {
          width: 23.5px;
          height: 23.5px; }
    .people-index-content-main {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      width: calc(100% - 37px);
      padding: 0 0 0 15px; }
      .people-index-content-main__img {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between;
        width: 100%; }
    .people-index-content-wide {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      width: calc(100% - 37px);
      padding: 0 0 0 15px; }
      .people-index-content-wide__img {
        background: url(../img/people/img_people-index_photo_13_sp.jpg) center no-repeat;
        padding-top: 80.88978%;
        background-size: cover; }
      .people-index-content-wide__body {
        display: block;
        border-top: none;
        margin-top: 10px;
        margin-left: 10px; }
      .people-index-content-wide__txt {
        width: 100%;
        border-right: none;
        padding: 5px;
        margin-top: 0; }
    .people-index-content-person {
      width: 100%; }
    .people-index-content-person:not(:last-child) {
      margin: 0 13px 0 0; }
      .people-index-content-person__head {
        margin-bottom: 10px;
        padding-bottom: 15px; }
      .people-index-content-person__body--single {
        display: block; }
      .people-index-content-person__img {
        height: auto;
        padding-top: 195.08197%; }
        .people-index-content-person__img--single {
          padding-top: 133.1058%; }
      .people-index-content-person__txt {
        letter-spacing: 0px;
        font-size: 1.2rem; }
        .people-index-content-person__btn--single {
          margin: 10px auto 0; }
    .people-index-content-txt {
      width: 100%;
      margin: 20px 0 0 0;
      padding: 10px 0 0 0;
      border-top: 1px solid #b5b5b5;
      border-left: 0; }
      .people-index-content-txt__desc {
        margin-bottom: 10px;
        padding-bottom: 10px;
        border-bottom: 1px solid #b5b5b5; }
  .people-index-content-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: wrap;
        -ms-flex-flow: wrap;
            flex-flow: wrap; }
    .people-index-content-list__item {
      margin-right: 10px; }
    .people-index-content-list__icon {
      top: 12px;
      width: 20px; }
    .people-box {
      padding: 0; }
    .people-profile {
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      padding-bottom: 0px;
      width: calc(100% - 30px);
      margin: 0 0 20px auto;
      border-left: #7e0043 dashed 1px;
      border-bottom: none; }
      .people-profile::before {
        width: 20px;
        height: 30px;
        left: -26px;
        top: 0;
        padding-bottom: 10px;
        border-bottom: 1px solid #b5b5b5; }
    .people-profile:after {
      content: '';
      font-family: 'Roboto Condensed', sans-serif;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      color: #7e0043;
      position: absolute;
      font-weight: bold;
      letter-spacing: .1rem;
      text-align: center;
      -webkit-writing-mode: vertical-lr;
          -ms-writing-mode: tb-lr;
              writing-mode: vertical-lr;
      font-size: 1.6rem;
      left: -13px;
      top: 40%;
      height: -webkit-max-content;
      height: -moz-max-content;
      height: max-content;
      -webkit-transform: rotate(180deg) translate(100%, 0%);
              transform: rotate(180deg) translate(100%, 0%);
      line-height: 0.8; }
    .people-profile--01:after {
      content: 'YAMANE KOTA'; }
      .people-profile--02::before {
        background-size: 100%; }
    .people-profile--02:after {
      content: 'OYAMORI AI'; }
      .people-profile--03::before {
        background-size: 100%; }
    .people-profile--03:after {
      content: 'OTAKE AYAKA'; }
      .people-profile--04::before {
        background-size: 100%; }
    .people-profile--04:after {
      content: 'MORITA SHOICHIRO'; }
      .people-profile--05::before {
        background-size: 100%; }
    .people-profile--05:after {
      content: 'MATSUOH DAISUKE'; }
      .people-profile--06::before {
        background-size: 100%; }
    .people-profile--06:after {
      content: 'MURANAKA RYOSUKE'; }
      .people-profile--07::before {
        background-size: 100%; }
    .people-profile--07:after {
      content: 'SHIOJIMA REINA'; }
      .people-profile--08::before {
        background-size: 100%; }
    .people-profile--08:after {
      content: 'OSHIMA SHUKO'; }
      .people-profile--09::before {
        background-size: 100%; }
    .people-profile--09:after {
      content: 'ITO HAYATE'; }
      .people-profile--10::before {
        background-size: 100%; }
    .people-profile--10:after {
      content: 'NAGAI SHUHEI'; }
      .people-profile--11::before {
        background-size: 100%; }
    .people-profile--11:after {
      content: 'OKADA NAOKI'; }
      .people-profile--12::before {
        background-size: 100%; }
    .people-profile--12:after {
      content: 'MIURA SAKI'; }
      .people-profile__name {
        width: 100%;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center; }
        .people-profile__name--ja {
          font-size: 1.4rem;
          margin-bottom: 15px;
          text-align: center;
          width: calc(100% - 60px);
          margin: 0 auto;
          padding: 10px 0;
          border-bottom: 1px dotted #b5b5b5; }
        .people-profile__name--en {
          display: none; }
      .people-profile__right {
        width: 100%; }
      .people-profile__flex {
        display: block; }
      .people-profile__year {
        border: none;
        width: 100%;
        padding: 10px 0 0; }
      .people-profile__from {
        width: 100%; }
      .people-profile__position {
        border: none;
        padding: 0;
        margin-top: 0; }
    .people-profile-photo {
      display: block;
      width: calc(100% - 60px);
      margin: 0 auto;
      padding-bottom: 10px;
      border-bottom: #b5b5b5 dashed 1px; }
    .people-text {
      width: calc(100% - 30px);
      margin: 0 0 30px auto;
      padding: 0px 10px 5px 19px;
      min-height: auto; }
      .people-text:after {
        font-size: 1.6rem;
        left: -13px;
        -webkit-transform: rotate(180deg) translate(100%, 0%);
                transform: rotate(180deg) translate(100%, 0%);
        bottom: auto;
        top: 5px;
        height: -webkit-max-content;
        height: -moz-max-content;
        height: max-content;
        line-height: 0.8; }
    .people-text--work {
      margin: 60px 0 30px auto; }
    .people-text--work:before {
      content: '';
      display: block;
      width: 100%;
      height: 1px;
      background: #b5b5b5;
      position: absolute;
      top: -25px;
      left: 0; }
  .content--people--cat01 .people-profile {
    border-left: #500047 dashed 1px; }
  .content--people--cat01 .people-profile:after {
    color: #500047; }
  .content--people--cat02 .people-profile {
    border-left: #7e0043 dashed 1px; }
  .content--people--cat02 .people-profile:after {
    color: #7e0043; }
  .content--people--cat03 .people-profile {
    border-left: #ac6a00 dashed 1px; }
  .content--people--cat03 .people-profile:after {
    color: #ac6a00; }
  .content--people--cat04 .people-profile {
    border-left: #b7aa00 dashed 1px; }
  .content--people--cat04 .people-profile:after {
    color: #b7aa00; }
  .content--people--cat05 .people-profile {
    border-left: #005982 dashed 1px; }
  .content--people--cat05 .people-profile:after {
    color: #005982; }
  .content--people--cat06 .people-profile {
    border-left: #001c58 dashed 1px; }
  .content--people--cat06 .people-profile:after {
    color: #001c58; }
  .content--people--cat07 .people-profile {
    border-left: #7f2d00 dashed 1px; }
  .content--people--cat07 .people-profile:after {
    color: #7f2d00; }
  .content--people--cat08 .people-profile {
    border-left: #3c7376 dashed 1px; }
  .content--people--cat08 .people-profile:after {
    color: #3c7376; }
    .expats-link-wrap {
      padding: 40px 15px 0;
      margin: 0 auto;
      width: 50%; }
    .expats-link {
      width: 100%; }
      .expats-link__item {
        width: 100%;
        font-size: 1.2rem;
        line-height: 1.2; }
          .expats-link__item span::after {
            bottom: 0; }
    .expats-under-link-wrap {
      padding: 40px 15px 0;
      margin: 0 auto 30px;
      width: 50%; }
    .expats-under-link {
      width: 100%; }
      .expats-under-link__item {
        width: 100%;
        font-size: 1.2rem;
        line-height: 1.2; }
          .expats-under-link__item span::after {
            bottom: 0; }
    .expats-tab {
      width: 100%;
      padding: 0 15px; }
      .expats-tab__in {
        padding: 0; }
    .expats-ttl {
      margin: 20px auto;
      width: 95%;
      font-size: 1.5rem; }
    .expats-profile {
      display: block;
      margin-bottom: 30px;
      padding: 0 0 0 20px;
      border-left: 1px dashed #a30606; }
      .expats-profile:before {
        width: 25px;
        height: 30px;
        background-size: contain;
        left: -30px;
        border-bottom: 1px solid #b5b5b5; }
      .expats-profile:after {
        font-size: 1.7rem;
        left: -25px; }
      .expats-profile__photo {
        width: 100%;
        border-left: none;
        border-right: none; }
      .expats-profile__txt {
        width: 100%;
        padding: 0 10px; }
      .expats-profile__name {
        padding: 20px 0 20px 40%; }
        .expats-profile__name::before {
          width: 25px;
          height: 25px;
          background-size: cover;
          left: 0%;
          top: calc(50% - 12px);
          -webkit-transform: translateX(100%);
                  transform: translateX(100%); }
        .expats-profile__name--ja {
          font-size: 1.4rem; }
        .expats-profile__name--en {
          font-size: 1rem; }
      .expats-profile__flex {
        display: block;
        border-top: 1px dashed #b5b5b5;
        border-bottom: none;
        padding: 15px 0 0; }
      .expats-profile__date {
        border: none;
        width: 100%;
        padding: 0;
        line-height: 1.2; }
      .expats-profile__position {
        width: 100%;
        padding: 0;
        line-height: 1.2; }
      .expats-profile__year {
        border: none;
        padding: 0;
        margin-top: 0;
        line-height: 1.2;
        border-bottom: 1px dashed #b5b5b5;
        padding: 0 0 15px;
        margin-bottom: 15px; }
    .expats-schedule {
      padding: 10px 0 0 20px; }
      .expats-schedule:before {
        font-size: 1.7rem;
        left: -25px; }
      .expats-schedule__ttl {
        font-size: 1.3rem;
        margin-bottom: 15px; }
      .expats-schedule__list {
        padding: 0 0 0 15px;
        margin: 0 auto 15px;
        font-size: 1.2rem; }
          .expats-schedule__list dl dt {
            padding-left: 8px;
            width: 20%; }
        .expats-schedule__list:before {
          font-size: 1.7rem;
          left: -32px; }
    .expats-qanda {
      padding: 10px 0 0 20px; }
      .expats-qanda:before {
        font-size: 1.7rem;
        left: -25px; }
      .expats-qanda__ttl {
        font-size: 1.3rem;
        margin-bottom: 15px;
        line-height: 1.5; }
      .expats-qanda-box__ttl {
        font-size: 1.3rem;
        margin-bottom: 15px;
        line-height: 1.5; }
    .expert-slide {
      width: 100vw;
      margin-left: calc(50% - 50vw); }
    .expert-slide__box {
      width: 100%; }
    .story-index-box {
      margin-bottom: 40px;
      padding: 20px; }
    .story-index-link-wrap {
      margin: 0 auto 80px;
      font-size: 1.3rem; }
      .story-index-link-wrap:last-child {
        margin: 0 auto; }
    .story-index-link--02 .story-index-link-txt {
      padding: 15px 60px 0 15px; }
    .story-index-link--02 .story-index-link-deco {
      height: 70%; }
      .story-index-link-ttl__bg {
        font-size: 4rem;
        letter-spacing: 0;
        position: relative;
        top: -8px; }
      .story-index-link-ttl__item {
        font-size: 1.8rem;
        display: block;
        text-align: center;
        margin: 10px auto;
        left: 30px;
        line-height: 1; }
    .story-index-link-txt {
      padding: 15px 15px 0 60px; }
      .story-index-link-txt::after {
        top: auto;
        bottom: 0;
        right: 20px;
        width: 20px;
        height: 15px; }
    .story-index-link-deco {
      width: 50px;
      height: calc(100% - 28px); }
    .story-lead {
      width: 100%;
      padding: 0 0 40px; }
      .story-lead__subttl {
        display: none; }
      .story-lead__in {
        width: 100%; }
      .story-lead__ttl {
        font-size: 2.5rem;
        line-height: 1.5; }
    .story-profile {
      font-size: 1.3rem;
      width: 100%; }
      .story-profile__ttl {
        font-size: 1.8rem;
        margin-bottom: 30px; }
        .story-profile__in::after {
          width: 50%;
          top: -15px; }
    .story-profile-box {
      width: 48%; }
      .story-profile-box.pc-only {
        display: none; }
      .story-profile-box.sp-only {
        display: block; }
      .story-profile-box__txt {
        width: 100%;
        padding: 20px 10px; }
      .story-profile-box__ttl {
        font-size: 1.6rem; }
        .story-profile-box__ttl::after {
          margin: 5px 0; }
      .story-profile-box__item {
        font-size: 1.2rem; }
    .story-outline {
      font-size: 1.3rem;
      background: #3c7376;
      margin: 0 auto 50px; }
      .story-outline__en {
        font-size: 4rem;
        letter-spacing: 0;
        position: relative;
        top: -28px; }
      .story-outline__in {
        display: block; }
      .story-outline__ttl {
        width: 100%;
        max-width: 100%; }
        .story-outline__ttl p {
          padding: 0 20px;
          display: inline-block; }
          .story-outline__ttl p:after {
            height: 4px;
            bottom: -10px;
            width: 100%; }
      .story-outline__txt {
        width: 100%;
        color: #fff;
        line-height: 1.8;
        letter-spacing: .01em;
        text-align: justify;
        padding: 30px; }
      .story-outline__para p {
        margin: 0 0 30px; }
      .story-outline__img {
        margin: 30px 0 50px; }
    .story-content {
      font-size: 1.3rem;
      margin: 0 auto 50px; }
      .story-content__ttl {
        font-size: 1.8rem;
        display: block;
        text-align: center;
        margin: 20px auto; }
        .story-content__ttl:after {
          width: 80%;
          height: 10px;
          margin: 20px auto; }
      .story-content__in {
        display: block; }
      .story-content__img {
        width: 100%;
        max-width: 100%; }
      .story-content__img img {
        display: none; }
      .story-content__img--01-02 {
        padding-top: 69%;
        background: url(../img/story/img_story-01_figure_02_sp.png) no-repeat;
        background-size: cover; }
      .story-content__img--01-03 {
        padding-top: 69%;
        background: url(../img/story/img_story-01_figure_03_sp.png) no-repeat;
        background-size: cover; }
      .story-content__img--01-04 {
        padding-top: 69%;
        background: url(../img/story/img_story-01_figure_04_sp.png) no-repeat;
        background-size: cover; }
      .story-content__img--01-05 {
        padding-top: 69%;
        background: url(../img/story/img_story-01_figure_05_sp.png) no-repeat;
        background-size: cover; }
      .story-content__img--01-06 {
        padding-top: 69%;
        background: url(../img/story/img_story-01_figure_06_sp.png) no-repeat;
        background-size: cover; }
      .story-content__img--01-07 {
        padding-top: 69%;
        background: url(../img/story/img_story-01_figure_07_sp.png) no-repeat;
        background-size: cover; }
      .story-content__img--01-08 {
        padding-top: 69%;
        background: url(../img/story/img_story-01_figure_08_sp.png) no-repeat;
        background-size: cover; }
      .story-content__img--01-09 {
        padding-top: 69%;
        background: url(../img/story/img_story-01_figure_09_sp.png) no-repeat;
        background-size: cover; }
      .story-content__img--02-02 {
        padding-top: 69%;
        background: url(../img/story/img_story-02_figure_02_sp.png) no-repeat;
        background-size: cover; }
      .story-content__img--02-04 {
        padding-top: 69%;
        background: url(../img/story/img_story-02_figure_04_sp.png) no-repeat;
        background-size: cover; }
      .story-content__img--02-05 {
        padding-top: 69%;
        background: url(../img/story/img_story-02_figure_05_sp.png) no-repeat;
        background-size: cover; }
      .story-content__img--02-06 {
        padding-top: 69%;
        background: url(../img/story/img_story-02_figure_06_sp.png) no-repeat;
        background-size: cover; }
      .story-content__img--02-07 {
        padding-top: 69%;
        background: url(../img/story/img_story-02_figure_07_sp.png) no-repeat;
        background-size: cover; }
      .story-content__img--02-08 {
        padding-top: 69%;
        background: url(../img/story/img_story-02_figure_08_sp.png) no-repeat;
        background-size: cover; }
      .story-content__img--02-09 {
        padding-top: 69%;
        background: url(../img/story/img_story-02_figure_09_sp.png) no-repeat;
        background-size: cover; }
      .story-content__txt {
        width: 100%;
        min-width: auto;
        padding: 0;
        line-height: 1.8; }
      .story-content__copy {
        font-size: 1.3rem;
        margin: 20px 0; }
  .story01 .container--story-each--01 {
    padding-top: 60px;
    background-size: 105% auto;
    background-position: top left; }
  .story01 .content:before {
    font-size: 8rem;
    letter-spacing: .1em;
    text-align: center; }
    .story01 .story-content__notes {
      font-size: 1rem; }
    .story01 .story-content__cont--bold {
      margin-top: 25px;
      font-size: 1.3rem; }
  .story01 .story-outline {
    margin: 0 calc((100vw - 100%) / 2 * -1); }
  .story01 .story-content__img {
    display: none; }
    .story01 .story-content__img--01-03, .story01 .story-content__img--01-06, .story01 .story-content__img--01-09 {
      margin-left: 0 !important; }
    .story01 .story-content__img--01-10 {
      padding-top: 69%;
      background: url(../img/story/img_story-01_figure_10_sp.png) center/cover no-repeat; }
  .story01 .story-content__img-pc {
    max-width: none;
    width: auto;
    margin: 0 calc((100vw - 100%) / 2 * -1) 25px; }
    .q-and-a-link-wrap {
      width: 100%;
      padding: 0 20px;
      margin: 0 auto 20px; }
    .q-and-a-link {
      width: 48%; }
      .q-and-a-link a {
        width: 100%;
        font-size: 1.2rem;
        line-height: 1.2; }
    .q-and-a-section {
      padding: 0 10px 0 0; }
      .q-and-a-section__ttl {
        font-size: 1.4rem;
        padding-left: 0;
        margin-bottom: 30px; }
          .q-and-a-section__ttl p::after {
            width: 100%;
            height: 10px; }
    .q-and-a-box {
      width: 100%;
      padding: 15px 0; }
      .q-and-a-box__ttl {
        font-size: 1.3rem; }
        .q-and-a-box__ttl p {
          padding-right: 30px;
          display: block; }
          .q-and-a-box__ttl p::after {
            width: 19px;
            height: 11px;
            top: calc(50% - 5px); }
      .q-and-a-box__cont {
        padding: 20px 20px 10px 20px; }
      .q-and-a-box dl {
        display: block; }
        .q-and-a-box dl dt {
          width: 100%; }
        .q-and-a-box dl dd {
          width: 100%; }
    .q-and-a-menu {
      width: 50%; }
      .q-and-a-menu__in {
        display: block; }
      .q-and-a-menu__btn {
        width: 100%;
        height: 46px;
        background: rgba(0, 0, 0, 0.7);
        font-size: 1.8rem; }
        .q-and-a-menu__btn p {
          -webkit-transform: rotate(0) translateX(0) translateY(0);
                  transform: rotate(0) translateX(0) translateY(0); }
      .q-and-a-menu__link {
        -webkit-transform: translateX(0%);
                transform: translateX(0%);
        display: none; }
      .q-and-a-menu__item {
        font-size: 1.2rem; }
    .profile-link-wrap {
      width: 100%;
      padding: 0 20px; }
      .profile-link-wrap__notice {
        width: 100%;
        padding: 0 20px;
        font-size: .7rem;
        margin: 0 auto 50px; }
    .profile-link {
      width: 48%; }
      .profile-link a {
        width: 100%;
        font-size: 1.2rem;
        line-height: 1.2; }
          .profile-link a span::before {
            top: 0px; }
    .profile-table-section {
      margin: 0 auto 50px; }
      .profile-table-section:last-child {
        margin: 0 auto; }
      .profile-table-section__ttl {
        font-size: 1.4rem;
        margin-bottom: 30px;
        padding-left: 20px; }
          .profile-table-section__ttl p::after {
            width: 200%;
            height: 10px;
            left: -20px;
            -webkit-transform: translateX(0);
                    transform: translateX(0); }
    .profile-table {
      padding: 0; }
      .profile-table__ttl {
        width: 20%; }
      .profile-table__cont {
        width: 80%; }
  .profile-table--02 .profile-table__list {
    display: block; }
    .profile-table--02 .profile-table__ttl {
      width: 100%; }
    .profile-table--02 .profile-table__cont {
      width: 100%;
      padding-left: 10%; }
    .magazine-link-wrap {
      width: 100%;
      padding: 0 20px;
      margin: 0 auto;
      display: block; }
    .magazine-link {
      width: 80%;
      margin: 0 auto; }
      .magazine-link a {
        width: 100%;
        font-size: 1.2rem;
        line-height: 1.2; }
    .magazine-ttl {
      padding: 0 10px 0 0;
      margin: 30px 0 0;
      display: block; }
      .magazine-ttl__en {
        font-size: 1.4rem;
        padding-left: 0;
        margin-bottom: 30px;
        width: 100%; }
          .magazine-ttl__en p::after {
            width: 100%;
            height: 10px; }
      .magazine-ttl__lead {
        width: 100%;
        padding: 0; }
    .magazine-backnumber__in {
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      margin: 50px auto 0px; }
    .magazine-backnumber__txt {
      margin: 30px 0; }
    .magazine-backnumber-item {
      width: 100px;
      height: 121px;
      margin: 0 5px 30px; }
      .magazine-backnumber-item__en {
        font-size: 1.8rem; }
      .magazine-backnumber-item__num {
        font-size: 2.6rem; }
      .magazine-backnumber-item__ja {
        font-size: 1.1rem;
        line-height: 1.5; }
    .magazine-slide {
      margin-top: 40px; }
    .magazine-slide__box {
      width: 100%; }
    .magazine-movie {
      margin-bottom: 40px; }
      .magazine-movie::before {
        height: 80%; }
      .magazine-movie__in {
        display: block;
        padding: 20px; }
      .magazine-movie__message {
        font-size: 1.2rem;
        margin: 40px 0; }
    .magazine-movie-txt {
      margin: 50px 15px 0; }
      .magazine-movie-txt--01::after {
        top: -55px; }
        .magazine-movie-txt--02::after {
          margin: 50px 15px 0;
          top: -100px; }
      .magazine-movie-txt--03::after {
        top: -55px; }
      .magazine-movie-txt__ttl {
        font-size: 1.7rem; }
        .magazine-movie-txt__ttl::after {
          display: none; }
      .magazine-movie-txt__desc {
        font-size: 1.3rem; }
      .magazine-video__in {
        width: 85%;
        margin-top: 10px; }
      .magazine-video__closebtn {
        width: 40px;
        height: 40px;
        right: 0px;
        top: -60px; } }
    @media screen and (max-width: 320px) {
      .content:before {
        font-size: 6rem; }
      .content-flex__left {
        padding: 0 10px; }
      .content-flex__right {
        padding: 0 10px; }
      .content-flex__list {
        padding-left: 0; }
      .intern-flex__left {
        padding: 0 10px; }
      .intern-flex__right {
        padding: 0 10px; }
    .people-nav-link-notice {
      font-size: 1rem;
      top: 73.66483%; }
      .people-index-content-person__txt {
        font-size: 1.1rem; } }

/*# sourceMappingURL=style.css.map */