@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@500;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Teko:wght@500&display=swap);
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

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

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}

/**
 * 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 size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

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

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

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

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[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
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 1.4rem
}

ul,
ol {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style: none
}

a {
  text-decoration: none
}

p {
  margin: 0
}

html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-size: 62.5%;
  line-height: 1.5;
  letter-spacing: .2em
}

body {
  font-size: 1.4em;
  font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-weight: 500;
  color: #000;
  font-feature-settings: "palt"1
}

@media screen and (max-width: 768px) {
  body {
    font-size: 1.4em
  }
}

.u-center {
  text-align: center
}

.u-left {
  text-align: left
}

.u-right {
  text-align: right
}

.u-d-ib {
  display: inline-block
}

.u-d-b {
  display: block
}

.u-mt-0 {
  margin-top: 0px !important
}

.u-mr-0 {
  margin-right: 0px !important
}

.u-mb-0 {
  margin-bottom: 0px !important
}

.u-ml-0 {
  margin-left: 0px !important
}

.u-mt-1 {
  margin-top: 10px !important
}

.u-mr-1 {
  margin-right: 10px !important
}

.u-mb-1 {
  margin-bottom: 10px !important
}

.u-ml-1 {
  margin-left: 10px !important
}

.u-mt-2 {
  margin-top: 20px !important
}

.u-mr-2 {
  margin-right: 20px !important
}

.u-mb-2 {
  margin-bottom: 20px !important
}

.u-ml-2 {
  margin-left: 20px !important
}

.u-mt-3 {
  margin-top: 30px !important
}

.u-mr-3 {
  margin-right: 30px !important
}

.u-mb-3 {
  margin-bottom: 30px !important
}

.u-ml-3 {
  margin-left: 30px !important
}

.u-mt-4 {
  margin-top: 40px !important
}

.u-mr-4 {
  margin-right: 40px !important
}

.u-mb-4 {
  margin-bottom: 40px !important
}

.u-ml-4 {
  margin-left: 40px !important
}

.u-mt-5 {
  margin-top: 50px !important
}

.u-mr-5 {
  margin-right: 50px !important
}

.u-mb-5 {
  margin-bottom: 50px !important
}

.u-ml-5 {
  margin-left: 50px !important
}

.u-mt-6 {
  margin-top: 60px !important
}

.u-mr-6 {
  margin-right: 60px !important
}

.u-mb-6 {
  margin-bottom: 60px !important
}

.u-ml-6 {
  margin-left: 60px !important
}

.u-mt-7 {
  margin-top: 70px !important
}

.u-mr-7 {
  margin-right: 70px !important
}

.u-mb-7 {
  margin-bottom: 70px !important
}

.u-ml-7 {
  margin-left: 70px !important
}

.u-mt-8 {
  margin-top: 80px !important
}

.u-mr-8 {
  margin-right: 80px !important
}

.u-mb-8 {
  margin-bottom: 80px !important
}

.u-ml-8 {
  margin-left: 80px !important
}

.u-mt-9 {
  margin-top: 90px !important
}

.u-mr-9 {
  margin-right: 90px !important
}

.u-mb-9 {
  margin-bottom: 90px !important
}

.u-ml-9 {
  margin-left: 90px !important
}

.u-pt-0 {
  padding-top: 0px !important
}

.u-pr-0 {
  padding-right: 0px !important
}

.u-pb-0 {
  padding-bottom: 0px !important
}

.u-pl-0 {
  padding-left: 0px !important
}

.u-pt-1 {
  padding-top: 10px !important
}

.u-pr-1 {
  padding-right: 10px !important
}

.u-pb-1 {
  padding-bottom: 10px !important
}

.u-pl-1 {
  padding-left: 10px !important
}

.u-pt-2 {
  padding-top: 20px !important
}

.u-pr-2 {
  padding-right: 20px !important
}

.u-pb-2 {
  padding-bottom: 20px !important
}

.u-pl-2 {
  padding-left: 20px !important
}

.u-pt-3 {
  padding-top: 30px !important
}

.u-pr-3 {
  padding-right: 30px !important
}

.u-pb-3 {
  padding-bottom: 30px !important
}

.u-pl-3 {
  padding-left: 30px !important
}

.u-pt-4 {
  padding-top: 40px !important
}

.u-pr-4 {
  padding-right: 40px !important
}

.u-pb-4 {
  padding-bottom: 40px !important
}

.u-pl-4 {
  padding-left: 40px !important
}

.u-pt-5 {
  padding-top: 50px !important
}

.u-pr-5 {
  padding-right: 50px !important
}

.u-pb-5 {
  padding-bottom: 50px !important
}

.u-pl-5 {
  padding-left: 50px !important
}

.u-pt-6 {
  padding-top: 60px !important
}

.u-pr-6 {
  padding-right: 60px !important
}

.u-pb-6 {
  padding-bottom: 60px !important
}

.u-pl-6 {
  padding-left: 60px !important
}

.u-pt-7 {
  padding-top: 70px !important
}

.u-pr-7 {
  padding-right: 70px !important
}

.u-pb-7 {
  padding-bottom: 70px !important
}

.u-pl-7 {
  padding-left: 70px !important
}

.u-pt-8 {
  padding-top: 80px !important
}

.u-pr-8 {
  padding-right: 80px !important
}

.u-pb-8 {
  padding-bottom: 80px !important
}

.u-pl-8 {
  padding-left: 80px !important
}

.u-pt-9 {
  padding-top: 90px !important
}

.u-pr-9 {
  padding-right: 90px !important
}

.u-pb-9 {
  padding-bottom: 90px !important
}

.u-pl-9 {
  padding-left: 90px !important
}

.u-sp {
  display: none
}

@media screen and (max-width: 768px) {
  .u-sp {
    display: block
  }
}

.u-sp--ib {
  display: none
}

@media screen and (max-width: 768px) {
  .u-sp--ib {
    display: inline-block
  }
}

@media screen and (max-width: 768px) {
  .u-pc {
    display: none
  }
}

.btn,
.btn-border--white,
.btn--white,
.btn-border {
  display: inline-block;
  padding: .5em 3em;
  position: relative;
  font-size: 1.6rem
}

.btn .icon,
.btn-border--white .icon,
.btn--white .icon,
.btn-border .icon {
  position: absolute;
  top: 50%;
  right: .5em;
  margin-top: -0.5em
}

.btn,
.btn-border--white,
.btn--white,
.btn-border {
  background-color: #000;
  color: #fff
}

.btn:hover,
.btn-border--white:hover,
.btn--white:hover,
.btn-border:hover {
  background-color: #fff;
  color: #000
}

.btn-border {
  border: 2px solid #000;
  background-color: transparent;
  color: #000
}

.btn-border:hover {
  background-color: #000;
  color: #fff
}

.btn--white {
  background-color: #fff;
  color: #fff
}

.btn--white:hover {
  background-color: #fff;
  color: #fff
}

.btn-border--white {
  border: 2px solid #fff;
  background-color: transparent;
  color: #fff
}

.btn-border--white:hover {
  background-color: #fff;
  color: #000
}

.container {
  max-width: 1000px;
  margin: 0 auto
}

@media screen and (max-width: 1040px) {
  .container {
    padding-right: 20px;
    padding-left: 20px
  }
}

.container--wide {
  max-width: 1200px;
  margin: 0 auto
}

@media screen and (max-width: 1240px) {
  .container--wide {
    padding-right: 20px;
    padding-left: 20px
  }
}

.container--thin {
  max-width: 800px;
  margin: 0 auto
}

@media screen and (max-width: 840px) {
  .container--thin {
    padding-right: 20px;
    padding-left: 20px
  }
}

.hero {
  position: relative
}

.hero__img {
  width: 100%;
  height: auto;
  vertical-align: top
}

.hero__title {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  color: #fff;
  line-height: 1.2
}

.hero__title .en {
  font-family: "Teko", sans-serif;
  font-size: 3.2rem;
  letter-spacing: .1em;
  text-align: center
}

.hero__title .jp {
  font-size: 3.6rem
}

@media screen and (max-width: 768px) {
  .hero__title .en {
    font-size: 1.8rem
  }

  .hero__title .jp {
    font-size: 2rem
  }
}

.bg-hero {
  position: relative;
  background-color: #3c4650;
  height: 50vw;
  max-height: 350px;
  overflow: hidden
}

.bg-hero__title {
  padding: 2em 0;
  margin: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  color: #fff;
  line-height: 1.2
}

.bg-hero__title .en {
  font-family: "Teko", sans-serif;
  font-size: 3.2rem;
  letter-spacing: .1em
}

.bg-hero__title .jp {
  font-size: 3.6rem
}

@media screen and (max-width: 768px) {
  .bg-hero {
    height: 40vw
  }

  .bg-hero__title .en {
    font-size: 1.8rem
  }

  .bg-hero__title .jp {
    font-size: 2rem
  }
}

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

.l-wrap {
  overflow: hidden
}

.l-fixed-contents {
  width: 20%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  box-sizing: border-box
}

.l-scroll-contents {
  padding-left: 20%
}

@media screen and (max-width: 768px) {
  .l-fixed-contents {
    width: 100%;
    height: auto
  }

  .l-scroll-contents {
    padding-left: 0
  }
}

.link-sub {
  background-color: #fff;
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding: 3em 0
}

.link-sub.bg_gray {
  background-color: #3c4650
}

.link-sub .link-btn {
  width: calc(100% / 3);
  max-width: 275px;
  margin: 2em .2em
}

.link-sub .link-btn a {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 1.5em 1em;
  border: 1px solid #3c4650;
  background-color: #ebeced;
  color: #000;
  transition: .5s;
  height: 100%;
  box-sizing: border-box
}

.link-sub .link-btn a div {
  display: flex;
  flex-direction: column
}

.link-sub .link-btn a .link-btn-icon {
  width: 1em;
  position: relative
}

.link-sub .link-btn a .link-btn-icon::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

.link-sub .link-btn a:hover {
  background-color: #fff
}

.link-sub .link-btn__en {
  font-size: 1.2rem;
  font-family: "Teko", sans-serif;
  letter-spacing: .05em
}

.link-sub .link-btn__jp {
  font-size: 1.6rem
}

@media screen and (max-width: 768px) {
  .link-sub {
    flex-direction: column;
    align-items: center
  }

  .link-sub .link-btn {
    width: 80%;
    margin: .25em
  }
}

.menu-main {
  padding: 1em 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center
}

.menu-main a {
  color: #000
}

.menu-main a:hover {
  color: gray
}

.menu-main__parent {
  width: 100%
}

.menu-main__parent>li {
  padding: .5em 16% .5em 0;
  margin-left: 16%
}

.menu-main__parent>li._margin-top {
  margin-top: 1.6em
}

.menu-main__parent>li.has-child:hover {
  background-color: #3c4650;
  padding-left: 1em;
  color: #fff
}

.menu-main__parent>li.has-child:hover .menu-main__child {
  display: flex
}

.menu-main__child {
  display: none;
  flex-direction: row;
  position: absolute;
  top: -22vh;
  left: 100%
}

@media screen and (max-width: 768px) {
  .menu-main__child {
    top: 0;
    opacity: 0
  }
}

.menu-main__child .tap {
  display: none
}

@media screen and (max-width: 768px) {
  .menu-main__child .tap {
    display: block;
    width: 15vw;
    height: 100vh
  }
}

.menu-main__child .text {
  display: flex;
  justify-content: center;
  flex-direction: column;
  height: 100vh;
  padding-left: 20%;
  padding-right: 20%;
  padding-bottom: 3em;
  background-color: #3c4650;
  box-sizing: border-box;
  white-space: nowrap
}

@media screen and (max-width: 768px) {
  .menu-main__child .text {
    width: 85vw;
    padding-left: 10%;
    padding-right: 10%;
    padding-top: 2em;
    padding-bottom: 20%;
    height: 82vh
  }
}

@media screen and (max-width: 768px) {
  .menu-main__child .text__inner {
    height: 100%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
  }
}

.menu-main__child .close-icon {
  display: none;
  color: #fff;
  font-size: 2.5rem
}

@media screen and (max-width: 768px) {
  .menu-main__child .close-icon {
    display: block
  }
}

.menu-main__child a {
  color: #fff
}

.menu-main__child .title {
  font-size: 1.6rem;
  font-weight: 500;
  margin-bottom: 3em;
  color: #fff
}

@media screen and (max-width: 768px) {
  .menu-main__child .title {
    font-size: 5vw
  }
}

.menu-main__child .title .en {
  display: block;
  margin-bottom: .5em;
  padding-bottom: .5em;
  font-family: "Teko", sans-serif;
  font-size: 3.2rem;
  line-height: 1.25em;
  position: relative
}

.menu-main__child .title .en::after {
  content: "";
  display: block;
  width: 1em;
  height: 2px;
  background-color: #fff;
  position: absolute;
  bottom: 0;
  left: 0
}

@media screen and (max-width: 768px) {
  .menu-main__child .title .en {
    font-size: 8vw
  }
}

.menu-main__child .list li {
  margin-bottom: 1em
}

@media screen and (max-width: 768px) {
  .menu-main {
    flex-grow: 2
  }
}

.menu-footer {
  display: flex;
  flex-wrap: wrap;
  border-top: 1px solid #c5c8cb
}

.menu-footer li {
  width: 50%;
  border-bottom: 1px solid #c5c8cb;
  box-sizing: border-box
}

.menu-footer li._wide {
  width: 100%
}

.menu-footer li._border {
  border-right: 1px solid #c5c8cb
}

.menu-footer a {
  display: block;
  padding: 1em;
  color: #000;
  text-align: center;
  background-color: #fff
}

.menu-footer a:hover {
  background-color: #eee
}

.menu-sp {
  display: none;
  background: none;
  border: none;
  outline: none
}

.menu-sp span {
  display: block;
  width: 2.5em;
  height: 4px;
  background-color: #000;
  margin: 5px 0;
  transition: .4s
}

.menu-sp.is-active span:nth-of-type(1) {
  transform: translateY(9px) rotate(45deg)
}

.menu-sp.is-active span:nth-of-type(2) {
  opacity: 0
}

.menu-sp.is-active span:nth-of-type(3) {
  transform: translateY(-9px) rotate(-45deg)
}

@media screen and (max-width: 768px) {
  .menu-sp {
    display: block
  }
}

.section_top-read {
  padding: 2em
}

.section_top-read p {
  line-height: 2.5em;
  max-width: 776px;
  margin: 2em auto;
  letter-spacing: .08em;
  text-align: justify
}

@media screen and (max-width: 768px) {
  .section_top-read {
    width: 100%;
    padding: 1.5em;
    box-sizing: border-box
  }

  .section_top-read p {
    line-height: 2em
  }
}

.section_top-read.bg_white {
  background-color: #fff
}

.section_top-read.bg_white p {
  color: #000
}

.section_top-read.bg_gray {
  background-color: #3c4650
}

.section_top-read.bg_gray p {
  color: #fff
}

.site-footer__menu {
  padding: 6em 8em;
  background-color: #191e32;
  font-size: 1.2rem;
  display: flex
}

@media screen and (max-width: 1450px) {
  .site-footer__menu {
    padding-left: 7%;
    padding-right: 7%;
    font-size: .85vw
  }
}

@media screen and (max-width: 768px) {
  .site-footer__menu {
    display: none
  }
}

.site-footer__menu a {
  color: #fff
}

.site-footer__menu a:hover {
  color: #c6c7cc
}

.site-footer__menu__dl {
  margin-right: 5em
}

@media screen and (max-width: 1450px) {
  .site-footer__menu__dl {
    margin-right: 5%
  }
}

.site-footer__menu__dl:last-child {
  margin-right: 0
}

.site-footer__menu__dl dt {
  padding-bottom: .75em;
  margin-bottom: 1.25em;
  color: #a3a5ad;
  position: relative
}

.site-footer__menu__dl dt::after {
  content: "";
  display: block;
  width: 1.5em;
  height: 1px;
  background-color: #a3a5ad;
  position: absolute;
  bottom: 0;
  left: 0
}

.site-footer__menu__dl dd {
  margin-left: 0;
  margin-bottom: 4em
}

.site-footer__menu__list li {
  margin-bottom: .5em;
  white-space: nowrap
}

.site-footer__menu__list a {
  display: block
}

.site-footer__bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 2em 4em;
  background-color: #000;
  color: #fff;
  font-size: 1.2rem
}

.site-footer__bottom a {
  color: #fff
}

.site-footer__bottom a:hover {
  color: #c6c7cc
}

.site-footer__bottom__menu {
  display: flex
}

.site-footer__bottom__menu li {
  margin-right: 2em
}

@media screen and (max-width: 768px) {
  .site-footer__bottom {
    padding: 2em;
    flex-direction: column
  }

  .site-footer__bottom__menu {
    flex-wrap: wrap;
    justify-content: center
  }

  .site-footer__bottom__menu li {
    margin: 0 .75em .75em;
    text-align: center
  }

  .site-footer__bottom__menu li._wide {
    width: 100%
  }

  .site-footer__bottom .copyright {
    margin-top: 1em
  }
}

.site-header {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  z-index: 1000
}

.site-header__top {
  height: 22%;
  display: flex
}

.site-header .logo {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  box-sizing: border-box
}

.site-header .logo img {
  max-height: 100%
}

.site-header .logo-img--sp {
  display: none
}

.site-header__bottom {
  height: 78%;
  display: flex;
  flex-direction: column;
  justify-content: space-between
}

@media screen and (max-width: 768px) {
  .site-header__top {
    display: flex;
    justify-content: space-between;
    padding: 1em;
    box-sizing: border-box;
    background-color: #fff;
    height: 10vh
  }

  .site-header .logo {
    justify-content: flex-start
  }

  .site-header .logo-img {
    display: none
  }

  .site-header .logo-img--sp {
    display: block
  }

  .site-header__bottom {
    height: 75vh;
    background-color: #fff
  }
}

.contact_index .contents-block {
  display: flex;
  justify-content: center;
  align-items: center
}

@media screen and (max-width: 768px) {
  .contact_index .contents-block {
    flex-direction: column;
    padding: 1em !important
  }
}

.contact_index .free-dial {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-left: 3.5em
}

.contact_index .free-dial__title {
  font-size: 1.6rem;
  font-weight: bold;
  color: #be0000
}

.contact_index .free-dial__tel {
  font-size: 4rem;
  font-weight: bold;
  color: #be0000
}

.contact_index .free-dial__icon {
  margin-right: .25em
}

@media screen and (max-width: 768px) {
  .contact_index .free-dial {
    align-items: center;
    margin-left: 0
  }

  .contact_index .free-dial__tel {
    font-size: 2.4rem;
    display: flex;
    align-items: center;
    justify-content: center
  }

  .contact_index .free-dial__icon {
    margin-right: .5em;
    width: 35px;
    height: auto
  }
}

.contact_index .free-dial-l_title {
  font-size: 2rem;
  line-height: 1.5em
}

@media screen and (max-width: 768px) {
  .contact_index .table {
    table-layout: fixed
  }

  .contact_index .table.u-sp {
    display: table
  }

  .contact_index .table thead th {
    font-size: 1.3rem;
    padding: .5em 0
  }

  .contact_index .table .th {
    font-weight: normal;
    font-size: 1.3rem
  }
}

.contact_index img {
  margin: 0 auto
}

.female-interview .section {
  padding: 1.5em
}

.female-interview .section-wrap {
  max-width: 1038px;
  margin: 0 auto
}

.female-interview .section_inner {
  max-width: 876px;
  margin: 0 auto
}

.female-interview .text_right {
  text-align: right
}

.female-interview h3 {
  font-size: 2rem;
  font-weight: bold
}

.female-interview .tab_menu {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  padding-top: 5em;
  background-color: #3c4650;
  align-items: stretch
}

.female-interview .tab_menu li {
  width: calc(100% / 4);
  max-width: 220px
}

.female-interview .tab_menu li a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #000;
  color: #636b73;
  padding: 3em 1em;
  box-sizing: border-box;
  height: 100%;
  border-bottom: 1px solid #636b73;
  border-left: 1px solid #636b73
}

.female-interview .tab_menu li a.is-active {
  background-color: #fff;
  color: #000;
  border-bottom: 0;
  border-left: 0
}

.female-interview .tab_menu li a .tab_menu_number {
  font-family: "Teko", sans-serif;
  font-size: 9rem;
  line-height: 1em
}

.female-interview .tab_menu li a .tab_menu__cat {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1em;
  text-align: center;
  height: 100%;
  display: flex;
  align-items: center
}

.female-interview .tab_menu li a .tab_menu__cat .u-sp {
  display: none
}

.female-interview .tab_menu li a .tab_menu__cat span {
  font-size: 1.4rem;
  font-weight: normal
}

.female-interview .tab_menu li:first-of-type a {
  border-bottom: 0;
  border-left: 0
}

@media screen and (max-width: 768px) {
  .female-interview .tab_menu {
    padding-top: 0
  }

  .female-interview .tab_menu li {
    width: calc(95% / 4)
  }

  .female-interview .tab_menu li a {
    flex-direction: column;
    justify-content: flex-start;
    padding: .5em .2em
  }

  .female-interview .tab_menu li a .tab_menu_number {
    font-size: 5rem;
    margin: 0
  }

  .female-interview .tab_menu li a .tab_menu__cat {
    font-size: 1.3rem;
    letter-spacing: 0em
  }

  .female-interview .tab_menu li a .tab_menu__cat span {
    font-size: 1.2rem
  }

  .female-interview .tab_menu li a .tab_menu__cat .u-sp {
    display: block
  }
}

.female-interview .contents-title {
  padding-top: 5em;
  padding-bottom: 5em;
  text-align: center
}

.female-interview .contents-title__number {
  font-family: "Teko", sans-serif;
  display: flex;
  flex-direction: column
}

.female-interview .contents-title__number__en {
  font-size: 3.2rem;
  line-height: 1em
}

.female-interview .contents-title__number__number {
  font-size: 16rem;
  line-height: 1em
}

.female-interview .contents-title h2 {
  font-size: 3.6rem;
  font-weight: bold;
  margin: 0
}

@media screen and (max-width: 768px) {
  .female-interview .contents-title {
    padding-top: 2em;
    padding-bottom: 2em
  }

  .female-interview .contents-title__number__en {
    font-size: 2.2rem
  }

  .female-interview .contents-title__number__number {
    font-size: 10.6rem
  }
}

.female_interview_block {
  max-width: 1400px;
  margin: 0 6vw 5px
}

@media screen and (max-width: 768px) {
  .female_interview_block {
    overflow: visible;
    margin: 0 1em 40px
  }
}

.female_interview_block__inner {
  color: #fff;
  padding: 4em;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between
}

@media screen and (max-width: 768px) {
  .female_interview_block__inner {
    flex-direction: column
  }
}

.female_interview_block__inner .text_area {
  color: #fff;
  width: 50%;
  padding-bottom: 2em
}

@media screen and (max-width: 768px) {
  .female_interview_block__inner .text_area {
    order: 1;
    width: 100%
  }
}

.female_interview_block__inner .text_area p {
  text-align: justify;
  line-height: 2em;
  margin-top: 2em
}

.female_interview_block__inner .img_area {
  width: 45%;
  display: flex;
  align-items: center
}

@media screen and (max-width: 768px) {
  .female_interview_block__inner .img_area {
    order: 2;
    width: 100%;
    margin-bottom: -60px;
    justify-content: center
  }
}

.female_interview_block__inner .img_area .img {
  width: 100%
}

.female_interview_block__inner .interview_block_title {
  display: flex;
  flex-direction: row;
  align-items: flex-end
}

@media screen and (max-width: 768px) {
  .female_interview_block__inner .interview_block_title {
    flex-direction: column;
    align-items: center
  }
}

.female_interview_block__inner .interview_block_title__num {
  font-family: "Teko", sans-serif;
  display: flex;
  flex-direction: column;
  align-items: center
}

.female_interview_block__inner .interview_block_title__num .en {
  font-size: 2.4rem;
  line-height: 1em;
  display: inline;
  margin-bottom: 1em
}

@media screen and (max-width: 768px) {
  .female_interview_block__inner .interview_block_title__num .en {
    font-size: 1.8rem
  }
}

.female_interview_block__inner .interview_block_title__num .num {
  font-size: 10rem;
  line-height: .5em;
  display: inline
}

@media screen and (max-width: 768px) {
  .female_interview_block__inner .interview_block_title__num .num {
    font-size: 7.4rem
  }
}

.female_interview_block__inner .interview_block_title .jp {
  font-size: 2rem;
  margin-left: 1em;
  letter-spacing: 0em;
  margin-top: 1em
}

@media screen and (max-width: 768px) {
  .female_interview_block__inner .interview_block_title .jp {
    text-align: center;
    margin-left: 0;
    font-size: 5vw
  }
}

.block-odd {
  background-color: #3c4650
}

.block-odd .female_interview_block__inner {
  padding: 4em 0 4em 4em;
  margin-right: -6vw
}

@media screen and (max-width: 768px) {
  .block-odd .female_interview_block__inner {
    padding: 2em;
    margin-right: 0
  }
}

.block-even {
  background-color: #636b73
}

.block-even .female_interview_block__inner {
  padding: 4em 4em 4em 0;
  margin-left: -6vw
}

@media screen and (max-width: 768px) {
  .block-even .female_interview_block__inner {
    padding: 2em;
    margin-left: 0
  }
}

.fem_faq .section_contents {
  background-color: #ebeced;
  padding: 5vw
}

.fem_faq .section_contents .contents_wrap {
  display: flex;
  justify-content: space-between;
  max-width: 876px;
  margin: 0 auto
}

.fem_faq .section_contents .contents_wrap .wrap_col {
  width: calc((100% - 8px) / 2)
}

@media screen and (max-width: 768px) {
  .fem_faq .section_contents .contents_wrap {
    flex-direction: column
  }

  .fem_faq .section_contents .contents_wrap .wrap_col {
    width: 100%
  }
}

.fem_faq .section_contents .contents_faq {
  max-width: 876px;
  margin: 5px auto 0;
  background-color: #fff
}

.fem_faq .section_contents .contents_faq .faq_title {
  background-color: #3c4650;
  color: #fff;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 1em .5em
}

.fem_faq .section_contents .contents_faq .faq_title .num {
  font-size: 10rem;
  font-family: "Teko", sans-serif;
  margin-bottom: -0.15em;
  margin-left: .5em
}

.fem_faq .section_contents .contents_faq .faq_title .jp {
  font-size: 2.4rem;
  font-weight: bold;
  margin-left: 1em
}

@media screen and (max-width: 768px) {
  .fem_faq .section_contents .contents_faq .faq_title {
    padding: .5em 2em
  }

  .fem_faq .section_contents .contents_faq .faq_title .num {
    font-size: 8.3rem;
    margin-left: 0
  }

  .fem_faq .section_contents .contents_faq .faq_title .jp {
    font-size: 2rem;
    letter-spacing: 0em
  }
}

.fem_faq .section_contents .contents_faq .faq_detail {
  padding: 1em 3em
}

.fem_faq .section_contents .contents_faq .faq_detail.inner_wrap {
  display: flex;
  justify-content: space-between
}

.fem_faq .section_contents .contents_faq .faq_detail.inner_wrap .inner_col {
  width: 45%
}

@media screen and (max-width: 768px) {
  .fem_faq .section_contents .contents_faq .faq_detail.inner_wrap {
    flex-direction: column
  }

  .fem_faq .section_contents .contents_faq .faq_detail.inner_wrap .inner_col {
    width: 100%
  }
}

.fem_faq .section_contents .contents_faq .faq_detail .img_wrap {
  margin: 2em 0
}

.fem_faq .section_contents .contents_faq .faq_detail .img_wrap .w_min {
  width: 80%;
  height: auto
}

.fem_faq .section_contents .contents_faq .faq_detail .img_wrap .mt_img {
  margin-top: 2em
}

.fem_faq .section_contents .contents_faq .faq_detail .img_wrap .mt_img_2 {
  margin-top: 4em
}

@media screen and (max-width: 768px) {
  .fem_faq .section_contents .contents_faq .faq_detail .img_wrap .w_min {
    width: 100%
  }
}

.fem_faq .section_contents .contents_faq .faq_detail .align_l_img {
  text-align: left
}

.fem_faq .section_contents .contents_faq .faq_detail .align_r_img {
  text-align: right
}

.fem_faq .section_contents .contents_faq .faq_detail .align_c_img {
  text-align: center
}

@media screen and (max-width: 768px) {
  .fem_faq .section_contents .contents_faq .faq_detail .align_c_img .u-sp {
    display: inline-block
  }
}

.fem_faq .section_contents .contents_faq .faq_detail .desc {
  display: block;
  margin: .5em 0
}

.fem_faq .section_contents .contents_faq .faq_detail dl dt {
  font-size: 2rem;
  font-weight: bold;
  color: #be0000
}

.fem_faq .section_contents .contents_faq .faq_detail dl dd {
  margin-left: 0
}

.fem_faq .section_contents .contents_faq .faq_detail .dl_content {
  margin-bottom: 1em
}

.fem_faq .section_contents .contents_faq .faq_detail .list_square li {
  margin-bottom: .5em;
  padding-left: 1em;
  text-indent: -1em
}

.fem_faq .section_contents .contents_faq .faq_detail .list_square li::before {
  content: "";
  display: inline-block;
  width: .5em;
  height: .5em;
  background-color: #be0000;
  margin-right: .5em;
  vertical-align: middle
}

@media screen and (max-width: 768px) {
  .fem_faq .section_contents .contents_faq .faq_detail {
    padding: 1em 1.5em
  }
}

@media screen and (max-width: 768px) {
  .fem_faq .section_contents {
    padding: 3vw
  }
}

.fem_support {
  background-color: #3c4650
}

.fem_support .section_contents {
  max-width: 766px;
  margin: 0 auto 8em
}

.fem_support .section_contents .contents_wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}

.fem_support .section_contents .contents_wrap .contents_col {
  width: calc((100% - 2em) / 2);
  background-color: #fff;
  margin-bottom: 2em;
  padding: 2em;
  box-sizing: border-box
}

.fem_support .section_contents .contents_wrap .contents_col:nth-of-type(odd) {
  margin-right: 2em
}

.fem_support .section_contents .contents_wrap .contents_col dt {
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 1em
}

.fem_support .section_contents .contents_wrap .contents_col dd {
  margin-left: 0em;
  text-align: justify
}

@media screen and (max-width: 768px) {
  .fem_support .section_contents .contents_wrap {
    margin: 0 1.5em
  }

  .fem_support .section_contents .contents_wrap .contents_col {
    width: 100%;
    margin-bottom: 1.5em
  }

  .fem_support .section_contents .contents_wrap .contents_col:nth-of-type(odd) {
    margin-right: 0em
  }
}

@media screen and (max-width: 768px) {
  .fem_support .section_contents {
    margin: 0 auto 5em
  }
}

.job_list .section_contents {
  max-width: 1038px;
  margin: 8vw auto 0
}

.job_list .job_cat {
  margin-bottom: 8vw;
  overflow: hidden
}

.job_list .job_cat__contents {
  display: flex;
  align-items: flex-start;
  margin-top: -6vw;
  max-width: 932px
}

.job_list .job_cat__contents.even_wrap {
  float: right;
  position: relative;
  z-index: 100
}

@media screen and (max-width: 768px) {
  .job_list .job_cat__contents {
    flex-direction: column
  }

  .job_list .job_cat__contents.even_wrap {
    float: none;
    align-items: flex-end
  }

  .job_list .job_cat__contents.even_wrap .job_cat__title {
    order: 1;
    float: right
  }

  .job_list .job_cat__contents.even_wrap .job_cat__list {
    order: 2
  }
}

.job_list .job_cat__title {
  background-color: #3c4650;
  color: #fff;
  display: flex;
  flex-direction: column;
  width: 30%;
  padding: 3em;
  box-sizing: border-box;
  position: relative
}

.job_list .job_cat__title .title_num {
  display: flex;
  flex-direction: column
}

.job_list .job_cat__title .en {
  font-size: 2.4rem;
  font-family: "Teko", sans-serif;
  line-height: 1em
}

.job_list .job_cat__title .num {
  font-size: 10rem;
  font-family: "Teko", sans-serif;
  line-height: 1em
}

.job_list .job_cat__title .jp {
  font-size: 3rem;
  font-weight: bold;
  margin-bottom: 1em
}

@media screen and (max-width: 768px) {
  .job_list .job_cat__title {
    width: auto;
    padding: 1em;
    width: 55%;
    flex-direction: row;
    align-items: flex-end;
    box-sizing: content-box
  }

  .job_list .job_cat__title .en {
    font-size: 1.8rem
  }

  .job_list .job_cat__title .num {
    font-size: 7.4rem
  }

  .job_list .job_cat__title .jp {
    font-size: 2rem;
    margin-bottom: 0;
    line-height: 3em;
    margin-left: .5em
  }
}

@media all and (-ms-high-contrast: none) {
  .job_list .job_cat__title {
    letter-spacing: .07em
  }
}

.job_list .job_cat__list {
  width: calc(70% - 3em);
  margin-left: 3em;
  display: flex;
  flex-wrap: wrap;
  margin-top: 12vw;
  align-items: stretch
}

.job_list .job_cat__list li {
  width: calc((100% - 5px) / 2);
  margin-bottom: 5px
}

.job_list .job_cat__list li:nth-of-type(odd) {
  margin-right: 5px
}

.job_list .job_cat__list li a {
  color: #fff;
  background-color: #3c4650;
  display: flex;
  justify-content: space-between;
  padding: .5em 1em;
  font-size: 1.8rem;
  transition: .5s;
  height: 100%;
  box-sizing: border-box;
  align-items: center
}

.job_list .job_cat__list li a .link-btn-icon::before {
  vertical-align: middle
}

.job_list .job_cat__list li a:hover {
  background-color: #262d33
}

.job_list .job_cat__list.even_col {
  margin-right: 3em;
  margin-left: 0
}

@media screen and (max-width: 768px) {
  .job_list .job_cat__list {
    width: calc(100% - 1.5em);
    margin: 2em auto
  }

  .job_list .job_cat__list li a {
    padding: 1em .5em;
    letter-spacing: .1em;
    font-size: 1.6rem
  }

  .job_list .job_cat__list.even_col {
    margin: 2em auto
  }
}

.prevention .contents {
  background-color: #3c4650;
  padding-top: 2em
}

.prevention .contents .tab_contents {
  background-color: #fff
}

.prevention .tab_menu {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  padding-top: 5em;
  align-items: stretch
}

.prevention .tab_menu li {
  width: calc(100% / 4);
  max-width: 220px
}

.prevention .tab_menu li a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #000;
  color: #636b73;
  padding: 3em 1em;
  box-sizing: border-box;
  height: 100%;
  border-bottom: 1px solid #636b73;
  border-left: 1px solid #636b73
}

.prevention .tab_menu li a.is-active {
  background-color: #fff;
  color: #000;
  border-bottom: 0;
  border-left: 0
}

.prevention .tab_menu li a .tab_menu_number {
  font-family: "Teko", sans-serif;
  font-size: 9rem;
  line-height: 1em
}

.prevention .tab_menu li a .tab_menu__cat {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1em;
  text-align: center;
  height: 100%;
  display: flex;
  align-items: center
}

.prevention .tab_menu li a .tab_menu__cat .u-sp {
  display: none
}

.prevention .tab_menu li a .tab_menu__cat span {
  font-size: 1.4rem;
  font-weight: normal
}

.prevention .tab_menu li:first-of-type a {
  border-bottom: 0;
  border-left: 0
}

@media screen and (max-width: 768px) {
  .prevention .tab_menu {
    padding-top: 0
  }

  .prevention .tab_menu li {
    width: calc(90% / 4)
  }

  .prevention .tab_menu li a {
    flex-direction: column;
    justify-content: flex-start;
    padding: .5em .2em
  }

  .prevention .tab_menu li a .tab_menu_number {
    font-size: 5rem;
    margin: 0
  }

  .prevention .tab_menu li a .tab_menu__cat {
    font-size: 1.3rem;
    letter-spacing: 0em
  }

  .prevention .tab_menu li a .tab_menu__cat span {
    font-size: 1.2rem
  }

  .prevention .tab_menu li a .tab_menu__cat .u-sp {
    display: block
  }
}

.prevention .contents-title {
  padding-top: 5em;
  padding-bottom: 5em;
  text-align: center
}

.prevention .contents-title__number {
  font-family: "Teko", sans-serif;
  display: flex;
  flex-direction: column
}

.prevention .contents-title__number__en {
  font-size: 3.2rem;
  line-height: 1em
}

.prevention .contents-title__number__number {
  font-size: 16rem;
  line-height: 1em
}

.prevention .contents-title h2 {
  font-size: 3.6rem;
  font-weight: bold;
  margin: 0
}

@media screen and (max-width: 768px) {
  .prevention .contents-title {
    padding-top: 2em;
    padding-bottom: 2em
  }

  .prevention .contents-title__number__en {
    font-size: 2.2rem
  }

  .prevention .contents-title__number__number {
    font-size: 10.6rem
  }
}

.prevention .section-wrap {
  margin: 0 1.5em
}

.prevention .section-wrap .inner_contents {
  max-width: 876px;
  margin: 0 auto
}

.prevention .section-wrap .inner_contents .list_job {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}

.prevention .section-wrap .inner_contents .list_job li {
  width: calc((100% - 3em) / 2);
  margin-bottom: 1.5em
}

.prevention .section-wrap .inner_contents .list_job li img {
  width: 100%;
  max-width: 100%;
  height: auto
}

.prevention .section-wrap .inner_contents .job_cat dt {
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 1em
}

.prevention .section-wrap .inner_contents .job_cat dd {
  margin-left: 0;
  text-align: justify
}

@media screen and (max-width: 768px) {
  .prevention .section-wrap .inner_contents .list_job {
    flex-direction: column
  }

  .prevention .section-wrap .inner_contents .list_job li {
    width: 100%
  }
}

.job_other .section_contents,
.profession .section_contents {
  max-width: 1038px;
  margin: 5vw auto
}

.job_other .contents,
.profession .contents {
  margin: 8vw 0
}

.job_other .contents__main_img img,
.profession .contents__main_img img {
  width: 100%
}

.job_other .contents__detail,
.profession .contents__detail {
  display: flex;
  justify-content: space-between;
  margin-top: -80px
}

.job_other .contents__detail .contents_title,
.profession .contents__detail .contents_title {
  width: 45%;
  max-width: 370px
}

.job_other .contents__detail .contents_title .title_area,
.profession .contents__detail .contents_title .title_area {
  background-color: #3c4650;
  color: #fff;
  width: 100%;
  padding: 2.5em 2.5em 4em;
  box-sizing: border-box;
  margin-bottom: 5px;
  display: flex;
  flex-direction: column;
  position: relative
}

@media all and (-ms-high-contrast: none) {

  .job_other .contents__detail .contents_title .title_area,
  .profession .contents__detail .contents_title .title_area {
    letter-spacing: .07em
  }
}

.job_other .contents__detail .contents_title .title_area .title_num,
.profession .contents__detail .contents_title .title_area .title_num {
  font-family: "Teko", sans-serif;
  display: flex;
  flex-direction: column
}

.job_other .contents__detail .contents_title .title_area .title_num .en,
.profession .contents__detail .contents_title .title_area .title_num .en {
  font-size: 2.4rem;
  line-height: 1em
}

.job_other .contents__detail .contents_title .title_area .title_num .num,
.profession .contents__detail .contents_title .title_area .title_num .num {
  font-size: 10rem;
  line-height: 1em
}

.job_other .contents__detail .contents_title .title_area .jp,
.profession .contents__detail .contents_title .title_area .jp {
  font-size: 3rem;
  font-weight: bold;
  line-height: 1em;
  margin-top: 1em
}

.job_other .contents__detail .contents_title .title_area .jp .min_jp,
.profession .contents__detail .contents_title .title_area .jp .min_jp {
  font-size: 2rem
}

.job_other .contents__detail .contents_text,
.profession .contents__detail .contents_text {
  width: 55%;
  margin: 10em auto 0;
  padding: 0 1.5em;
  box-sizing: border-box
}

.job_other .contents__detail .contents_text dt,
.profession .contents__detail .contents_text dt {
  font-size: 2rem;
  font-weight: bold;
  letter-spacing: .05em;
  margin-bottom: 1em
}

.job_other .contents__detail .contents_text dd,
.profession .contents__detail .contents_text dd {
  width: 100%;
  margin-left: 0
}

.job_other .contents__detail .contents_text dd p,
.profession .contents__detail .contents_text dd p {
  text-align: justify;
  margin-bottom: 1em;
  line-height: 2em
}

.job_other .contents__detail .img_wrap,
.profession .contents__detail .img_wrap {
  margin: 0 auto
}

@media screen and (max-width: 768px) {

  .job_other .contents__detail,
  .profession .contents__detail {
    flex-direction: column;
    margin-top: -20px
  }

  .job_other .contents__detail .contents_title,
  .profession .contents__detail .contents_title {
    width: 78%;
    max-width: none
  }

  .job_other .contents__detail .contents_title .title_area,
  .profession .contents__detail .contents_title .title_area {
    max-height: none;
    flex-direction: row;
    padding: 2em;
    align-items: center;
    letter-spacing: .05em
  }

  .job_other .contents__detail .contents_title .title_area .title_num,
  .profession .contents__detail .contents_title .title_area .title_num {
    margin-right: 1em
  }

  .job_other .contents__detail .contents_title .title_area .title_num .en,
  .profession .contents__detail .contents_title .title_area .title_num .en {
    font-size: 1.8rem
  }

  .job_other .contents__detail .contents_title .title_area .title_num .num,
  .profession .contents__detail .contents_title .title_area .title_num .num {
    font-size: 7.4rem
  }

  .job_other .contents__detail .contents_title .title_area .jp,
  .profession .contents__detail .contents_title .title_area .jp {
    font-size: 2rem
  }

  .job_other .contents__detail .contents_title .title_area .jp .min_jp,
  .profession .contents__detail .contents_title .title_area .jp .min_jp {
    font-size: 1.6rem
  }

  .job_other .contents__detail .contents_text,
  .profession .contents__detail .contents_text {
    width: 100%;
    margin: 1.5em auto
  }

  .job_other .contents__detail .img_wrap,
  .profession .contents__detail .img_wrap {
    margin: 0 auto 2em;
    padding: 0 1.5em
  }
}

.job_other .contents:nth-of-type(even) .contents__detail,
.profession .contents:nth-of-type(even) .contents__detail {
  flex-direction: row-reverse
}

@media screen and (max-width: 768px) {

  .job_other .contents:nth-of-type(even) .contents__detail,
  .profession .contents:nth-of-type(even) .contents__detail {
    flex-direction: column;
    align-items: flex-end
  }
}

@media screen and (max-width: 768px) {

  .job_other .contents,
  .profession .contents {
    margin: 20vw 0
  }
}

.navi .filter_shadow {
  filter: drop-shadow(0.25rem 0.25rem 0.5rem #333)
}

.navi .section_contents {
  background-color: #3c4650;
  overflow: hidden
}

.navi .section_contents__inner {
  max-width: 880px;
  margin: 0 auto;
  padding: 5vw 1.5em
}

.navi .section_contents__inner .top_block {
  position: relative;
  margin-bottom: 50px
}

.navi .section_contents__inner .top_block .l_area {
  display: inline-block;
  margin-top: 40px;
  line-height: 2;
  color: #fff
}

.navi .section_contents__inner .top_block .r_area {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  position: absolute;
  right: 0;
  top: 40px;
  margin-top: -40px
}

.navi .section_contents__inner .top_block .r_area .r_img {
  margin-left: -115px
}

.navi .section_contents__inner .top_block .r_area.second_img_wrap .r_img {
  margin-left: -98px
}

.navi .section_contents__inner .top_block .text {
  display: flex;
  flex-direction: column;
  padding-bottom: 5em
}

.navi .section_contents__inner .top_block .text .read {
  font-size: 2.8rem;
  font-weight: bold;
  color: #fff
}

.navi .section_contents__inner .top_block .text .title {
  font-family: "Teko", sans-serif;
  font-size: 16rem;
  color: #ebeced;
  opacity: .2;
  line-height: 1em;
  letter-spacing: .1em
}

@media screen and (max-width: 1000px) {
  .navi .section_contents__inner .top_block {
    position: static;
    margin-bottom: 0
  }

  .navi .section_contents__inner .top_block .r_area {
    position: static;
    margin-top: 0
  }

  .navi .section_contents__inner .top_block .r_area .text .read {
    font-size: 2rem
  }

  .navi .section_contents__inner .top_block .r_area .text .title {
    font-size: 10.6rem;
    letter-spacing: .05em
  }
}

@media screen and (max-width: 500px) {
  .navi .section_contents__inner .top_block .r_area .r_img {
    width: 58%
  }

  .navi .section_contents__inner .top_block .r_area.second_img_wrap .r_img {
    margin-left: -80px
  }
}

.navi .section_contents__inner .block_title {
  font-family: "Teko", sans-serif;
  color: #fff;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end
}

.navi .section_contents__inner .block_title__en {
  display: flex;
  flex-direction: column;
  margin-right: .25em
}

.navi .section_contents__inner .block_title__en .min_en {
  font: 3.2rem
}

.navi .section_contents__inner .block_title__en .large_en {
  font-size: 6.8rem;
  line-height: 1em
}

.navi .section_contents__inner .block_title__num {
  font-size: 16rem;
  line-height: .7em
}

@media screen and (max-width: 1000px) {
  .navi .section_contents__inner .block_title {
    justify-content: center;
    margin-top: 3em
  }

  .navi .section_contents__inner .block_title__en .min_en {
    font: 2.2rem
  }

  .navi .section_contents__inner .block_title__en .large_en {
    font-size: 4.7rem
  }

  .navi .section_contents__inner .block_title__num {
    font-size: 11.1rem
  }
}

.navi .section_contents__inner .bottom_block {
  padding: 5vw 0;
  position: relative;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start
}

.navi .section_contents__inner .bottom_block .item {
  width: 46%
}

.navi .section_contents__inner .bottom_block .item .item_number {
  font-family: "Teko", sans-serif;
  font-size: 10rem;
  color: #fff;
  line-height: 1em
}

.navi .section_contents__inner .bottom_block .item .item_text {
  color: #fff;
  margin-top: 1em;
  line-height: 2em;
  letter-spacing: .1em
}

.navi .section_contents__inner .bottom_block .item:nth-of-type(2) {
  margin-top: 12vw
}

.navi .section_contents__inner .bottom_block .item:nth-of-type(3) {
  margin-top: -20vw
}

.navi .section_contents__inner .bottom_block .item:nth-of-type(4) {
  margin-top: 5vw
}

.navi .section_contents__inner .bottom_block .item:nth-of-type(5) {
  margin-top: -20vw
}

.navi .section_contents__inner .bottom_block .item:nth-of-type(6) {
  margin-top: 5vw
}

.navi .section_contents__inner .bottom_block .item .img_people {
  margin-top: -70px
}

.navi .section_contents__inner .bottom_block .item .people_bg {
  position: relative;
  z-index: 0
}

.navi .section_contents__inner .bottom_block .item .people_bg img {
  vertical-align: bottom
}

.navi .section_contents__inner .bottom_block .item .people_bg:after {
  content: "";
  display: block;
  width: 200%;
  height: 185px;
  z-index: -1;
  background-color: #e6e6e6;
  position: absolute;
  opacity: .3
}

.navi .section_contents__inner .bottom_block .item .img_r_people {
  text-align: right;
  margin-top: 3vw;
  margin-right: -4vw
}

.navi .section_contents__inner .bottom_block .item .img_r_people:after {
  left: 5vw;
  bottom: 0
}

.navi .section_contents__inner .bottom_block .item .r_img_text {
  margin-top: -8vw;
  position: relative;
  z-index: 100;
  letter-spacing: .1em;
  max-width: 245px
}

.navi .section_contents__inner .bottom_block .item .img_l_people {
  margin-top: 5vw
}

.navi .section_contents__inner .bottom_block .item .img_l_people:after {
  left: -100%;
  bottom: 60px
}

.navi .section_contents__inner .bottom_block .item .img_l_people.bg_bottom:after {
  left: -100%;
  bottom: 0
}

.navi .section_contents__inner .bottom_block .item .img_l_people.bg_bottom img {
  margin-left: 5vw
}

@media screen and (max-width: 1000px) {
  .navi .section_contents__inner .bottom_block {
    flex-direction: column;
    position: static
  }

  .navi .section_contents__inner .bottom_block .item {
    width: 100%;
    text-align: center
  }

  .navi .section_contents__inner .bottom_block .item .item_number {
    text-align: left
  }

  .navi .section_contents__inner .bottom_block .item .item_text {
    text-align: left
  }

  .navi .section_contents__inner .bottom_block .item:nth-of-type(2) {
    margin-top: 5vw
  }

  .navi .section_contents__inner .bottom_block .item:nth-of-type(3) {
    margin-top: 15vw
  }

  .navi .section_contents__inner .bottom_block .item:nth-of-type(4) {
    margin-top: 5vw
  }

  .navi .section_contents__inner .bottom_block .item:nth-of-type(5) {
    margin-top: 5vw
  }

  .navi .section_contents__inner .bottom_block .item:nth-of-type(6) {
    margin-top: 5vw
  }

  .navi .section_contents__inner .bottom_block .item .img_people {
    margin-top: 5vw
  }

  .navi .section_contents__inner .bottom_block .item .img_r_people:after {
    left: -50%
  }

  .navi .section_contents__inner .bottom_block .item .r_img_text {
    margin-top: -15vw
  }

  .navi .section_contents__inner .bottom_block .item .img_l_people:after {
    left: -50%
  }
}

@media screen and (max-width: 800px) {
  .navi .section_contents__inner .bottom_block .item .r_img_text {
    margin-top: -15vw
  }
}

@media screen and (max-width: 500px) {
  .navi .section_contents__inner .bottom_block .item .r_img_text {
    margin-top: -30vw
  }
}

@media screen and (max-width: 1000px) {
  .navi .section_contents__inner {
    width: 50vw
  }
}

@media screen and (max-width: 500px) {
  .navi .section_contents__inner {
    width: 100%;
    padding: 5vw 1.5em;
    box-sizing: border-box
  }
}

.navi .section_link_tour {
  background-color: #ac0d23;
  border-top: 3px solid #fff
}

.navi .section_link_tour__inner {
  max-width: 760px;
  margin: 0 auto;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 1.5em
}

.navi .section_link_tour__inner img {
  vertical-align: bottom;
  margin-top: 2em
}

.navi .section_link_tour .link_area {
  display: flex;
  flex-direction: column
}

.navi .section_link_tour .link_area .link_read {
  font-size: 2.4rem;
  font-weight: bold;
  color: #fff;
  margin-bottom: 1em
}

.navi .section_link_tour .link_area .link_btn {
  border: 1px solid #3c4650;
  background-color: #fff;
  max-width: 330px;
  padding: 1em;
  box-sizing: border-box;
  text-align: center;
  position: relative;
  color: #000;
  transition: .8s
}

.navi .section_link_tour .link_area .link_btn:hover {
  color: #fff;
  background-color: #000
}

.navi .section_link_tour .link_area .link_btn .link_text {
  font-size: 2rem;
  font-weight: bold
}

.navi .section_link_tour .link_area .link_btn .link-btn-icon {
  position: absolute;
  top: 50%;
  right: .5em;
  transform: translate(-50%, -50%)
}

.navi .section_link_tour .link_area .link_btn.none_hover:hover {
  color: #000;
  background-color: #fff
}

@media screen and (max-width: 800px) {
  .navi .section_link_tour__inner {
    flex-direction: column;
    position: relative;
    padding-bottom: 450px
  }

  .navi .section_link_tour__inner img {
    width: auto;
    object-fit: contain;
    vertical-align: top;
    position: absolute;
    bottom: 0
  }

  .navi .section_link_tour__inner .link_area {
    margin-top: 2em
  }

  .navi .section_link_tour__inner .link_area .link_read {
    font-size: 2rem
  }

  .navi .section_link_tour__inner .link_area .link_btn .link_text {
    font-size: 1.9rem
  }
}

@media screen and (max-width: 500px) {
  .navi .section_link_tour__inner {
    padding-bottom: 110%
  }

  .navi .section_link_tour__inner img {
    width: 90%
  }

  .navi .section_link_tour__inner.second_img_wrap img {
    width: 66%
  }
}

.news_index .news-list .news-data {
  border-bottom: 2px solid #ebeced;
  padding: 2em;
  color: #000
}

.news_index .news-list .news-data .title-block {
  display: flex;
  align-items: flex-start
}

.news_index .news-list .news-data .title-block .date {
  margin-right: 1.5em;
  font-weight: 700
}

.news_index .news-list .news-data .title-block h1,
.news_index .news-list .news-data .title-block h2,
.news_index .news-list .news-data .title-block h3,
.news_index .news-list .news-data .title-block h4,
.news_index .news-list .news-data .title-block h5,
.news_index .news-list .news-data .title-block h6,
.news_index .news-list .news-data .title-block p {
  margin: 0;
  padding: 0;
  line-height: normal
}

@media screen and (max-width: 768px) {
  .news_index .news-list .news-data .title-block {
    flex-direction: column
  }
}

.news_index .news-list .news-data a {
  color: #000
}

.news_index .news-list .news-data a:hover {
  color: #636b73
}

.news_index .news-list .news-data .text-block {
  margin-top: 1em
}

.news_index .news-list .news-data .text-block h1,
.news_index .news-list .news-data .text-block h2,
.news_index .news-list .news-data .text-block h3,
.news_index .news-list .news-data .text-block h4,
.news_index .news-list .news-data .text-block h5,
.news_index .news-list .news-data .text-block h6,
.news_index .news-list .news-data .text-block p,
.news_index .news-list .news-data .text-block ul,
.news_index .news-list .news-data .text-block li {
  margin: 0;
  padding: 0;
  font-weight: normal
}

.news_index .news-list .news-data .text-block h1 {
  font-size: 2.4rem;
  font-weight: bold;
  color: #be0000;
  line-height: 1.8em
}

.news_index .news-list .news-data .text-block h2 {
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.8em
}

.news_index .news-list .news-data .text-block h3 {
  font-size: 2rem;
  font-weight: bold
}

.news_index .news-list .news-data .text-block h4 {
  font-size: 1.6rem;
  font-weight: bold
}

.news_index .news-list .news-data .text-block h5 {
  font-size: 1.4rem;
  font-weight: bold;
  color: #be0000
}

.news_index .news-list .news-data .text-block h6 {
  font-size: 1.2rem
}

.news_index .news-list .news-data .text-block p {
  font-size: 1.4rem;
  margin: .5em 0
}

.news_index .news-list .news-data .text-block ul {
  list-style-type: none;
  margin-left: 1.5em
}

.news_index .news-list .news-data .text-block ul li {
  position: relative;
  margin-bottom: .5em
}

.news_index .news-list .news-data .text-block ul li::before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 4px;
  background-color: #000;
  border-radius: 100%;
  position: absolute;
  left: -1em;
  top: .5em
}

.news_index .news-list .news-data .text-block a:hover h1,
.news_index .news-list .news-data .text-block a:hover h2,
.news_index .news-list .news-data .text-block a:hover h3,
.news_index .news-list .news-data .text-block a:hover h4,
.news_index .news-list .news-data .text-block a:hover h5,
.news_index .news-list .news-data .text-block a:hover h6,
.news_index .news-list .news-data .text-block a:hover p {
  opacity: .7
}

.news_index .news-list .news-data .emergency {
  color: #be0000
}

.page-recruit .table-recruit {
  width: 100%;
  background-color: #ebeced !important;
  border-collapse: collapse
}

.page-recruit .table-recruit th,
.page-recruit .table-recruit td {
  border: 1px solid #fff
}

.page-recruit .table-recruit th {
  background-color: #3c4650;
  color: #fff;
  font-size: 1.6rem;
  text-align: center;
  font-weight: normal;
  padding: 1.5em;
  letter-spacing: 0
}

@media screen and (max-width: 768px) {
  .page-recruit .table-recruit th {
    padding: 1em .5em;
    width: auto;
    box-sizing: border-box
  }
}

.page-recruit .table-recruit td {
  padding: 1.5em 1em;
  letter-spacing: -0.02em
}

.page-recruit .table-recruit td strong {
  color: #be0000;
  font-weight: bold;
  font-size: 2.4rem
}

.page-recruit .table-recruit .vertical-title {
  background-color: #be0000;
  color: #fff;
  text-align: center;
  padding: 1em 1.2em
}

.page-recruit .table-recruit .col-style-a {
  text-align: center;
  width: 12%;
  padding-left: .5em;
  padding-right: .5em
}

.page-recruit .table-recruit .col-style-b {
  text-align: center;
  font-size: 1.6rem;
  width: 18%;
  background-color: #e2e3e5
}

.page-recruit .table-recruit .col-style-c {
  font-size: 1.4rem;
  text-align: justify
}

.page-recruit .table-recruit .list {
  width: auto !important;
  margin: 0 !important
}

.page-recruit .table-recruit .list li {
  margin: 0 0 .5em !important;
  padding: 0 !important
}

.page-recruit .table-recruit .col-w-50 {
  width: 50%
}

.page-recruit .table-recruit-flex {
  table-layout: fixed;
  font-size: 1.2rem
}

.page-recruit .table-recruit-flex th {
  padding: .25em;
  font-size: 1.2rem
}

.page-recruit .table-recruit-flex td {
  letter-spacing: -0.05em
}

.page-recruit .table-recruit-flex .col-style-a {
  text-align: center;
  width: 8%;
  padding: 1.5em .5em;
  font-size: 1.2rem
}

.page-recruit .table-recruit-flex .col-style-b {
  font-size: 1.2rem;
  width: 21%;
  background-color: #e8e8e8;
  padding: 1.5em .5em;
  text-align: left
}

.page-recruit .table-recruit-flex .col-style-c {
  font-size: 1.2rem;
  text-align: center;
  width: 9%
}

.page-recruit .table-recruit-flex .vertical-title {
  padding: .5em
}

.page-recruit .table-recruit-flex col.col {
  width: 31%
}

.page-recruit .table-recruit-flex col.w-min {
  width: 9%
}

.page-recruit .table-recruit-flex col.w-ss {
  width: 19%
}

.page-recruit .table-recruit-flex col.w-s {
  width: 20%
}

.page-recruit .table-recruit-flex col.w-ms {
  width: 24%
}

.page-recruit .table-recruit-flex col.w-m {
  width: 30%
}

.page-recruit .table-recruit-flex col.w-l {
  width: 40%
}

.page-recruit .table-recruit-flex dl {
  text-align: left
}

.page-recruit .table-recruit-flex dl dt {
  color: #be0000
}

.page-recruit .table-recruit-flex dl dd {
  margin: 0
}

.page-recruit .table-recruit-flex .quote {
  border-top: 3px solid #fff
}

.page-recruit .table-recruit-flex .recruit-link {
  color: #000;
  text-decoration: underline
}

.page-recruit .table-recruit-flex .recruit-link:hover {
  text-decoration: none
}

.page-recruit .table-recruit-wide .col-style-a {
  width: 20%
}

.page-recruit .list-notice {
  margin: 1em 0
}

.page-recruit .list-notice li {
  text-align: left;
  padding-left: 1em;
  text-indent: -1em
}

.page-recruit .indent {
  display: block;
  padding-left: 1em;
  text-indent: -1em
}

.page-recruit .link-block-btn {
  background-color: #3c4650;
  color: #fff;
  font-weight: 700;
  display: block;
  padding: 1em 5em
}

.page-recruit .slide-down-menu {
  width: 100%;
  max-width: 876px;
  margin: 0 auto
}

.page-recruit .slide-down-menu__cat {
  position: relative
}

.page-recruit .slide-down-menu__cat .trans_target {
  position: absolute;
  right: 1em;
  top: 50%;
  margin-top: -0.5em;
  transition: .5s;
  transform: rotate(0deg);
  transform-origin: center center;
  font-size: 2.5rem
}

.page-recruit .slide-down-menu__cat.is-active .trans_target {
  transform: rotate(180deg)
}

.page-recruit .slide-down-menu dd {
  margin: 0
}

@media screen and (max-width: 768px) {
  .page-recruit .slide-down-menu__cat .trans_target {
    right: .5em
  }
}

.page-recruit .slide-down-sp-contents__cat {
  background-color: #d8dadc;
  padding: .5em;
  margin-bottom: 5px
}

.page-recruit .slide-down-sp-contents__cat .contents-title {
  width: 90%
}

.page-recruit .slide-down-sp-contents__disc {
  margin: 2em 0
}

@media screen and (max-width: 768px) {
  .page-recruit .sp-sec {
    margin: 0 !important;
    margin-bottom: 5px !important
  }
}

.page-recruit .faq-block>div {
  margin-bottom: .5em
}

.page-recruit .faq-block__q {
  background-color: #ebeced
}

.page-recruit .faq-block__q:hover {
  cursor: pointer
}

.page-recruit .faq-block__q .text {
  width: 86%
}

@media screen and (max-width: 768px) {
  .page-recruit .faq-block__q .text {
    width: 77%
  }
}

.page-recruit .faq-block__a {
  background-color: #e2e3e5
}

.page-recruit .faq-block__a .mark-a {
  color: #be0000
}

.page-recruit .faq-block__a .text {
  width: 100%
}

.page-recruit .faq-block__inner {
  display: flex;
  padding: 1.5em;
  text-align: left;
  font-size: 1.6rem;
  margin-bottom: 5px !important
}

.page-recruit .faq-block__inner .mark {
  font-size: 2.4rem;
  font-weight: bold;
  width: 2em !important;
  line-height: 1em
}

.page-recruit .faq-block__inner .text {
  line-height: 2.4rem;
  display: flex;
  flex-direction: column;
  text-align: justify
}

@media screen and (max-width: 768px) {
  .page-recruit .faq-block__inner {
    padding: 1em
  }

  .page-recruit .faq-block__inner .mark {
    width: 1.5em !important
  }
}

.page-recruit .table-condition .col-type-a {
  background-color: #be0000
}

.page-recruit .table-condition .col-type-b {
  background-color: #3c4650
}

.page-recruit .table-condition .col-type-c {
  background-color: #f5d9d9
}

@media screen and (max-width: 768px) {
  .page-recruit .table-condition.u-sp {
    display: table
  }
}

.page-recruit .club-img div {
  display: flex
}

.page-recruit .club-img div .img-box {
  margin: 0 2.5px 5px
}

.page-recruit .club-img div .img-box:first-of-type {
  margin-left: 0
}

.page-recruit .club-img div .img-box:last-of-type {
  margin-right: 0
}

.page-recruit .club-img div .img-box img {
  width: 100%;
  max-width: 100%;
  height: auto;
  vertical-align: bottom
}

.page-recruit .club-img__top .img-box {
  width: calc(100% / 3)
}

.page-recruit .club-img__bottom .img-box {
  width: calc(100% / 4)
}

.page-recruit .club-img .u-sp {
  display: none !important
}

@media screen and (max-width: 768px) {
  .page-recruit .club-img__top .img-box {
    width: calc(100% / 2)
  }

  .page-recruit .club-img__middle .img-box {
    width: calc(100% / 2)
  }

  .page-recruit .club-img__bottom .img-box {
    width: calc(100% / 3)
  }

  .page-recruit .club-img .u-sp {
    display: flex !important
  }
}

.request_index .doc-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 6vw
}

.request_index .doc-list:last-of-type {
  margin-bottom: 0
}

@media screen and (max-width: 768px) {
  .request_index .doc-list {
    flex-direction: column
  }
}

.request_index .doc-list li {
  width: calc(50% - 2.5px);
  display: flex;
  background-color: #d8dadc;
  padding: 5px;
  box-sizing: border-box;
  margin-bottom: 5px
}

@media screen and (max-width: 768px) {
  .request_index .doc-list li {
    width: 100%;
    flex-direction: column
  }
}

.request_index .doc-list li .thum {
  background-color: #fff;
  width: 52%;
  display: flex;
  justify-content: center;
  align-items: center
}

.request_index .doc-list li .thum.label_preparing {
  position: relative
}

.request_index .doc-list li .thum.label_preparing::after {
  position: absolute;
  content: "準備中";
  display: inline-block;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  background-color: #be0000;
  padding: .5em 1.5em;
  color: #fff;
  width: 75%;
  text-align: center;
  box-sizing: border-box
}

.request_index .doc-list li .thum img {
  vertical-align: top;
  margin: 20px 0;
  border: 1px solid #000
}

@media screen and (max-width: 768px) {
  .request_index .doc-list li .thum {
    width: 100%
  }

  .request_index .doc-list li .thum.label_preparing::after {
    width: 50%
  }
}

.request_index .doc-list li .subject {
  width: 48%;
  padding: 20px 1.5em;
  display: flex;
  flex-direction: column;
  justify-content: space-between
}

.request_index .doc-list li .subject>p {
  margin-bottom: 1.5em
}

.request_index .doc-list li .subject .download-btn {
  background-color: #3c4650;
  border: 2px solid #fff;
  margin-bottom: 1.5em
}

.request_index .doc-list li .subject .download-btn a,
.request_index .doc-list li .subject .download-btn span {
  color: #fff;
  font-size: 1.4rem;
  font-weight: 700;
  padding: 1em 0;
  display: block;
  text-align: center;
  position: relative;
  transition: .5s
}

.request_index .doc-list li .subject .download-btn a:hover,
.request_index .doc-list li .subject .download-btn span:hover {
  background-color: #000
}

.request_index .doc-list li .subject .download-btn a::after,
.request_index .doc-list li .subject .download-btn span::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 1.5em;
  transform: translateY(-50%);
  display: inline-block;
  width: 1em;
  height: 1em;
  background: url("../images/icon_download.svg") no-repeat center center
}

.request_index .doc-list li .subject .download-btn span:hover {
  background-color: #3c4650
}

.request_index .doc-list li .subject .download-btn span::after {
  display: none
}

@media screen and (max-width: 768px) {
  .request_index .doc-list li .subject {
    width: auto
  }
}

.shool_program {
  background-color: #3c4650
}

.shool_program .section_contents {
  padding-top: 1em
}

.shool_program .section_contents .section_title {
  font-size: 3rem;
  color: #fff;
  text-align: center
}

.shool_program .section_contents__inner {
  background-color: #fff;
  max-width: 876px;
  margin: 2em auto;
  padding-bottom: 3em
}

.shool_program .section_contents .inner_cat {
  padding: 2em 5em
}

.shool_program .section_contents .inner_cat__title {
  font-size: 2rem;
  font-weight: bold;
  text-align: center
}

.shool_program .section_contents .inner_cat__read {
  text-align: center;
  margin: 2em 0 3em
}

.shool_program .section_contents .inner_cat .img_wrap {
  text-align: center
}

.shool_program .section_contents .inner_cat .notes {
  text-align: right
}

.shool_program .section_contents .inner_cat .inner_contents {
  background-color: #3c4650;
  padding: 3em;
  color: #fff
}

@media screen and (max-width: 768px) {
  .shool_program .section_contents {
    border-top: 5px solid #3c4650;
    padding-top: 0
  }

  .shool_program .section_contents .section_title {
    margin-top: 2em;
    font-size: 2.4rem
  }

  .shool_program .section_contents__inner {
    margin: 0 1em
  }

  .shool_program .section_contents .inner_cat {
    padding: 0em 1.5em
  }

  .shool_program .section_contents .inner_cat .inner_contents {
    display: flex;
    flex-wrap: wrap;
    padding: 2em
  }

  .shool_program .section_contents .inner_cat .inner_contents dl {
    order: 2;
    width: 73%
  }

  .shool_program .section_contents .inner_cat .inner_contents .img_wrap {
    order: 1;
    width: 27%
  }

  .shool_program .section_contents .inner_cat .inner_contents .img_wrap img.u-sp {
    margin: 0 auto;
    display: block
  }

  .shool_program .section_contents .inner_cat .inner_contents .notes {
    order: 3;
    width: 100%;
    font-size: 1.2rem;
    margin-top: 1.5em;
    text-align: center;
    letter-spacing: 0
  }
}

.shool_program .dl_wide div {
  display: flex;
  margin-bottom: 2em
}

.shool_program .dl_wide div dt {
  width: 20%;
  background-color: #3c4650;
  color: #fff;
  padding: 1.5em .5em;
  text-align: center;
  font-size: 1.6rem;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center
}

.shool_program .dl_wide div dd {
  width: 85%;
  margin-left: 2em;
  text-align: justify;
  letter-spacing: 0
}

@media screen and (max-width: 768px) {
  .shool_program .dl_wide {
    width: 100%
  }

  .shool_program .dl_wide div {
    flex-direction: column
  }

  .shool_program .dl_wide div dt {
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 1em
  }

  .shool_program .dl_wide div dd {
    margin-left: 0;
    width: 100%
  }
}

.shool_program .dl_sub {
  display: flex;
  margin: 0;
  margin-bottom: 2em
}

.shool_program .dl_sub div {
  width: calc(100% / 3);
  margin: 0 1em
}

.shool_program .dl_sub div dt {
  font-size: 1.6rem;
  font-weight: bold;
  text-align: justify;
  margin-bottom: 1em
}

.shool_program .dl_sub div dd {
  margin-left: 0;
  text-align: justify
}

@media screen and (max-width: 768px) {
  .shool_program .dl_sub {
    flex-direction: column
  }

  .shool_program .dl_sub div {
    width: auto;
    height: calc(100% / 3);
    margin: 0 0 0 1em
  }

  .shool_program .dl_sub div dt {
    margin-bottom: .5em
  }

  .shool_program .dl_sub div dd {
    margin-bottom: 2em
  }
}

.shool_program .dl_col {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}

.shool_program .dl_col div {
  width: calc((100% - 3em) / 2);
  margin-bottom: 2em
}

.shool_program .dl_col div dt {
  margin: 0;
  background-color: #3c4650;
  color: #fff;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
  padding: 1.5em 0
}

.shool_program .dl_col div dd {
  margin-left: 0;
  margin-top: 1em
}

@media screen and (max-width: 768px) {
  .shool_program .dl_col div {
    width: 100%
  }
}

.shool_message .section {
  margin: 6vw 0
}

.shool_message .section_student {
  margin: 0 1.5em
}

.shool_message .list_student li {
  margin: 2em 0 5em
}

.shool_message .list_student .text_area {
  max-width: 800px;
  margin: 0 auto 3em
}

.shool_message .list_student .text_area__title {
  line-height: 4em;
  display: flex;
  align-items: flex-end;
  margin: 2em 0
}

.shool_message .list_student .text_area__title__num {
  font-family: "Teko", sans-serif;
  display: flex;
  flex-direction: column;
  margin-right: 2em
}

.shool_message .list_student .text_area__title__num .en {
  font-size: 2.4rem
}

.shool_message .list_student .text_area__title__num .num {
  font-size: 10rem
}

.shool_message .list_student .text_area__title .jp {
  font-size: 2rem;
  line-height: 1.5em
}

.shool_message .list_student .text_area__read p {
  margin: 1em 0;
  text-align: justify;
  line-height: 2em
}

.shool_message .list_student .img_area {
  max-width: 876px;
  width: 100%;
  margin: 0 auto
}

.shool_message .list_student .img_area img {
  max-width: 100%;
  width: 100%;
  height: auto
}

@media screen and (max-width: 768px) {
  .shool_message .list_student .text_area__title {
    flex-direction: column;
    align-items: center
  }

  .shool_message .list_student .text_area__title__num {
    margin-bottom: 1em;
    align-items: center
  }

  .shool_message .list_student .text_area__title .jp {
    font-size: 5vw;
    text-align: center
  }
}

.shool_message .section_teacher {
  background-color: #3c4650
}

.shool_message .section_teacher__inner {
  padding: 5em 1.5em
}

.shool_message .section_teacher__inner .text_area {
  max-width: 800px;
  color: #fff;
  margin: 4em auto
}

.shool_message .section_teacher__inner .text_area .section_title,
.shool_message .section_teacher__inner .text_area .section_sub-title {
  text-align: center
}

.shool_message .section_teacher__inner .text_area .section_title {
  font-size: 6rem;
  font-family: "Teko", sans-serif;
  line-height: 1em
}

.shool_message .section_teacher__inner .text_area .section_sub-title {
  font-size: 2rem;
  font-weight: bold;
  margin: 1em 0 2em
}

.shool_message .section_teacher__inner .text_area p {
  margin: 1em 0;
  text-align: justify;
  line-height: 2em
}

.shool_message .section_teacher__inner .img_area {
  text-align: center
}

@media screen and (max-width: 768px) {
  .shool_message .section_teacher__inner .text_area .section_title {
    font-size: 5rem
  }

  .shool_message .section_teacher__inner .text_area .section_sub-title {
    font-size: 1.9rem
  }
}

.facility .section {
  padding: 5vw 1.5em;
  margin-top: 5px
}

.facility .section.bg_gray {
  background-color: #ebeced
}

.facility .section__inner {
  max-width: 876px;
  margin: 0 auto
}

.facility .section__title {
  font-size: 2.4rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 3em
}

@media screen and (max-width: 768px) {
  .facility .section__title {
    margin-bottom: 1.5em
  }
}

.facility .list_facility {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}

.facility .list_facility li {
  margin-bottom: 4em;
  width: calc(49.5% - 1.25em)
}

.facility .list_facility li:nth-of-type(odd) {
  margin-right: 2.5em
}

.facility .list_facility li img {
  width: 100%;
  height: auto
}

.facility .list_facility li dl dt {
  font-size: 1.6rem;
  margin-bottom: .5em;
  font-weight: bold
}

.facility .list_facility li dl dd {
  margin-left: 0em;
  text-align: justify
}

@media screen and (max-width: 768px) {
  .facility .list_facility {
    flex-direction: column-reverse
  }

  .facility .list_facility li {
    width: 100%
  }
}

.school_questionary .section_read {
  padding: 2em;
  background-color: #3c4650
}

.school_questionary .section_read p {
  color: #fff;
  line-height: 2.5em;
  max-width: 766px;
  margin: 2em auto;
  letter-spacing: .08em;
  text-align: justify
}

.school_questionary .section_contents {
  padding: 1vw 1.5em 5vw
}

.school_questionary .section_contents.bg_dark-gray {
  background-color: #3c4650
}

.school_questionary .contents_wrap {
  max-width: 876px;
  margin: 5px auto 0;
  background-color: #fff
}

.school_questionary .contents_wrap .contents_title {
  background-color: #ebeced;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 1em .5em
}

.school_questionary .contents_wrap .contents_title .num {
  font-size: 10rem;
  font-family: "Teko", sans-serif;
  margin-bottom: -0.15em;
  margin-left: .5em
}

.school_questionary .contents_wrap .contents_title .jp {
  font-size: 2.4rem;
  font-weight: bold;
  margin-left: 1em
}

@media screen and (max-width: 768px) {
  .school_questionary .contents_wrap .contents_title {
    padding: .5em 2em
  }

  .school_questionary .contents_wrap .contents_title .num {
    font-size: 8.3rem;
    margin-left: 0
  }

  .school_questionary .contents_wrap .contents_title .jp {
    font-size: 5vw;
    letter-spacing: 0em;
    margin-left: .5em
  }
}

.school_questionary .contents_wrap .contents_detail {
  padding: 3em
}

@media screen and (max-width: 768px) {
  .school_questionary .contents_wrap .contents_detail {
    padding: 3em .5em
  }
}

.school_questionary .contents_wrap .img_wrap {
  text-align: center
}

@media screen and (max-width: 768px) {
  .school_questionary .contents_wrap .img_wrap .u-sp {
    display: inline-block
  }
}

.school_questionary .contents_wrap .note_wrap {
  text-align: center;
  margin: 1em 0
}

.school_questionary .contents_wrap .note_wrap .note_inner {
  display: inline-block;
  width: auto;
  text-align: left
}

.school_questionary .contents_wrap .note_wrap .note_inner p {
  margin-left: 1em;
  font-size: 1.6rem
}

.school_questionary .contents_wrap .note_wrap .note_title {
  color: #be0000;
  font-size: 1.6rem;
  margin-bottom: 1em
}

.school_questionary .contents_wrap .note_wrap .note_title::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: #be0000;
  margin-right: .5em;
  vertical-align: middle
}

.school_questionary .contents_wrap .note_wrap .list_note li {
  list-style-type: none;
  padding-left: 1.5em;
  text-indent: -1.5em;
  line-height: 2em;
  font-size: 1.6rem
}

.school_questionary .contents_wrap .note_wrap .list_note li::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: #be0000;
  border-radius: 50%;
  margin-right: .5em;
  vertical-align: middle
}

.school_questionary .contents_wrap .note_wrap .list_note.list_horizontal {
  max-width: 680px
}

.school_questionary .contents_wrap .note_wrap .list_note.list_horizontal li {
  display: inline-block
}

@media screen and (max-width: 768px) {
  .school_questionary .contents_wrap .note_wrap {
    padding: 0 1em
  }
}

.sitemap .block-sitemap {
  display: flex;
  justify-content: space-between
}

.sitemap .block-sitemap .list-sitemap {
  width: calc(50% - 2.5px)
}

.sitemap .block-sitemap .list-sitemap li {
  background-color: #fff;
  margin-bottom: 5px;
  padding: 2.8em;
  display: flex;
  flex-direction: column
}

.sitemap .block-sitemap .list-sitemap li .dirname {
  font-size: 1.6rem;
  font-weight: 700;
  margin-bottom: .5em
}

.sitemap .block-sitemap .list-sitemap li a {
  color: #000;
  transition: .3s;
  line-height: 1.8em
}

.sitemap .block-sitemap .list-sitemap li a:hover {
  color: #a6a6a6
}

@media screen and (max-width: 768px) {
  .sitemap .block-sitemap {
    flex-direction: column
  }

  .sitemap .block-sitemap .list-sitemap {
    width: 100%
  }

  .sitemap .block-sitemap .list-sitemap li {
    padding: 1.5em
  }
}

.staff_index .section_contents {
  background: linear-gradient(90deg, #fff 0%, #fff 75%, #3c4650 25%, #3c4650 100%);
  padding: 8vw 1.5em
}

@media screen and (max-width: 768px) {
  .staff_index .section_contents {
    padding: 16vw 0
  }
}

.staff_index .list_link {
  display: flex;
  flex-wrap: wrap;
  max-width: 876px;
  margin: 0 auto
}

.staff_index .list_link li {
  width: calc((100% - 5px) / 2);
  height: 19.5vw;
  min-height: 214px;
  margin-bottom: 5px;
  background-color: #000;
  position: relative;
  overflow: hidden
}

.staff_index .list_link li:nth-of-type(odd) {
  margin-right: 5px
}

.staff_index .list_link li a::after {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  transition: all .8s ease
}

.staff_index .list_link li a.link_staff_01::after {
  background: url("../images/staff/img_staff_01.jpg") no-repeat center center;
  background-size: cover
}

.staff_index .list_link li a.link_staff_02::after {
  background: url("../images/staff/img_staff_02.jpg") no-repeat center center;
  background-size: cover
}

.staff_index .list_link li a.link_staff_03::after {
  background: url("../images/staff/img_staff_03.jpg") no-repeat center center;
  background-size: cover
}

.staff_index .list_link li a.link_staff_04::after {
  background: url("../images/staff/img_staff_04.jpg") no-repeat center center;
  background-size: cover
}

.staff_index .list_link li a.link_staff_05::after {
  background: url("../images/staff/img_staff_05.jpg") no-repeat center center;
  background-size: cover
}

.staff_index .list_link li a.link_staff_06::after {
  background: url("../images/staff/img_staff_06.jpg") no-repeat center center;
  background-size: cover
}

.staff_index .list_link li a.link_staff_07::after {
  background: url("../images/staff/img_staff_07.jpg") no-repeat center center;
  background-size: cover
}

.staff_index .list_link li a.link_staff_08::after {
  background: url("../images/staff/img_staff_08.jpg") no-repeat center center;
  background-size: cover
}

.staff_index .list_link li a.link_staff_09::after {
  background: url("../images/staff/img_staff_09.jpg") no-repeat center center;
  background-size: cover
}

.staff_index .list_link li a.link_staff_10::after {
  background: url("../images/staff/img_staff_10.jpg") no-repeat center center;
  background-size: cover
}

.staff_index .list_link li a:hover::after {
  opacity: .5;
  transform: scale(1.05)
}

.staff_index .list_link li .link_title {
  z-index: 1;
  position: absolute;
  top: 2em;
  left: 2em;
  display: flex;
  flex-direction: column
}

.staff_index .list_link li .link_title .num {
  color: #fff;
  font-family: "Teko", sans-serif;
  font-size: 10rem;
  line-height: 1em
}

.staff_index .list_link li .link_title .jp {
  color: #fff;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.2em
}

@media screen and (max-width: 768px) {
  .staff_index .list_link li .link_title .num {
    font-size: 8rem;
    line-height: .8em
  }
}

@media screen and (max-width: 768px) {
  .staff_index .list_link {
    padding: 0 1.5em
  }

  .staff_index .list_link li {
    width: 100%;
    height: 45vw;
    min-height: 180px
  }

  .staff_index .list_link li:nth-of-type(odd) {
    margin-right: 0
  }
}

.staff .staff-hero__title {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-width: 1400px;
  padding: 6vw;
  box-sizing: border-box;
  color: #fff
}

.staff .staff-hero__title .en,
.staff .staff-hero__title .num {
  font-family: "Teko", sans-serif;
  line-height: 1em
}

.staff .staff-hero__title .en {
  font-size: 3.2rem
}

.staff .staff-hero__title .num {
  font-size: 16rem
}

.staff .staff-hero__title .jp {
  font-size: 3.6em;
  font-weight: bold;
  margin-bottom: .25em;
  line-height: 1.3em
}

@media screen and (max-width: 768px) {
  .staff .staff-hero__title .en {
    font-size: 1.8rem
  }

  .staff .staff-hero__title .num {
    font-size: 8.7rem;
    line-height: .5em;
    margin-top: .3em;
    margin-bottom: .25em
  }

  .staff .staff-hero__title .jp {
    font-size: 2rem;
    line-height: 1em
  }
}

@media screen and (max-width: 350px) {
  .staff .staff-hero .num {
    margin-top: .2em;
    margin-bottom: .05em
  }
}

.staff .section_read {
  background-color: #3c4650;
  color: #fff;
  padding: 2em 1.5em
}

.staff .section_read__title {
  margin: 2em 0;
  font-size: 2.8rem;
  font-weight: bold;
  text-align: center
}

.staff .section_read__inner {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 900px;
  margin: 0 auto 3em
}

.staff .section_read__inner .read_col {
  width: calc((100% - 3em) / 2);
  text-align: justify;
  line-height: 2em
}

@media screen and (max-width: 768px) {
  .staff .section_read__title {
    font-size: 5.6vw;
    letter-spacing: 0em
  }

  .staff .section_read__inner {
    flex-direction: column
  }

  .staff .section_read__inner .read_col {
    width: 100%
  }
}

.staff .section_interview .staff_interview_list li {
  margin: 2em 0 5em
}

.staff .section_interview .staff_interview_list .text_area {
  max-width: 800px;
  margin: 0 auto 3em
}

.staff .section_interview .staff_interview_list .text_area__title {
  line-height: 4em;
  display: flex;
  align-items: flex-end;
  margin: 2em 0
}

.staff .section_interview .staff_interview_list .text_area__title__num {
  font-family: "Teko", sans-serif;
  display: flex;
  flex-direction: column;
  margin-right: 2em;
  align-items: center
}

.staff .section_interview .staff_interview_list .text_area__title__num .en {
  font-size: 2.4rem
}

.staff .section_interview .staff_interview_list .text_area__title__num .num {
  font-size: 10rem
}

.staff .section_interview .staff_interview_list .text_area__title .jp {
  font-size: 2rem;
  line-height: 1.5em
}

.staff .section_interview .staff_interview_list .text_area__read p {
  margin: 1em 0;
  text-align: justify;
  line-height: 2em
}

.staff .section_interview .staff_interview_list .img_area {
  text-align: center
}

@media screen and (max-width: 768px) {
  .staff .section_interview .staff_interview_list li {
    margin-bottom: 2em
  }

  .staff .section_interview .staff_interview_list .text_area {
    padding: 0 1.5em
  }

  .staff .section_interview .staff_interview_list .text_area__title {
    flex-direction: column;
    align-items: center
  }

  .staff .section_interview .staff_interview_list .text_area__title__num {
    margin-right: 0
  }

  .staff .section_interview .staff_interview_list .text_area__title__num .en {
    font-size: 2.2rem
  }

  .staff .section_interview .staff_interview_list .text_area__title__num .num {
    font-size: 10.6rem
  }

  .staff .section_interview .staff_interview_list .text_area__title .jp {
    font-size: 4.3vw;
    text-align: center;
    margin-top: 1.5em
  }

  .staff .section_interview .staff_interview_list .img_area {
    padding: 1.5em
  }
}

.staff .section_challenge_step {
  display: flex;
  flex-direction: row;
  justify-content: space-between
}

.staff .section_challenge_step .col-box {
  width: calc((100% - 5px) / 2);
  padding: 3vw;
  color: #fff;
  box-sizing: border-box
}

.staff .section_challenge_step .col-box .title_en {
  font-family: "Teko", sans-serif;
  font-size: 8rem;
  color: #fff;
  text-align: center;
  line-height: 1em;
  margin-bottom: .25em
}

.staff .section_challenge_step .col-box .title_sub {
  font-size: 2rem;
  text-align: center;
  font-weight: bold;
  margin-bottom: 1em;
  letter-spacing: 0em
}

.staff .section_challenge_step .col-box .text {
  line-height: 2em;
  text-align: justify;
  padding: 0 1.5em
}

.staff .section_challenge_step .col-box .list_step {
  padding: 0 1.5em
}

.staff .section_challenge_step .col-box .list_step li {
  margin-bottom: 30px;
  font-size: 2rem
}

.staff .section_challenge_step .col-box .list_step li .disc {
  display: inline-block;
  width: 18px;
  height: 18px;
  background-color: #fff;
  vertical-align: middle;
  margin-right: 1em;
  position: relative
}

.staff .section_challenge_step .col-box .list_step li .disc::before {
  position: absolute;
  bottom: -50px;
  left: 50%;
  content: "";
  display: inline-block;
  width: 2px;
  height: 34px;
  background: #fff;
  transform: translate(-50%, -50%)
}

.staff .section_challenge_step .col-box .list_step li .disc::after {
  position: absolute;
  bottom: -34px;
  left: 3px;
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(135deg)
}

.staff .section_challenge_step .col-box .list_step li:last-child .disc::before,
.staff .section_challenge_step .col-box .list_step li:last-child .disc::after {
  display: none
}

@media screen and (max-width: 768px) {
  .staff .section_challenge_step .col-box .list_step {
    padding: 0 1em
  }
}

.staff .section_challenge_step .col_challenge {
  background-image: url(../images/staff/img_mark.png), linear-gradient(to right, #ac0d23, #ac0d23);
  background-repeat: no-repeat, no-repeat;
  background-position: center left, center center
}

@media screen and (max-width: 768px) {
  .staff .section_challenge_step .col_challenge {
    border-bottom: 5px solid #fff
  }
}

.staff .section_challenge_step .col_step {
  background-color: #3c4650
}

@media screen and (max-width: 1000px) {
  .staff .section_challenge_step .col-box .title_en {
    font-size: 6rem
  }

  .staff .section_challenge_step .col-box .text {
    padding: 0 1em
  }
}

@media screen and (max-width: 768px) {
  .staff .section_challenge_step {
    flex-direction: column
  }

  .staff .section_challenge_step .col-box {
    width: 100%;
    padding: 4em 2em
  }

  .staff .section_challenge_step .col-box .title_sub {
    font-size: 4.3vw
  }

  .staff .section_challenge_step .col-box .title_en {
    margin-bottom: .5em
  }

  .staff .section_challenge_step .col-box .list_step li .disc {
    font-size: 1.6em
  }
}

.staff .link_return_index {
  width: 160px;
  margin: 5vw auto
}

.staff .link_return_index a {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #000;
  padding: 1em
}

.staff .link_return_index a:hover {
  transition: .3s;
  color: #636b73
}

.staff .link_return_index__en {
  font-size: 6rem;
  line-height: .6em;
  font-family: "Teko", sans-serif
}

.staff .link_return_index__jp {
  font-size: 2rem
}

.staff .link_other_staff {
  display: flex
}

.staff .link_other_staff__col {
  width: 50%;
  height: 22vw;
  position: relative;
  overflow: hidden;
  background-color: #000
}

.staff .link_other_staff__col::after {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  transition: all .8s ease
}

.staff .link_other_staff__col.staff_01::after {
  background: url("../images/staff/bg_staff_01.jpg") no-repeat center center;
  background-size: cover
}

.staff .link_other_staff__col.staff_02::after {
  background: url("../images/staff/bg_staff_02.jpg") no-repeat center center;
  background-size: cover
}

.staff .link_other_staff__col.staff_03::after {
  background: url("../images/staff/bg_staff_03.jpg") no-repeat center center;
  background-size: cover
}

.staff .link_other_staff__col.staff_04::after {
  background: url("../images/staff/bg_staff_04.jpg") no-repeat center center;
  background-size: cover
}

.staff .link_other_staff__col.staff_05::after {
  background: url("../images/staff/bg_staff_05.jpg") no-repeat center center;
  background-size: cover
}

.staff .link_other_staff__col.staff_06::after {
  background: url("../images/staff/bg_staff_06.jpg") no-repeat center center;
  background-size: cover
}

.staff .link_other_staff__col.staff_07::after {
  background: url("../images/staff/bg_staff_07.jpg") no-repeat center center;
  background-size: cover
}

.staff .link_other_staff__col.staff_08::after {
  background: url("../images/staff/bg_staff_08.jpg") no-repeat center center;
  background-size: cover
}

.staff .link_other_staff__col.staff_09::after {
  background: url("../images/staff/bg_staff_09.jpg") no-repeat center center;
  background-size: cover
}

.staff .link_other_staff__col.staff_10::after {
  background: url("../images/staff/bg_staff_10.jpg") no-repeat center center;
  background-size: cover
}

.staff .link_other_staff__col:hover::after {
  opacity: .5;
  transform: scale(1.05)
}

.staff .link_other_staff__title {
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%
}

.staff .link_other_staff__title .num {
  color: #fff;
  font-family: "Teko", sans-serif;
  font-size: 12rem;
  line-height: 1em
}

.staff .link_other_staff__title .jp {
  color: #fff;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1em
}

@media screen and (max-width: 840px) {
  .staff .link_other_staff__col {
    height: 40vw
  }
}

@media screen and (max-width: 768px) {
  .staff .link_other_staff {
    flex-direction: column
  }

  .staff .link_other_staff__col {
    width: 100%;
    height: 54vw
  }
}

.sub-contents-page .content-area {
  background-color: #ebeced;
  padding: 6em 0
}

@media screen and (max-width: 768px) {
  .sub-contents-page .content-area {
    padding: 2em 0
  }
}

.sub-contents-page .content-area.none_sub-link {
  margin-bottom: 6vw
}

@media screen and (max-width: 768px) {
  .sub-contents-page .content-area.none_sub-link {
    margin-bottom: 10vw
  }
}

.sub-contents-page .content-area .bg-white {
  background-color: #fff
}

.sub-contents-page .content-area .bg-gray {
  background-color: #ebeced
}

.sub-contents-page .content-area .align-center {
  text-align: center
}

.sub-contents-page .content-area .align-left {
  text-align: left
}

.sub-contents-page .content-area .align-justify {
  text-align: justify
}

.sub-contents-page .content-area .inline-block {
  display: inline-block
}

.sub-contents-page .content-area .link {
  color: #be0000;
  text-decoration: underline
}

.sub-contents-page .content-area .link:hover {
  text-decoration: none
}

.sub-contents-page .content-area .discreet_link {
  color: #000;
  text-decoration: underline
}

.sub-contents-page .content-area .discreet_link:hover {
  text-decoration: none
}

.sub-contents-page .content-area .note {
  text-align: center;
}

.sub-contents-page .content-area__inner {
  width: 95%;
  max-width: 876px;
  margin: 0 auto
}

.sub-contents-page .content-area__inner .inner-contents {
  padding: 2.5em;
  margin-top: 2.5em
}

@media screen and (max-width: 768px) {
  .sub-contents-page .content-area__inner {
    width: 90vw
  }

  .sub-contents-page .content-area__inner .inner-contents {
    padding: 1em
  }
}

.sub-contents-page .content-area .list {
  margin: 3em 0;
  display: inline-block;
  width: 100%
}

.sub-contents-page .content-area .list li {
  padding: 1em 3em;
  margin-bottom: 5px
}

@media screen and (max-width: 768px) {
  .sub-contents-page .content-area .list li {
    padding: 1em
  }
}

.sub-contents-page .content-area .list.text-indent li {
  padding-left: 4em;
  text-indent: -1em
}

.sub-contents-page .content-area .list.text-indent p {
  text-indent: 0;
  margin: 1em 0 1em -1em;
  line-height: 1.8em
}

.sub-contents-page .content-area .list.text-indent table {
  margin-left: -1em;
  width: calc(100% + 1em)
}

@media screen and (max-width: 768px) {
  .sub-contents-page .content-area .list.text-indent li {
    padding-left: 2em
  }
}

.sub-contents-page .content-area .disc-list {
  list-style-type: disc;
  padding-left: 1.5em
}

.sub-contents-page .content-area .img-contents-list li {
  margin-bottom: 5px;
  background-color: #ebeced;
  padding: 2em;
  display: flex;
  align-items: center
}

.sub-contents-page .content-area .img-contents-list li dl,
.sub-contents-page .content-area .img-contents-list li>div {
  text-align: left
}

.sub-contents-page .content-area .img-contents-list li>div {
  margin-right: 2em;
  width: auto
}

.sub-contents-page .content-area .img-contents-list li>div img {
  vertical-align: bottom;
  width: 100%;
  max-width: 100%;
  height: auto
}

.sub-contents-page .content-area .img-contents-list li dl {
  width: 50%
}

.sub-contents-page .content-area .img-contents-list li dl dt {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 1em
}

.sub-contents-page .content-area .img-contents-list li dl dd {
  margin: 0;
  padding: 0;
  text-align: justify
}

@media screen and (max-width: 768px) {
  .sub-contents-page .content-area .img-contents-list li {
    flex-direction: column
  }

  .sub-contents-page .content-area .img-contents-list li dl,
  .sub-contents-page .content-area .img-contents-list li>div {
    text-align: center
  }

  .sub-contents-page .content-area .img-contents-list li>div {
    margin: 0
  }

  .sub-contents-page .content-area .img-contents-list li dl {
    width: 100%
  }

  .sub-contents-page .content-area .img-contents-list li dl dt {
    margin-bottom: .5em
  }
}

.sub-contents-page .content-area .item-list>div {
  margin-bottom: 5px;
  display: flex;
  align-items: stretch
}

.sub-contents-page .content-area .item-list dt,
.sub-contents-page .content-area .item-list dd {
  padding: 1.5em;
  display: flex;
  align-items: center;
  box-sizing: border-box
}

.sub-contents-page .content-area .item-list dt {
  background-color: #3c4650;
  font-size: 1.6rem;
  color: #fff;
  width: 25%;
  border-right: 5px solid #fff;
  box-sizing: border-box;
  justify-content: center
}

.sub-contents-page .content-area .item-list dd {
  background-color: #ebeced;
  margin: 0;
  width: 75%;
  text-align: justify
}

@media screen and (max-width: 768px) {
  .sub-contents-page .content-area .item-list>div {
    flex-direction: column
  }

  .sub-contents-page .content-area .item-list dt,
  .sub-contents-page .content-area .item-list dd {
    padding: 1em;
    width: 100%
  }

  .sub-contents-page .content-area .item-list dt {
    border: none
  }
}

.sub-contents-page .content-area .block-center {
  width: auto;
  margin: 0 auto;
  display: inline-block
}

.sub-contents-page .sec {
  margin: 5em 0
}

.sub-contents-page .contents-title {
  font-size: 2.4rem;
  font-weight: bold;
  text-align: center
}

@media screen and (max-width: 768px) {
  .sub-contents-page .contents-title {
    font-size: 2rem
  }
}

.sub-contents-page .area-title {
  font-size: 2.4rem;
  font-weight: 700;
  color: #fff;
  background-color: #3c4650;
  text-align: center;
  padding: .5em 0;
  margin: 5vw 0 1em
}

@media screen and (max-width: 768px) {
  .sub-contents-page .area-title {
    font-size: 2rem;
    padding: .5em
  }
}

.sub-contents-page .sub-title {
  font-size: 1.8rem;
  font-weight: bold
}

@media screen and (max-width: 768px) {
  .sub-contents-page .sub-title {
    font-size: 1.6rem
  }
}

.sub-contents-page .min-title {
  font-size: 2rem;
  font-weight: bold;
  margin: 2em 0
}

@media screen and (max-width: 768px) {
  .sub-contents-page .min-title {
    font-size: 1.8rem;
    margin: 1em 0
  }
}

.sub-contents-page .small-title {
  font-size: 1.6rem;
  margin: 1.5em 0 .5em
}

.sub-contents-page .contents-block {
  background-color: #fff;
  padding: 2vw 0
}

.sub-contents-page .side-small-block {
  width: 90% !important
}

.sub-contents-page .num-list {
  list-style-type: decimal;
  list-style-position: inside
}

.sub-contents-page .num-list li {
  letter-spacing: 0
}

.sub-contents-page .num-list.outside {
  list-style-position: outside;
  margin-left: 1em
}

.sub-contents-page p {
  margin: 1.5em 0;
  line-height: 2em;
  letter-spacing: .02em
}

@media screen and (max-width: 768px) {
  .sub-contents-page p {
    letter-spacing: 0;
    line-height: 1.5em
  }
}

.sub-contents-page .desc {
  font-size: 1.2rem
}

.sub-contents-page .line-through {
  text-decoration: line-through
}

.sub-contents-page .notice {
  color: #be0000
}

.sub-contents-page .block-notice {
  background-color: #be0000;
  color: #fff;
  text-align: center;
  font-size: 2.4rem;
  font-weight: bold;
  padding: 1em
}

@media screen and (max-width: 768px) {
  .sub-contents-page .block-notice {
    font-size: 2rem;
    margin-bottom: 1.5em
  }
}

.sub-contents-page .m-b-5 {
  margin-bottom: 5em !important
}

@media screen and (max-width: 768px) {
  .sub-contents-page .m-b-5 {
    margin-bottom: 3.5em !important
  }
}

.sub-contents-page .m-b-2 {
  margin-bottom: 2em !important
}

.sub-contents-page .m-t-1 {
  margin-top: 1.5em !important
}

.sub-contents-page .m-t-2 {
  margin-top: 2em !important
}

.sub-contents-page .m-t-3 {
  margin-top: 3em !important
}

.sub-contents-page .m-t-5 {
  margin-top: 5em !important
}

.sub-contents-page .m-t-0 {
  margin-top: 0 !important
}

.sub-contents-page .m-b-0 {
  margin-bottom: 0 !important
}

.sub-contents-page .none-margin {
  margin-top: 0 !important;
  margin-bottom: 0 !important
}

.sub-contents-page .p-b-0 {
  padding-bottom: 0
}

.sub-contents-page .table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  text-indent: 0em
}

.sub-contents-page .table thead,
.sub-contents-page .table .th {
  background-color: #fff;
  color: #000
}

.sub-contents-page .table tbody {
  background-color: #ebeced
}

.sub-contents-page .table th,
.sub-contents-page .table td {
  letter-spacing: .05em
}

.sub-contents-page .table th {
  background-color: #be0000;
  color: #fff;
  border: 1px solid #ebeced;
  padding: 1em;
  text-align: center;
  font-size: 1.6rem;
  font-weight: normal
}

.sub-contents-page .table td {
  border: 1px solid #ebeced;
  padding: 1em;
  text-align: center
}

.sub-contents-page .table .first-row {
  background-color: #d8dadc
}

.sub-contents-page .table .second-row {
  background-color: #ced1d3
}

.sub-contents-page .table-title {
  background-color: #be0000;
  padding: 1em;
  margin: 1em 0 0;
  border: 1px solid #fff;
  color: #fff;
  font-size: 1.6rem
}

.sub-contents-page .writing-vertical {
  writing-mode: vertical-rl;
  text-orientation: upright;
  white-space: nowrap
}

.sub-contents-page .btn-group {
  display: flex;
  justify-content: center
}

.sub-contents-page .btn-group a {
  color: #fff;
  font-size: 1.4rem;
  font-weight: 700;
  display: block;
  padding: 1em;
  margin: 0 2.5px;
  border: 2px solid #fff;
  width: 50%;
  max-width: 192px;
  transition: .5s
}

.sub-contents-page .btn-group .btn-login {
  background-color: #000
}

.sub-contents-page .btn-group .btn-login:hover {
  background: #404040
}

.sub-contents-page .btn-group .btn-sign-up {
  background-color: #be0000
}

.sub-contents-page .btn-group .btn-sign-up:hover {
  background: #ff2525
}

.sub-contents-page .tab-menu {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: stretch;
  width: 98%;
  margin: 0 auto
}

.sub-contents-page .tab-menu li a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #000;
  color: #636b73;
  padding: 2.8em 1em;
  box-sizing: border-box;
  height: 100%;
  border-bottom: 1px solid #636b73;
  border-left: 1px solid #636b73;
  font-size: 1.6rem;
  font-weight: bold
}

.sub-contents-page .tab-menu li.is-active a {
  background-color: #fff;
  color: #000;
  border-bottom: 0;
  border-left: 0
}

.sub-contents-page .tab-menu li:first-of-type a {
  border-bottom: 0;
  border-left: 0
}

/* .sub-contents-page .tab-menu.tab-3 li {
  width: calc(100% / 3);
  max-width: 292px
} */

