.m__recruit-menu .menu-btn,
.m__recruit-menu ul {
  position: fixed; }
  @media screen and (max-width: 414px) {
    .m__recruit-menu .menu-btn,
    .m__recruit-menu ul {
      top: 60px;
      right: 0; } }
  @media screen and (min-width: 415px) {
    .m__recruit-menu .menu-btn,
    .m__recruit-menu ul {
      top: 96px;
      right: 50%;
      margin-right: -500px; } }
.m__recruit-menu .menu-btn {
  z-index: 11;
  border: none;
  outline: none;
  color: #092AA3;
  font-size: 10px;
  line-height: 1.2;
  transition: background 1s ease-in-out, color 0.5s ease-in-out;
  background-color: transparent;
  box-sizing: border-box;
  cursor: pointer; }
  .m__recruit-menu .menu-btn.has-bg {
    background-color: rgba(255, 255, 255, 0.8); }
  @media screen and (max-width: 414px) {
    .m__recruit-menu .menu-btn {
      width: 60px;
      height: 60px;
      padding: 10px; } }
  @media screen and (min-width: 415px) {
    .m__recruit-menu .menu-btn {
      width: 83px;
      height: 83px;
      padding: 10px; } }
  .m__recruit-menu .menu-btn span {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    transition: 0.5s ease-in-out; }
    @media screen and (max-width: 414px) {
      .m__recruit-menu .menu-btn span {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        visibility: hidden;
        opacity: 0; } }
    @media screen and (min-width: 415px) {
      .m__recruit-menu .menu-btn span {
        margin-top: 10px; } }
  .m__recruit-menu .menu-btn i,
  .m__recruit-menu .menu-btn span:before,
  .m__recruit-menu .menu-btn span:after {
    content: "";
    display: block;
    width: 35px;
    height: 1px;
    background-color: #092AA3;
    margin: 3px 0; }
    @media screen and (max-width: 414px) {
      .m__recruit-menu .menu-btn i,
      .m__recruit-menu .menu-btn span:before,
      .m__recruit-menu .menu-btn span:after {
        transition: 0.3s ease-in-out;
        opacity: 1; } }
    @media screen and (min-width: 415px) {
      .m__recruit-menu .menu-btn i,
      .m__recruit-menu .menu-btn span:before,
      .m__recruit-menu .menu-btn span:after {
        transition: 0.5s ease-in-out;
        opacity: 1; } }
  .m__recruit-menu .menu-btn.close {
    color: transparent; }
    .m__recruit-menu .menu-btn.close i {
      opacity: 0; }
    .m__recruit-menu .menu-btn.close span:before {
      transform: rotate(45deg) scaleX(0.6) translate(6px, 6px); }
    .m__recruit-menu .menu-btn.close span:after {
      transform: rotate(-45deg) scaleX(0.6) translate(6px, -6px); }
.m__recruit-menu ul {
  z-index: 10;
  background-color: #FFFFFF;
  box-sizing: border-box;
  overflow: hidden;
  transition: 0.5s ease-in-out;
  visibility: hidden;
  opacity: 0; }
  @media screen and (max-width: 414px) {
    .m__recruit-menu ul {
      width: 100vw;
      padding: 60px 8vw; } }
  @media screen and (min-width: 415px) {
    .m__recruit-menu ul {
      padding: 60px; } }
  .m__recruit-menu ul li {
    display: block; }
  .m__recruit-menu ul a {
    display: inline-block;
    color: #092AA3;
    font-size: 16px;
    padding: 7px 0; }
    @media screen and (min-width: 415px) {
      .m__recruit-menu ul a:after {
        content: "";
        display: block;
        width: 0;
        height: 1px;
        background-color: #092AA3;
        transition: width 0.5s ease-in-out; }
      .m__recruit-menu ul a:hover:after {
        width: 100%; } }
  .m__recruit-menu ul .sub {
    font-weight: 300;
    margin-left: 10px; }
.m__recruit-menu.show .menu-btn {
  color: transparent; }
  .m__recruit-menu.show .menu-btn span {
    visibility: visible;
    opacity: 1; }
