@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP:100,300,400,500,700,900&subset=japanese");
@import url("https://fonts.googleapis.com/css?family=Noto+Serif+JP:200,300,400,500,600,700,900&subset=japanese");
* {
  font-feature-settings: "palt"; }

img {
  width: 100%; }

@keyframes play {
  from {
    transform: translateX(-100%); }
  to {
    transform: translateX(0); } }
@keyframes maskOut {
  from {
    transform: translateX(0); }
  to {
    transform: translateX(100%); } }
@keyframes play2 {
  from {
    transform: translateY(-100%); }
  to {
    transform: translateY(0); } }
@keyframes maskOut2 {
  from {
    transform: translateY(0); }
  to {
    transform: translateY(100%); } }
.scrAnim {
  overflow: hidden; }

.scrAnim > div {
  opacity: 0; }

.scrAnim > span {
  display: block;
  opacity: 0; }

.isPlay {
  animation-name: play;
  animation-duration: .575s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0.8, 0, 0.5, 1);
  position: relative;
  opacity: 1 !important; }

.isPlay:before {
  animation-name: maskOut;
  animation-duration: .575s;
  animation-delay: .575s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0.8, 0, 0.5, 1);
  content: '';
  position: absolute;
  top: 0;
  left: 1px;
  z-index: 3;
  width: 100%;
  height: 100%;
  background: #292929; }

.header {
  position: fixed;
  z-index: 50;
  width: 100%;
  top: 0;
  left: 0;
  background-color: #fff;
  height: 7.27554vw;
  padding: 2.24458vw 3.095vw 0 2.476vw; }
  .header--inner {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .header--inner--logo {
      width: 22.44582vw; }
    .header--inner--gnavi {
      display: flex; }
      .header--inner--gnavi ul {
        display: flex;
        align-items: center; }
        .header--inner--gnavi ul li {
          border-right: 1px solid #d08703; }
          .header--inner--gnavi ul li a {
            display: block;
            width: 100%;
            height: 100%;
            padding: 0 2.0123vw;
            line-height: 1.0;
            font-weight: bold;
            font-size: 1.00619vw; }
          .header--inner--gnavi ul li:last-child {
            border-right: none; }
    .header--inner .menu-trigger {
      cursor: pointer;
      display: block;
      transition: all .4s ease-out;
      width: 36px;
      height: 24px;
      position: relative; }
      .header--inner .menu-trigger span {
        display: inline-block;
        transition: all .4s ease-out;
        position: absolute;
        left: 0;
        width: 100%;
        height: 2px;
        background-color: #d08703; }
        .header--inner .menu-trigger span:nth-of-type(1) {
          top: 0; }
        .header--inner .menu-trigger span:nth-of-type(2) {
          top: 50%;
          margin-top: -2px; }
        .header--inner .menu-trigger span:nth-of-type(3) {
          bottom: 0; }
      .header--inner .menu-trigger.active span:nth-of-type(1) {
        -webkit-transform: translateY(11px) rotate(-35deg);
        transform: translateY(11px) rotate(-35deg); }
      .header--inner .menu-trigger.active span:nth-of-type(2) {
        opacity: 0;
        left: 10px; }
      .header--inner .menu-trigger.active span:nth-of-type(3) {
        -webkit-transform: translateY(-11px) rotate(35deg);
        transform: translateY(-11px) rotate(35deg); }

.large-menu {
  display: none;
  position: fixed;
  width: 100%;
  z-index: 49;
  top: 7.27554vw;
  left: 0;
  background-color: #fff;
  padding: 25px 0 80px; }
  .large-menu--inner {
    max-width: 1040px;
    width: 90%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    .large-menu--inner--box {
      width: 50%; }
      .large-menu--inner--box h3 {
        font-size: 16px;
        font-weight: bold; }
      .large-menu--inner--box .wrap {
        margin-top: 15px;
        display: flex;
        justify-content: space-between; }
        .large-menu--inner--box .wrap .image {
          width: 35%; }
        .large-menu--inner--box .wrap .btns {
          width: 65%;
          padding-left: 2.5%; }
          .large-menu--inner--box .wrap .btns li {
            width: 80%; }
            .large-menu--inner--box .wrap .btns li a {
              padding: 10px;
              background-color: #000;
              color: #fff;
              font-size: 12px;
              position: relative; }
              .large-menu--inner--box .wrap .btns li a span {
                display: inline-block;
                margin-left: 0.5em; }
            .large-menu--inner--box .wrap .btns li:nth-of-type(n+2) {
              margin-top: 10px; }
      .large-menu--inner--box:nth-of-type(n+3) {
        margin-top: 80px; }

.footer {
  border-top: 1px solid #d08703; }
  .footer--inner {
    position: relative;
    padding: 2.167vw 2.55vw 2.708vw; }
    .footer--inner--logo {
      width: 22.523vw; }
    .footer--inner--text {
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      top: 2.55vw;
      width: 10.433vw; }

#pagetop {
  width: 2.5vw;
  height: 2.5vw;
  position: fixed;
  right: 2.5vw;
  bottom: 2.5vw;
  z-index: 48; }

@media screen and (max-width: 767px) {
  .header {
    height: auto;
    padding: 5vw 0; }
    .header--inner {
      position: relative; }
      .header--inner--logo {
        width: 35%;
        position: relative;
        z-index: 5;
        margin-left: 1.5%; }
      .header--inner--gnavi {
        margin-right: 1.5%; }
        .header--inner--gnavi ul li a {
          padding: 0 2vw;
          font-size: 10px;
          font-size: 3.125vw; }
        .header--inner--gnavi .menu-trigger {
          transform: scale(0.8); }

  .large-menu {
    top: 15.8vw;
    padding: 0 0 10vw;
    height: calc(100vh - 15.8vw); }
    .large-menu--inner {
      max-width: none;
      width: 90%;
      display: block; }
      .large-menu--inner--box {
        width: 100%; }
        .large-menu--inner--box h3 {
          font-size: 12px;
          font-size: 3.75vw; }
        .large-menu--inner--box .wrap {
          margin-top: 2.5vw;
          display: flex;
          justify-content: space-between; }
          .large-menu--inner--box .wrap .image {
            width: 40%; }
          .large-menu--inner--box .wrap .btns {
            width: 60%;
            padding-left: 5%; }
            .large-menu--inner--box .wrap .btns li {
              width: 100%; }
              .large-menu--inner--box .wrap .btns li a {
                padding: 2vw;
                font-size: 11px;
                font-size: 3.4375vw; }
                .large-menu--inner--box .wrap .btns li a span {
                  display: inline-block;
                  margin-left: 0.5em; }
              .large-menu--inner--box .wrap .btns li:nth-of-type(n+2) {
                margin-top: 10px; }
        .large-menu--inner--box:nth-of-type(n+2), .large-menu--inner--box:nth-of-type(n+3) {
          margin-top: 5vw; }

  .footer--inner {
    padding: 4.5vw 5% 5vw; }
    .footer--inner--logo {
      width: 45%;
      margin: 0 auto; }
    .footer--inner--text {
      position: static;
      transform: none;
      width: 30%;
      margin: 5vw auto 0; }

  #pagetop {
    width: 10vw;
    height: 10vw;
    right: 2.5vw; }
    #pagetop a:before {
      width: 10vw;
      height: 10vw; }
    #pagetop a:after {
      top: 1.4vw;
      right: 3.3vw;
      width: 2.5vw;
      height: 2.5vw; } }
/* =========================================================
 * reset　　　    /*リセット
========================================================= */
blockquote, body, div, dl, dt, dd, fieldset, form, h1, h2, h3, h4, h5, h6, input, li, ol, p, pre, select, span, textarea, td, th, ul, figure, figcaption {
  margin: 0px;
  padding: 0px; }

fieldset, img {
  border: 0; }

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

ol {
  list-style-type: none; }

ul {
  list-style-type: none; }
  ul li {
    list-style-type: none; }
    ul li img {
      line-height: 0;
      font-size: 0;
      vertical-align: top; }

img {
  border: none;
  vertical-align: bottom; }

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

caption, th {
  text-align: left; }

iframe {
  border: none; }

a:focus {
  outline: none; }

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal; }