.sub-contents-page .tab-menu.tab-4 li {
  width: calc(100% / 4);
  max-width: 292px;
}

@media screen and (max-width: 768px) {
  .sub-contents-page .tab-menu li a {
    letter-spacing: 0;
    padding: 1em .4em;
    text-align: center;
    line-height: 1.25em;
    font-size: 1.6rem;
  }
/* 
  .sub-contents-page .tab-menu.tab-3 li {
    width: calc(90% / 3)
  } */

  .sub-contents-page .tab-menu.tab-4 li {
    width: calc(100% / 4);
  }
  .sub-contents-page .tab-menu.tab-4 li a {
    font-size: 1.4rem;
  }
}

.sub-contents-page .tab-contents {
  background-color: #fff;
  padding: 5vw 1vw 0
}

.sub-contents-page .hover-action {
  transition: .5s
}

.sub-contents-page .hover-action:hover {
  opacity: .2
}

.sub-contents-page .col-block {
  display: flex;
  justify-content: center;
  align-items: center
}

.sub-contents-page .col-block.col-2 .col {
  margin: 0 1em;
  width: auto;
  max-width: 550px
}

@media screen and (max-width: 768px) {
  .sub-contents-page .col-block {
    flex-direction: column
  }

  .sub-contents-page .col-block.col-2 .col {
    width: 100%;
    margin: .5em 1em
  }

  .sub-contents-page .col-block.col-sp-reverse {
    flex-direction: column-reverse
  }

  .sub-contents-page .col-block .col-sp-center {
    text-align: center
  }
}