.m__recruit-menu.show ul {
  visibility: visible;
  opacity: 1; }

.m__wce {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background: transparent url("../images/wce/wce-visual.jpg") left top no-repeat;
  background-size: cover;
  box-sizing: border-box; }
  @media screen and (max-width: 414px) {
    .m__wce {
      height: 240px; } }
  @media screen and (min-width: 415px) {
    .m__wce {
      height: 100vh;
      min-height: 640px; } }
  .m__wce .title.centered {
    text-align: center; }
  .m__wce .txt1 {
    display: inline-block;
    color: #092AA3;
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 100;
    line-height: 1;
    letter-spacing: 0.1em;
    background-color: #FFFFFF; }
  .m__wce .txt2 {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 300;
    text-align-last: left; }
    .m__wce .txt2 .regular,
    .m__wce .txt2 .enhanced {
      display: inline-block;
      background-color: #FFFFFF; }
    .m__wce .txt2 .regular {
      line-height: 1.5; }
    .m__wce .txt2 .enhanced {
      line-height: 1.2; }
  .m__wce .txt3 {
    display: inline-block;
    font-weight: 100;
    line-height: 1;
    letter-spacing: 0.1em;
    background-color: #FFFFFF; }
  @media screen and (max-width: 414px) {
    .m__wce .txt1 {
      font-size: 8px;
      padding: 2px 5px;
      margin-bottom: 5px; }
    .m__wce .txt2 {
      letter-spacing: 0.05em; }
      .m__wce .txt2 .regular,
      .m__wce .txt2 .enhanced {
        padding: 2px 6px; }
      .m__wce .txt2 .regular {
        font-size: 20px; }
      .m__wce .txt2 .enhanced {
        font-size: 32px;
        margin-bottom: 5px; }
    .m__wce .txt3 {
      font-size: 10px;
      padding: 5px 15px;
      margin-top: 10px; } }
  @media screen and (min-width: 415px) {
    .m__wce .txt1 {
      font-size: 30px;
      font-size: 2.35vw;
      padding: 5px 20px;
      margin-bottom: 10px; }
    .m__wce .txt2 .regular,
    .m__wce .txt2 .enhanced {
      padding: 0 5px; }
    .m__wce .txt2 .regular {
      font-size: 60px;
      font-size: 4.8vw; }
    .m__wce .txt2 .enhanced {
      font-size: 90px;
      font-size: 7.2vw;
      margin-bottom: 15px; }
    .m__wce .txt3 {
      font-size: 20px;
      padding: 15px 30px;
      margin-top: 40px; } }
  .m__wce .view-more {
    background-color: #FFFFFF; }
  .m__wce .icon-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #FFFFFF; }
  @media screen and (max-width: 414px) {
    .m__wce .view-more {
      margin-top: 10px; }
    .m__wce .icon-arrow {
      width: 30px;
      height: 30px;
      margin-top: 10px; }
      .m__wce .icon-arrow > img {
        width: 10px;
        height: auto; }
    .m__wce .e__btn.small {
      width: auto;
      padding: 0 10px; } }
  @media screen and (min-width: 415px) {
    .m__wce .view-more {
      margin-top: 85px; }
    .m__wce .icon-arrow {
      width: 60px;
      height: 60px;
      margin-top: 40px; }
      .m__wce .icon-arrow > img {
        width: 15px;
        height: auto; } }

.m__entry {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-top: solid 1px #092AA3; }
  .m__entry .title {
    color: #092AA3;
    font-weight: 700;
    line-height: 1; }
  @media screen and (max-width: 414px) {
    .m__entry {
      padding: 30px 0; }
      .m__entry .title {
        font-size: 22.5px;
        padding-bottom: 30px; }
      .m__entry .e__btn {
        width: 125px;
        height: 25px;
        padding: 0 10px; } }
  @media screen and (min-width: 415px) {
    .m__entry {
      padding: 100px 0; }
      .m__entry .title {
        font-size: 65px;
        padding-bottom: 70px; }
      .m__entry .e__btn {
        width: 325px; } }

/* end */