/* IE */
* html ul li dl, * html ol li dl {
  display: inline; }
*:first-child + html ul li dl, *:first-child + html ol li dl {
  display: inline; }

/* =========================================================
 * default settings      　   /*デフォルトセッティング
========================================================= */
html {
  font-size: 62.5%;
  overflow: auto; }

* {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  word-break: break-all;
  /*CJK (中国語、台湾語、日本語、韓国語) 以外のテキストにおいて、単語中などでの文字の改行に関する禁則処理を解除し、どの文字の間でも改行するようにします。*/ }

body {
  overflow: hidden;
  -webkit-text-size-adjust: 100%;
  font: inherit;
  font-size: 1vw;
  font-family: YuGothic, "Yu Gothic medium", "Yu Gothic", "Hiragino Sans", Meiryo, "sans-serif";
  line-height: 1.4;
  color: #292929;
  background: #fff; }

a {
  width: 100%;
  height: 100%;
  display: block;
  text-decoration: none;
  color: #292929;
  -webkit-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  -ms-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out; }
  a:hover {
    opacity: 0.7;
    -webkit-opacity: .7;
    -moz-opacity: .7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)"; }

.soon {
  pointer-events: none;
  opacity: .5; }

.hide, .hidden {
  visibility: hidden; }

p {
  line-break: strict; }

img {
  max-width: 100%; }

main {
  display: block; }

.pc {
  display: block; }

.sp {
  display: none; }

@media screen and (max-width: 767px) {
  body {
    -webkit-text-size-adjust: 100%;
    background: #fff;
    min-width: 100%; }

  a {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    transition: none; }
    a:hover {
      opacity: 1;
      -webkit-opacity: 1;
      -moz-opacity: 1;
      filter: alpha(opacity=100);
      /* IE lt 8 */
      -ms-filter: "alpha(opacity=100)";
      /* IE 8 */ }

  img {
    width: 100%; }

  .pc {
    display: none; }

  .sp {
    display: block; } }
/* =========================================================
 * font
========================================================= */
/*Roboto Condensed*/
/*Roboto*/
/*noto-sans*/
.roboto-condensed {
  font-family: 'Roboto Condensed', sans-serif; }

.roboto {
  font-family: 'Roboto', sans-serif; }

.font-noto {
  font-family: 'Noto Sans JP', sans-serif; }

.font-notos {
  font-family: 'Noto Serif JP', sans-serif; }

/* =========================================================
 * clearfix　　   /*クリアフィックス
========================================================= */
.clearfix {
  zoom: 1; }
  .clearfix:before {
    content: "";
    display: table; }
  .clearfix:after {
    content: "";
    display: table;
    clear: both; }

/* =========================================================
 * fade Animation　　   /*フェード アニメーション
========================================================= */
.fade,
.fadein,
.fadein-top,
.fadein-left,
.fadein-right,
.opening {
  position: relative;
  opacity: 0;
  transition: opacity 0.875s ease-in-out , transform 0.875s ease-in-out; }

.fade {
  transform: translate(0, 0); }

.fadein {
  transform: translate(0, 50px); }

.fadein-top {
  transform: translate(0, -50px); }

.fadein-left {
  transform: translate(-50px, 0); }

.fadein-right {
  transform: translate(50px, 0); }

.fade.scrollin,
.fadein.scrollin,
.fadein-top.scrollin,
.fadein-left.scrollin,
.fadein-right.scrollin,
.opening.active {
  opacity: 1;
  transform: translate(0, 0); }

/* =========================================================
 * scrollbar　　   /*フスクロールバー
========================================================= */
::-webkit-scrollbar {
  display: none;
  -webkit-appearance: none; }

@-webkit-keyframes arrow-move {
  0% {
    top: -100%; }
  50% {
    top: 0; }
  100% {
    top: 100%; } }
@keyframes arrow-move {
  0% {
    top: -100%; }
  50% {
    top: 0; }
  100% {
    top: 100%; } }
main article {
  padding-top: 7.27554vw; }
  main article .fixed-entry {
    position: fixed;
    right: 2.5vw;
    bottom: 6.0vw;
    width: 18vw;
    height: 4.5vw;
    z-index: 2;
    transition: all .3s ease-out; }
    main article .fixed-entry a {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 100%;
      background: url("../images/bg-entry-back.png") no-repeat center/cover; }
      main article .fixed-entry a img {
        display: block;
        width: 6.5vw; }
    main article .fixed-entry.transparent {
      opacity: 0; }
    main article .fixed-entry.bottom {
      opacity: 0;
      pointer-events: none; }
  main article .cmn-title {
    text-align: center; }
    main article .cmn-title .en {
      margin: 0 auto; }
    main article .cmn-title h2 {
      display: inline-block;
      line-height: 1.0;
      font-weight: bold;
      margin-top: 1.7027vw;
      font-size: 1.393188vw; }
  main article .main {
    overflow: hidden;
    width: 100%;
    position: relative;
    height: 39.2414vw;
    background-color: #efefef; }
    main article .main--title {
      position: absolute;
      z-index: 5;
      top: 8.0495vw;
      left: 6.037vw; }
      main article .main--title h1 {
        width: 41.3312vw; }
      main article .main--title .txt01 {
        width: 21.5944vw;
        margin-top: 1.238vw; }
      main article .main--title .txt02 {
        width: 26.470vw;
        margin-top: 3.405vw; }
    main article .main--scroll {
      position: absolute;
      z-index: 5;
      bottom: 0;
      left: 6.037vw; }
      main article .main--scroll span {
        display: block;
        position: relative;
        padding-left: 0.3869vw;
        padding-bottom: 3.095975vw;
        overflow: hidden; }
        main article .main--scroll span img {
          display: block;
          width: 0.650154vw; }
        main article .main--scroll span .bar {
          position: absolute;
          left: 0;
          top: 0;
          border-left: 1px solid #fff;
          height: 6.733vw;
          -webkit-animation: arrow-move 2.2s 0.5s ease-in-out infinite;
          animation: arrow-move 2.2s 0.5s ease-in-out infinite; }
    main article .main--explosion {
      position: absolute;
      z-index: 2;
      left: -17vw;
      top: -22vw;
      width: 83vw;
      mix-blend-mode: multiply;
      transform: scale(0.5);
      opacity: 0;
      transition: all 1.4s cubic-bezier(0.6, 0.04, 0.98, 0.335);
      transform-origin: left center; }
      main article .main--explosion.active {
        transform: scale(1);
        opacity: 1; }
    main article .main--persons {
      position: absolute;
      right: 0;
      top: 0;
      z-index: 1;
      width: 48.761609907vw; }
  main article .lead {
    padding: 4.2569vw 0; }
    main article .lead p {
      text-align: center;
      line-height: 2.2;
      font-size: 1.2383vw; }
  main article .job {
    background-color: #d9d9d9;
    padding: 5.03vw 0 10vw; }
    main article .job .cmn-title .en {
      width: 10.758vw; }
    main article .job--occupation {
      margin-top: 5.417vw; }
      main article .job--occupation--block {
        position: relative;
        display: flex;
        align-items: flex-start; }
        main article .job--occupation--block .image {
          position: relative;
          width: 52.78vw; }
          main article .job--occupation--block .image:before {
            content: '';
            display: block;
            position: absolute;
            z-index: 2;
            width: 6.965vw;
            height: 18.808vw;
            bottom: -3.6377vw;
            mix-blend-mode: screen; }
        main article .job--occupation--block .text {
          width: 51.2383vw;
          position: relative;
          z-index: 2; }
          main article .job--occupation--block .text--inner {
            position: relative; }
            main article .job--occupation--block .text--inner:before {
              content: '';
              display: block;
              position: absolute;
              border-top: 1px solid #d08703;
              width: 48.76vw;
              z-index: 3;
              top: 5.417vw; }
            main article .job--occupation--block .text--inner--block {
              background-color: #fff;
              width: 38.9318vw;
              padding: 2.399vw 2.167vw 2.6315vw;
              position: relative; }
              main article .job--occupation--block .text--inner--block h3 {
                line-height: 1.2;
                font-weight: bold;
                font-size: 1.547vw; }
              main article .job--occupation--block .text--inner--block p {
                margin-top: 2.708vw;
                line-height: 1.6;
                font-size: 1.160vw; }
              main article .job--occupation--block .text--inner--block .flex {
                width: 100%;
                margin-top: 1.08359vw;
                display: flex;
                flex-wrap: wrap; }
                main article .job--occupation--block .text--inner--block .flex .btn {
                  width: 16vw; }
                  main article .job--occupation--block .text--inner--block .flex .btn a {
                    padding: 1vw;
                    background-color: #000;
                    color: #fff;
                    font-size: 1.1vw;
                    line-height: 1.0;
                    position: relative; }
                    main article .job--occupation--block .text--inner--block .flex .btn a span {
                      margin-left: 0.5em;
                      display: inline-block;
                      font-size: 1.0vw; }
                  main article .job--occupation--block .text--inner--block .flex .btn:nth-of-type(2) {
                    margin-left: 2.5vw; }
                  main article .job--occupation--block .text--inner--block .flex .btn.full {
                    width: 100%;
                    margin-top: 1vw; }
        main article .job--occupation--block:nth-of-type(odd) .image:before {
          left: 0; }
        main article .job--occupation--block:nth-of-type(odd) .text {
          right: 0; }
          main article .job--occupation--block:nth-of-type(odd) .text--inner:before {
            right: 0; }
          main article .job--occupation--block:nth-of-type(odd) .text--inner--block {
            right: 2vw; }
        main article .job--occupation--block:nth-of-type(even) {
          flex-direction: row-reverse; }
          main article .job--occupation--block:nth-of-type(even) .image:before {
            right: 0; }
          main article .job--occupation--block:nth-of-type(even) .text--inner:before {
            left: 0; }
          main article .job--occupation--block:nth-of-type(even) .text--inner--block {
            margin: 0 0 0 auto;
            left: 2vw; }
        main article .job--occupation--block:nth-of-type(n+2) {
          margin-top: 6.965vw; }
        main article .job--occupation--block.b01 .image:before {
          background: url("../images/bg-job-01.png") no-repeat 0/cover; }
        main article .job--occupation--block.b01-01 .image:before {
          background: url("../images/bg-job-04.png") no-repeat 0/cover; }
        main article .job--occupation--block.b02 .image:before {
          background: url("../images/bg-job-02.png") no-repeat 0/cover; }
        main article .job--occupation--block.b03 .image:before {
          background: url("../images/bg-job-03.png") no-repeat 0/cover; }
        main article .job--occupation--block.b04 .image:before {
          background: url("../images/bg-job-04.png") no-repeat 0/cover; }
    main article .job--accordion {
      margin: 6.965vw auto 0;
      width: 75.85vw; }
      main article .job--accordion--block .trigger {
        position: relative;
        cursor: pointer; }
        main article .job--accordion--block .trigger:after {
          content: '';
          display: block;
          position: absolute;
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 3.095vw 2.0897vw 0 2.0897vw;
          border-color: #292929 transparent transparent transparent;
          left: 50%;
          transform: translateX(-50%);
          bottom: -3.6377vw;
          z-index: 2; }
        main article .job--accordion--block .trigger .txt01 {
          background-color: #fff;
          text-align: center;
          padding: 1.54798vw 0; }
          main article .job--accordion--block .trigger .txt01 h3, main article .job--accordion--block .trigger .txt01 p {
            color: #d89a2b; }
          main article .job--accordion--block .trigger .txt01 h3 {
            font-weight: bold;
            font-size: 1.62538vw; }
          main article .job--accordion--block .trigger .txt01 p {
            margin-top: 1.16vw;
            font-size: 1.083vw; }
        main article .job--accordion--block .trigger .txt02 {
          text-align: center;
          background-color: #d08703;
          padding: 1.16vw 0; }
          main article .job--accordion--block .trigger .txt02 p {
            color: #fff;
            font-weight: bold;
            font-size: 1.7027vw;
            display: inline-block;
            padding-right: 3.48vw;
            position: relative; }
            main article .job--accordion--block .trigger .txt02 p:after {
              content: '';
              display: block;
              position: absolute;
              width: 1.393vw;
              height: 1.393vw;
              border-top: 2px solid #fff;
              border-right: 2px solid #fff;
              transform: translateY(-50%) rotate(45deg);
              top: 50%;
              right: 0; }
        main article .job--accordion--block .trigger .image {
          width: 100%;
          height: 32.198vw;
          position: relative;
          background: url("../images/bg-job-person.jpg") no-repeat center/cover; }
          main article .job--accordion--block .trigger .image--title {
            position: absolute;
            z-index: 2;
            color: #fff;
            top: 50%;
            transform: translateY(-50%);
            left: 4.876vw; }
            main article .job--accordion--block .trigger .image--title .company h4, main article .job--accordion--block .trigger .image--title .company p {
              font-weight: bold; }
            main article .job--accordion--block .trigger .image--title .company h4 {
              font-size: 1.857vw; }
            main article .job--accordion--block .trigger .image--title .company p {
              margin-top: 0.38vw;
              font-size: 1.083vw;
              display: inline-block;
              text-indent: -0.5em; }
            main article .job--accordion--block .trigger .image--title .profile .position, main article .job--accordion--block .trigger .image--title .profile .name, main article .job--accordion--block .trigger .image--title .profile .year {
              font-weight: bold;
              line-height: 1.0; }
            main article .job--accordion--block .trigger .image--title .profile .position {
              font-size: 1.315vw; }
            main article .job--accordion--block .trigger .image--title .profile .name {
              margin: 0.85vw 0 0.85vw 0;
              font-size: 2.9411vw; }
            main article .job--accordion--block .trigger .image--title .profile .year {
              font-size: 1.16vw; }
      main article .job--accordion--block .contents {
        display: none;
        background-color: #fff;
        padding: 3.25vw 3.56vw 8.51vw; }
        main article .job--accordion--block .contents .profile-txt {
          border-top: 1px solid #d89a2b;
          border-bottom: 1px solid #d89a2b;
          padding: 1.393vw 0; }
          main article .job--accordion--block .contents .profile-txt .en {
            font-family: "Ropa Sans", sans-serif;
            line-height: 1.0;
            color: #d89a2b;
            letter-spacing: .16em;
            font-size: 1.547vw; }
          main article .job--accordion--block .contents .profile-txt p {
            margin-top: 0.92vw;
            font-size: 1.08vw; }
        main article .job--accordion--block .contents .interview {
          margin-top: 4.33vw; }
          main article .job--accordion--block .contents .interview--block h3 {
            color: #d89a2b;
            font-weight: bold;
            line-height: 1.2;
            font-size: 1.70vw; }
          main article .job--accordion--block .contents .interview--block p {
            margin-top: 1.54vw;
            line-height: 1.6;
            font-size: 1.16vw; }
          main article .job--accordion--block .contents .interview--block:nth-of-type(n+2) {
            margin-top: 3.869vw; }
        main article .job--accordion--block .contents ul {
          margin-top: 4.489vw;
          display: flex; }
          main article .job--accordion--block .contents ul li {
            width: 50%; }
        main article .job--accordion--block .contents .close {
          cursor: pointer;
          position: absolute;
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 0 2.0897vw 3.095vw 2.0897vw;
          border-color: transparent transparent #292929 transparent;
          left: 50%;
          transform: translateX(-50%);
          bottom: 0.696vw; }
      main article .job--accordion--block.open .trigger:after {
        opacity: 0; }
  main article .strong {
    padding: 5.4179vw 0 0; }
    main article .strong .cmn-title .en {
      width: 22.678vw; }
    main article .strong--mainnumbers {
      margin-top: 6.346vw;
      background-color: #fdf9f2;
      width: 100%;
      padding: 1.934vw 0; }
      main article .strong--mainnumbers--inner {
        width: 75.85139vw;
        margin: 0 auto;
        display: flex; }
        main article .strong--mainnumbers--inner .block {
          width: 50%;
          text-align: center; }
          main article .strong--mainnumbers--inner .block .en {
            line-height: 1.0;
            font-family: "Ropa Sans", sans-serif;
            font-weight: bold;
            font-size: 2.3219vw; }
          main article .strong--mainnumbers--inner .block dl {
            display: flex;
            justify-content: center;
            align-items: flex-end;
            margin-top: 1.5479vw; }
            main article .strong--mainnumbers--inner .block dl dt, main article .strong--mainnumbers--inner .block dl dd {
              font-weight: bold;
              color: #d89a2b; }
            main article .strong--mainnumbers--inner .block dl dt {
              font-size: 6.1919vw;
              line-height: 0.8;
              margin-right: 0.3869vw; }
            main article .strong--mainnumbers--inner .block dl dd {
              font-size: 1.62538vw;
              line-height: 1.0; }
          main article .strong--mainnumbers--inner .block:nth-of-type(1) {
            border-right: 2px solid #d89a2b; }
    main article .strong--professionals {
      margin-top: 8.668vw; }
      main article .strong--professionals .en {
        width: 24.613vw;
        margin: 0 auto; }
      main article .strong--professionals--inner {
        width: 69.349vw;
        margin: 2.708vw auto 0;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap; }
        main article .strong--professionals--inner .box {
          width: 19.81424vw;
          height: 19.81424vw;
          border-radius: 50%;
          display: flex;
          justify-content: center;
          align-items: center;
          background-color: #eee; }
          main article .strong--professionals--inner .box--inner {
            text-align: center; }
            main article .strong--professionals--inner .box--inner .icon {
              min-height: 5.65vw;
              margin: 0 auto;
              width: 4.7213vw;
              display: flex;
              justify-content: center;
              align-items: center; }
            main article .strong--professionals--inner .box--inner p {
              margin-top: 1.083vw;
              line-height: 1.0;
              font-family: "Ropa Sans", sans-serif;
              font-weight: bold;
              font-size: 1.238vw; }
              main article .strong--professionals--inner .box--inner p span {
                font-family: "Oswald", sans-serif; }
            main article .strong--professionals--inner .box--inner .counter {
              margin-top: 1.083vw;
              display: block;
              line-height: 0.8;
              font-weight: bold;
              font-family: "Ropa Sans", sans-serif;
              font-size: 4.5665vw; }
          main article .strong--professionals--inner .box:nth-of-type(n+2) {
            margin-top: 2.16718vw; }
          main article .strong--professionals--inner .box.box-all {
            background: #ff6af1;
            background: linear-gradient(90deg, #ff6af1 0%, #ffae79 50%, #feb012 100%);
            width: 100%;
            height: auto;
            display: block;
            padding: 2.244vw 0 2.941vw;
            border-radius: 160px; }
            main article .strong--professionals--inner .box.box-all .box--inner .counter {
              font-size: 5.727vw; }
            main article .strong--professionals--inner .box.box-all .box--inner .icons {
              margin-top: 1.393vw;
              display: flex;
              justify-content: center; }
              main article .strong--professionals--inner .box.box-all .box--inner .icons .icons--box .icon {
                margin: 0 auto; }
              main article .strong--professionals--inner .box.box-all .box--inner .icons .icons--box p span {
                font-family: "Oswald", sans-serif; }
              main article .strong--professionals--inner .box.box-all .box--inner .icons .icons--box.i01 {
                margin-right: 3.018vw; }
                main article .strong--professionals--inner .box.box-all .box--inner .icons .icons--box.i01 .icon {
                  width: 4.7213vw; }
              main article .strong--professionals--inner .box.box-all .box--inner .icons .icons--box.i02 {
                margin-right: 3.2507vw; }
                main article .strong--professionals--inner .box.box-all .box--inner .icons .icons--box.i02 .icon {
                  width: 4.334vw; }
              main article .strong--professionals--inner .box.box-all .box--inner .icons .icons--box.i03 {
                margin-right: 2.6315vw; }
                main article .strong--professionals--inner .box.box-all .box--inner .icons .icons--box.i03 .icon {
                  width: 5.417vw; }
              main article .strong--professionals--inner .box.box-all .box--inner .icons .icons--box.i04 {
                margin-right: 1.78vw; }
                main article .strong--professionals--inner .box.box-all .box--inner .icons .icons--box.i04 .icon {
                  width: 5.417vw; }
              main article .strong--professionals--inner .box.box-all .box--inner .icons .icons--box.i05 {
                margin-right: 1.78vw; }
                main article .strong--professionals--inner .box.box-all .box--inner .icons .icons--box.i05 .icon {
                  width: 4.489vw; }
              main article .strong--professionals--inner .box.box-all .box--inner .icons .icons--box.i06 .icon {
                width: 3.947vw; }
          main article .strong--professionals--inner .box.b01 {
            background: #ff6af1;
            background: linear-gradient(90deg, #ff6af1 0%, #ffae79 50%, #feb012 100%); }
            main article .strong--professionals--inner .box.b01 .box--inner .icon {
              width: 4.7213vw; }
          main article .strong--professionals--inner .box.b02 {
            background: #ffae00;
            background: linear-gradient(90deg, #ffae00 0%, yellow 100%); }
            main article .strong--professionals--inner .box.b02 .box--inner .icon {
              width: 4.334vw; }
          main article .strong--professionals--inner .box.b03 {
            background: #50f2f8;
            background: linear-gradient(90deg, #50f2f8 0%, #3389fe 100%); }
            main article .strong--professionals--inner .box.b03 .box--inner .icon {
              width: 5.417vw; }
          main article .strong--professionals--inner .box.b04 {
            background: #f7ff9b;
            background: linear-gradient(90deg, #f7ff9b 0%, #afffa4 50%, #41fffe 100%); }
            main article .strong--professionals--inner .box.b04 .box--inner .icon {
              width: 5.417vw; }
          main article .strong--professionals--inner .box.b05 {
            background: #8c41fe;
            background: linear-gradient(90deg, #8c41fe 0%, #feb8ff 100%); }
            main article .strong--professionals--inner .box.b05 .box--inner .icon {
              width: 4.489vw; }
          main article .strong--professionals--inner .box.b06 {
            background: #ff6af1;
            background: linear-gradient(90deg, #ff6af1 0%, #ffae79 50%, #feb012 100%); }
            main article .strong--professionals--inner .box.b06 .box--inner .icon {
              width: 3.947vw; }
          main article .strong--professionals--inner .box.b07 {
            background: #ff9387;
            background: linear-gradient(90deg, #ff9387 0%, #efd58f 50%, #b5fff8 100%); }
            main article .strong--professionals--inner .box.b07 .box--inner .icon {
              width: 5.263vw; }
          main article .strong--professionals--inner .box.b08 {
            background: #0fa04c;
            background: linear-gradient(90deg, #0fa04c 0%, #80ffd7 100%); }
            main article .strong--professionals--inner .box.b08 .box--inner .icon {
              width: 4.489vw; }
          main article .strong--professionals--inner .box.b09 {
            background: #ffae00;
            background: linear-gradient(90deg, #ffae00 0%, yellow 100%); }
            main article .strong--professionals--inner .box.b09 .box--inner .icon {
              width: 4.953vw; }
          main article .strong--professionals--inner .box.b10 {
            background: #ff6af1;
            background: linear-gradient(90deg, #ff6af1 0%, #ffae79 50%, #feb012 100%); }
            main article .strong--professionals--inner .box.b10 .box--inner .icon {
              width: 5.572vw; }
          main article .strong--professionals--inner .box.b11 {
            background: #50f2f8;
            background: linear-gradient(90deg, #50f2f8 0%, #3389fe 100%); }
            main article .strong--professionals--inner .box.b11 .box--inner .icon {
              width: 4.798vw; }
          main article .strong--professionals--inner .box.b12 {
            background: #f7ff9b;
            background: linear-gradient(90deg, #f7ff9b 0%, #afffa4 50%, #41fffe 100%); }
            main article .strong--professionals--inner .box.b12 .box--inner .icon {
              width: 4.643vw; }
          main article .strong--professionals--inner .box.b13 {
            background: #50f2f8;
            background: linear-gradient(90deg, #50f2f8 0%, #3389fe 100%); }
            main article .strong--professionals--inner .box.b13 .box--inner .icon {
              width: 4.721vw; }
          main article .strong--professionals--inner .box.b14 {
            background: #8c41fe;
            background: linear-gradient(90deg, #8c41fe 0%, #feb8ff 100%); }
            main article .strong--professionals--inner .box.b14 .box--inner .icon {
              width: 4.566vw; }
          main article .strong--professionals--inner .box.b15 {
            background: #ff6af1;
            background: linear-gradient(90deg, #ff6af1 0%, #ffae79 50%, #feb012 100%); }
            main article .strong--professionals--inner .box.b15 .box--inner .icon {
              width: 5.495vw; }
          main article .strong--professionals--inner .box.b16 {
            background: #ffae00;
            background: linear-gradient(90deg, #ffae00 0%, yellow 100%); }
            main article .strong--professionals--inner .box.b16 .box--inner .icon {
              width: 5.263vw; }
          main article .strong--professionals--inner .box.b17 {
            background: #ff6af1;
            background: linear-gradient(90deg, #ff6af1 0%, #ffae79 50%, #feb012 100%); }
            main article .strong--professionals--inner .box.b17 .box--inner .icon {
              width: 9.133vw; }
          main article .strong--professionals--inner .box.b18 {
            background: #ff9387;
            background: linear-gradient(90deg, #ff9387 0%, #efd58f 50%, #b5fff8 100%); }
            main article .strong--professionals--inner .box.b18 .box--inner .icon {
              width: 4.643vw; }
            main article .strong--professionals--inner .box.b18 .box--inner .en {
              margin-top: 1vw;
              font-weight: bold;
              font-size: 1.857vw;
              line-height: 1.0; }
  main article .entry {
    margin-top: 11.60vw;
    padding-bottom: 7.198vw; }
    main article .entry p {
      text-align: center;
      font-weight: bold;
      line-height: 1.8;
      font-size: 1.47vw; }
    main article .entry--btn {
      margin: 1.547vw auto 0;
      width: 75.85vw;
      height: 9.3653vw; }
      main article .entry--btn a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
        background: url("../images/bg-entry-back.png") no-repeat center/cover; }
        main article .entry--btn a img {
          display: block;
          width: 13.777vw; }

@media screen and (max-width: 767px) {
  main article {
    padding-top: 15.8vw; }
    main article .fixed-entry {
      right: 2.5vw;
      bottom: 18vw;
      width: 36vw;
      height: 9vw; }
      main article .fixed-entry a img {
        width: 20vw; }
    main article .cmn-title h2 {
      margin-top: 3.5vw;
      font-size: 14px;
      font-size: 4.375vw; }
    main article .main {
      height: 65vw; }
      main article .main--title {
        top: 50%;
        transform: translateY(-50%);
        left: 3.5%; }
        main article .main--title h1 {
          width: 50vw; }
        main article .main--title .txt01 {
          width: 40vw;
          margin-top: 2.5vw; }
        main article .main--title .txt02 {
          width: 50vw;
          margin-top: 7.5vw; }
      main article .main--scroll {
        display: none; }
      main article .main--explosion {
        left: -30vw;
        top: -22vw;
        width: 100vw; }
      main article .main--persons {
        right: -15vw;
        top: 0;
        width: 80vw; }
    main article .lead {
      padding: 8vw 0; }
      main article .lead p {
        line-height: 2.0;
        font-size: 12px;
        font-size: 3.75vw; }
    main article .job {
      padding: 10vw 0 20vw; }
      main article .job .cmn-title .en {
        width: calc(10.758vw * 2); }
      main article .job--occupation {
        margin-top: 10vw; }
        main article .job--occupation--block {
          display: block; }
          main article .job--occupation--block .image {
            width: 90vw;
            margin: 0 auto; }
            main article .job--occupation--block .image:before {
              width: calc(6.965vw * 2);
              height: calc(18.808vw * 2);
              bottom: -3.6377vw; }
          main article .job--occupation--block .text {
            width: 90vw;
            margin: 0 auto;
            position: static; }
            main article .job--occupation--block .text--inner:before {
              width: 100vw;
              top: 12.5vw; }
            main article .job--occupation--block .text--inner--block {
              width: 100%;
              padding: 5vw; }
              main article .job--occupation--block .text--inner--block h3 {
                font-size: 14px;
                font-size: 4.375vw; }
              main article .job--occupation--block .text--inner--block p {
                margin-top: 6vw;
                font-size: 11px;
                font-size: 3.4375vw; }
              main article .job--occupation--block .text--inner--block .flex {
                width: 100%;
                margin-top: 5vw;
                justify-content: space-between; }
                main article .job--occupation--block .text--inner--block .flex .btn {
                  width: 48%; }
                  main article .job--occupation--block .text--inner--block .flex .btn a {
                    padding: 2.5vw;
                    font-size: 3.2vw; }
                    main article .job--occupation--block .text--inner--block .flex .btn a span {
                      font-size: 2.8vw; }
                  main article .job--occupation--block .text--inner--block .flex .btn:nth-of-type(2) {
                    margin-left: 0; }
                  main article .job--occupation--block .text--inner--block .flex .btn.full {
                    width: 100%;
                    margin-top: 2.5vw; }
          main article .job--occupation--block:nth-of-type(odd) .text--inner--block {
            right: auto; }
          main article .job--occupation--block:nth-of-type(even) .image {
            margin: 0 auto; }
          main article .job--occupation--block:nth-of-type(even) .text--inner--block {
            margin: 0;
            left: auto; }
          main article .job--occupation--block:nth-of-type(n+2) {
            margin-top: 15vw; }
      main article .job--accordion {
        margin: 15vw auto 0;
        width: 90vw; }
        main article .job--accordion--block .trigger:after {
          border-width: 6.19vw 4.1794vw 0 4.1794vw;
          bottom: -7.2754vw; }
        main article .job--accordion--block .trigger .txt01 {
          padding: 3vw 0; }
          main article .job--accordion--block .trigger .txt01 h3 {
            font-size: 13px;
            font-size: 4.0625vw;
            line-height: 1.4; }
          main article .job--accordion--block .trigger .txt01 p {
            margin-top: 2.5vw;
            font-size: 10px;
            font-size: 3.125vw; }
        main article .job--accordion--block .trigger .txt02 {
          padding: 2.5vw 0; }
          main article .job--accordion--block .trigger .txt02 p {
            font-size: 13px;
            font-size: 4.0625vw;
            padding-right: 7vw; }
            main article .job--accordion--block .trigger .txt02 p:after {
              width: 2.8vw;
              height: 2.8vw;
              right: -5%; }
        main article .job--accordion--block .trigger .image {
          height: 50vw; }
          main article .job--accordion--block .trigger .image--title {
            left: 2.5vw; }
            main article .job--accordion--block .trigger .image--title .company h4 {
              font-size: 14px;
              font-size: 4.375vw; }
            main article .job--accordion--block .trigger .image--title .company p {
              margin-top: 1vw;
              font-size: 11px;
              font-size: 3.4375vw; }
            main article .job--accordion--block .trigger .image--title .profile .position {
              font-size: 10px;
              font-size: 3.125vw; }
            main article .job--accordion--block .trigger .image--title .profile .name {
              margin: 1.5vw 0 1.5vw 0;
              font-size: 22px;
              font-size: 6.875vw; }
            main article .job--accordion--block .trigger .image--title .profile .year {
              font-size: 11px;
              font-size: 3.4375vw; }
        main article .job--accordion--block .contents {
          padding: 7.5vw 5vw 16vw; }
          main article .job--accordion--block .contents .profile-txt {
            padding: 3vw 0; }
            main article .job--accordion--block .contents .profile-txt .en {
              letter-spacing: .12em;
              font-size: 14px;
              font-size: 4.375vw; }
            main article .job--accordion--block .contents .profile-txt p {
              margin-top: 2vw;
              font-size: 11px;
              font-size: 3.4375vw; }
          main article .job--accordion--block .contents .interview {
            margin-top: 8vw; }
            main article .job--accordion--block .contents .interview--block h3 {
              line-height: 1.4;
              font-size: 16px;
              font-size: 5vw; }
            main article .job--accordion--block .contents .interview--block p {
              margin-top: 3vw;
              line-height: 1.4;
              font-size: 11px;
              font-size: 3.4375vw; }
            main article .job--accordion--block .contents .interview--block:nth-of-type(n+2) {
              margin-top: 7.5vw; }
          main article .job--accordion--block .contents ul {
            margin-top: 9vw; }
          main article .job--accordion--block .contents .close {
            border-width: 0 4.1794vw 6.19vw 4.1794vw;
            bottom: 1.392vw; }
    main article .strong {
      padding: 10vw 0 0; }
      main article .strong .cmn-title .en {
        width: calc(22.678vw * 2); }
      main article .strong--mainnumbers {
        margin-top: 12vw;
        padding: 4vw 0; }
        main article .strong--mainnumbers--inner {
          width: 90vw;
          margin: 0 auto;
          display: flex; }
          main article .strong--mainnumbers--inner .block .en {
            font-size: 20px;
            font-size: 6.25vw; }
          main article .strong--mainnumbers--inner .block dl {
            margin-top: 3vw; }
            main article .strong--mainnumbers--inner .block dl dt {
              font-size: 30px;
              font-size: 9.375vw;
              margin-right: 1vw; }
            main article .strong--mainnumbers--inner .block dl dd {
              font-size: 16px;
              font-size: 5vw;
              line-height: 1.0; }
      main article .strong--professionals {
        margin-top: 16vw; }
        main article .strong--professionals .en {
          width: 60vw; }
        main article .strong--professionals--inner {
          width: 90vw;
          margin: 6vw auto 0; }
          main article .strong--professionals--inner .box {
            width: 40vw;
            height: 40vw; }
            main article .strong--professionals--inner .box--inner .icon {
              min-height: calc(5.65vw * 2); }
            main article .strong--professionals--inner .box--inner p {
              margin-top: 2vw;
              font-size: 12px;
              font-size: 3.75vw; }
            main article .strong--professionals--inner .box--inner .counter {
              margin-top: 2vw;
              font-size: 24px;
              font-size: 7.5vw; }
            main article .strong--professionals--inner .box:nth-of-type(n+2) {
              margin-top: 4.5vw; }
            main article .strong--professionals--inner .box.box-all {
              padding: 6vw 0 10vw;
              border-radius: 60px; }
              main article .strong--professionals--inner .box.box-all .box--inner > p {
                font-size: 18px;
                font-size: 5.625vw; }
              main article .strong--professionals--inner .box.box-all .box--inner .counter {
                font-size: 32px;
                font-size: 10vw; }
              main article .strong--professionals--inner .box.box-all .box--inner .icons {
                margin-top: 7.5vw;
                flex-wrap: wrap; }
                main article .strong--professionals--inner .box.box-all .box--inner .icons .icons--box {
                  width: 38%; }
                  main article .strong--professionals--inner .box.box-all .box--inner .icons .icons--box.i01 {
                    margin-right: 0; }
                    main article .strong--professionals--inner .box.box-all .box--inner .icons .icons--box.i01 .icon {
                      width: calc(4.7213vw * 3); }
                  main article .strong--professionals--inner .box.box-all .box--inner .icons .icons--box.i02 {
                    margin-right: 0; }
                    main article .strong--professionals--inner .box.box-all .box--inner .icons .icons--box.i02 .icon {
                      width: calc(4.334vw * 3); }
                  main article .strong--professionals--inner .box.box-all .box--inner .icons .icons--box.i03 {
                    margin-right: 0; }
                    main article .strong--professionals--inner .box.box-all .box--inner .icons .icons--box.i03 .icon {
                      width: calc(5.417vw * 3); }
                  main article .strong--professionals--inner .box.box-all .box--inner .icons .icons--box.i04 {
                    margin-right: 0; }
                    main article .strong--professionals--inner .box.box-all .box--inner .icons .icons--box.i04 .icon {
                      width: calc(5.417vw * 3); }
                  main article .strong--professionals--inner .box.box-all .box--inner .icons .icons--box.i05 {
                    margin-right: 0; }
                    main article .strong--professionals--inner .box.box-all .box--inner .icons .icons--box.i05 .icon {
                      width: calc(4.489vw * 3); }
                  main article .strong--professionals--inner .box.box-all .box--inner .icons .icons--box.i06 .icon {
                    width: calc(3.947vw * 3); }
                  main article .strong--professionals--inner .box.box-all .box--inner .icons .icons--box:nth-of-type(n+3) {
                    margin-top: 5vw; }
            main article .strong--professionals--inner .box.b01 .box--inner .icon {
              width: calc(4.7213vw * 2); }
            main article .strong--professionals--inner .box.b02 .box--inner .icon {
              width: calc(4.334vw * 2); }
            main article .strong--professionals--inner .box.b03 .box--inner .icon {
              width: calc(5.417vw * 2); }
            main article .strong--professionals--inner .box.b04 .box--inner .icon {
              width: calc(5.417vw * 2); }
            main article .strong--professionals--inner .box.b05 .box--inner .icon {
              width: calc(4.489vw * 2); }
            main article .strong--professionals--inner .box.b06 .box--inner .icon {
              width: calc(3.947vw * 2); }
            main article .strong--professionals--inner .box.b07 .box--inner .icon {
              width: calc(5.263vw * 2); }
            main article .strong--professionals--inner .box.b08 .box--inner .icon {
              width: calc(4.489vw * 2); }
            main article .strong--professionals--inner .box.b09 .box--inner .icon {
              width: calc(4.953vw * 2); }
            main article .strong--professionals--inner .box.b10 .box--inner .icon {
              width: calc(5.572vw * 2); }
            main article .strong--professionals--inner .box.b11 .box--inner .icon {
              width: calc(4.798vw * 2); }
            main article .strong--professionals--inner .box.b12 .box--inner .icon {
              width: calc(4.643vw * 2); }
            main article .strong--professionals--inner .box.b13 .box--inner .icon {
              width: calc(4.721vw * 2); }
            main article .strong--professionals--inner .box.b14 .box--inner .icon {
              width: calc(4.566vw * 2); }
            main article .strong--professionals--inner .box.b15 .box--inner .icon {
              width: calc(5.495vw * 2); }
            main article .strong--professionals--inner .box.b16 .box--inner .icon {
              width: calc(5.263vw * 2); }
            main article .strong--professionals--inner .box.b17 .box--inner .icon {
              width: calc(9.133vw * 2); }
            main article .strong--professionals--inner .box.b18 .box--inner .icon {
              width: calc(4.643vw * 2); }
            main article .strong--professionals--inner .box.b18 .box--inner .en {
              margin-top: 2vw;
              font-size: 13px;
              font-size: 4.0625vw; }
    main article .entry {
      margin-top: 20vw;
      padding-bottom: 14vw; }
      main article .entry p {
        font-size: 12px;
        font-size: 3.75vw; }
      main article .entry--btn {
        margin: 3vw auto 0;
        width: 90vw;
        height: 12vw; }
        main article .entry--btn a img {
          width: 26vw; } }