.sub-contents-page table.u-pc {
  display: table
}

@media screen and (max-width: 768px) {
  .sub-contents-page table.u-pc {
    display: none
  }

  .sub-contents-page table.u-sp {
    display: table
  }
}

.sub-contents-page .text-row {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  /* margin-left: 3em */
  text-align: left;
}

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0
}

.slick-list:focus {
  outline: none
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto
}

.slick-track:before,
.slick-track:after {
  content: "";
  display: table
}

.slick-track:after {
  clear: both
}

.slick-loading .slick-track {
  visibility: hidden
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none
}

[dir=rtl] .slick-slide {
  float: right
}

.slick-slide img {
  display: block
}

.slick-slide.slick-loading img {
  display: none
}

.slick-slide.dragging img {
  pointer-events: none
}

.slick-initialized .slick-slide {
  display: block
}

.slick-loading .slick-slide {
  visibility: hidden
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent
}

.slick-arrow.slick-hidden {
  display: none
}

.top-hero__slider {
  width: 80vw;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0
}

@media screen and (max-width: 768px) {
  .top-hero__slider {
    width: 100vw;
    height: 120vw
  }
}

.top-hero__slider .item {
  width: 80vw;
  height: 100vh;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat
}

@media screen and (max-width: 768px) {
  .top-hero__slider .item {
    width: 100vw;
    height: 120vw
  }
}

.top-hero__slider .item--1 {
  background-image: url("../images/top_slider/top_slider_01.png")
}

@media screen and (max-width: 768px) {
  .top-hero__slider .item--1 {
    background-image: url("../images/top_slider/top_slider_01_sp.png")
  }
}

.top-hero__slider .item--2 {
  background-image: url("../images/top_slider/top_slider_02.png")
}

@media screen and (max-width: 768px) {
  .top-hero__slider .item--2 {
    background-image: url("../images/top_slider/top_slider_02_sp.png")
  }
}

.top-hero__slider .item--3 {
  background-image: url("../images/top_slider/top_slider_03.png")
}

@media screen and (max-width: 768px) {
  .top-hero__slider .item--3 {
    background-image: url("../images/top_slider/top_slider_03_sp.png")
  }
}

.top-hero__slider .item--4 {
  background-image: url("../images/top_slider/top_slider_04.png")
}

@media screen and (max-width: 768px) {
  .top-hero__slider .item--4 {
    background-image: url("../images/top_slider/top_slider_04_sp.png")
  }
}

.top-hero__slider .item--5 {
  background-image: url("../images/top_slider/top_slider_05.png")
}

@media screen and (max-width: 768px) {
  .top-hero__slider .item--5 {
    background-image: url("../images/top_slider/top_slider_05_sp.png")
  }
}

.top-hero__slider .item--6 {
  background-image: url("../images/top_slider/top_slider_06.png")
}

@media screen and (max-width: 768px) {
  .top-hero__slider .item--6 {
    background-image: url("../images/top_slider/top_slider_06_sp.png")
  }
}

.top-hero__slider .item--7 {
  background-image: url("../images/top_slider/top_slider_07.png")
}

@media screen and (max-width: 768px) {
  .top-hero__slider .item--7 {
    background-image: url("../images/top_slider/top_slider_07_sp.png")
  }
}

.top-hero {
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative
}

@media screen and (max-width: 768px) {
  .top-hero {
    height: 120vw;
    background-image: url("../images/top/bg_hero_sp.jpg")
  }
}

.top-hero .title-en {
  margin: 0;
  font-size: 12rem;
  font-family: "Teko", sans-serif;
  line-height: 1;
  letter-spacing: .1em;
  color: #fff
}

@media screen and (max-width: 768px) {
  .top-hero .title-en {
    margin-top: .5em;
    font-size: 20vw
  }
}

.top-hero .title-jp {
  margin: 0;
  font-size: 1.6rem;
  line-height: 1;
  color: #fff;
  font-size: 700
}

.wrap-top-news {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.8))
}

.top-news {
  display: flex;
  justify-content: center;
  box-sizing: border-box;
  padding: 2em 3em;
  color: #fff
}

.top-news a {
  color: #fff
}

.top-news a:hover {
  color: #ccc
}

.top-news__contents {
  display: flex;
  align-items: center;
  width: 92%
}

.top-news__contents .header {
  margin-right: 1em
}

.top-news__contents .title {
  margin: 0 1em 0 0;
  padding-right: 1em;
  border-right: 1px solid #fff;
  font-size: 2rem;
  font-family: "Teko", sans-serif;
  height: 100%;
  display: flex;
  align-items: center
}

.top-news__contents .title>span {
  margin-top: .25em
}

.top-news__contents .list {
  font-size: 1.2rem;
  padding-right: 2em;
  overflow: hidden
}

@media screen and (max-width: 900px) {
  .top-news__contents .list {
    width: 50vw
  }
}

.top-news__contents .text {
  display: flex;
  width: 100%
}

.top-news__contents .date {
  margin-right: 1em;
  width: auto
}

.top-news__contents .text-title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.top-news__contents .item-content {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.top-news__contents .item-content h1,
.top-news__contents .item-content h2,
.top-news__contents .item-content h3,
.top-news__contents .item-content h4,
.top-news__contents .item-content h5,
.top-news__contents .item-content h6,
.top-news__contents .item-content p {
  margin: 0;
  padding: 0;
  font-size: 1.2rem;
  font-weight: normal;
  display: inline
}

.top-news__link {
  font-family: "Teko", sans-serif;
  font-size: 130%;
  display: flex;
  align-items: center
}

.top-news__link a {
  display: block;
  white-space: nowrap;
  margin-top: .5em
}

.top-news__link .icon {
  vertical-align: top;
  margin-top: .1em
}

@media screen and (max-width: 768px) {
  .top-news {
    display: block;
    padding: 0 2em 1em;
    position: relative
  }

  .top-news__contents {
    flex-direction: column;
    align-items: flex-start
  }

  .top-news__contents .title {
    margin: 0;
    border-right: none
  }

  .top-news__contents .title>span {
    vertical-align: baseline
  }

  .top-news__contents .text {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 85vw
  }

  .top-news__contents .list {
    width: 85vw
  }

  .top-news__link {
    position: absolute;
    top: 0;
    right: 1em
  }

  .top-news__link a {
    margin-top: .2em
  }
}

.top-news--emergency {
  display: flex;
  justify-content: space-between;
  width: 100%;
  box-sizing: border-box;
  padding: 1em 3em;
  background-color: #be0000;
  color: #fff
}

.top-news--emergency a {
  color: #fff
}

.top-news--emergency a:hover {
  color: #ccc
}

.top-news--emergency .list {
  font-size: 1.4rem
}

@media screen and (max-width: 768px) {
  .top-news--emergency {
    display: block;
    padding: 2em 2em 1em;
    position: relative
  }

  .top-news--emergency .top-news__link {
    position: absolute;
    top: .5em;
    right: 1em
  }
}

.top-about {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 100vh;
  background: url("../images/top/bg_about.jpg") no-repeat center center;
  background-size: cover;
  position: relative
}

@media screen and (max-width: 768px) {
  .top-about {
    background-image: url("../images/top/bg_about_sp.jpg");
    height: 35vh
  }
}

.top-about .title-en {
  margin-bottom: .25em;
  text-align: center;
  font-size: 7.2rem;
  font-family: "Teko", sans-serif;
  line-height: 1;
  color: #fff;
  position: relative;
  z-index: 10;
  letter-spacing: .075em
}

.top-about .btn-border--white {
  position: relative;
  z-index: 10
}

.top-about .img {
  max-width: 90%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -52%);
  z-index: 1
}

@media screen and (max-width: 768px) {
  .top-about .title-en {
    font-size: 11vw
  }

  .top-about .img {
    max-width: 55%
  }
}

.top-3col {
  display: flex
}

.top-3col__item {
  width: 33.3333333333%;
  height: 100vh;
  box-sizing: border-box;
  overflow: hidden;
  position: relative
}

.top-3col__item .gradation {
  padding: 6em 15%;
  background: linear-gradient(to top, transparent, rgba(0, 0, 0, 0.8))
}

.top-3col__item .title-en {
  margin-bottom: .5em;
  font-size: 3.2rem;
  font-family: "Teko", sans-serif;
  line-height: 1;
  color: #fff;
  position: relative;
  white-space: nowrap;
  position: relative;
  z-index: 10
}

.top-3col__item .title-en::after {
  content: "";
  display: block;
  width: 1.5em;
  height: 2px;
  margin-top: .25em;
  background-color: #fff
}

.top-3col__item .title-jp {
  margin-bottom: 2em;
  color: #fff;
  white-space: nowrap;
  position: relative;
  z-index: 10
}

.top-3col__item .bg {
  opacity: 0;
  background-color: rgba(0, 0, 0, .7);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1
}

.top-3col__item .link {
  display: none
}

.top-3col__list {
  opacity: 0;
  position: relative;
  z-index: 10
}

.top-3col__list li {
  margin-bottom: .5em
}

.top-3col__list a {
  color: #fff;
  white-space: nowrap
}

@media screen and (max-width: 768px) {
  .top-3col {
    flex-direction: column
  }

  .top-3col__item {
    width: 100%;
    height: 30vh;
    position: relative
  }

  .top-3col__item .gradation {
    padding: 2em 6%;
    background: linear-gradient(to top, transparent, transparent)
  }

  .top-3col__item .link {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100
  }

  .top-3col__list {
    display: none
  }
}

.top-work {
  background: url("../images/top/bg_work.jpg") no-repeat right center;
  background-size: cover
}

@media screen and (max-width: 768px) {
  .top-work {
    background: url("../images/top/bg_work_sp.jpg") no-repeat right center;
    background-size: cover
  }
}

.top-job {
  background: url("../images/top/bg_job.jpg") no-repeat center center;
  background-size: cover
}

@media screen and (max-width: 768px) {
  .top-job {
    background: url("../images/top/bg_job_sp.jpg") no-repeat center center;
    background-size: cover
  }
}

.top-staff {
  background: url("../images/top/bg_staff.jpg") no-repeat center center;
  background-size: cover
}

@media screen and (max-width: 768px) {
  .top-staff {
    background: url("../images/top/bg_staff_sp.jpg") no-repeat center center;
    background-size: cover
  }
}

.top-navi {
  height: 100vh;
  padding: 5% 8%;
  box-sizing: border-box;
  background: url("../images/top/bg_navi.jpg") no-repeat center center;
  background-size: cover
}

.top-navi .title-en {
  font-family: "Teko", sans-serif;
  text-align: center;
  font-size: 3.2rem;
  line-height: 1;
  text-align: center;
  color: #fff
}

.top-navi .title-en:before {
  content: "";
  display: block;
  width: 2px;
  height: 1.5em;
  margin: 0 auto .5em;
  background-color: #fff
}

.top-navi .title-jp {
  margin-bottom: 3em;
  text-align: center;
  font-size: 1.4rem;
  line-height: 1;
  color: #fff
}

.top-navi__link {
  display: flex;
  width: 100%
}

.top-navi__link li {
  width: 50%
}

.top-navi__link li a {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  height: 50vh;
  box-sizing: border-box;
  border: 1px solid #fff;
  color: #fff;
  transition: .4s
}

.top-navi__link li a:hover {
  opacity: .6
}

.top-navi__link li .number {
  padding: 10% 10% 0;
  font-family: "Teko", sans-serif;
  font-size: 7.2rem;
  line-height: 1
}

.top-navi__link li .info {
  padding: 0 10% 10%;
  background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.8))
}

.top-navi__link li .info__en {
  font-size: 1.2rem;
  font-family: "Teko", sans-serif
}

.top-navi__link li .info__jp {
  font-size: 1.6rem
}

.top-navi__link li:last-child a {
  border-left: none
}

@media screen and (max-width: 768px) {
  .top-navi__link li:last-child a {
    border-left: 1px solid #fff;
    border-top: none
  }
}

.top-navi__link__item-01 a {
  background: url("../images/top/bg_navi_link_01.jpg") no-repeat center center;
  background-size: cover
}

@media screen and (max-width: 768px) {
  .top-navi__link__item-01 a {
    background-image: url("../images/top/bg_navi_link_01_sp.jpg")
  }
}

.top-navi__link__item-02 a {
  background: url("../images/top/bg_navi_link_02.jpg") no-repeat center center;
  background-size: cover
}

@media screen and (max-width: 768px) {
  .top-navi__link__item-02 a {
    background-image: url("../images/top/bg_navi_link_02_sp.jpg")
  }
}

@media screen and (max-width: 768px) {
  .top-navi__link {
    flex-direction: column
  }

  .top-navi__link li {
    width: 100%
  }

  .top-navi__link li a {
    height: 30vh
  }

  .top-navi__link li .number {
    padding: 5% 5% 0
  }

  .top-navi__link li .info {
    padding: 0 5% 5%
  }
}

.top-female {
  padding: 5em 8%
}

.top-female .title-en {
  padding-bottom: .25em;
  margin-bottom: .5em;
  font-size: 3.2rem;
  font-family: "Teko", sans-serif;
  position: relative;
  line-height: 1.2
}

.top-female .title-en::before {
  content: "";
  display: block;
  width: 1em;
  height: 2px;
  background-color: #000;
  position: absolute;
  bottom: 0;
  left: 0
}

.top-female .title-jp {
  margin-bottom: 2em;
  font-size: 1.6rem
}

.top-female__link {
  display: flex
}

.top-female__link li {
  width: 33.3333%
}

.top-female__link a {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 65vh;
  box-sizing: border-box;
  color: #fff;
  position: relative;
  overflow: hidden
}

.top-female__link .bg {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  top: 0;
  left: 0;
  transition-duration: .5s;
  transition-timing-function: cubic-bezier(0.65, 0, 0.35, 1)
}

.top-female__link a:hover .bg {
  transform: scale(1.2)
}

.top-female__link .text {
  padding: 2em;
  background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.8))
}

.top-female__link .en {
  font-size: 1.2rem;
  font-family: "Teko", sans-serif
}

.top-female__link .jp {
  font-size: 1.6rem
}

.top-female__link .item-01 .bg {
  background-image: url("../images/top/bg_female_01.jpg");
  background-size: cover
}

.top-female__link .item-02 .bg {
  background-image: url("../images/top/bg_female_02.jpg");
  background-size: cover
}

.top-female__link .item-03 .bg {
  background-image: url("../images/top/bg_female_03.jpg");
  background-size: cover
}

@media screen and (max-width: 768px) {
  .top-female__link {
    flex-direction: column
  }

  .top-female__link li {
    width: 100%
  }

  .top-female__link a {
    height: 25vh
  }

  .top-female__link .item-01 .bg {
    background-image: url("../images/top/bg_female_01_sp.jpg");
    background-size: cover
  }

  .top-female__link .item-02 .bg {
    background-image: url("../images/top/bg_female_02_sp.jpg");
    background-size: cover
  }

  .top-female__link .item-03 .bg {
    background-image: url("../images/top/bg_female_03_sp.jpg");
    background-size: cover
  }

  .top-female__link .bg {
    background-position: center 20%
  }

  .top-female__link .text {
    padding: 1.5em
  }
}

.top-school {
  padding: 5em 8%;
  background-color: #3c4650
}

.top-school .title-en {
  font-family: "Teko", sans-serif;
  text-align: center;
  font-size: 3.2rem;
  line-height: 1;
  text-align: center;
  color: #fff
}

.top-school .title-en:before {
  content: "";
  display: block;
  width: 2px;
  height: 1.5em;
  margin: 0 auto .5em;
  background-color: #fff
}

.top-school .title-jp {
  margin-bottom: 3em;
  text-align: center;
  font-size: 1.4rem;
  line-height: 1;
  color: #fff
}

.top-school__list {
  display: flex;
  flex-wrap: wrap
}

.top-school__list li {
  width: 50%
}

.top-school__list a {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
  height: 16vw;
  color: #fff;
  position: relative;
  overflow: hidden
}

.top-school__list .bg {
  width: 100%;
  height: 100%;
  position: absolute;
  background-repeat: no-repeat;
  background-position: center center;
  top: 0;
  left: 0;
  transition-duration: .5s;
  transition-timing-function: cubic-bezier(0.65, 0, 0.35, 1);
  z-index: 1
}

.top-school__list a:hover .bg {
  transform: scale(1.2)
}

.top-school__list .item-01 .bg {
  background-image: url("../images/top/bg_school_01.jpg");
  background-size: cover
}

@media screen and (max-width: 768px) {
  .top-school__list .item-01 .bg {
    background-image: url("../images/top/bg_school_01_sp.jpg")
  }
}

.top-school__list .item-02 .bg {
  background-image: url("../images/top/bg_school_02.jpg");
  background-size: cover
}

@media screen and (max-width: 768px) {
  .top-school__list .item-02 .bg {
    background-image: url("../images/top/bg_school_02_sp.jpg")
  }
}

.top-school__list .item-03 .bg {
  background-image: url("../images/top/bg_school_03.jpg");
  background-size: cover
}

@media screen and (max-width: 768px) {
  .top-school__list .item-03 .bg {
    background-image: url("../images/top/bg_school_03_sp.jpg")
  }
}

.top-school__list .item-04 .bg {
  background-image: url("../images/top/bg_school_04.jpg");
  background-size: cover
}

@media screen and (max-width: 768px) {
  .top-school__list .item-04 .bg {
    background-image: url("../images/top/bg_school_04_sp.jpg")
  }
}

.top-school__list .gradation {
  padding: 2em;
  background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.4));
  position: relative;
  z-index: 10
}

.top-school__list .en {
  font-size: 1.2rem;
  font-family: "Teko", sans-serif
}

.top-school__list .jp {
  font-size: 1.6rem
}

@media screen and (max-width: 768px) {
  .top-school__list {
    flex-direction: column
  }

  .top-school__list li {
    width: 100%
  }

  .top-school__list a {
    height: 15vh
  }

  .top-school__list .gradation {
    padding: 1em
  }

  .top-school__list .jp {
    font-size: 4vw
  }
}

.top-apply a {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 100vh;
  position: relative;
  overflow: hidden
}

.top-apply .bg {
  width: 100%;
  height: 100%;
  background: url("../images/top/bg_apply.jpg") no-repeat center center;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  transition-duration: .5s;
  transition-timing-function: cubic-bezier(0.65, 0, 0.35, 1);
  z-index: 1
}

.top-apply a:hover .bg {
  transform: scale(1.2)
}

.top-apply .gradation {
  padding: 2em 1em;
  background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.8));
  position: relative;
  z-index: 10
}

.top-apply .title-main {
  font-family: "Teko", sans-serif;
  font-size: 12.2rem;
  line-height: 1;
  text-align: center;
  color: #fff;
  letter-spacing: .05em;
  margin-bottom: -0.2em
}

.top-apply .title-sub {
  font-family: "Teko", sans-serif;
  font-size: 18.6rem;
  line-height: 1;
  text-align: center;
  color: #fff;
  letter-spacing: .03em
}

.top-apply .title-sub .icon {
  font-size: 75%;
  vertical-align: top;
  margin-top: .08em
}

.top-apply .img {
  padding: 0 10%;
  text-align: center;
  position: relative;
  z-index: 15
}

.top-apply .img img {
  max-width: 70%
}

@media screen and (max-width: 1060px) {
  .top-apply .title-main {
    font-size: 10vw
  }

  .top-apply .title-sub {
    font-size: 14vw
  }
}

@media screen and (max-width: 768px) {
  .top-apply a {
    height: 34vh
  }

  .top-apply .gradation {
    padding-top: 0;
    padding-bottom: 0
  }

  .top-apply .img img {
    max-width: 40%
  }

  .top-apply .bg {
    background-image: url("../images/top/bg_apply_sp.jpg")
  }

  .top-apply .title-main {
    font-size: 13vw
  }

  .top-apply .title-sub {
    font-size: 18vw
  }
}

.walk .section_walk-list {
  margin-bottom: 10vw
}

.walk .section_walk-list .walk_list {
  width: 100%
}

.walk .section_walk-list .walk_list li {
  background-color: #3c4650;
  margin-bottom: 5px
}

.walk .section_walk-list .walk_list__inner {
  max-width: 876px;
  margin: 0 auto;
  padding: 5em 1.5em
}

.walk .section_walk-list .walk_list__inner .area_link-contents {
  display: flex;
  justify-content: space-between
}

.walk .section_walk-list .walk_list__inner .area_link-contents .col_link {
  width: calc((100% - 5px) / 2);
  position: relative
}

.walk .section_walk-list .walk_list__inner .area_link-contents .col_link .img_wrap {
  width: 100%;
  background-color: #000
}

.walk .section_walk-list .walk_list__inner .area_link-contents .col_link .img_wrap img {
  width: 100%;
  max-width: 100%;
  height: auto;
  transition: .8s;
  vertical-align: top
}

.walk .section_walk-list .walk_list__inner .area_link-contents .col_link .link_title {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 2.4rem;
  color: #fff;
  font-weight: bold;
  width: 100%;
  text-align: center
}

.walk .section_walk-list .walk_list__inner .area_link-contents .col_link:hover .img_wrap img {
  opacity: .5
}

@media screen and (max-width: 768px) {
  .walk .section_walk-list .walk_list__inner {
    padding: 3em 1.5em
  }

  .walk .section_walk-list .walk_list__inner .area_link-contents {
    flex-direction: column
  }

  .walk .section_walk-list .walk_list__inner .area_link-contents .col_link {
    width: 100%;
    margin-bottom: 5px
  }

  .walk .section_walk-list .walk_list__inner .area_link-contents .col_link .img_wrap {
    width: 100%
  }

  .walk .section_walk-list .walk_list__inner .area_link-contents .col_link .img_wrap img {
    width: 100%;
    max-width: 100%;
    height: auto
  }

  .walk .section_walk-list .walk_list__inner .area_link-contents .col_link .link_title {
    font-size: 2rem
  }
}

.walk .section_walk-list .walk_list .area_title {
  display: flex;
  color: #fff;
  align-items: center;
  margin-bottom: .5em
}

.walk .section_walk-list .walk_list .area_title__num {
  font-family: "Teko", sans-serif;
  font-size: 10rem;
  line-height: 1em
}

.walk .section_walk-list .walk_list .area_title__jp {
  font-size: 2.8rem;
  font-weight: bold;
  margin-left: .5em;
  padding-bottom: .5em
}

@media screen and (max-width: 768px) {
  .walk .section_walk-list .walk_list .area_title__num {
    font-size: 8rem
  }

  .walk .section_walk-list .walk_list .area_title__jp {
    font-size: 2.4rem;
    line-height: 1.1em
  }
}

.work_organization .section {
  padding: 5vw 1.5em;
  margin-bottom: 5px
}

.work_organization .section.bg_gray {
  background-color: #ebeced
}

.work_organization .section__inner {
  max-width: 876px;
  margin: 0 auto
}

.work_organization .section__title {
  font-size: 3rem;
  font-family: "Teko", sans-serif;
  font-weight: bold;
  text-align: center;
  margin-bottom: 2em
}

@media screen and (max-width: 768px) {
  .work_organization .section {
    padding: 15vw 1.5em
  }

  .work_organization .section__title {
    margin-bottom: 1em
  }
}

.work_organization .section__inner .img_wrap {
  text-align: center
}

@media screen and (max-width: 768px) {
  .work_organization .section__inner .img_wrap .u-sp {
    display: inline-block
  }
}

.work_organization .jurisdiction_map {
  position: relative;
  padding: 0 0 310px;
  margin-bottom: 4em
}

@media screen and (max-width: 1100px) {
  .work_organization .jurisdiction_map {
    position: static;
    padding: 0;
    margin-bottom: 6em
  }

  .work_organization .jurisdiction_map .map_wrap {
    margin-bottom: 2em;
    text-align: center
  }
}

@media screen and (max-width: 768px) {
  .work_organization .jurisdiction_map .map_wrap .u-sp {
    display: inline-block
  }
}

.work_organization .jurisdiction_list__item {
  position: absolute;
  display: flex;
  align-items: center
}

.work_organization .jurisdiction_list__item .text_area dt {
  font-size: 2rem;
  font-weight: bold
}

.work_organization .jurisdiction_list__item .text_area dd {
  margin-left: 0em;
  text-align: justify;
  width: 270px;
  max-width: 270px
}

.work_organization .jurisdiction_list__item.item_city {
  top: 0;
  right: 0
}

.work_organization .jurisdiction_list__item.item_city .text_area {
  margin-right: 2em
}

.work_organization .jurisdiction_list__item.item_mountains {
  bottom: 0;
  left: 0;
  flex-direction: column-reverse;
  align-items: flex-start
}

.work_organization .jurisdiction_list__item.item_coast {
  bottom: 0;
  right: 0;
  align-items: baseline
}

.work_organization .jurisdiction_list__item.item_coast .text_area {
  margin-right: 1em
}

.work_organization .jurisdiction_list__item.item_coast .coast_img_wrap img {
  margin-bottom: -75px
}

@media screen and (max-width: 1100px) {
  .work_organization .jurisdiction_list__item {
    position: static;
    flex-direction: column-reverse;
    margin-bottom: 2em
  }

  .work_organization .jurisdiction_list__item .text_area {
    margin-right: 0
  }

  .work_organization .jurisdiction_list__item .text_area dt {
    text-align: center;
    margin-bottom: .5em
  }

  .work_organization .jurisdiction_list__item .text_area dd {
    width: 100%;
    max-width: 100%
  }

  .work_organization .jurisdiction_list__item.item_city .text_area {
    margin-right: 0
  }

  .work_organization .jurisdiction_list__item.item_mountains {
    align-items: center
  }

  .work_organization .jurisdiction_list__item.item_coast {
    align-items: center
  }

  .work_organization .jurisdiction_list__item.item_coast .text_area {
    margin-right: 0
  }

  .work_organization .jurisdiction_list__item.item_coast .coast_img_wrap img {
    margin-bottom: 0
  }
}

.work_organization .inner_contents {
  display: flex;
  justify-content: space-between
}

.work_organization .inner_contents .table_img_wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start
}

.work_organization .inner_contents .table_img_wrap p {
  text-align: justify
}

.work_organization .inner_contents .table_img_wrap>div {
  width: auto;
  margin-bottom: 2em
}

.work_organization .inner_contents .table_img_wrap .table_02 {
  max-width: 556px
}

.work_organization .inner_contents .table_img_wrap .table_03 {
  margin-right: 0;
  margin-left: auto
}

.work_organization .inner_contents .table_img_wrap img {
  width: 100%
}

@media screen and (max-width: 768px) {
  .work_organization .inner_contents {
    flex-direction: column
  }

  .work_organization .inner_contents .table_img_wrap>div {
    width: 100%
  }
}

.work-system .section {
  padding: 1.5em
}

.work-system .section_inner {
  max-width: 876px;
  margin: 0 auto
}

.work-system .text_right {
  text-align: right
}

.work-system h3 {
  font-size: 2rem;
  font-weight: bold
}

.work-system h4 {
  font-size: 2.8rem;
  font-weight: bold
}

.work-system p {
  margin: 2em 0
}

.work-system .tab_menu {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  padding-top: 5em;
  background-color: #3c4650;
  align-items: stretch
}

.work-system .tab_menu li {
  width: calc(80% / 2)
}

.work-system .tab_menu li a {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  background-color: #000;
  color: #636b73;
  padding: 3em 1em;
  box-sizing: border-box;
  height: 100%;
  border-bottom: 1px solid #636b73;
  border-left: 1px solid #636b73
}

.work-system .tab_menu li a.is-active {
  background-color: #fff;
  color: #000;
  border-bottom: 0;
  border-left: 0
}

.work-system .tab_menu li a .tab_menu_number {
  font-family: "Teko", sans-serif;
  font-size: 9rem;
  line-height: 1em;
  margin-right: .25em
}

.work-system .tab_menu li a .tab_menu__cat {
  font-size: 2.6rem;
  font-weight: bold;
  line-height: 1em;
  text-align: center;
  height: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  margin-top: -0.5em
}

.work-system .tab_menu li a .tab_menu__cat span {
  font-size: 1.4rem;
  font-weight: normal
}

.work-system .tab_menu li:first-of-type a {
  border-bottom: 0;
  border-left: 0
}

@media screen and (max-width: 768px) {
  .work-system .tab_menu {
    padding-top: 2em
  }

  .work-system .tab_menu li {
    width: calc(90% / 2)
  }

  .work-system .tab_menu li a {
    flex-direction: column;
    justify-content: flex-start;
    padding: 1em
  }

  .work-system .tab_menu li a .tab_menu_number {
    font-size: 5rem;
    margin: 0
  }

  .work-system .tab_menu li a .tab_menu__cat {
    font-size: 1.6rem
  }

  .work-system .tab_menu li a .tab_menu__cat span {
    font-size: 1.2rem
  }
}

.work-system .contents-title {
  padding-top: 5em;
  padding-bottom: 5em;
  text-align: center
}

.work-system .contents-title__number {
  font-family: "Teko", sans-serif;
  display: flex;
  flex-direction: column
}

.work-system .contents-title__number__en {
  font-size: 3.2rem;
  line-height: 1em
}

.work-system .contents-title__number__number {
  font-size: 16rem;
  line-height: 1em
}

.work-system .contents-title h2 {
  font-size: 3.6rem;
  font-weight: bold;
  margin: 0;
  line-height: 1em
}

.work-system .contents-title h2 span {
  font-size: 1.8rem
}

@media screen and (max-width: 768px) {
  .work-system .contents-title {
    padding-top: 2em;
    padding-bottom: 2em
  }

  .work-system .contents-title__number__en {
    font-size: 2.2rem
  }

  .work-system .contents-title__number__number {
    font-size: 10.6rem
  }
}

.work-system .section_work-cycle {
  background-color: #ebeced;
  text-align: center;
  padding-top: 5em;
  padding-bottom: 5em
}

.work-system .section_work-cycle img {
  width: 100%
}

@media screen and (max-width: 768px) {
  .work-system .section_work-cycle {
    padding-top: 2em;
    padding-bottom: 2em
  }
}

.work-system .section_on-off {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap
}

.work-system .section_on-off__area {
  width: calc((100% - 5px) / 2);
  border-top: 5px;
  border-bottom: 5px;
  border-left: 0;
  border-right: 0;
  border-style: solid;
  border-color: #fff;
  padding: 5em 3em
}

.work-system .section_on-off__area.area_on {
  border-right: 5px;
  border-right-style: solid;
  border-right-color: #fff;
  background-color: #3c4650
}

.work-system .section_on-off__area.area_off {
  background-color: #ac0d23
}

.work-system .section_on-off__area__title {
  text-align: center
}

.work-system .section_on-off__area__title__en {
  color: #fff;
  font-family: "Teko", sans-serif;
  font-size: 8rem;
  line-height: 1em
}

.work-system .section_on-off__area__title .text_title {
  color: #fff;
  font-size: 2rem;
  font-weight: bold;
  margin: 2em 0
}

.work-system .section_on-off__area p {
  color: #fff;
  text-align: justify
}

@media screen and (max-width: 768px) {
  .work-system .section_on-off {
    flex-direction: column
  }

  .work-system .section_on-off__area {
    width: 100%;
    box-sizing: border-box;
    padding: 3em 1.5em;
    border-top: 3px;
    border-bottom: 3px;
    border-bottom-style: solid;
    border-color: #fff
  }

  .work-system .section_on-off__area.area_on {
    border-right: none
  }

  .work-system .section_on-off__area__title .text_title {
    font-size: 4.4vw
  }
}

.work-system .section_schedule {
  background-color: #ebeced
}

.work-system .section_schedule h4 {
  text-align: center
}

.work-system .section_schedule__wrap {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-around
}

.work-system .section_schedule__inner {
  width: calc(80% / 2)
}

.work-system .section_schedule__inner .schedule-list {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between
}

.work-system .section_schedule__inner .section_schedule-title {
  font-family: "Teko", sans-serif;
  font-size: 8rem
}

.work-system .section_schedule__inner .section_schedule-title.on {
  color: #3c4650
}

.work-system .section_schedule__inner .section_schedule-title.off {
  color: #ac0d23
}

.work-system .section_schedule__inner .list_schedule {
  width: 35%
}

.work-system .section_schedule__inner .list_schedule li {
  margin-bottom: 56px;
  letter-spacing: 0
}

.work-system .section_schedule__inner .list_schedule li .list_time {
  font-size: 1.6rem;
  font-weight: bold
}

.work-system .section_schedule__inner .list_schedule li::after {
  content: "";
  display: block;
  height: 50px;
  width: 2px;
  background-color: #3c4650
}

.work-system .section_schedule__inner .list_schedule li:last-of-type::after {
  display: none
}

.work-system .section_schedule__inner .list_img-schedule {
  width: 60%
}

.work-system .section_schedule__inner .list_img-schedule li {
  display: flex;
  flex-direction: column;
  max-width: 270px
}

.work-system .section_schedule__inner .list_img-schedule li span {
  font-size: 1.6rem;
  margin: .5em 0
}

.work-system .section_schedule__inner .list_img-schedule li p {
  margin: 0;
  padding-bottom: 2em;
  text-align: justify
}

.work-system .section_schedule__inner .list_img-schedule li img {
  width: 100%;
  height: auto
}

.work-system .section_schedule__inner.on-area .list_schedule li {
  text-align: left;
  position: relative
}

.work-system .section_schedule__inner.on-area .list_schedule li::after {
  position: absolute;
  left: .5em;
  bottom: -4em
}

.work-system .section_schedule__inner.on-area .list_img-schedule li span {
  color: #636b73
}

.work-system .section_schedule__inner.off-area .list_schedule li {
  text-align: right;
  position: relative
}

.work-system .section_schedule__inner.off-area .list_schedule li::after {
  position: absolute;
  right: .5em;
  bottom: -4em;
  background-color: #ac0d23
}

.work-system .section_schedule__inner.off-area .list_img-schedule li {
  text-align: right
}

.work-system .section_schedule__inner.off-area .list_img-schedule li span {
  color: #ac0d23
}

.work-system .section_schedule__inner .off-area-title {
  text-align: right
}

@media screen and (max-width: 768px) {
  .work-system .section_schedule__wrap {
    flex-direction: column
  }

  .work-system .section_schedule__inner {
    width: 100%
  }

  .work-system .section_schedule__inner .list_img-schedule li p {
    height: auto
  }

  .work-system .section_schedule__inner .list_img-schedule li img {
    max-width: 100%
  }
}

.work-system .section_movie {
  background-color: #3c4650;
  border-top: 5px solid #fff;
  height: auto;
  padding: 7vw 2em
}

.work-system .section_movie__inner {
  max-width: 800px;
  height: auto;
  margin: 0 auto
}

.work-system .section_movie__inner video {
  width: 100%
}

.work-career {
  background-color: #3c4650
}

.work-career .section {
  width: 90%;
  margin: 0 auto
}

.work-career .section_career_about {
  padding-top: 5em;
  padding-bottom: 5em
}

.work-career .section_career_about h3 {
  font-size: 3rem;
  color: #fff;
  font-weight: bold;
  text-align: center
}

.work-career .section_career_about h4 {
  text-align: center;
  font-size: 2rem
}

@media screen and (max-width: 768px) {
  .work-career .section_career_about {
    padding-top: 0
  }
}

.work-career .contents-inner {
  max-width: 715px;
  margin: 0 auto;
  padding: 0 1em
}

@media screen and (max-width: 768px) {
  .work-career .contents-inner {
    padding: 1.5em
  }
}

.work-career .contents-inner_none_margin {
  width: 100%
}

@media screen and (max-width: 768px) {
  .work-career .contents-inner_none_margin {
    width: calc(100% - 3em);
    margin: 0 auto
  }
}

.work-career .js-slide-down__menu {
  position: relative
}

.work-career .js-slide-down__menu .trans_target {
  position: absolute;
  right: 2em;
  top: 50%;
  margin-top: -0.5em;
  transition: .5s;
  transform: rotate(0deg);
  transform-origin: center center
}

.work-career .js-slide-down__menu.is-active .trans_target {
  transform: rotate(180deg)
}

@media screen and (max-width: 768px) {
  .work-career .js-slide-down .icon-caret-down {
    right: .5em
  }
}

.work-career .slide-down-menu {
  width: 100%;
  max-width: 876px;
  margin: 0 auto
}

.work-career .slide-down-menu>div {
  margin-bottom: .5em
}

.work-career .slide-down-menu__cat {
  background-color: #ebeced;
  padding: 2em 1em;
  text-align: center;
  font-size: 2.4rem;
  font-weight: bold
}

.work-career .slide-down-menu__cat:hover {
  cursor: pointer
}

.work-career .slide-down-menu__cat .menu_en {
  display: block;
  font-size: 2rem;
  font-family: "Teko", sans-serif
}

.work-career .slide-down-menu__cat .menu_jp {
  font-size: 3rem
}

.work-career .slide-down-menu__cat .icon-caret-down {
  position: absolute
}

.work-career .slide-down-menu__disc {
  background-color: #fff;
  padding: 5em 0;
  margin: 0
}

.work-career .slide-down-menu__disc .disc_text {
  text-align: center;
  margin-bottom: 2em
}

.work-career .slide-down-menu dl {
  margin-bottom: 2em
}

.work-career .slide-down-menu dl .dl_inner {
  background-color: #3c4650;
  color: #fff;
  padding: 2em;
  position: relative;
  margin-bottom: 10px;
  text-align: center
}

.work-career .slide-down-menu dl .dl_inner::after {
  content: "";
  display: block;
  width: 5px;
  height: 10px;
  background-color: #3c4650;
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translate(-50%, 0%)
}

.work-career .slide-down-menu dl .dl_inner:last-of-type::after {
  display: none
}

.work-career .slide-down-menu dl .dl_inner>dt {
  font-size: 2rem
}

.work-career .slide-down-menu dl .dl_inner>dd {
  margin: 0
}

@media screen and (max-width: 768px) {
  .work-career .slide-down-menu__disc {
    padding: 1em 0
  }

  .work-career .slide-down-menu__cat {
    padding: 1em 2em;
    font-size: 2rem
  }

  .work-career .slide-down-menu__cat .menu_en {
    font-size: 1.8rem
  }

  .work-career .slide-down-menu__cat .menu_jp {
    font-size: 2rem
  }
}

.work-career table {
  width: 100%
}

.work-career table tr th {
  background-color: #3c4650;
  color: #fff;
  padding: 2em;
  vertical-align: middle
}

.work-career table tr td {
  background-color: #ebeced;
  padding: 2em;
  vertical-align: middle
}

.work-career table tr td img {
  margin-right: 1em;
  vertical-align: middle
}

.work-career table tr td:nth-child(2),
.work-career table tr td:nth-child(3) {
  text-align: center
}

@media screen and (max-width: 768px) {
  .work-career table tr th {
    padding: 1em .5em
  }

  .work-career table tr td {
    padding: 1em;
    width: calc(100% / 3);
    text-align: center
  }

  .work-career table tr td img {
    margin: 0 auto;
    display: block
  }
}

.work-career .personnel_system_sp dt {
  background-color: #3c4650;
  color: #fff;
  padding: 1em;
  text-align: center;
  margin-top: 1em
}

.work-career .personnel_system_sp dd {
  margin: 0;
  margin-bottom: 3em
}

.work-career .personnel_system_sp dd img {
  width: 100%;
  max-width: 100%;
  height: auto
}

@media screen and (max-width: 320px) {
  .work-career .personnel_system_sp dt {
    font-size: 1.2rem
  }
}

.work-career .list_category li {
  background-color: #3c4650;
  padding: 2em;
  margin: .5em 0
}

.work-career .list_category li div {
  background-color: #ebeced;
  padding: 2em;
  text-align: justify
}

.work-career .list_category dl {
  display: flex
}

.work-career .list_category dl dt {
  font-size: 2rem;
  width: 35%
}

.work-career .list_category dl dd {
  margin: 0;
  width: 65%;
  text-align: justify
}

.work-career .list_category dl dt,
.work-career .list_category dl dd {
  color: #fff
}

.work-career .list_category.color_light li {
  background-color: #636b73
}

@media screen and (max-width: 768px) {
  .work-career .list_category dl {
    flex-direction: column
  }

  .work-career .list_category dl dt,
  .work-career .list_category dl dd {
    width: 100%
  }

  .work-career .list_category dl dt {
    text-align: center;
    margin-bottom: 1em
  }
}

.work-career .people-intaview {
  padding: 5em 0
}

@media screen and (max-width: 768px) {
  .work-career .people-intaview {
    padding: 2em 0
  }
}

.work-career .people-intaview__inner .people-intaview-title {
  max-width: 715px;
  margin: 0 auto 3em;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-end;
  line-height: 4em
}

.work-career .people-intaview__inner .people-intaview-title__number {
  font-family: "Teko", sans-serif;
  display: flex;
  flex-direction: column;
  align-items: center
}

.work-career .people-intaview__inner .people-intaview-title__number .title_en {
  font-size: 2.4rem
}

.work-career .people-intaview__inner .people-intaview-title__number .title_num {
  font-size: 10rem
}

.work-career .people-intaview__inner .people-intaview-title__jp {
  font-size: 2.8rem;
  line-height: 1em;
  margin-left: 1em
}

@media screen and (max-width: 768px) {
  .work-career .people-intaview__inner .people-intaview-title {
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center
  }

  .work-career .people-intaview__inner .people-intaview-title__number {
    margin-bottom: 1em;
    order: 1
  }

  .work-career .people-intaview__inner .people-intaview-title__jp {
    margin-left: 0;
    order: 2
  }
}

.work-career .people-intaview__inner .list_q-and-a {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  flex-direction: row;
  align-items: flex-start
}

.work-career .people-intaview__inner .list_q-and-a li {
  width: calc(95% / 2);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin-bottom: 4em
}

.work-career .people-intaview__inner .list_q-and-a li dt {
  font-size: 2rem;
  letter-spacing: 0em
}

.work-career .people-intaview__inner .list_q-and-a li.flex_start {
  align-items: flex-start
}

.work-career .people-intaview__inner .list_q-and-a li.flex_end {
  align-items: flex-end
}

.work-career .people-intaview__inner .list_q-and-a li.u-sp {
  display: none
}

@media screen and (max-width: 768px) {
  .work-career .people-intaview__inner .list_q-and-a li.u-sp {
    display: flex
  }

  .work-career .people-intaview__inner .list_q-and-a li.u-pc {
    display: none
  }
}

.work-career .people-intaview__inner .list_q-and-a .q-and-a {
  margin-top: 0;
  line-height: 2em
}

.work-career .people-intaview__inner .list_q-and-a .margin_r,
.work-career .people-intaview__inner .list_q-and-a .margin_l {
  max-width: 340px
}

.work-career .people-intaview__inner .list_q-and-a .question {
  color: #ac0d23;
  font-size: 1.4rem;
  display: block
}

.work-career .people-intaview__inner .list_q-and-a .answer {
  margin-left: 0;
  margin-top: 1.5em;
  text-align: justify
}

.work-career .people-intaview__inner .list_q-and-a img {
  width: 100%;
  height: auto
}

@media screen and (max-width: 768px) {
  .work-career .people-intaview__inner .list_q-and-a {
    flex-direction: column
  }

  .work-career .people-intaview__inner .list_q-and-a li {
    width: 100%;
    margin-bottom: 1em
  }

  .work-career .people-intaview__inner .list_q-and-a li.flex_end {
    align-items: flex-start
  }

  .work-career .people-intaview__inner .list_q-and-a .margin_r,
  .work-career .people-intaview__inner .list_q-and-a .margin_l {
    max-width: 100%
  }
}

.work-career .people-intaview__inner.people-intaview_even .people-intaview-title {
  justify-content: flex-end
}

.work-career .people-intaview__inner.people-intaview_even .people-intaview-title__jp {
  margin-left: 0;
  margin-right: 1em
}

@media screen and (max-width: 768px) {
  .work-career .people-intaview__inner.people-intaview_even .people-intaview-title__jp {
    margin-right: 0
  }
}

.work-career .people-intaview-lphoto__inner .people-intaview-lphoto-title {
  margin: 0 auto 3em;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-end;
  line-height: 4em
}

.work-career .people-intaview-lphoto__inner .people-intaview-lphoto-title__number {
  font-family: "Teko", sans-serif;
  display: flex;
  flex-direction: column;
  align-items: center
}

.work-career .people-intaview-lphoto__inner .people-intaview-lphoto-title__number .title_en {
  font-size: 2.4rem
}

.work-career .people-intaview-lphoto__inner .people-intaview-lphoto-title__number .title_num {
  font-size: 10rem
}

.work-career .people-intaview-lphoto__inner .people-intaview-lphoto-title__jp {
  font-size: 2.8rem;
  line-height: 1em;
  margin-left: 1em
}

.work-career .people-intaview-lphoto__inner .people-intaview-lphoto-title__jp .title-sub {
  font-size: 1.4rem;
  display: block
}

.work-career .people-intaview-lphoto__inner .people-intaview-lphoto-title__jp._02 {
  text-align: right
}

@media screen and (max-width: 768px) {
  .work-career .people-intaview-lphoto__inner .people-intaview-lphoto-title {
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center
  }

  .work-career .people-intaview-lphoto__inner .people-intaview-lphoto-title__number {
    margin-bottom: 1em;
    order: 1
  }

  .work-career .people-intaview-lphoto__inner .people-intaview-lphoto-title__jp {
    margin-left: 0;
    order: 2;
    text-align: center
  }

  .work-career .people-intaview-lphoto__inner .people-intaview-lphoto-title__jp .title-sub {
    margin-top: .5em
  }

  .work-career .people-intaview-lphoto__inner .people-intaview-lphoto-title__jp._02 {
    text-align: center
  }
}

.work-career .people-intaview-lphoto__inner.people-intaview-lphoto_even .people-intaview-lphoto-title {
  justify-content: flex-end
}

.work-career .people-intaview-lphoto__inner.people-intaview-lphoto_even .people-intaview-lphoto-title__jp {
  margin-left: 0;
  margin-right: 1em
}

@media screen and (max-width: 768px) {
  .work-career .people-intaview-lphoto__inner.people-intaview-lphoto_even .people-intaview-lphoto-title__jp {
    margin-right: 0
  }
}

.work-career .people-intaview-lphoto__inner .intaview_read dt {
  font-size: 2rem;
  margin: 1.5em 0;
  line-height: 2em;
  letter-spacing: 0em
}

.work-career .people-intaview-lphoto__inner .intaview_read dd {
  margin: 0;
  line-height: 2em;
  text-align: justify
}

@font-face {
  font-family: "icon_tfd";
  src: url("data:application/vnd.ms-fontobject;charset=utf-8;base64,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?#iefix") format("embedded-opentype"),
    url("data:application/font-woff;charset=utf-8;base64,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") format("woff"),
    url("data:font/woff2;charset=utf-8;base64,d09GMgABAAAAAATUAAsAAAAACrgAAASEAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHFQGVgCECgqHMIYHATYCJAM0CxwABCAFhBYHgTAbLglRVDBWyX5q8mSLLGxAYQAYAYRAfABcgMUCigcJAJD//2vaff/PJIPJFABYppIlkGqXQa0jsiU4foEUKvzfucwhymGEOZQjx6Ao1/6kmPSl/3DCoSI3IScUgVDjefL2/m1FpRZo50FBDSgKoonEWvHi/7Vfy2fTJV0Xb+Fa+6Jv354aIl5FG6SDpNMZQtt/mEXRqiURCiFTWgUCzLNXcEgK4Tk+BQRQxFoQXZY2DkixMZRkTJzYSFBMpmYLRtJWmjBgJ1LM1HFpOU/rGIDd0RfAcvLz9IsLAxixQFxYeyya5ONbvmn8E6A9krZrAQBzHDgg8jpZOjvLg2JZX6QY5VaOSx02FhB80/7/5xtF4mVZAGE4gWj9yzOTyBQqDWiEIBrLrlQy3ygAJMgAgBwAKAAARQCgCQBoBgBKAEAZAKgAAFUAoIZ8MYt+iTsCBwR/gVYi6KBGScZ5NoLh+KS5jPJE5naC4FrQPauJjn1I5ISRXfNu0fkiepcSsew7/GHexdgTxYh1eB/u5xwvdng8Kw7uicclJ5W/PCA+f6jqS/tgz97w4h1Dv1vW77dtvaf0ZoeKUFKn2rNL7dmHXVRbtSV75nF/F0/3uzsX85Kvd4z01ss1kqenm007PsZwPzk5FXzWPXd01L4YFI73j8vCNPVS9SqUExmTirm9ZuVyg2jeZXP9cK/TzLvmnDgyU6a/Jnp6dJd3h+zEjo573vfg/Wa8wMOzwYEFrPd7Wt8s+eqfGft++ZyDh4MDv4w13U5zNusml/qdRz6DVZ9sn25BHe4DY5QzyfL3cj/rfRbB1yNYpZX7u3sZa6ZRjn8wM83h6+U5/eKJbfK+LUy3hXfCe0g0liKqAzPfBKUGvskMrI6sjo2prY2JTY1VuPQjYit9k9syQvsdxyoqxhwHQjNak+NiautiYlJCCyK9y63VCzXFMu/I/NCgzDd4/b4NLgwOIh9GPHR84viWr0wLLvy50+UtGYOh1tZm++aFBahmjaciJgryJybyCzAboq1M8IEkeoBPKF1aqRQZHsHOA0RpHplYb/EquYWzmldW8/nQFnTg6/s75gvX+2fWzF9Sjn8C0i6/fT6nisdMnJAnBBL2TiC+qXIUv76tCjF9YNGCNGgRO1MMADCAIjuB/0TV8HdMnP4eZYB9faVC5xm1YhJsLh6RysdjIgn3KCK0r1Y5OBFDVQYxBIqHsZjzcIZbk2B78oicPXtMDD8eRbN/lio44bah5Bm+o5NAdD2mn0py3BHo0FaSturN+ncsgwTNEEzaGdKwJ9qInHKtfLqkJILnKRpo5YCBdQsxmGk0eNcfXDeUT2wGRTqDONMeIHR5GD0wa3XkEaCFqmAenGqpa04wLRM5KZBBwLyoY4gK9QhtqBQpfhur+KilxcJE3ZO6upGgu5EDGFCdtaAnMKOhrcankvrx1H8d9wAoxJvoYcRJIJFMZCaJZFJIJY10skDZtFb9mhlQmbs94Jgbp21hYdq4pBskOh6TbtZgGnC0pIpISEgezzDDUyEkwmHClmkNxqgQQRMCAAAA") format("woff2"),
    url("data:application/x-font-ttf;charset=utf-8;base64,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") format("truetype"),
    url("data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiID4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8ZGVmcz4KICA8Zm9udCBpZD0iaWNvbl90ZmQiIGhvcml6LWFkdi14PSIxMDAwLjAwMDAwMDAwMDAwMDEiPgogICAgPGZvbnQtZmFjZSBmb250LWZhbWlseT0iaWNvbl90ZmQiCiAgICAgIHVuaXRzLXBlci1lbT0iMTAwMCIgYXNjZW50PSIxMDAwIgogICAgICBkZXNjZW50PSIwIiAvPgogICAgPG1pc3NpbmctZ2x5cGggaG9yaXotYWR2LXg9IjAiIC8+CiAgICA8Z2x5cGggZ2x5cGgtbmFtZT0iYXJyb3ctZG93biIKICAgICAgdW5pY29kZT0iJiN4RjEwMTsiCiAgICAgIGhvcml6LWFkdi14PSIxMDAwLjAwMDAwMDAwMDAwMDEiIGQ9Ik0xMjUuNjY2NjY2NjY2NjY2NyA0OTIuMzMzMzMzMzMzMzMzNEwxNzguMzMzMzMzMzMzMzMzNCA1NDVMNDYyLjY2NjY2NjY2NjY2NjcgMjYwLjY2NjY2NjY2NjY2NjhWODY2LjY2NjY2NjY2NjY2NjdINTM3LjMzMzMzMzMzMzMzMzNWMjYwLjY2NjY2NjY2NjY2NjhMODIxLjY2NjY2NjY2NjY2NjYgNTQ1TDg3NC4zMzMzMzMzMzMzMzMzIDQ5Mi4zMzMzMzMzMzMzMzM0TDUyNi4zMzMzMzMzMzMzMzM0IDE0NC4zMzMzMzMzMzMzMzM0QTM3IDM3IDAgMCAwIDQ3My42NjY2NjY2NjY2NjY3IDE0NC4zMzMzMzMzMzMzMzM0eiIgLz4KICAgIDxnbHlwaCBnbHlwaC1uYW1lPSJhcnJvdy1sZWZ0IgogICAgICB1bmljb2RlPSImI3hGMTAyOyIKICAgICAgaG9yaXotYWR2LXg9IjEwMDAuMDAwMDAwMDAwMDAwMSIgZD0iTTQ5Mi4zMzMzMzMzMzMzMzM0IDg3NC4zMzMzMzMzMzMzMzM1TDU0NS4wMDAwMDAwMDAwMDAxIDgyMS42NjY2NjY2NjY2NjY3TDI2MC42NjY2NjY2NjY2NjY3IDUzNy4zMzMzMzMzMzMzMzM0SDg2Ni42NjY2NjY2NjY2NjY3VjQ2Mi42NjY2NjY2NjY2NjY3SDI2MC42NjY2NjY2NjY2NjY3TDU0NS4wMDAwMDAwMDAwMDAxIDE3OC4zMzMzMzMzMzMzMzM1TDQ5Mi4zMzMzMzMzMzMzMzM0IDEyNS42NjY2NjY2NjY2NjY5TDE0NC4zMzMzMzMzMzMzMzM0IDQ3My42NjY2NjY2NjY2NjY3QTM3IDM3IDAgMCAwIDE0NC4zMzMzMzMzMzMzMzM0IDUyNi4zMzMzMzMzMzMzMzM1eiIgLz4KICAgIDxnbHlwaCBnbHlwaC1uYW1lPSJhcnJvdy1yaWdodCIKICAgICAgdW5pY29kZT0iJiN4RjEwMzsiCiAgICAgIGhvcml6LWFkdi14PSIxMDAwLjAwMDAwMDAwMDAwMDEiIGQ9Ik01MDcuNjY2NjY2NjY2NjY2NyAxMjUuNjY2NjY2NjY2NjY2OEw0NTUuMDAwMDAwMDAwMDAwMSAxNzguMzMzMzMzMzMzMzMzNUw3MzkuMzMzMzMzMzMzMzMzNCA0NjIuNjY2NjY2NjY2NjY2OUgxMzMuMzMzMzMzMzMzMzMzNFY1MzcuMzMzMzMzMzMzMzMzNEg3MzkuMzMzMzMzMzMzMzMzNEw0NTUuMDAwMDAwMDAwMDAwMSA4MjEuNjY2NjY2NjY2NjY2N0w1MDcuNjY2NjY2NjY2NjY2NyA4NzQuMzMzMzMzMzMzMzMzNUw4NTUuNjY2NjY2NjY2NjY2NyA1MjYuMzMzMzMzMzMzMzMzNEEzNyAzNyAwIDAgMCA4NTUuNjY2NjY2NjY2NjY2NyA0NzMuNjY2NjY2NjY2NjY2N3oiIC8+CiAgICA8Z2x5cGggZ2x5cGgtbmFtZT0iYXJyb3ctdXAiCiAgICAgIHVuaWNvZGU9IiYjeEYxMDQ7IgogICAgICBob3Jpei1hZHYteD0iMTAwMC4wMDAwMDAwMDAwMDAxIiBkPSJNODc0LjMzMzMzMzMzMzMzMzQgNTA3LjY2NjY2NjY2NjY2NjdMODIxLjY2NjY2NjY2NjY2NjYgNDU1TDUzNy4zMzMzMzMzMzMzMzM0IDczOS4zMzMzMzMzMzMzMzM1VjEzMy4zMzMzMzMzMzMzMzM0SDQ2Mi42NjY2NjY2NjY2NjY3VjczOS4zMzMzMzMzMzMzMzM1TDE3OC4zMzMzMzMzMzMzMzM0IDQ1NUwxMjUuNjY2NjY2NjY2NjY2NyA1MDcuNjY2NjY2NjY2NjY2N0w0NzMuNjY2NjY2NjY2NjY2NyA4NTUuNjY2NjY2NjY2NjY2N0EzNyAzNyAwIDAgMCA1MjYuMzMzMzMzMzMzMzMzNCA4NTUuNjY2NjY2NjY2NjY2N3oiIC8+CiAgICA8Z2x5cGggZ2x5cGgtbmFtZT0iYmxhbmsiCiAgICAgIHVuaWNvZGU9IiYjeEYxMDU7IgogICAgICBob3Jpei1hZHYteD0iMTAwMC4wMDAwMDAwMDAwMDAxIiBkPSJNNzQ3LjAwMDAwMDAwMDAwMDEgMTYwLjMzMzMzMzMzMzMzMzRINDY5LjAwMDAwMDAwMDAwMDFBOTMgOTMgMCAwIDAgMzc2LjMzMzMzMzMzMzMzMzQgMjUzVjUzMUE5MyA5MyAwIDAgMCA0NjkuMDAwMDAwMDAwMDAwMSA2MjMuNjY2NjY2NjY2NjY2N0g3NDcuMDAwMDAwMDAwMDAwMUE5MyA5MyAwIDAgMCA4MzkuNjY2NjY2NjY2NjY2NyA1MzFWMjUzQTkzIDkzIDAgMCAwIDc0Ny4wMDAwMDAwMDAwMDAxIDE2MC4zMzMzMzMzMzMzMzM0ek00NjkuMDAwMDAwMDAwMDAwMSA1NjAuMzMzMzMzMzMzMzMzNEEzMC42NjY2NjY2NjY2NjY3IDMwLjY2NjY2NjY2NjY2NjcgMCAwIDEgNDM4LjMzMzMzMzMzMzMzMzQgNTI5LjY2NjY2NjY2NjY2NjdWMjUxLjY2NjY2NjY2NjY2NjdBMzEgMzEgMCAwIDEgNDY5LjAwMDAwMDAwMDAwMDEgMjIwLjY2NjY2NjY2NjY2NjZINzQ3LjAwMDAwMDAwMDAwMDFBMzEgMzEgMCAwIDEgNzc4IDI1MS42NjY2NjY2NjY2NjY3VjUzMUEzMSAzMSAwIDAgMSA3NDcuMDAwMDAwMDAwMDAwMSA1NjEuNjY2NjY2NjY2NjY2N3pNMjg0IDM3Ni4zMzMzMzMzMzMzMzM0SDI1M0E5MyA5MyAwIDAgMCAxNjAuMzMzMzMzMzMzMzMzNCA0NjlWNzQ3LjAwMDAwMDAwMDAwMDFBOTMgOTMgMCAwIDAgMjUzIDgzOS42NjY2NjY2NjY2NjY3SDUzMUE5MyA5MyAwIDAgMCA2MjMuNjY2NjY2NjY2NjY2NyA3NDcuMDAwMDAwMDAwMDAwMVY3MTYuMDAwMDAwMDAwMDAwMUg1NjEuNjY2NjY2NjY2NjY2N1Y3NDcuMDAwMDAwMDAwMDAwMUEzMSAzMSAwIDAgMSA1MzEuMDAwMDAwMDAwMDAwMSA3NzguMDAwMDAwMDAwMDAwMUgyNTNBMzEgMzEgMCAwIDEgMjIyIDc0Ny4wMDAwMDAwMDAwMDAxVjQ2OS4wMDAwMDAwMDAwMDAxQTMxIDMxIDAgMCAxIDI1MyA0MzguMzMzMzMzMzMzMzMzNEgyODR6IiAvPgogICAgPGdseXBoIGdseXBoLW5hbWU9ImNhcmV0LWRvd24iCiAgICAgIHVuaWNvZGU9IiYjeEYxMDY7IgogICAgICBob3Jpei1hZHYteD0iMTAwMC4wMDAwMDAwMDAwMDAxIiBkPSJNMTg5IDYxNy42NjY2NjY2NjY2NjY3TDIzOS42NjY2NjY2NjY2NjY3IDY2Ni42NjY2NjY2NjY2NjY3TDUwMC4wMDAwMDAwMDAwMDAxIDQwNy42NjY2NjY2NjY2NjY4TDc2MC4zMzMzMzMzMzMzMzM0IDY2Ni42NjY2NjY2NjY2NjY3TDgxMSA2MTYuMzMzMzMzMzMzMzMzNUw1MjUuMzMzMzMzMzMzMzMzNCAzMzMuMzMzMzMzMzMzMzMzNEEzNS42NjY2NjY2NjY2NjY3IDM1LjY2NjY2NjY2NjY2NjcgMCAwIDAgNDc0LjY2NjY2NjY2NjY2NjcgMzMzLjMzMzMzMzMzMzMzMzR6IiAvPgogICAgPGdseXBoIGdseXBoLW5hbWU9ImNhcmV0LWxlZnQiCiAgICAgIHVuaWNvZGU9IiYjeEYxMDc7IgogICAgICBob3Jpei1hZHYteD0iMTAwMC4wMDAwMDAwMDAwMDAxIiBkPSJNNjE3LjY2NjY2NjY2NjY2NjcgODExLjAwMDAwMDAwMDAwMDFMNjY2LjY2NjY2NjY2NjY2NjcgNzYwLjMzMzMzMzMzMzMzMzVMNDA3LjY2NjY2NjY2NjY2NjcgNTAwLjAwMDAwMDAwMDAwMDFMNjY2LjY2NjY2NjY2NjY2NjcgMjM5LjY2NjY2NjY2NjY2NjhMNjE2LjMzMzMzMzMzMzMzMzQgMTg5LjAwMDAwMDAwMDAwMDFMMzMzLjMzMzMzMzMzMzMzMzQgNDc0LjY2NjY2NjY2NjY2NjdBMzUuNjY2NjY2NjY2NjY2NyAzNS42NjY2NjY2NjY2NjY3IDAgMCAwIDMzMy4zMzMzMzMzMzMzMzM0IDUyNS4zMzMzMzMzMzMzMzM1eiIgLz4KICAgIDxnbHlwaCBnbHlwaC1uYW1lPSJjYXJldC1yaWdodCIKICAgICAgdW5pY29kZT0iJiN4RjEwODsiCiAgICAgIGhvcml6LWFkdi14PSIxMDAwLjAwMDAwMDAwMDAwMDEiIGQ9Ik0zODIuMzMzMzMzMzMzMzMzNCAxODkuMDAwMDAwMDAwMDAwMUwzMzMuMzMzMzMzMzMzMzMzNCAyMzkuNjY2NjY2NjY2NjY2OEw1OTIuMzMzMzMzMzMzMzMzNCA1MDAuMDAwMDAwMDAwMDAwMUwzMzMuMzMzMzMzMzMzMzMzNCA3NjAuMzMzMzMzMzMzMzMzNUwzODMuNjY2NjY2NjY2NjY2NyA4MTEuMDAwMDAwMDAwMDAwMUw2NjYuNjY2NjY2NjY2NjY2NyA1MjUuMzMzMzMzMzMzMzMzNUEzNS42NjY2NjY2NjY2NjY3IDM1LjY2NjY2NjY2NjY2NjcgMCAwIDAgNjY2LjY2NjY2NjY2NjY2NjcgNDc0LjY2NjY2NjY2NjY2Njd6IiAvPgogICAgPGdseXBoIGdseXBoLW5hbWU9ImNhcmV0LXVwIgogICAgICB1bmljb2RlPSImI3hGMTA5OyIKICAgICAgaG9yaXotYWR2LXg9IjEwMDAuMDAwMDAwMDAwMDAwMSIgZD0iTTgxMSAzODIuMzMzMzMzMzMzMzMzNEw3NjAuMzMzMzMzMzMzMzMzNCAzMzMuMzMzMzMzMzMzMzMzNEw1MDAuMDAwMDAwMDAwMDAwMSA1OTIuMzMzMzMzMzMzMzMzNUwyMzkuNjY2NjY2NjY2NjY2NyAzMzMuMzMzMzMzMzMzMzMzNEwxODkgMzgyLjMzMzMzMzMzMzMzMzRMNDc0LjY2NjY2NjY2NjY2NjcgNjY2LjY2NjY2NjY2NjY2NjdBMzUuNjY2NjY2NjY2NjY2NyAzNS42NjY2NjY2NjY2NjY3IDAgMCAwIDUyNS4zMzMzMzMzMzMzMzM0IDY2Ni42NjY2NjY2NjY2NjY3eiIgLz4KICAgIDxnbHlwaCBnbHlwaC1uYW1lPSJjbG9zZSIKICAgICAgdW5pY29kZT0iJiN4RjEwQTsiCiAgICAgIGhvcml6LWFkdi14PSIxMDAwIiBkPSJNMTU4LjAzOTQzNDA0OTMxMzYgMjE1LjQ2NTM0NTc4NzEzOTRMNzg2LjI1OTYxNDk1OTczNjggODQzLjY4NTUyNjY5NzU2MjZMODQ1LjQ3OTgwNzg4NDExMDIgNzg0LjQ2NTMzMzc3MzE4OTNMMjE3LjI1OTYyNjk3MzY4NjggMTU2LjI0NTE1Mjg2Mjc2NkwxNTguMDM5NDM0MDQ5MzEzNSAyMTUuNDY1MzQ1Nzg3MTM5NHpNMTU3LjgxODQ2MzE4MDE5MjggNzg0LjQ2NTMzMzc3MzE4OTRMMjE3LjAzODY1NjEwNDU2NjIgODQzLjY4NTUyNjY5NzU2MjhMODQ1LjI1ODgzNzAxNDk4OTUgMjE1LjQ2NTM0NTc4NzEzOTRMNzg2LjAzODY0NDA5MDYxNjIgMTU2LjI0NTE1Mjg2Mjc2NjFMMTU3LjgxODQ2MzE4MDE5MjkgNzg0LjQ2NTMzMzc3MzE4OTR6IiAvPgogICAgPGdseXBoIGdseXBoLW5hbWU9ImxvZ2luIgogICAgICB1bmljb2RlPSImI3hGMTBCOyIKICAgICAgaG9yaXotYWR2LXg9IjEwMDAuMDAwMDAwMDAwMDAwMSIgZD0iTTgzMy4zMzMzMzMzMzMzMzM0IDEzOC42NjY2NjY2NjY2NjY4SDc4OS42NjY2NjY2NjY2NjY3VjIxNi42NjY2NjY2NjY2NjY4QTEzMy4zMzMzMzMzMzMzMzM0IDEzMy4zMzMzMzMzMzMzMzM0IDAgMCAxIDY1Ni4zMzMzMzMzMzMzMzM0IDM1MC4wMDAwMDAwMDAwMDAxSDM0NC4zMzMzMzMzMzMzMzM0QTEzMy4zMzMzMzMzMzMzMzM0IDEzMy4zMzMzMzMzMzMzMzM0IDAgMCAxIDIxMSAyMTYuNjY2NjY2NjY2NjY2OFYxMzguNjY2NjY2NjY2NjY2OEgxNjYuNjY2NjY2NjY2NjY2N1YyMTYuNjY2NjY2NjY2NjY2OEExNzcuNjY2NjY2NjY2NjY2NyAxNzcuNjY2NjY2NjY2NjY2NyAwIDAgMCAzNDQuMzMzMzMzMzMzMzMzNCAzOTQuMDAwMDAwMDAwMDAwMUg2NTUuNjY2NjY2NjY2NjY2N0ExNzcuNjY2NjY2NjY2NjY2NyAxNzcuNjY2NjY2NjY2NjY2NyAwIDAgMCA4MzMuMzMzMzMzMzMzMzMzNCAyMTYuNjY2NjY2NjY2NjY2OHpNNTAwLjAwMDAwMDAwMDAwMDEgNTA2LjAwMDAwMDAwMDAwMDFBMTc3LjY2NjY2NjY2NjY2NjcgMTc3LjY2NjY2NjY2NjY2NjcgMCAxIDAgNjc3LjY2NjY2NjY2NjY2NjYgNjgzLjY2NjY2NjY2NjY2NjdBMTc3LjY2NjY2NjY2NjY2NjcgMTc3LjY2NjY2NjY2NjY2NjcgMCAwIDAgNTAwLjAwMDAwMDAwMDAwMDEgNTA2LjAwMDAwMDAwMDAwMDF6TTUwMC4wMDAwMDAwMDAwMDAxIDgxNy42NjY2NjY2NjY2NjY3QTEzMy4zMzMzMzMzMzMzMzM0IDEzMy4zMzMzMzMzMzMzMzM0IDAgMSAxIDYzMy4zMzMzMzMzMzMzMzM0IDY4NC4zMzMzMzMzMzMzMzM1QTEzMy4zMzMzMzMzMzMzMzM0IDEzMy4zMzMzMzMzMzMzMzM0IDAgMCAxIDUwMC4wMDAwMDAwMDAwMDAxIDgxNy42NjY2NjY2NjY2NjY3eiIgLz4KICAgIDxnbHlwaCBnbHlwaC1uYW1lPSJyZWdpc3RlciIKICAgICAgdW5pY29kZT0iJiN4RjEwQzsiCiAgICAgIGhvcml6LWFkdi14PSIxMDAwLjAwMDAwMDAwMDAwMDEiIGQ9Ik03MDcuMDAwMDAwMDAwMDAwMSAxMzMuMzMzMzMzMzMzMzMzNEgyMjRBOTAuNjY2NjY2NjY2NjY2NyA5MC42NjY2NjY2NjY2NjY3IDAgMCAwIDEzMy4zMzMzMzMzMzMzMzM0IDIyNFY3MDcuMDAwMDAwMDAwMDAwMUE5MC42NjY2NjY2NjY2NjY3IDkwLjY2NjY2NjY2NjY2NjcgMCAwIDAgMjI0IDc5Ny42NjY2NjY2NjY2NjY3SDQwOC4zMzMzMzMzMzMzMzM0Vjc1NC42NjY2NjY2NjY2NjY3SDIyNEE0Ny42NjY2NjY2NjY2NjY3IDQ3LjY2NjY2NjY2NjY2NjcgMCAwIDEgMTc2LjMzMzMzMzMzMzMzMzQgNzA3LjAwMDAwMDAwMDAwMDFWMjI0QTQ3LjY2NjY2NjY2NjY2NjcgNDcuNjY2NjY2NjY2NjY2NyAwIDAgMSAyMjQgMTc2LjMzMzMzMzMzMzMzMzRINzA3LjAwMDAwMDAwMDAwMDFBNDcuNjY2NjY2NjY2NjY2NyA0Ny42NjY2NjY2NjY2NjY3IDAgMCAxIDc1NC42NjY2NjY2NjY2NjY3IDIyNFY0MDguMzMzMzMzMzMzMzMzNEg3OTcuNjY2NjY2NjY2NjY2N1YyMjRBOTAuNjY2NjY2NjY2NjY2NyA5MC42NjY2NjY2NjY2NjY3IDAgMCAwIDcwNy4wMDAwMDAwMDAwMDAxIDEzMy4zMzMzMzMzMzMzMzM0ek01MDAuMDAwMDAwMDAwMDAwMSAzNDAuMzMzMzMzMzMzMzMzNUgzNjJBMjEuNjY2NjY2NjY2NjY2NyAyMS42NjY2NjY2NjY2NjY3IDAgMCAwIDM0MC4zMzMzMzMzMzMzMzMzIDM2MlY1MDAuMDAwMDAwMDAwMDAwMUEyMiAyMiAwIDAgMCAzNDYuNjY2NjY2NjY2NjY2NyA1MTUuMzMzMzMzMzMzMzMzNUw2OTEuNjY2NjY2NjY2NjY2NyA4NjAuMzMzMzMzMzMzMzMzNUEyMiAyMiAwIDAgMCA3MjIuMzMzMzMzMzMzMzMzNSA4NjAuMzMzMzMzMzMzMzMzNUw4NjAuMzMzMzMzMzMzMzMzNSA3MjIuMzMzMzMzMzMzMzMzNUEyMiAyMiAwIDAgMCA4NjYuNjY2NjY2NjY2NjY2OSA3MDdBMjIuNjY2NjY2NjY2NjY2NyAyMi42NjY2NjY2NjY2NjY3IDAgMCAwIDg2MC4zMzMzMzMzMzMzMzM1IDY5MS42NjY2NjY2NjY2NjY3TDUxNS4zMzMzMzMzMzMzMzM0IDM0Ni42NjY2NjY2NjY2NjY4QTIyIDIyIDAgMCAwIDUwMC4wMDAwMDAwMDAwMDAxIDM0MC4zMzMzMzMzMzMzMzM1ek0zODMuNjY2NjY2NjY2NjY2NyAzODMuNjY2NjY2NjY2NjY2OEg0OTEuMDAwMDAwMDAwMDAwMUw4MTQuNjY2NjY2NjY2NjY2NyA3MDcuMDAwMDAwMDAwMDAwMUw3MDcuMDAwMDAwMDAwMDAwMSA4MTQuNjY2NjY2NjY2NjY2N0wzODMuNjY2NjY2NjY2NjY2OCA0OTEuMDAwMDAwMDAwMDAwMXoiIC8+CiAgPC9mb250Pgo8L2RlZnM+Cjwvc3ZnPgo=#icon_tfd") format("svg");
}

.icon {
  line-height: 1;
}

.icon:before {
  font-family: icon_tfd !important;
  font-style: normal;
  font-weight: normal !important;
  vertical-align: top;
}

.icon-arrow-down:before {
  content: "\f101";
}

.icon-arrow-left:before {
  content: "\f102";
}

.icon-arrow-right:before {
  content: "\f103";
}

.icon-arrow-up:before {
  content: "\f104";
}

.icon-blank:before {
  content: "\f105";
}

.icon-caret-down:before {
  content: "\f106";
}

.icon-caret-left:before {
  content: "\f107";
}

.icon-caret-right:before {
  content: "\f108";
}

.icon-caret-up:before {
  content: "\f109";
}

.icon-close:before {
  content: "\f10a";
}

.icon-login:before {
  content: "\f10b";
}

.icon-register:before {
  content: "\f10c";
}

.icon {
  display: inline-block;
}

.sub-contents-page .notice .wb {
  display: inline-block;
}