@charset "UTF-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

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

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 100;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 200;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 300;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Bold");
  font-weight: bold;
}
@font-face {
  font-family: 'montserratlight';
  src: url("/wp-content/themes/mediagene/fonts/montserrat-light-webfont.eot");
  src: url("/wp-content/themes/mediagene/fonts/montserrat-light-webfont.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/mediagene/fonts/montserrat-light-webfont.woff2") format("woff2"), url("/wp-content/themes/mediagene/fonts/montserrat-light-webfont.woff") format("woff"), url("/wp-content/themes/mediagene/fonts/montserrat-light-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'montserratregular';
  src: url("/wp-content/themes/mediagene/fonts/montserrat-regular-webfont.eot");
  src: url("/wp-content/themes/mediagene/fonts/montserrat-regular-webfont.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/mediagene/fonts/montserrat-regular-webfont.woff2") format("woff2"), url("/wp-content/themes/mediagene/fonts/montserrat-regular-webfont.woff") format("woff"), url("/wp-content/themes/mediagene/fonts/montserrat-regular-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@keyframes zoomin1 {
  0% {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes zoomin1 {
  0% {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes zoomin1 {
  from {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
  }
  to {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes zoomout1 {
  0% {
    -webkit-transform: scale(1.1) rotate(0.1deg);
    -moz-transform: scale(1.1) rotate(0.1deg);
    -ms-transform: scale(1.1) rotate(0.1deg);
    -o-transform: scale(1.1) rotate(0.1deg);
    transform: scale(1.1) rotate(0.1deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0.1deg);
    -moz-transform: scale(1) rotate(0.1deg);
    -ms-transform: scale(1) rotate(0.1deg);
    -o-transform: scale(1) rotate(0.1deg);
    transform: scale(1) rotate(0.1deg);
  }
}
@-webkit-keyframes zoomout1 {
  0% {
    -webkit-transform: scale(1.1) rotate(0.1deg);
    -moz-transform: scale(1.1) rotate(0.1deg);
    -ms-transform: scale(1.1) rotate(0.1deg);
    -o-transform: scale(1.1) rotate(0.1deg);
    transform: scale(1.1) rotate(0.1deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0.1deg);
    -moz-transform: scale(1) rotate(0.1deg);
    -ms-transform: scale(1) rotate(0.1deg);
    -o-transform: scale(1) rotate(0.1deg);
    transform: scale(1) rotate(0.1deg);
  }
}
@-moz-keyframes zoomout1 {
  from {
    -webkit-transform: scale(1.1) rotate(0.1deg);
    -moz-transform: scale(1.1) rotate(0.1deg);
    -ms-transform: scale(1.1) rotate(0.1deg);
    -o-transform: scale(1.1) rotate(0.1deg);
    transform: scale(1.1) rotate(0.1deg);
  }
  to {
    -webkit-transform: scale(1) rotate(0.1deg);
    -moz-transform: scale(1) rotate(0.1deg);
    -ms-transform: scale(1) rotate(0.1deg);
    -o-transform: scale(1) rotate(0.1deg);
    transform: scale(1) rotate(0.1deg);
  }
}
@keyframes fadeinup {
  0% {
    -webkit-transform: translate(0, 2em);
    -moz-transform: translate(0, 2em);
    -ms-transform: translate(0, 2em);
    -o-transform: translate(0, 2em);
    transform: translate(0, 2em);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
}
@-webkit-keyframes fadeinup {
  0% {
    -webkit-transform: translate(0, 2em);
    -moz-transform: translate(0, 2em);
    -ms-transform: translate(0, 2em);
    -o-transform: translate(0, 2em);
    transform: translate(0, 2em);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
}
@-moz-keyframes fadeinup {
  from {
    -webkit-transform: translate(0, 2em);
    -moz-transform: translate(0, 2em);
    -ms-transform: translate(0, 2em);
    -o-transform: translate(0, 2em);
    transform: translate(0, 2em);
    opacity: 0;
  }
  to {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
}
@keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.d1 {
  -webkit-animation-delay: 0.5s;
  -moz-animation-delay: 0.5s;
  -ms-animation-delay: 0.5s;
  -o-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

.d2 {
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  -ms-animation-delay: 1s;
  -o-animation-delay: 1s;
  animation-delay: 1s;
}

.d3 {
  -webkit-animation-delay: 1.5s;
  -moz-animation-delay: 1.5s;
  -ms-animation-delay: 1.5s;
  -o-animation-delay: 1.5s;
  animation-delay: 1.5s;
}

html, body {
  height: 100%;
}

body {
  font-family: "游ゴシック", YuGothic, Helvetica, ArialMT, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-weight: 500;
  font-size: 15px;
  line-height: 1.8;
  color: #4d4d4d;
  -webkit-text-size-adjust: none;
  -ms-touch-action: none !important;
  -webkit-font-smoothing: antialiased;
}

input, select {
  font-family: "游ゴシック", YuGothic, Helvetica, ArialMT, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  outline: 0;
}

p {
  margin-bottom: 1.5em;
}
p:last-child {
  margin-bottom: 0;
}

a {
  color: #4d4d4d;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}

a:hover {
  color: #6f6f6f;
  text-decoration: none;
}

::selection {
  background: #163259;
  color: white;
}

::-moz-selection {
  background: #163259;
  color: white;
}

.updatebrowser {
  box-sizing: border-box;
  background: #163259;
  padding: 10px 30px;
  color: white;
  font-weight: bold;
}
.updatebrowser a {
  color: white;
  text-decoration: underline;
}

.wrapper {
  position: relative;
  min-width: 1280px;
  padding-bottom: 618px;
}

#pagetop {
  height: 60px;
}

body.home #pagetop {
  height: 80px;
}

.header {
  position: fixed;
  width: 100%;
  min-width: 1280px;
  height: 80px;
  top: 0;
  background: white;
  z-index: 999;
  -webkit-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  -moz-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  -ms-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  -o-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
}
.header .header-logo {
  display: block;
  position: absolute;
  left: 33px;
  top: 23px;
  width: 168px;
  height: 32px;
  -webkit-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  -moz-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  -ms-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  -o-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
}
.header .header-logo a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  outline-style: none;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  width: 168px;
  height: 32px;
  background: url(/wp-content/themes/mediagene/img/common_header_logo.svg) no-repeat;
  background-size: 168px 32px;
}
.header .gnav {
  position: absolute;
  width: 500px;
  height: 80px;
  top: 0px;
  right: 33px;
  margin-right: 210px;
}
@media (min-width: 768px) and (max-width: 900px) {
  .header .gnav {
    margin-right: 0;
  }
}
.header .gnav .gnav-holder {
  position: absolute;
  height: 15px;
  width: 100%;
  top: 44px;
  right: 0;
  text-align: right;
  -webkit-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  -moz-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  -ms-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  -o-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  z-index: 2;
}
.header .gnav .gnav-holder li {
  display: inline-block;
  font-size: 15px;
  font-family: 'montserratregular', sans-serif;
  letter-spacing: 0.05em;
  margin-left: 30px;
  text-transform: uppercase;
}
.header .gnav .gnav-holder li a {
  color: #163259;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  opacity: 1;
}
.header .gnav .gnav-holder li a:hover {
  opacity: 0.75;
}
.header .gnav .linknav-holder {
  position: absolute;
  top: 10px;
  right: 0;
  height: 11px;
  text-align: right;
  -webkit-transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  -moz-transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  -ms-transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  -o-transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  z-index: 1;
}
.header .gnav .linknav-holder li {
  display: inline-block;
  margin-left: 14px;
  vertical-align: middle;
}
.header.fixed {
  background: rgba(255, 255, 255, 0.95);
  position: fixed;
  height: 60px;
}
.header.fixed .header-logo {
  top: 14px;
}
.header.fixed .gnav .gnav-holder {
  top: 16px;
}
.header.fixed .gnav .linknav-holder {
  opacity: 0;
}
.header.fixed .gnav .btn {
  top: 7px;
}
.header .btn {
  display: flex;
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  overflow: hidden;
  position: absolute;
  top: 18px;
  right: -210px;
  -webkit-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  -moz-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  -ms-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  -o-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
}
@media (min-width: 768px) and (max-width: 900px) {
  .header .btn {
    display: none;
  }
}
.header .btn.is-gradient {
  width: 190px;
  height: 46px;
  background: transparent linear-gradient(284deg, #B7249E 0%, #5F0AA8 100%) 0% 0% no-repeat padding-box;
  border-radius: 77px;
  border: none;
}
.header .btn.is-gradient:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.2s cubic-bezier(0.285, 0, 0.14, 1.005);
  transition: all 0.2s cubic-bezier(0.285, 0, 0.14, 1.005);
}
.header .btn.is-gradient:hover:before {
  width: 100%;
}

.footer {
  text-align: center;
  position: fixed;
  z-index: 0;
  bottom: 0;
  width: 100%;
  min-width: 1280px;
}
.footer .footer-facebook {
  position: relative;
  padding: 30px 0;
  background: url(/wp-content/themes/mediagene/img/common_footer_fb_bg.jpg) no-repeat center center;
  background-size: cover;
}
.footer .footer-facebook .fb-page {
  position: relative;
  width: 500px;
  height: 214px;
  margin: 0 auto;
  z-index: 1;
}
.footer .footer-facebook:before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: url(/wp-content/themes/mediagene/img/common_mv_overlay.png) repeat;
  opacity: 0.9;
}
.footer .footer-media {
  height: 91px;
  background: #1a1a1a;
  padding: 50px 0 40px;
}
.footer .footer-media .footer-media-logo {
  line-height: 0;
  margin-bottom: 30px;
}
.footer .footer-media .footer-medialist li {
  display: inline-block;
  margin: 0 8px;
  vertical-align: middle;
}
.footer .footer-media .footer-medialist li a {
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.footer .footer-media .footer-medialist li a:hover {
  opacity: 0.7;
}
.footer .footer-media .footer-medialist li a img {
  vertical-align: middle;
}
.footer .footer-media .footer-medialist li a#footer-media-rm {
  vertical-align: 2px;
}
.footer .footer-corp {
  background: black;
  padding: 25px 0;
}
.footer .footer-corp nav, .footer .footer-corp ul {
  display: inline-block;
}
.footer .footer-corp li {
  display: inline-block;
  margin: 0 4px;
  vertical-align: middle;
  font-size: 12px;
}
.footer .footer-corp li a {
  color: white;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.footer .footer-corp li a:hover {
  color: #aaa;
}
.footer .footer-corp .footer-corp-copyright {
  display: inline-block;
  vertical-align: middle;
  font-size: 11px;
  color: white;
  font-family: 'montserratregular', sans-serif;
  margin-left: 1em;
}
.footer .footer-corp-pagetop {
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 76px;
  height: 76px;
  border-left: solid 1px #1a1a1a;
  background: black url(/wp-content/themes/mediagene/img/common_footer_pagetop.svg) no-repeat center center;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.footer .footer-corp-pagetop:hover {
  background-color: #1a1a1a;
}

a.largebtn-blue,
.btnBlock input[type="submit"] {
  display: block;
  position: relative;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  overflow: hidden;
  width: 280px;
  margin: 0 auto;
  text-align: center;
  line-height: 1;
  padding: 18px 0;
  background: #163259;
  color: white;
  border: none;
  font-size: 15px;
  font-weight: bold;
  cursor: pointer;
}
a.largebtn-blue:before,
.btnBlock input[type="submit"]:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-transition: all 0.2s cubic-bezier(0.285, 0, 0.14, 1.005);
  transition: all 0.2s cubic-bezier(0.285, 0, 0.14, 1.005);
}
a.largebtn-blue:hover:before,
.btnBlock input[type="submit"]:hover:before {
  width: 100%;
}
a.largebtn-blue span,
.btnBlock input[type="submit"] span {
  position: relative;
  z-index: 10;
  font-weight: bold;
}
a.largebtn-blue[disabled],
.btnBlock input[type="submit"][disabled] {
  background: #d5d5d5;
  cursor: default;
}

.largebtn-trans {
  display: block;
  position: relative;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  overflow: hidden;
  width: 280px;
  margin: 0 auto;
  text-align: center;
  line-height: 1;
  padding: 18px 0;
  background: rgba(255, 255, 255, 0.15);
  color: white;
}
.largebtn-trans:hover {
  color: white;
}
.largebtn-trans:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.04);
  -webkit-transition: all 0.2s cubic-bezier(0.285, 0, 0.14, 1.005);
  transition: all 0.2s cubic-bezier(0.285, 0, 0.14, 1.005);
}
.largebtn-trans:hover:before {
  width: 100%;
}
.largebtn-trans > span {
  position: relative;
  z-index: 10;
  font-weight: bold;
}

.largebtn-gray {
  display: block;
  position: relative;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  overflow: hidden;
  width: 280px;
  margin: 0 auto;
  text-align: center;
  line-height: 1;
  padding: 18px 0;
  background: rgba(0, 0, 0, 0.1);
  color: #333333;
}
.largebtn-gray:hover {
  color: #333333;
}
.largebtn-gray:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.04);
  -webkit-transition: all 0.2s cubic-bezier(0.285, 0, 0.14, 1.005);
  transition: all 0.2s cubic-bezier(0.285, 0, 0.14, 1.005);
}
.largebtn-gray:hover:before {
  width: 100%;
}
.largebtn-gray span {
  position: relative;
  z-index: 10;
  font-weight: bold;
}

a.smallbtn-blue {
  display: block;
  position: relative;
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  border-radius: 11px;
  overflow: hidden;
  width: 104px;
  float: right;
  text-align: center;
  line-height: 0;
  padding: 6px 0;
  background: #163259;
  color: white;
  font-size: 13px;
  font-family: 'montserratregular', sans-serif;
  letter-spacing: 0.05em;
}
a.smallbtn-blue:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: #071d38;
  -webkit-transition: all 0.2s cubic-bezier(0.285, 0, 0.14, 1.005);
  transition: all 0.2s cubic-bezier(0.285, 0, 0.14, 1.005);
}
a.smallbtn-blue:hover:before {
  width: 100%;
}
a.smallbtn-blue span {
  position: relative;
  z-index: 10;
  vertical-align: middle;
}
a.smallbtn-blue span:after {
  content: "";
  display: inline-block;
  height: 10px;
  width: 6px;
  vertical-align: -1px;
  background: url(/wp-content/themes/mediagene/img/common_icon_arrow_r_wh.svg) no-repeat center center;
  background-size: 6px 10px;
  margin-left: 0.7em;
}

.btn-open span:after {
  content: "";
  display: inline-block;
  height: 11px;
  width: 6px;
  background: url(/wp-content/themes/mediagene/img/common_icon_arrow_r_wh.svg) no-repeat center center;
  background-size: 6px 11px;
  margin-left: 0.75em;
  vertical-align: 0px;
}

.btn-openwin span:before {
  content: "";
  display: inline-block;
  height: 12px;
  width: 15px;
  background: url(/wp-content/themes/mediagene/img/common_icon_openwin_wh.svg) no-repeat center center;
  background-size: 15px 12px;
  margin-right: 0.75em;
  vertical-align: 0px;
}
.largebtn-gray.btn-openwin span:before {
  background: url(/wp-content/themes/mediagene/img/common_icon_openwin_gr.svg) no-repeat center center;
  background-size: 15px 12px;
}

.btn-data span:before {
  content: "";
  display: inline-block;
  height: 13px;
  width: 13px;
  background: url(/wp-content/themes/mediagene/img/common_icon_data_wh.svg) no-repeat center center;
  background-size: 13px 13px;
  margin-right: 0.75em;
  vertical-align: 0px;
}
.largebtn-gray.btn-data span:before {
  background: url(/wp-content/themes/mediagene/img/common_icon_data_gr.svg) no-repeat center center;
  background-size: 13px 13px;
}

.btn-doc > span:before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 13px;
  background: url(/wp-content/themes/mediagene/img/common_icon_doc_wh.svg) no-repeat center center;
  background-size: 10px 13px;
  margin-right: 0.75em;
  vertical-align: 0px;
}
.largebtn-gray.btn-doc span:before {
  background: url(/wp-content/themes/mediagene/img/common_icon_doc_gr.svg) no-repeat center center;
  background-size: 10px 13px;
}

.txtbtn-back {
  line-height: 1;
  color: #163259;
  font-size: 16px;
  font-family: 'montserratlight', "游ゴシック", YuGothic, Helvetica, ArialMT, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-weight: bold;
}
.txtbtn-back:hover {
  color: #163259;
}
.txtbtn-back span:before {
  content: "";
  display: inline-block;
  height: 16px;
  width: 6px;
  vertical-align: -2px;
  background: url(/wp-content/themes/mediagene/img/common_icon_arrow_l_bl.svg) no-repeat center center;
  background-size: 8px 13px;
  margin-right: 0.7em;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.txtbtn-back span:hover:before {
  -webkit-transform: translate(-0.3em, 0);
  -moz-transform: translate(-0.3em, 0);
  -ms-transform: translate(-0.3em, 0);
  -o-transform: translate(-0.3em, 0);
  transform: translate(-0.3em, 0);
}

.anchornav {
  position: fixed;
  width: 10px;
  right: 23px;
  top: 50%;
  margin-top: -60px;
  z-index: 999;
}
.anchornav li {
  position: relative;
  margin-bottom: 22px;
  line-height: 1;
}
.anchornav li a .txt {
  position: absolute;
  right: 20px;
  top: 5px;
  font-family: 'montserratregular', sans-serif;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  line-height: 1;
  color: #163259;
  text-align: right;
  opacity: 0;
  -webkit-transition: opacity 0.5s ease;
  -moz-transition: opacity 0.5s ease;
  -ms-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}
.anchornav li a .dot {
  display: inline-block;
  width: 6px;
  height: 6px;
  background: rgba(186, 194, 204, 0.7);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.anchornav li a.current .dot {
  background: #16325a;
  -webkit-transform: scale(1.8);
  -moz-transform: scale(1.8);
  -ms-transform: scale(1.8);
  -o-transform: scale(1.8);
  transform: scale(1.8);
}
.anchornav li a:hover .txt {
  opacity: 1;
}

.topmv {
  box-sizing: border-box;
  height: 100%;
  min-width: 1280px;
  position: relative;
  z-index: 4;
  background: white;
  padding-top: 80px;
  margin-top: -80px;
}
.topmv .topmvimg {
  position: relative;
  height: 100%;
  width: 100%;
  min-width: 1280px;
  overflow: hidden;
  background: black;
}
.topmv .topmvimg video {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -340px;
  width: 100%;
  height: auto;
}
.topmv .scroll {
  position: absolute;
  left: 50%;
  bottom: 15px;
  margin-left: -21px;
  z-index: 1;
}
.topmv .scroll .dot {
  position: absolute;
  bottom: 25px;
  left: 50%;
  margin-left: -3px;
  display: inline-block;
  width: 5px;
  height: 5px;
  background: white;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-animation-name: dot;
  animation-name: dot;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

@media (max-width: 1420px) {
  .topmv {
    max-height: 800px;
  }
}
@keyframes dot {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }
}
@-webkit-keyframes dot {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }
}
.topnews {
  position: relative;
  margin: -60px auto 0;
  padding: 140px 0 50px;
  background: white;
  z-index: 3;
}
.topnews:after {
  content: "";
  display: block;
  clear: both;
}
.topnews .holder {
  position: relative;
  width: 85%;
  margin: 0 auto;
}
.topnews .title {
  position: absolute;
  left: 0;
  top: 0;
  left: -40px;
  top: 40px;
  width: 100px;
  color: #163259;
  font-family: 'montserratlight', sans-serif;
  font-size: 29px;
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: 0.08em;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.topnews ul {
  margin-left: 110px;
}
.topnews ul li {
  margin-bottom: 0.8em;
}
.topnews ul li a {
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.topnews ul li a:hover {
  color: #163259;
}
.topnews ul li span {
  display: block;
  float: left;
  margin-right: 3em;
}
.topnews ul li h3 {
  height: 1.8em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-box-orient: vertical;
  -o-box-orient: vertical;
  box-orient: vertical;
  -webkit-line-clamp: 1;
  -moz-line-clamp: 1;
  -ms-line-clamp: 1;
  -o-line-clamp: 1;
  line-clamp: 1;
}

.topcontact {
  background: #132842;
  position: relative;
  margin: auto 0;
  padding: 80px 0;
  z-index: 3;
}
.topcontact .holder {
  position: relative;
  width: 85%;
  margin: 0 auto;
}
.topcontact .title {
  position: absolute;
  left: 0;
  top: 0;
  left: -40px;
  top: 40px;
  width: 100px;
  color: #ffffff;
  font-family: 'montserratlight', sans-serif;
  font-size: 29px;
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: 0.08em;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.topcontact ul {
  margin-left: 110px;
}
.topcontact ul li:not(:last-child) {
  margin-bottom: 23px;
}
.topcontact ul a {
  font-weight: bold;
  display: flex;
  align-items: center;
  background: rgba(255, 255, 255, 0.09);
  color: white;
  font-size: 15px;
  padding: 19px 50px;
  border-radius: 77px;
  position: relative;
  justify-content: space-between;
  overflow: hidden;
}
.topcontact ul a::after {
  content: "";
  display: inline-block;
  height: 10px;
  width: 6px;
  vertical-align: -1px;
  background: url(/wp-content/themes/mediagene/img/common_icon_arrow_r_wh.svg) no-repeat center center;
  background-size: 6px 10px;
  margin-left: 0.7em;
}
.topcontact ul a:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.04);
  -webkit-transition: all 0.2s cubic-bezier(0.285, 0, 0.14, 1.005);
  transition: all 0.2s cubic-bezier(0.285, 0, 0.14, 1.005);
}
.topcontact ul a:hover:before {
  width: 100%;
}

.topmedia {
  margin-top: -60px;
  padding-top: 60px;
  background: white;
  position: relative;
  z-index: 2;
}
.topmedia .topmediablock {
  background: #666;
}
.topmedia .topmediablock:after {
  content: "";
  display: block;
  clear: both;
}
.topmedia .topmediablock .topmediaimgblock {
  position: relative;
  width: 50%;
  height: 550px;
  overflow: hidden;
  background: white;
}
.topmedia .topmediablock .topmediaimgblock .mediaimg {
  width: 100%;
  height: 100%;
  -webkit-transition: 6s cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition: 6s cubic-bezier(0.165, 0.84, 0.44, 1);
  -ms-transition: 6s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: 6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 6s cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}
.topmedia .topmediablock .topmediaimgblock .mediaimg:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(7, 30, 57, 0.3);
  mix-blend-mode: multiply;
}
.topmedia .topmediablock .topmediainfoblock {
  width: 50%;
  height: 550px;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  padding: 11px;
  background: white;
}
.topmedia .topmediablock .topmediainfoblock .mediaimg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -webkit-transition: 4s cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition: 4s cubic-bezier(0.165, 0.84, 0.44, 1);
  -ms-transition: 4s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: 4s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 4s cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.topmedia .topmediablock .topmediainfoblock .mediaimg:before {
  content: '';
  background: inherit;
  -webkit-filter: blur(3px);
  -moz-filter: blur(3px);
  -o-filter: blur(3px);
  -ms-filter: blur(3px);
  filter: blur(3px);
  position: absolute;
  top: -3px;
  left: -3px;
  right: -3px;
  bottom: -3px;
}
.topmedia .topmediablock .topmediainfoblock .mediaimg:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(7, 30, 57, 0.3);
  mix-blend-mode: multiply;
}
.topmedia .topmediablock .topmediainfoblock .mediainfo {
  position: relative;
  z-index: 10;
  display: table-cell;
  vertical-align: middle;
  height: 528px;
  min-width: 618px;
}
.topmedia .topmediablock .topmediainfoblock .mediainfo .mediainfoH2 {
  width: 83.5%;
  margin: 0 auto;
  line-height: 0;
  position: relative;
}
.topmedia .topmediablock .topmediainfoblock .mediainfo .mediainfoH2 span {
  position: absolute;
  clip: rect(0px, 0, 60px, 0px);
  -webkit-transform: translate(-0.5em, 0);
  -ms-transform: translate(-0.5em, 0);
  transform: translate(-0.5em, 0);
  -webkit-transition: all 3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  transition: all 3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
}
.topmedia .topmediablock .topmediainfoblock .mediainfo .mediainfoH2.visible span {
  clip: rect(0px, 340px, 60px, 0px);
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0);
}
.topmedia .topmediablock .topmediainfoblock .mediainfo .mediainfoH3 {
  width: 83%;
  margin: 18px auto 0;
  line-height: 1;
  font-weight: bold;
  height: 1em;
  position: relative;
}
.topmedia .topmediablock .topmediainfoblock .mediainfo .mediainfoH3 span {
  position: absolute;
  clip: rect(0px, 0, 20px, 0px);
  -webkit-transform: translate(-0.5em, 0);
  -ms-transform: translate(-0.5em, 0);
  transform: translate(-0.5em, 0);
  -webkit-transition: all 3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  transition: all 3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
}
.topmedia .topmediablock .topmediainfoblock .mediainfo .mediainfoH3.visible span {
  clip: rect(0px, 350px, 20px, 0px);
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0);
}
.topmedia .topmediablock .topmediainfoblock .mediainfo .mediainfoH4 {
  width: 83%;
  margin: 40px auto 0;
  font-size: 14px;
  line-height: 1.9;
  height: 6em;
  position: relative;
}
.topmedia .topmediablock .topmediainfoblock .mediainfo .mediainfoH4 span {
  position: absolute;
  clip: rect(0px, 0, 200px, 0px);
  -webkit-transform: translate(-0.5em, 0);
  -ms-transform: translate(-0.5em, 0);
  transform: translate(-0.5em, 0);
  -webkit-transition: all 4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  transition: all 4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
}
.topmedia .topmediablock .topmediainfoblock .mediainfo .mediainfoH4.visible span {
  clip: rect(0px, 1100px, 200px, 0px);
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0);
}
.topmedia .topmediablock .topmediainfoblock .mediainfo .mediabtnblock {
  width: 83%;
  margin: 40px auto 0;
}
.topmedia .topmediablock .topmediainfoblock .mediainfo .mediabtnblock .mediabtnblockSub {
  display: flex;
  flex-wrap: nowrap;
  margin-top: 10px;
}
.topmedia .topmediablock .topmediainfoblock .mediainfo .mediabtnblock .mediabtnblockSub .largebtn-trans:nth-child(1), .topmedia .topmediablock .topmediainfoblock .mediainfo .mediabtnblock .mediabtnblockSub .largebtn-gray:nth-child(1) {
  width: 100%;
}
.topmedia .topmediablock .topmediainfoblock .mediainfo .mediabtnblock .mediabtnblockSub .largebtn-trans:nth-child(2), .topmedia .topmediablock .topmediainfoblock .mediainfo .mediabtnblock .mediabtnblockSub .largebtn-gray:nth-child(2) {
  width: calc(50% - 4px);
  margin-left: 8px;
  flex: none;
}
.topmedia .topmediablock .topmediainfoblock .mediainfo .mediabtnblock a {
  width: 100%;
  opacity: 0;
  -webkit-transition: all 2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  transition: all 2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
}
.topmedia .topmediablock .topmediainfoblock .mediainfo .mediabtnblock a.visible {
  opacity: 1;
}
.topmedia .topmediablock:nth-child(even) .topmediaimgblock {
  float: left;
}
.topmedia .topmediablock:nth-child(even) .topmediaimgblock:after {
  content: "";
  position: absolute;
  width: 30px;
  height: 1px;
  right: 0;
  top: 50%;
  background: rgba(255, 255, 255, 0.8);
  z-index: 1;
}
.topmedia .topmediablock:nth-child(even) .topmediainfoblock {
  float: right;
}
.topmedia .topmediablock:nth-child(even) .topmediainfoblock:after {
  content: "";
  position: absolute;
  width: 30px;
  height: 1px;
  left: 0;
  top: 50%;
  background: rgba(255, 255, 255, 0.3);
  z-index: 1;
}
.topmedia .topmediablock:nth-child(odd) .topmediaimgblock {
  float: right;
}
.topmedia .topmediablock:nth-child(odd) .topmediaimgblock:after {
  content: "";
  position: absolute;
  width: 30px;
  height: 1px;
  left: 0;
  top: 50%;
  background: rgba(255, 255, 255, 0.8);
  z-index: 1;
}
.topmedia .topmediablock:nth-child(odd) .topmediainfoblock {
  float: left;
}
.topmedia .topmediablock:nth-child(odd) .topmediainfoblock:after {
  content: "";
  position: absolute;
  width: 30px;
  height: 1px;
  right: 0;
  top: 50%;
  background: rgba(255, 255, 255, 0.6);
  z-index: 1;
}
.topmedia .topmediablock.topmedia-gm .topmediaimgblock .mediaimg {
  background: url(/wp-content/themes/mediagene/img/top_media_img_gm.jpg) no-repeat center center;
  background-size: cover;
}
.topmedia .topmediablock.topmedia-gm .topmediainfoblock .mediaimg {
  background: url(/wp-content/themes/mediagene/img/top_media_img_gm.jpg) no-repeat center center;
  background-size: cover;
}
.topmedia .topmediablock.topmedia-gm .topmediainfoblock .mediainfo {
  background: rgba(46, 187, 238, 0.72);
  color: white;
}
.topmedia .topmediablock.topmedia-gm .topmediainfoblock .mediainfo .mediainfoH2 {
  height: 31px;
}
.topmedia .topmediablock.topmedia-fz .topmediaimgblock .mediaimg {
  background: url(/wp-content/themes/mediagene/img/top_media_img_fz.jpg) no-repeat center center;
  background-size: cover;
}
.topmedia .topmediablock.topmedia-fz .topmediainfoblock .mediaimg {
  background: url(/wp-content/themes/mediagene/img/top_media_img_fz.jpg) no-repeat center center;
  background-size: cover;
}
.topmedia .topmediablock.topmedia-fz .topmediainfoblock .mediainfo {
  background: rgba(46, 187, 238, 0.72);
  background: -prefix-linear-gradient(left, rgba(248, 77, 137, 0.7), rgba(253, 55, 183, 0.7) 50%, rgba(255, 150, 85, 0.7));
  background: linear-gradient(to right, rgba(248, 77, 137, 0.7), rgba(253, 55, 183, 0.7) 50%, rgba(255, 150, 85, 0.7));
  color: white;
}
.topmedia .topmediablock.topmedia-fz .topmediainfoblock .mediainfo .mediainfoH2 {
  height: 37px;
}
.topmedia .topmediablock.topmedia-fz .topmediainfoblock .mediainfo .mediainfoH4 {
  height: 7em;
}
.topmedia .topmediablock.topmedia-lh .topmediaimgblock .mediaimg {
  background: url(/wp-content/themes/mediagene/img/top_media_img_lh.jpg) no-repeat center center;
  background-size: cover;
}
.topmedia .topmediablock.topmedia-lh .topmediainfoblock .mediaimg {
  background: url(/wp-content/themes/mediagene/img/top_media_img_lh.jpg) no-repeat center center;
  background-size: cover;
}
.topmedia .topmediablock.topmedia-lh .topmediainfoblock .mediainfo {
  background: rgba(35, 174, 77, 0.7);
  color: white;
}
.topmedia .topmediablock.topmedia-lh .topmediainfoblock .mediainfo .mediainfoH2 {
  height: 49px;
}
.topmedia .topmediablock.topmedia-bi .topmediaimgblock .mediaimg {
  background: url(/wp-content/themes/mediagene/img/top_media_img_bi.jpg) no-repeat center center;
  background-size: cover;
}
.topmedia .topmediablock.topmedia-bi .topmediainfoblock .mediaimg {
  background: url(/wp-content/themes/mediagene/img/top_media_img_bi.jpg) no-repeat center center;
  background-size: cover;
}
.topmedia .topmediablock.topmedia-bi .topmediainfoblock .mediainfo {
  background: rgba(28, 90, 126, 0.7);
  color: white;
}
.topmedia .topmediablock.topmedia-bi .topmediainfoblock .mediainfo .mediainfoH2 {
  height: 60px;
}
.topmedia .topmediablock.topmedia-dd .topmediaimgblock .mediaimg {
  background: url(/wp-content/themes/mediagene/img/top_media_img_dd.jpg) no-repeat center center;
  background-size: cover;
}
.topmedia .topmediablock.topmedia-dd .topmediainfoblock .mediaimg {
  background: url(/wp-content/themes/mediagene/img/top_media_img_dd.jpg) no-repeat center center;
  background-size: cover;
}
.topmedia .topmediablock.topmedia-dd .topmediainfoblock .mediainfo {
  background: rgba(0, 0, 0, 0.7);
  color: white;
}
.topmedia .topmediablock.topmedia-dd .topmediainfoblock .mediainfo .mediainfoH2 {
  height: 33px;
}
.topmedia .topmediablock.topmedia-gn .topmediaimgblock .mediaimg {
  background: url(/wp-content/themes/mediagene/img/top_media_img_gn.jpg) no-repeat center center;
  background-size: cover;
}
.topmedia .topmediablock.topmedia-gn .topmediainfoblock .mediaimg {
  background: url(/wp-content/themes/mediagene/img/top_media_img_gn.jpg) no-repeat center center;
  background-size: cover;
}
.topmedia .topmediablock.topmedia-gn .topmediainfoblock .mediainfo {
  background: rgba(203, 212, 210, 0.7);
  color: #333333;
}
.topmedia .topmediablock.topmedia-gn .topmediainfoblock .mediainfo .mediainfoH2 {
  height: 42px;
}
.topmedia .topmediablock.topmedia-gn .topmediainfoblock .mediainfo .mediainfoH4 {
  height: 7em;
}
.topmedia .topmediablock.topmedia-gt .topmediaimgblock .mediaimg {
  background: url(/wp-content/themes/mediagene/img/top_media_img_gt.jpg) no-repeat center center;
  background-size: cover;
}
.topmedia .topmediablock.topmedia-gt .topmediainfoblock .mediaimg {
  background: url(/wp-content/themes/mediagene/img/top_media_img_gt.jpg) no-repeat center center;
  background-size: cover;
}
.topmedia .topmediablock.topmedia-gt .topmediainfoblock .mediainfo {
  background: rgba(15, 33, 35, 0.7);
  color: white;
}
.topmedia .topmediablock.topmedia-gt .topmediainfoblock .mediainfo .mediainfoH2 {
  height: 34px;
}
.topmedia .topmediablock.topmedia-gt .topmediainfoblock .mediainfo .mediainfoH4 {
  height: 7em;
}
.topmedia .topmediablock.topmedia-mu .topmediaimgblock .mediaimg {
  background: url(/wp-content/themes/mediagene/img/top_media_img_mu.jpg) no-repeat center center;
  background-size: cover;
}
.topmedia .topmediablock.topmedia-mu .topmediainfoblock .mediaimg {
  background: url(/wp-content/themes/mediagene/img/top_media_img_mu.jpg) no-repeat center center;
  background-size: cover;
}
.topmedia .topmediablock.topmedia-mu .topmediainfoblock .mediainfo {
  background: rgba(225, 159, 156, 0.7);
  color: #333333;
}
.topmedia .topmediablock.topmedia-mu .topmediainfoblock .mediainfo .mediainfoH2 {
  height: 44px;
}
.topmedia .topmediablock.topmedia-mu .topmediainfoblock .mediainfo .mediainfoH4 {
  height: 7em;
}
.topmedia .topmediablock.topmedia-ml .topmediaimgblock .mediaimg {
  background: url(/wp-content/themes/mediagene/img/top_media_img_ml.jpg) no-repeat center center;
  background-size: cover;
}
.topmedia .topmediablock.topmedia-ml .topmediainfoblock .mediaimg {
  background: url(/wp-content/themes/mediagene/img/top_media_img_ml.jpg) no-repeat center center;
  background-size: cover;
}
.topmedia .topmediablock.topmedia-ml .topmediainfoblock .mediainfo {
  background: rgba(238, 238, 238, 0.7);
  color: #333333;
}
.topmedia .topmediablock.topmedia-ml .topmediainfoblock .mediainfo .mediainfoH2 {
  height: 32px;
}
.topmedia .topmediablock.topmedia-ml .topmediainfoblock .mediainfo .mediainfoH4 {
  height: 7em;
}
.topmedia .topmediablock.topmedia-gl .topmediaimgblock .mediaimg {
  background: url(/wp-content/themes/mediagene/img/top_media_img_gl.jpg) no-repeat center center;
  background-size: cover;
}
.topmedia .topmediablock.topmedia-gl .topmediainfoblock .mediaimg {
  background: url(/wp-content/themes/mediagene/img/top_media_img_gl.jpg) no-repeat center center;
  background-size: cover;
}
.topmedia .topmediablock.topmedia-gl .topmediainfoblock .mediainfo {
  background: rgba(255, 255, 255, 0.7);
  color: #333333;
}
.topmedia .topmediablock.topmedia-gl .topmediainfoblock .mediainfo .mediainfoH2 {
  height: 32px;
}
.topmedia .topmediablock.topmedia-gl .topmediainfoblock .mediainfo .mediainfoH4 {
  height: 7em;
}
.topmedia .topmediablock.topmedia-rm .topmediaimgblock .mediaimg {
  background: url(/wp-content/themes/mediagene/img/top_media_img_rm.jpg) no-repeat center center;
  background-size: cover;
}
.topmedia .topmediablock.topmedia-rm .topmediainfoblock .mediaimg {
  background: url(/wp-content/themes/mediagene/img/top_media_img_rm.jpg) no-repeat center center;
  background-size: cover;
}
.topmedia .topmediablock.topmedia-rm .topmediainfoblock .mediainfo {
  background: rgba(0, 0, 0, 0.7);
  color: white;
}
.topmedia .topmediablock.topmedia-rm .topmediainfoblock .mediainfo .mediainfoH2 {
  height: 50px;
}
.topmedia .topmediablock.topmedia-rm .topmediainfoblock .mediainfo .mediainfoH4 {
  height: 8em;
}
.topmedia .topmediablock.topmedia-my .topmediaimgblock .mediaimg {
  background: url(/wp-content/themes/mediagene/img/top_media_img_my.jpg) no-repeat center center;
  background-size: cover;
}
.topmedia .topmediablock.topmedia-my .topmediainfoblock .mediaimg {
  background: url(/wp-content/themes/mediagene/img/top_media_img_my.jpg) no-repeat center center;
  background-size: cover;
}
.topmedia .topmediablock.topmedia-my .topmediainfoblock .mediainfo {
  background: rgba(255, 255, 255, 0.75);
  color: #333333;
}
.topmedia .topmediablock.topmedia-my .topmediainfoblock .mediainfo .mediainfoH2 {
  height: 38px;
}
.topmedia .topmediablock.inscreen .topmediaimgblock .mediaimg {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.topmedia .topmediablock.inscreen .topmediainfoblock .mediaimg {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.toprecruit {
  background: #ecedef;
  margin-top: -60px;
  padding: 140px 0 73px;
  position: relative;
  z-index: 1;
}
.toprecruit .title {
  text-align: center;
  color: #163259;
  font-family: 'montserratlight', sans-serif;
  font-size: 34px;
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: 0.05em;
  margin: 0 0 30px;
}
.toprecruit .toprecruit-imgblock {
  width: 850px;
  margin: 0 auto 30px;
}
.toprecruit .toprecruit-imgblock ul {
  display: inline-block;
  line-height: 0;
}
.toprecruit .toprecruit-imgblock ul li {
  display: inline-block;
  line-height: 0;
  width: 138px;
  margin: 0;
}
.toprecruit .toprecruit-imgblock ul li img {
  line-height: 0;
  display: block;
}
.toprecruit .toprecruit-body {
  width: 850px;
  margin: 0 auto 30px;
}

.home .modal-management .modal-content {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.home .modal-management .modal-close {
  right: -50px;
  top: -50px;
}
.home .modal-management .modal-imgWrap {
  width: 52%;
  position: relative;
  max-width: 1000px;
  margin: 0 auto;
}
.home .modal-management .modal-imgWrap > img {
  display: block;
  width: 100%;
  height: auto;
}
.home .modal-backdrop {
  background-color: white;
}
.home .modal-backdrop.in {
  opacity: 0.95;
}

.mv {
  box-sizing: border-box;
  height: 370px;
  min-width: 1280px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.mv .mvimg {
  position: relative;
  height: 100%;
  width: 100%;
  min-width: 1280px;
  margin-top: 0;
  overflow: hidden;
  background: white;
}
.mv .mvimg video {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -340px;
  width: 100%;
  height: auto;
}
.mv .mvimg:after {
  content: "";
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  background: -prefix-linear-gradient(left, rgba(7, 30, 57, 0.45), rgba(7, 30, 57, 0.35));
  background: linear-gradient(to right, rgba(7, 30, 57, 0.45), rgba(7, 30, 57, 0.35));
  mix-blend-mode: multiply;
  z-index: 2;
}
.mv .mvimg-overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  background: url(/wp-content/themes/mediagene/img/common_mv_overlay.png) repeat;
  z-index: 2;
}
.mv .holder {
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  top: 50%;
  margin-top: -70px;
  color: white;
  z-index: 3;
  text-align: center;
  -webkit-animation: fadeinup cubic-bezier(0.165, 0.84, 0.44, 1) 2s alternate;
  -moz-animation: fadeinup cubic-bezier(0.165, 0.84, 0.44, 1) 2s alternate;
  -ms-animation: fadeinup cubic-bezier(0.165, 0.84, 0.44, 1) 2s alternate;
  -o-animation: fadeinup cubic-bezier(0.165, 0.84, 0.44, 1) 2s alternate;
  animation: fadeinup cubic-bezier(0.165, 0.84, 0.44, 1) 2s alternate;
}
.mv .holder h2 {
  font-family: 'montserratregular', sans-serif;
  font-size: 38px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  line-height: 1;
}
.mv .holder h3 {
  font-size: 15px;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: 0.08em;
}
.mv .holder h3:before {
  content: "";
  display: block;
  height: 2px;
  width: 19px;
  margin: 19px auto 22px;
  background: white;
}
.mv .scroll {
  position: absolute;
  left: 50%;
  bottom: 15px;
  margin-left: -21px;
  z-index: 3;
}
.mv .scroll .dot {
  position: absolute;
  bottom: 25px;
  left: 50%;
  margin-left: -3px;
  display: inline-block;
  width: 5px;
  height: 5px;
  background: white;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-animation-name: dot;
  animation-name: dot;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.mv.recruitmv {
  height: 100%;
  min-height: 600px;
  max-height: 800px;
  margin-top: -60px;
  z-index: 2;
}
.mv.recruitmv .holder {
  margin-top: -30px;
}
.mv.recruitmv .mvimg:after {
  background: -prefix-linear-gradient(left, rgba(30, 30, 30, 0.45), rgba(30, 30, 30, 0.35));
  background: linear-gradient(to right, rgba(30, 30, 30, 0.45), rgba(30, 30, 30, 0.35));
  opacity: 0.8;
}
.mv.newsmv {
  height: 370px;
}
.mv.newsmv .holder {
  margin-top: -45px;
}
.mv.newsmv .mvimg {
  height: 370px;
  position: fixed;
  background: white url(/wp-content/themes/mediagene/img/mv_news.jpg) repeat center center;
  background-size: cover;
}
.mv.newsmv .mvimg.absolute {
  position: absolute;
}
.mv.newsmv .mvimg-overlay {
  height: 370px;
}
.mv.newsmv .mvimg-overlay.absolute {
  position: absolute;
}
.mv.newssinglemv {
  height: 370px;
  vertical-align: middle;
  background: white;
}
.mv.newssinglemv .holder {
  position: relative;
  height: 370px;
  top: 0;
  margin-top: 0;
  padding-top: 20px;
  display: table-cell;
  width: 3000px;
  vertical-align: middle;
}
.mv.newssinglemv .holder h2 {
  font-size: 17px;
  opacity: 0.5;
  margin-top: -15px;
}
.mv.newssinglemv .holder h3 {
  font-size: 18px;
  font-weight: bold;
  padding: 0 100px;
}
.mv.newssinglemv .holder h3:before {
  margin: 13px auto 15px;
  background: rgba(255, 255, 255, 0.5);
}
.mv.newssinglemv .holder h4 {
  color: white;
  margin-top: 4px;
}
.mv.newssinglemv .mvimgHolder {
  background: #071e39;
  width: 100%;
  min-width: 1280px;
  height: 370px;
  position: absolute;
  top: 0;
  width: 100%;
}
.mv.newssinglemv .mvimg {
  z-index: 2;
  opacity: 0.5;
  background: -prefix-linear-gradient(left, rgba(7, 30, 57, 0.2), rgba(7, 30, 57, 0));
  background: linear-gradient(to right, rgba(7, 30, 57, 0.2), rgba(7, 30, 57, 0));
}
.mv.newssinglemv .mvimg:before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background: inherit;
  -webkit-filter: blur(7px);
  -moz-filter: blur(7px);
  -o-filter: blur(7px);
  -ms-filter: blur(7px);
  filter: blur(7px);
  position: absolute;
}
.mv.newssinglemv .mvimg:after {
  display: none;
}
.mv.newssinglemv .mvimg.absolute {
  position: absolute;
}
.mv.newssinglemv .mvimg-overlay {
  height: 370px;
}
.mv.newssinglemv .mvimg-overlay.absolute {
  position: absolute;
}
.mv.servicemv {
  height: 500px;
}
.mv.servicemv .holder {
  margin-top: -100px;
}
.mv.servicemv .holderWrap {
  width: 700px;
  height: 220px;
  margin: 0 auto;
  padding: 60px 0 56px;
  box-sizing: border-box;
  position: relative;
}
.mv.servicemv .holderWrap::before, .mv.servicemv .holderWrap::after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
}
.mv.servicemv .holderWrap::before {
  z-index: 1;
  opacity: 0.7;
  background: url(/wp-content/themes/mediagene/img/mv_service_holder_pc.jpg) repeat center center;
  background-size: cover;
}
.mv.servicemv .holderWrap::after {
  z-index: 2;
  background: rgba(0, 0, 0, 0.1);
}
.mv.servicemv .holderWrap > * {
  position: relative;
  z-index: 10;
}
.mv.servicemv .holderWrap h3::before {
  width: 40px;
  background: transparent linear-gradient(93deg, #C100C1 0%, #0088B1 100%) 0% 0% no-repeat padding-box;
}
.mv.servicemv .mvimg {
  height: 500px;
  position: fixed;
  background: white url(/wp-content/themes/mediagene/img/mv_service.jpg) repeat center center;
  background-size: cover;
}
.mv.servicemv .mvimg:after {
  display: none;
}
.mv.servicemv .mvimg.absolute {
  position: absolute;
}
.mv.servicemv .mvimg-overlay {
  height: 500px;
}
.mv.servicemv .mvimg-overlay.absolute {
  position: absolute;
}
.mv.aboutmv {
  height: 370px;
}
.mv.aboutmv .holder {
  margin-top: -45px;
}
.mv.aboutmv .mvimg {
  height: 370px;
  position: fixed;
  background: white url(/wp-content/themes/mediagene/img/mv_about.jpg) repeat center center;
  background-size: cover;
}
.mv.aboutmv .mvimg:after {
  opacity: 0.93;
}
.mv.aboutmv .mvimg.absolute {
  position: absolute;
}
.mv.aboutmv .mvimg-overlay {
  height: 370px;
}
.mv.aboutmv .mvimg-overlay.absolute {
  position: absolute;
}
.mv.interviewmv {
  height: 370px;
}
.mv.interviewmv .holder {
  margin-top: -45px;
}
.mv.interviewmv .mvimg {
  height: 370px;
  position: fixed;
}
.mv.interviewmv .mvimg:after {
  background: -prefix-linear-gradient(left, rgba(7, 30, 57, 0.1), rgba(7, 30, 57, 0.1));
  background: linear-gradient(to right, rgba(7, 30, 57, 0.1), rgba(7, 30, 57, 0.1));
}
.mv.interviewmv .mvimg.absolute {
  position: absolute;
}
.mv.interviewmv .mvimg-overlay {
  height: 370px;
}
.mv.interviewmv .mvimg-overlay.absolute {
  position: absolute;
}
.mv.submv {
  height: 330px;
}
.mv.submv .holder {
  margin-top: -45px;
  color: #163259;
}
.mv.submv .holder h3:before {
  background: #163259;
}
.mv.submv .mvimg {
  height: 330px;
  background: white;
}
.mv.submv .mvimg:before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: url(/wp-content/themes/mediagene/img/common_mv_overlay.png) repeat;
  opacity: 0.5;
}
.mv.submv .mvimg:after {
  display: none;
}
.mv.submv .mvimg-overlay {
  height: 330px;
}

.recruitapplication {
  position: relative;
  background: white url(/wp-content/themes/mediagene/img/common_bg_stripe.png) repeat;
  padding: 60px 0;
  z-index: 1;
}
.recruitapplication#application {
  margin-top: -60px;
  padding: 120px 0 60px;
}
.recruitapplication .holder {
  width: 780px;
  margin: 0 auto;
  overflow-x: hidden;
  -webkit-animation: fadeinup cubic-bezier(0.165, 0.84, 0.44, 1) 2s alternate;
  -moz-animation: fadeinup cubic-bezier(0.165, 0.84, 0.44, 1) 2s alternate;
  -ms-animation: fadeinup cubic-bezier(0.165, 0.84, 0.44, 1) 2s alternate;
  -o-animation: fadeinup cubic-bezier(0.165, 0.84, 0.44, 1) 2s alternate;
  animation: fadeinup cubic-bezier(0.165, 0.84, 0.44, 1) 2s alternate;
  opacity: 0;
  -webkit-animation-delay: 0.5s;
  -moz-animation-delay: 0.5s;
  -ms-animation-delay: 0.5s;
  -o-animation-delay: 0.5s;
  animation-delay: 0.5s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.recruitapplication .holder .title {
  position: relative;
  font-size: 15px;
  color: #163259;
  text-align: center;
  font-weight: bold;
  line-height: 1;
  letter-spacing: 0.08em;
  margin-bottom: 25px;
}
.recruitapplication .holder .title:before {
  content: "";
  display: block;
  position: absolute;
  height: 2px;
  width: 330px;
  right: 50%;
  top: 50%;
  margin-top: -1px;
  margin-right: 3.5em;
  background: #163259;
}
.recruitapplication .holder .title:after {
  content: "";
  display: block;
  position: absolute;
  height: 2px;
  width: 330px;
  left: 50%;
  top: 50%;
  margin-top: -1px;
  margin-left: 3.5em;
  background: #163259;
}
.recruitapplication .holder .applicationbtnblock {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  flex-wrap: wrap;
}
.recruitapplication .holder .applicationbtnblock a {
  width: calc((100% - 24px) / 3 );
}
.recruitapplication .holder .applicationbtnblockNote {
  margin: 30px 5px 0;
  background: #fff;
  padding: 0.75em 1em;
  font-size: 0.85em;
  text-align: center;
  line-height: 1.6;
}

.recruitabout {
  position: relative;
  padding: 80px 0;
  margin-top: -1px;
  z-index: 2;
  background: white;
  text-align: center;
}
.recruitabout .holder {
  width: 765px;
  margin: 0 auto;
  -webkit-animation: fadeinup cubic-bezier(0.165, 0.84, 0.44, 1) 2s alternate;
  -moz-animation: fadeinup cubic-bezier(0.165, 0.84, 0.44, 1) 2s alternate;
  -ms-animation: fadeinup cubic-bezier(0.165, 0.84, 0.44, 1) 2s alternate;
  -o-animation: fadeinup cubic-bezier(0.165, 0.84, 0.44, 1) 2s alternate;
  animation: fadeinup cubic-bezier(0.165, 0.84, 0.44, 1) 2s alternate;
  opacity: 0;
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  -ms-animation-delay: 1s;
  -o-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.recruitabout .holder .title {
  color: #163259;
  font-family: 'montserratlight', sans-serif;
  font-size: 29px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  line-height: 1;
}
.recruitabout .holder .titlesub {
  color: #163259;
  font-weight: bold;
  font-size: 14px;
  letter-spacing: 0.08em;
  line-height: 1;
  margin-top: 12px;
}
.recruitabout .holder .recruitabout-body {
  text-align: left;
  margin-top: 30px;
}

.recruitslider {
  position: relative;
  width: 100%;
  height: auto;
  overflow-x: hidden;
  z-index: 2;
  margin-bottom: -300px;
  /* DIRECTION CONTROLS (NEXT / PREV) */
}
.recruitslider:before {
  content: "";
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  bottom: 300px;
  background: white;
  z-index: -1;
}
.recruitslider .sliderwrapper {
  position: relative;
}
.recruitslider .bx-wrapper {
  width: 50%;
  margin: 0 auto;
  padding: 0;
  *zoom: 1;
}
.recruitslider .bx-wrapper img {
  width: 100%;
  height: auto;
  display: block;
}
.recruitslider .bx-wrapper .bx-viewport {
  /*fix other elements on the page moving (on Chrome)*/
  -webkit-transform: translatez(0);
  -moz-transform: translatez(0);
  -ms-transform: translatez(0);
  -o-transform: translatez(0);
  transform: translatez(0);
  overflow: visible !important;
}
.recruitslider .bx-wrapper .bx-viewport .bxslider li {
  margin: 0 4px;
  overflow: hidden;
}
.recruitslider .bx-wrapper .bx-pager,
.recruitslider .bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: -15px;
  width: 100%;
}
.recruitslider .bx-wrapper .bx-loading {
  display: none;
}
.recruitslider .bx-wrapper .bx-pager {
  display: none;
}
.recruitslider .bx-wrapper .bx-pager .bx-pager-item,
.recruitslider .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  *zoom: 1;
  *display: inline;
}
.recruitslider .bx-wrapper .bx-pager.bx-default-pager a {
  background: white;
  text-indent: -9999px;
  display: block;
  width: 5px;
  height: 5px;
  margin: 0 4px;
  outline: 0;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.recruitslider .bx-wrapper .bx-pager.bx-default-pager a:hover,
.recruitslider .bx-wrapper .bx-pager.bx-default-pager a.active {
  background: rgba(255, 255, 255, 0.4);
}
.recruitslider .bx-wrapper .bx-prev {
  background: url(/wp-content/themes/mediagene/img/common_slider_arrow_l.svg) no-repeat;
  left: 30px;
}
.recruitslider .bx-wrapper .bx-next {
  background: url(/wp-content/themes/mediagene/img/common_slider_arrow_r.svg) no-repeat;
  right: 30px;
}
.recruitslider .bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  height: 46px;
  width: 46px;
  margin-top: -22px;
  overflow: hidden;
  text-indent: -9999px;
}
.recruitslider .bx-wrapper .bx-controls-auto {
  display: none;
}
.recruitslider .bx-wrapper .bx-controls-auto .bx-start {
  display: none;
}
.recruitslider .bx-wrapper .bx-controls-auto .bx-stop {
  display: none;
}
.recruitslider .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  display: none;
}
.recruitslider .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  display: none;
}
.recruitslider .bx-wrapper .bx-caption {
  position: absolute;
  box-sizing: border-box;
  z-index: 10;
  left: 0;
  bottom: 0px;
  background: rgba(7, 29, 56, 0.9);
  width: 100%;
  padding: 4px 10px 5px;
  font-size: 12px;
  line-height: 1.2;
  font-weight: bold;
  color: white;
  vertical-align: middle;
}

.recruitinfo {
  position: relative;
  padding: 0;
  margin-bottom: -200px;
  background: white;
  z-index: 1;
  overflow-x: hidden;
}
.recruitinfo .holder {
  position: relative;
  box-sizing: border-box;
  width: 2050px;
  padding-left: 515px;
  margin-left: -771px;
  left: 50%;
  margin-top: -110px;
}
.recruitinfo .holder .title {
  width: 530px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.08em;
  line-height: 1.3;
  margin-bottom: 30px;
  position: relative;
  z-index: 20;
}
.recruitinfo .holder .recruitinfo-body {
  width: 530px;
  position: relative;
  z-index: 20;
}
.recruitinfo .holder .recruitinfo-body .recruitinfo-section {
  margin-bottom: 2.5em;
}
.recruitinfo .holder .recruitinfo-body .recruitinfo-section:last-child {
  margin-bottom: 0;
}
.recruitinfo .holder .recruitinfo-body h4 {
  font-weight: bold;
  margin-bottom: 1em;
  letter-spacing: 0.08em;
}
.recruitinfo .recruitinfo-character {
  position: relative;
  color: white;
}
.recruitinfo .recruitinfo-character .holderbg-top {
  height: 500px;
  width: 100%;
  background: url(/wp-content/themes/mediagene/img/common_bg_diagonal_bl_top.png) no-repeat center top;
  position: relative;
  z-index: 10;
}
.recruitinfo .recruitinfo-character .holder {
  min-height: 330px;
  margin-bottom: -220px;
}
.recruitinfo .recruitinfo-character .holderbg-bottom {
  height: 500px;
  width: 100%;
  background: url(/wp-content/themes/mediagene/img/common_bg_diagonal_bl_bottom.png) no-repeat center top;
  position: relative;
  z-index: 10;
}
.recruitinfo .recruitinfo-character:after {
  content: "";
  display: block;
  position: absolute;
  height: 100%;
  width: 120%;
  left: 50%;
  margin-left: -771px;
  top: 0;
  background: #071d38;
  z-index: -1;
}
.recruitinfo .recruitinfo-merit {
  position: relative;
  margin-top: -500px;
  z-index: -1;
}
.recruitinfo .recruitinfo-merit .title {
  color: #163259;
}
.recruitinfo .recruitinfo-merit .holderbg-top {
  height: 500px;
  width: 100%;
  background: url(/wp-content/themes/mediagene/img/common_bg_diagonal_gr_top.png) no-repeat center top;
  position: relative;
  z-index: 10;
}
.recruitinfo .recruitinfo-merit .holder {
  min-height: 210px;
  margin-bottom: -100px;
}
.recruitinfo .recruitinfo-merit .holderbg-bottom {
  height: 500px;
  width: 100%;
  background: url(/wp-content/themes/mediagene/img/common_bg_diagonal_gr_bottom.png) no-repeat center top;
  position: relative;
  z-index: 10;
}
.recruitinfo .recruitinfo-merit:after {
  content: "";
  display: block;
  position: absolute;
  height: 100%;
  width: 120%;
  left: 50%;
  margin-left: -771px;
  top: 0;
  background: #ecedef;
  z-index: -1;
}

.recruitinterview {
  position: relative;
  padding: 60px 0;
  z-index: 1;
  text-align: center;
  overflow: hidden;
}
.recruitinterview:before {
  content: "";
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 300px;
  background: white;
  z-index: -1;
}
.recruitinterview .holder {
  width: 900px;
  margin: 0 auto;
  -webkit-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  -ms-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transform: translate(0, 2em);
  -moz-transform: translate(0, 2em);
  -ms-transform: translate(0, 2em);
  -o-transform: translate(0, 2em);
  transform: translate(0, 2em);
  opacity: 0;
}
.recruitinterview .holder.visible {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1;
}
.recruitinterview .holder .title {
  color: #163259;
  font-family: 'montserratlight', sans-serif;
  font-size: 29px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  line-height: 1;
}
.recruitinterview .holder .titlesub {
  color: #163259;
  font-weight: bold;
  font-size: 14px;
  letter-spacing: 0.08em;
  line-height: 1;
  margin-top: 12px;
}
.recruitinterview .holder .interviewlist {
  width: 879px;
  margin: 38px auto -40px;
  text-align: left;
}
.recruitinterview .holder .interviewlist li {
  width: 250px;
  display: inline-block;
  margin: 0 20px 40px;
}
.recruitinterview .holder .interviewlist li a {
  display: block;
}
.recruitinterview .holder .interviewlist li a .interviewthumb-img {
  display: block;
  width: 210px;
  height: 210px;
  margin: 0px auto 18px;
  overflow: hidden;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-clip-path: circle(105px at center);
  -moz-clip-path: circle(105px at center);
  -ms-clip-path: circle(105px at center);
  -o-clip-path: circle(105px at center);
  clip-path: circle(105px at center);
}
.recruitinterview .holder .interviewlist li a .interviewthumb-img img {
  width: 100%;
  height: auto;
  -webkit-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  -ms-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.recruitinterview .holder .interviewlist li a .interviewthumb-txt {
  display: table-cell;
  height: 75px;
  width: 250px;
  vertical-align: middle;
  color: #163259;
  line-height: 1.3;
  letter-spacing: 0.06em;
  text-align: center;
}
.recruitinterview .holder .interviewlist li a .interviewthumb-txt h4 {
  font-weight: bold;
  font-size: 14px;
}
.recruitinterview .holder .interviewlist li a .interviewthumb-txt h5 {
  font-weight: bold;
  font-size: 14px;
  margin-top: 4px;
}
.recruitinterview .holder .interviewlist li a .interviewthumb-txt h6 {
  font-weight: bold;
  font-size: 21px;
  margin-top: 10px;
}
.recruitinterview .holder .interviewlist li a:hover .interviewthumb-img img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}

.md-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  visibility: hidden;
  top: 0;
  left: 0;
  z-index: 1000;
  opacity: 0;
  background: rgba(143, 27, 15, 0.8);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

.md-show ~ .md-overlay {
  opacity: 1;
  visibility: visible;
}

.md-modal {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 50%;
  max-width: 630px;
  min-width: 320px;
  height: auto;
  z-index: 2000;
  visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.md-show {
  visibility: visible;
}

.content {
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

.content {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

.modal-open {
  overflow: hidden;
}

.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}

.fade {
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.fade.in {
  opacity: 1;
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
  display: block;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000000;
}

.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}

.modal-backdrop.in {
  opacity: 1;
  filter: alpha(opacity=100);
}

.hide {
  display: none !important;
}

.show {
  display: block !important;
}

.invisible {
  visibility: hidden;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.hidden {
  display: none !important;
}

.affix {
  position: fixed;
}

.newslist {
  position: relative;
  background: white;
  z-index: 1;
  padding: 90px 0 10px;
}
.newslist .newsTopics {
  width: 950px;
  margin: 0 auto 90px;
  padding: 23px;
  box-sizing: border-box;
  position: relative;
}
.newslist .newsTopics::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: transparent linear-gradient(113deg, #E780B1 0%, #2CB0E4 100%) 0% 0% no-repeat padding-box;
  opacity: 0.3;
}
.newslist .newsTopics .newsTopicsWrap {
  background: #ffffff;
  padding: 30px 60px 40px;
}
.newslist .newsTopics .headingEn {
  font-family: 'montserratregular', sans-serif;
  font-size: 29px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  line-height: 1;
  color: #163259;
}
.newslist .newsTopics .headingEn {
  text-align: center;
  margin-bottom: 50px;
}
.newslist .newsTopics .newsTopicsContents {
  display: flex;
}
.newslist .newsTopics .newsTopicsContents > img {
  display: block;
  margin-right: 30px;
  flex: none;
}
.newslist .newsTopics .newsTopicsContents .newsTopicsTxt:after {
  content: "";
  display: block;
  clear: both;
}
.newslist .newsTopics .newsTopicsContents .newsTopicsTxt p {
  font-size: 15px;
  color: #4D4D4D;
  padding-bottom: 18px;
  border-bottom: 1px solid rgba(22, 50, 89, 0.1);
}
.newslist .newsTopics .newsTopicsTitle {
  color: #163259;
  font-weight: bold;
  display: block;
}
.newslist .newsTopics .newsTopicsLink {
  width: 260px;
  margin-top: 20px;
}
.newslist ul {
  width: 950px;
  margin: 0 auto -35px;
  -webkit-animation: fadeinup cubic-bezier(0.165, 0.84, 0.44, 1) 2s alternate;
  -moz-animation: fadeinup cubic-bezier(0.165, 0.84, 0.44, 1) 2s alternate;
  -ms-animation: fadeinup cubic-bezier(0.165, 0.84, 0.44, 1) 2s alternate;
  -o-animation: fadeinup cubic-bezier(0.165, 0.84, 0.44, 1) 2s alternate;
  animation: fadeinup cubic-bezier(0.165, 0.84, 0.44, 1) 2s alternate;
  opacity: 0;
  -webkit-animation-delay: 0.5s;
  -moz-animation-delay: 0.5s;
  -ms-animation-delay: 0.5s;
  -o-animation-delay: 0.5s;
  animation-delay: 0.5s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.newslist ul li {
  position: relative;
  margin-bottom: 35px;
}
.newslist ul li:after {
  content: "";
  display: block;
  clear: both;
}
.newslist ul li .post-img {
  position: absolute;
}
.newslist ul li .post-img span {
  display: table-cell;
  width: 185px;
  height: 107px;
  vertical-align: middle;
  text-align: center;
  background: url(/wp-content/themes/mediagene/img/news_postimg_bg.png) repeat center center;
}
.newslist ul li .post-img span img {
  display: inline-block;
  line-height: 0;
  vertical-align: middle;
}
.newslist ul li .post-date {
  margin-left: 220px;
  width: 726px;
  color: #959595;
  line-height: 0.9;
  letter-spacing: 0.01em;
  margin-bottom: 8px;
}
.newslist ul li .post-title {
  margin-left: 220px;
  width: 726px;
  color: #4d4d4d;
  font-weight: bold;
  line-height: 1.55;
  margin-bottom: 18px;
}
.newslist ul li .post-excerpt {
  margin-left: 220px;
  width: 726px;
  font-size: 14px;
  color: #4d4d4d;
  margin-bottom: 16px;
}
.newslist ul li .smallbtn-blue {
  padding: 7px 7px;
}
.newslist ul li .smallbtn-blue span {
  font-family: "游ゴシック", YuGothic, Helvetica, ArialMT, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-weight: bold;
  letter-spacing: 0.01em;
}
.newslist ul li .smallbtn-blue span:after {
  vertical-align: 0;
  margin-left: 0.5em;
}

.wp-pagenavi {
  position: relative;
  background: white;
  z-index: 1;
  padding: 90px 0 10px;
  font-weight: bold;
  font-size: 16px;
  line-height: 0;
  position: relative;
  text-align: center;
}
.wp-pagenavi a, .wp-pagenavi span {
  border: none;
  padding: 17px 7px;
  margin: 0;
  vertical-align: middle;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.wp-pagenavi .pages {
  display: none;
}
.wp-pagenavi span, .wp-pagenavi a {
  margin: 0 4px;
}
.wp-pagenavi .current {
  opacity: 0.5;
}
.wp-pagenavi a:hover {
  opacity: 0.5;
}
.wp-pagenavi a.page {
  color: #163259;
}
.wp-pagenavi a.page:hover {
  opacity: 0.5;
}
.wp-pagenavi .first, .wp-pagenavi .last {
  display: none;
}
.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink {
  display: inline-block;
  overflow: hidden;
  width: 0.8em;
  text-indent: -9999px;
  padding: 25px 7px;
}
.wp-pagenavi .previouspostslink {
  background: url(/wp-content/themes/mediagene/img/common_icon_arrow_l_bl.svg) no-repeat center center;
}
.wp-pagenavi .nextpostslink {
  background: url(/wp-content/themes/mediagene/img/common_icon_arrow_r_bl.svg) no-repeat center center;
}

.newsyeararchivelink {
  position: relative;
  background: white;
  z-index: 1;
  padding: 110px 0;
  text-align: center;
}
.newsyeararchivelink .holder .title {
  color: #163259;
  font-family: 'montserratlight', sans-serif;
  font-size: 20px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  line-height: 1;
  margin-bottom: 26px;
}
.newsyeararchivelink .holder ul {
  padding: 10 0;
}
.newsyeararchivelink .holder ul li {
  display: inline-block;
  margin: 0 1px;
}
.newsyeararchivelink .holder ul li a {
  display: block;
  position: relative;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  overflow: hidden;
  text-align: center;
  font-weight: bold;
  line-height: 1;
  font-size: 14px;
  letter-spacing: 0.05em;
  padding: 8px 13px;
  background: rgba(22, 50, 90, 0.1);
  color: #163259;
}
.newsyeararchivelink .holder ul li a:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: rgba(22, 50, 90, 0.08);
  -webkit-transition: all 0.2s cubic-bezier(0.285, 0, 0.14, 1.005);
  transition: all 0.2s cubic-bezier(0.285, 0, 0.14, 1.005);
}
.newsyeararchivelink .holder ul li a:hover:before {
  width: 100%;
}
.newsyeararchivelink .holder ul li a span {
  position: relative;
  z-index: 10;
  font-weight: bold;
}

.postcontent {
  position: relative;
  background: white;
  z-index: 1;
  padding: 70px 0 30px;
}
.postcontent .eyecatch {
  width: 540px;
  margin: 0 auto;
  text-align: center;
  -webkit-animation: fadeinup cubic-bezier(0.165, 0.84, 0.44, 1) 2s alternate;
  -moz-animation: fadeinup cubic-bezier(0.165, 0.84, 0.44, 1) 2s alternate;
  -ms-animation: fadeinup cubic-bezier(0.165, 0.84, 0.44, 1) 2s alternate;
  -o-animation: fadeinup cubic-bezier(0.165, 0.84, 0.44, 1) 2s alternate;
  animation: fadeinup cubic-bezier(0.165, 0.84, 0.44, 1) 2s alternate;
  opacity: 0;
  -webkit-animation-delay: 0.5s;
  -moz-animation-delay: 0.5s;
  -ms-animation-delay: 0.5s;
  -o-animation-delay: 0.5s;
  animation-delay: 0.5s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.postcontent .eyecatch img {
  max-width: 100%;
  height: auto;
  line-height: 0;
  margin-bottom: 55px;
}
.postcontent .postbody {
  width: 730px;
  margin: 0 auto;
  letter-spacing: 0.008em;
  line-height: 1.95;
  -webkit-animation: fadeinup cubic-bezier(0.165, 0.84, 0.44, 1) 2s alternate;
  -moz-animation: fadeinup cubic-bezier(0.165, 0.84, 0.44, 1) 2s alternate;
  -ms-animation: fadeinup cubic-bezier(0.165, 0.84, 0.44, 1) 2s alternate;
  -o-animation: fadeinup cubic-bezier(0.165, 0.84, 0.44, 1) 2s alternate;
  animation: fadeinup cubic-bezier(0.165, 0.84, 0.44, 1) 2s alternate;
  opacity: 0;
  -webkit-animation-delay: 0.5s;
  -moz-animation-delay: 0.5s;
  -ms-animation-delay: 0.5s;
  -o-animation-delay: 0.5s;
  animation-delay: 0.5s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.backtocattop {
  position: relative;
  background: white;
  z-index: 1;
  padding: 90px 0 10px;
  text-align: center;
}
.backtocattop a {
  -webkit-animation: fadeinup cubic-bezier(0.165, 0.84, 0.44, 1) 2s alternate;
  -moz-animation: fadeinup cubic-bezier(0.165, 0.84, 0.44, 1) 2s alternate;
  -ms-animation: fadeinup cubic-bezier(0.165, 0.84, 0.44, 1) 2s alternate;
  -o-animation: fadeinup cubic-bezier(0.165, 0.84, 0.44, 1) 2s alternate;
  animation: fadeinup cubic-bezier(0.165, 0.84, 0.44, 1) 2s alternate;
  opacity: 0;
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  -ms-animation-delay: 1s;
  -o-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.service .heading {
  color: #163259;
  font-family: 'montserratlight', sans-serif;
  font-size: 29px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  line-height: 1;
  text-align: center;
}
.service .heading::after {
  content: "";
  display: block;
  height: 2px;
  width: 40px;
  margin: 24px auto 25px;
  background: transparent linear-gradient(93deg, #A809A8 0%, #0088B1 100%) 0% 0% no-repeat padding-box;
  opacity: 0.8;
}
.service .whatwedo {
  padding: 70px 0 80px;
  background: #ffffff;
  position: relative;
  z-index: 1;
}
.service .whatwedo .holder {
  -webkit-animation: fadeinup cubic-bezier(0.165, 0.84, 0.44, 1) 2s alternate;
  -moz-animation: fadeinup cubic-bezier(0.165, 0.84, 0.44, 1) 2s alternate;
  -ms-animation: fadeinup cubic-bezier(0.165, 0.84, 0.44, 1) 2s alternate;
  -o-animation: fadeinup cubic-bezier(0.165, 0.84, 0.44, 1) 2s alternate;
  animation: fadeinup cubic-bezier(0.165, 0.84, 0.44, 1) 2s alternate;
  opacity: 0;
  -webkit-animation-delay: 0.5s;
  -moz-animation-delay: 0.5s;
  -ms-animation-delay: 0.5s;
  -o-animation-delay: 0.5s;
  animation-delay: 0.5s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.service .whatwedo p {
  font-size: 20px;
  font-weight: bold;
  color: #222222;
  text-align: center;
}
.service .approach {
  background: #F7FCFE;
  padding: 90px 0 100px;
  position: relative;
  z-index: 1;
}
.service .approach .holder {
  -webkit-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  -ms-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transform: translate(0, 2em);
  -moz-transform: translate(0, 2em);
  -ms-transform: translate(0, 2em);
  -o-transform: translate(0, 2em);
  transform: translate(0, 2em);
  opacity: 0;
}
.service .approach .holder.visible {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1;
}
.service .approach::after {
  content: "";
  width: 100%;
  height: 100%;
  background: #172C45;
  display: block;
  position: absolute;
  bottom: 0;
  right: calc(50% + 240px);
  transform: rotate(-45deg);
  transform-origin: bottom right;
  z-index: 1;
}
.service .approach .holder > p {
  text-align: center;
  font-size: 16px;
}
.service .approach .approachList {
  width: 750px;
  margin: 85px auto 0;
  counter-reset: simpleOl;
}
.service .approach .approachList li {
  width: 525px;
  padding-top: 30px;
  padding-left: 225px;
  position: relative;
  counter-increment: simpleOl;
  -webkit-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  -ms-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transform: translate(0, 2em);
  -moz-transform: translate(0, 2em);
  -ms-transform: translate(0, 2em);
  -o-transform: translate(0, 2em);
  transform: translate(0, 2em);
  opacity: 0;
}
.service .approach .approachList li.visible {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1;
}
.service .approach .approachList li:not(:last-child) {
  margin-bottom: 85px;
}
.service .approach .approachList li::before {
  position: absolute;
  top: 0;
  left: 0;
  content: 'APPROACH';
  font-family: 'montserratlight', sans-serif;
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.05em;
}
.service .approach .approachList li::after {
  content: "";
  position: absolute;
  top: 66px;
  left: 15px;
  width: 162px;
  height: 1px;
  background: #163259;
  transform: rotate(-45deg);
}
.service .approach .approachList p {
  margin-bottom: 30px;
}
.service .approach .approachHeading {
  font-size: 27px;
  color: #163259;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 35px;
}
.service .approach .approachHeading::before {
  position: absolute;
  top: 15px;
  left: -6px;
  content: "0" counter(simpleOl);
  font-family: 'montserratlight', sans-serif;
  font-size: 60px;
  font-weight: normal;
}
.service .approach .approachBtnWrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.service .approach .approachBtn {
  width: 257px;
  height: 42px;
  margin: 0 0 7px;
  padding: 13px 0;
  box-sizing: border-box;
  display: inline-block;
}
.service .approach .approachBtn:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-transition: all 0.2s cubic-bezier(0.285, 0, 0.14, 1.005);
  transition: all 0.2s cubic-bezier(0.285, 0, 0.14, 1.005);
}
.service .approach .approachBtn:hover:before {
  width: 100%;
}
.service .approach .approachBtn span {
  padding-left: 20px;
  background: url(/wp-content/themes/mediagene/img/common_icon_pdf_wh.svg) no-repeat center left;
  background-size: 11px 8px;
}
.service .ourmedia {
  background: #071D38;
  color: #ffffff;
  padding: 100px 0 115px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.service .ourmedia .holder {
  -webkit-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  -ms-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transform: translate(0, 2em);
  -moz-transform: translate(0, 2em);
  -ms-transform: translate(0, 2em);
  -o-transform: translate(0, 2em);
  transform: translate(0, 2em);
  opacity: 0;
}
.service .ourmedia .holder.visible {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1;
}
.service .ourmedia::after {
  content: "";
  width: 100%;
  height: 100%;
  background: #172C45;
  display: block;
  position: absolute;
  bottom: 0;
  left: calc(50% + 240px);
  transform: rotate(45deg);
  transform-origin: bottom left;
  z-index: 1;
}
.service .ourmedia .heading {
  color: #ffffff;
}
.service .ourmedia .holder > p {
  text-align: center;
  font-size: 16px;
}
.service .ourmedia .ourmediaList {
  margin: 90px auto 60px;
  width: auto;
  max-width: 1090px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.service .ourmedia .ourmediaList li:nth-child(3n+2) {
  margin: 0 20px 30px;
}
.service .ourmedia .ourmediaBtn {
  display: flex;
  color: #ffffff;
  font-size: 18px;
  font-weight: bold;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  overflow: hidden;
}
.service .ourmedia .ourmediaBtn img {
  display: block;
  position: relative;
  z-index: 2;
}
.service .ourmedia .ourmediaBtn:not(.is-gradient) {
  width: 350px;
  height: 100px;
  border-radius: 52px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  position: relative;
}
.service .ourmedia .ourmediaBtn:not(.is-gradient):before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-transition: all 0.2s cubic-bezier(0.285, 0, 0.14, 1.005);
  transition: all 0.2s cubic-bezier(0.285, 0, 0.14, 1.005);
}
.service .ourmedia .ourmediaBtn:not(.is-gradient):hover:before {
  width: 100%;
}
.service .ourmedia .ourmediaBtn.is-gradient {
  width: 432px;
  height: 87px;
  background: transparent linear-gradient(284deg, #B7249E 0%, #5F0AA8 100%) 0% 0% no-repeat padding-box;
  border-radius: 77px;
  border: none;
  margin: 0 auto;
  position: relative;
}
.service .ourmedia .ourmediaBtn.is-gradient span {
  padding-right: 125px;
  background: url(/wp-content/themes/mediagene/img/common_icon_arrow_line.svg) no-repeat center right;
  background-size: 114px 6px;
}
.service .ourmedia .ourmediaBtn.is-gradient:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.2s cubic-bezier(0.285, 0, 0.14, 1.005);
  transition: all 0.2s cubic-bezier(0.285, 0, 0.14, 1.005);
}
.service .ourmedia .ourmediaBtn.is-gradient:hover:before {
  width: 100%;
}
.service .modal-management .modal-content {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.service .modal-management .modal-close {
  right: -50px;
  top: -50px;
}
.service .modal-management .modal-imgWrap {
  width: 52%;
  position: relative;
  max-width: 1000px;
  margin: 0 auto;
}
.service .modal-management .modal-imgWrap > img {
  display: block;
  width: 100%;
  height: auto;
}
.service .modal-backdrop {
  background-color: white;
}
.service .modal-backdrop.in {
  opacity: 0.95;
}

.aboutoutline {
  position: relative;
  padding: 60px 0 40px;
  background: white;
  z-index: 1;
}
.aboutoutline .holder {
  width: 670px;
  margin: 0 auto;
  -webkit-animation: fadeinup cubic-bezier(0.165, 0.84, 0.44, 1) 2s alternate;
  -moz-animation: fadeinup cubic-bezier(0.165, 0.84, 0.44, 1) 2s alternate;
  -ms-animation: fadeinup cubic-bezier(0.165, 0.84, 0.44, 1) 2s alternate;
  -o-animation: fadeinup cubic-bezier(0.165, 0.84, 0.44, 1) 2s alternate;
  animation: fadeinup cubic-bezier(0.165, 0.84, 0.44, 1) 2s alternate;
  opacity: 0;
  -webkit-animation-delay: 0.5s;
  -moz-animation-delay: 0.5s;
  -ms-animation-delay: 0.5s;
  -o-animation-delay: 0.5s;
  animation-delay: 0.5s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.aboutoutline .holder .title {
  color: #163259;
  font-family: 'montserratlight', sans-serif;
  font-size: 29px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  line-height: 1;
  text-align: center;
}
.aboutoutline .holder .titlesub {
  color: #163259;
  font-weight: bold;
  font-size: 14px;
  letter-spacing: 0.08em;
  line-height: 1;
  margin-top: 12px;
  text-align: center;
}
.aboutoutline .holder dl {
  line-height: 2;
  margin-top: 48px;
  margin-bottom: -1.8em;
}
.aboutoutline .holder dl dt {
  clear: both;
  position: relative;
  width: 302px;
  float: left;
  color: #163259;
  font-weight: bold;
}
.aboutoutline .holder dl dt span {
  background: white;
  padding: 0 7px 0 10px;
}
.aboutoutline .holder dl dt span:before {
  content: "";
  display: block;
  position: absolute;
  height: 1px;
  width: 100%;
  left: 0;
  top: 50%;
  margin-top: -1px;
  background: rgba(22, 50, 90, 0.2);
  z-index: -1;
}
.aboutoutline .holder dl dd {
  margin-left: 310px;
  padding-bottom: 1.8em;
}

.aboutmanagement {
  position: relative;
  padding: 60px 0;
  z-index: 2;
  text-align: center;
  overflow: hidden;
  margin-bottom: -250px;
}
.aboutmanagement:before {
  content: "";
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  bottom: 170px;
  background: white;
  z-index: -1;
}
.aboutmanagement .holder {
  width: 900px;
  margin: 0 auto;
  -webkit-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  -ms-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transform: translate(0, 2em);
  -moz-transform: translate(0, 2em);
  -ms-transform: translate(0, 2em);
  -o-transform: translate(0, 2em);
  transform: translate(0, 2em);
  opacity: 0;
}
.aboutmanagement .holder.visible {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1;
}
.aboutmanagement .holder .title {
  color: #163259;
  font-family: 'montserratlight', sans-serif;
  font-size: 29px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  line-height: 1;
}
.aboutmanagement .holder .titlesub {
  color: #163259;
  font-weight: bold;
  font-size: 14px;
  letter-spacing: 0.08em;
  line-height: 1;
  margin-top: 12px;
}
.aboutmanagement .holder .managementlist {
  width: 879px;
  margin: 60px auto -60px;
  text-align: left;
}
.aboutmanagement .holder .managementlist li {
  width: 250px;
  display: inline-block;
  margin: 0 20px 60px;
}
.aboutmanagement .holder .managementlist li div {
  display: block;
  cursor: pointer;
}
.aboutmanagement .holder .managementlist li div .managementthumb-img {
  display: block;
  width: 210px;
  height: 210px;
  margin: 0px auto 18px;
  overflow: hidden;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-clip-path: circle(105px at center);
  -moz-clip-path: circle(105px at center);
  -ms-clip-path: circle(105px at center);
  -o-clip-path: circle(105px at center);
  clip-path: circle(105px at center);
}
.aboutmanagement .holder .managementlist li div .managementthumb-img img {
  width: 100%;
  height: auto;
  -webkit-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  -ms-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.aboutmanagement .holder .managementlist li div .managementthumb-txt {
  display: table-cell;
  height: 75px;
  width: 250px;
  vertical-align: middle;
  color: #163259;
  line-height: 1.3;
  text-align: center;
}
.aboutmanagement .holder .managementlist li div .managementthumb-txt h4 {
  font-weight: bold;
  font-size: 14px;
  letter-spacing: 0.04em;
}
.aboutmanagement .holder .managementlist li div .managementthumb-txt h5 {
  font-weight: bold;
  font-size: 21px;
  margin-top: 10px;
  letter-spacing: 0.07em;
}
.aboutmanagement .holder .managementlist li div .managementthumb-txt h6 {
  font-family: 'montserratlight', sans-serif;
  font-size: 12px;
  margin-top: 4px;
  letter-spacing: 0.1em;
}
.aboutmanagement .holder .managementlist li div:hover .managementthumb-img img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}

.modal-management .modal-content {
  position: relative;
  width: 720px;
  margin: 100px auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
  opacity: 0;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.modal-management.in .modal-content {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
.modal-management .modal-close {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 44px;
  height: 44px;
  cursor: pointer;
}
.modal-management h3 {
  font-weight: bold;
  font-size: 14px;
  letter-spacing: 0.04em;
  color: #163259;
}
.modal-management h4 {
  font-weight: bold;
  font-size: 21px;
  margin-top: 5px;
  margin-bottom: 2.5em;
  letter-spacing: 0.07em;
  color: #163259;
}
.modal-management h4 span {
  font-family: 'montserratlight', sans-serif;
  font-size: 12px;
  margin-top: 4px;
  letter-spacing: 0.1em;
  margin-left: 1em;
  vertical-align: middle;
  font-weight: normal;
}
.modal-management .history {
  margin-bottom: 1em;
}
.modal-management dl {
  margin-bottom: -1em;
}
.modal-management dl dt {
  clear: both;
  position: relative;
  width: 5.5em;
  float: left;
}
.modal-management dl dd {
  margin-left: 6em;
  padding-bottom: 1em;
}

body.about .modal-backdrop {
  background-color: white;
}
body.about .modal-backdrop.in {
  opacity: 0.95;
}

.aboutcontact {
  position: relative;
  padding: 0;
  background: white;
  z-index: 1;
  overflow: hidden;
  background: -prefix-linear-gradient(left, #e8eaec, #f4f5f6);
  background: linear-gradient(to right, #e8eaec, #f4f5f6);
  margin-bottom: -340px;
}
.aboutcontact .holderbg-top {
  position: relative;
  top: 0;
  left: 50%;
  height: 645px;
  width: 2560px;
  margin-left: -1280px;
  background: white url(/wp-content/themes/mediagene/img/common_bg_diagonal_oneway_gr_top.svg) no-repeat center top;
  z-index: 1;
}
.aboutcontact .holderbg-bottom {
  position: relative;
  bottom: 0;
  left: 50%;
  height: 645px;
  width: 2560px;
  margin-left: -1280px;
  background: white url(/wp-content/themes/mediagene/img/common_bg_diagonal_oneway_gr_bottom.svg) no-repeat center top;
  z-index: 1;
}
.aboutcontact .holder {
  position: relative;
  width: 540px;
  min-height: 1030px;
  margin: -440px auto -340px;
  padding-top: 100px;
  z-index: 2;
  -webkit-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  -ms-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transform: translate(0, 2em);
  -moz-transform: translate(0, 2em);
  -ms-transform: translate(0, 2em);
  -o-transform: translate(0, 2em);
  transform: translate(0, 2em);
  opacity: 0;
}
.aboutcontact .holder.visible {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1;
}
.aboutcontact .holder .title {
  color: #163259;
  font-family: 'montserratlight', sans-serif;
  font-size: 29px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  line-height: 1;
  text-align: center;
}
.aboutcontact .holder .titlesub {
  color: #163259;
  font-weight: bold;
  font-size: 14px;
  letter-spacing: 0.08em;
  line-height: 1;
  margin-top: 12px;
  text-align: center;
}
.aboutcontact .holder .aboutcontact-form {
  margin-top: 50px;
}

.wpcf7-form {
  position: relative;
}

.wpcf7-form-control-wrap-holder {
  display: block;
  margin-bottom: 10px;
  position: relative;
}
.wpcf7-form-control-wrap-holder .wpcf7-form-control.is-filled + .form-label,
.wpcf7-form-control-wrap-holder .wpcf7-form-control:focus + .form-label,
.wpcf7-form-control-wrap-holder .form-label.is-filled {
  -webkit-transform: translate(0, -13px) scale(0.75);
  -ms-transform: translate(0, -13px) scale(0.75);
  transform: translate(0, -13px) scale(0.75);
}
.wpcf7-form-control-wrap-holder sup {
  color: #163259;
  margin-left: 0.5em;
}
.wpcf7-form-control-wrap-holder a {
  color: #163259;
}
.wpcf7-form-control-wrap-holder .form-label {
  position: absolute;
  top: 5px;
  left: 0;
  font-weight: bold;
  color: #808080;
  pointer-events: none;
  -webkit-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.2s cubic-bezier(0.19, 1, 0.22, 1);
}
.wpcf7-form-control-wrap-holder input[type="text"],
.wpcf7-form-control-wrap-holder input[type="password"],
.wpcf7-form-control-wrap-holder input[type="datetime"],
.wpcf7-form-control-wrap-holder input[type="datetime-local"],
.wpcf7-form-control-wrap-holder input[type="date"],
.wpcf7-form-control-wrap-holder input[type="month"],
.wpcf7-form-control-wrap-holder input[type="time"],
.wpcf7-form-control-wrap-holder input[type="week"],
.wpcf7-form-control-wrap-holder input[type="number"],
.wpcf7-form-control-wrap-holder input[type="email"],
.wpcf7-form-control-wrap-holder input[type="url"],
.wpcf7-form-control-wrap-holder input[type="search"],
.wpcf7-form-control-wrap-holder input[type="tel"],
.wpcf7-form-control-wrap-holder input[type="color"],
.wpcf7-form-control-wrap-holder textarea {
  padding: 9px 0 0;
  height: 38px;
  border: none;
  border-bottom: solid 2px rgba(22, 50, 89, 0.3);
  outline: 0;
  background: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  width: 100%;
  margin-bottom: 0;
  font-size: 15px;
}
.wpcf7-form-control-wrap-holder textarea {
  padding: 14px 0 0;
  width: 100%;
  max-width: 100%;
  height: 170px;
  margin-bottom: 0;
  font-size: 15px;
}
.wpcf7-form-control-wrap-holder input.wpcf7-form-control.wpcf7-texts {
  font-family: "游ゴシック", YuGothic, Helvetica, ArialMT, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
.wpcf7-form-control-wrap-holder input:focus, .wpcf7-form-control-wrap-holder textarea:focus {
  -webkit-box-shadow: none;
}
.wpcf7-form-control-wrap-holder.form-category {
  margin-bottom: 30px;
  text-align: center;
}
.wpcf7-form-control-wrap-holder.form-category .form-control-label {
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  letter-spacing: 0.08em;
  margin-bottom: 4px;
}
.wpcf7-form-control-wrap-holder.form-category .wpcf7-radio .span.wpcf7-list-item-label {
  display: inline-block;
}
.wpcf7-form-control-wrap-holder.form-category .form-control-row p {
  display: inline-block;
  margin-bottom: 0;
}
.wpcf7-form-control-wrap-holder.form-category .form-control-row .linktxt {
  display: inline-block;
  margin-left: 15px;
}
.wpcf7-form-control-wrap-holder.form-category .form-control-row .linktxt a {
  display: block;
  vertical-align: middle;
  margin-left: 0;
  border: solid 1px rgba(22, 50, 90, 0.8);
  padding: 3px 20px;
  -webkit-border-radius: 38px;
  -moz-border-radius: 38px;
  border-radius: 38px;
  text-align: center;
}
.wpcf7-form-control-wrap-holder.form-category .form-control-row .linktxt a:after {
  content: "";
  display: inline-block;
  height: 1em;
  width: 7px;
  vertical-align: -2px;
  background: url(/wp-content/themes/mediagene/img/common_icon_arrow_r_bl.svg) no-repeat center center;
  background-size: 7px 11px;
  margin-left: 0.7em;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.wpcf7-form-control-wrap-holder.form-category .form-control-row .linktxt a:hover:after {
  -webkit-transform: translate(0.2em, 0);
  -moz-transform: translate(0.2em, 0);
  -ms-transform: translate(0.2em, 0);
  -o-transform: translate(0.2em, 0);
  transform: translate(0.2em, 0);
}
.wpcf7-form-control-wrap-holder.agreement {
  text-align: center;
}
.wpcf7-form-control-wrap-holder input[type=radio], .wpcf7-form-control-wrap-holder input[type=checkbox] {
  display: none;
}
.wpcf7-form-control-wrap-holder .wpcf7-list-item {
  position: relative;
  margin-right: 1em;
}
.wpcf7-form-control-wrap-holder .wpcf7-list-item:last-child {
  margin-right: 0;
}
.wpcf7-form-control-wrap-holder .wpcf7-list-item .note {
  display: block;
  position: absolute;
  left: 32px;
  bottom: -8px;
  font-size: 10px;
}
.wpcf7-form-control-wrap-holder .wpcf7-list-item label {
  box-sizing: border-box;
  position: relative;
  display: inline-block;
  margin: 0;
  padding: 3px 0 3px 26px;
  vertical-align: middle;
  cursor: pointer;
}
.wpcf7-form-control-wrap-holder .wpcf7-list-item label span.wpcf7-list-item-label:after {
  -webkit-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  margin-top: -10px;
  width: 16px;
  height: 16px;
  background: white;
  border: 2px solid #a9b7c9;
  content: '';
}
.wpcf7-form-control-wrap-holder .wpcf7-radio label span.wpcf7-list-item-label:before {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 50%;
  left: 5px;
  display: block;
  margin-top: -5px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  content: '';
  background-color: #163259;
  opacity: 0;
  z-index: 1;
}
.wpcf7-form-control-wrap-holder .wpcf7-radio label span.wpcf7-list-item-label:after {
  border-radius: 50%;
}
.wpcf7-form-control-wrap-holder .wpcf7-radio label input[type=radio]:checked + span.wpcf7-list-item-label:before {
  opacity: 1;
}
.wpcf7-form-control-wrap-holder .wpcf7-checkbox label span.wpcf7-list-item-label:before {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 50%;
  left: 5px;
  display: block;
  margin-top: -5px;
  width: 10px;
  height: 10px;
  content: '';
  background-color: #163259;
  opacity: 0;
  z-index: 1;
}
.wpcf7-form-control-wrap-holder .wpcf7-checkbox label input[type=checkbox]:checked + span.wpcf7-list-item-label:before {
  opacity: 1;
}
.wpcf7-form-control-wrap-holder .wpcf7-checkbox a {
  border-bottom: solid 1px rgba(22, 50, 90, 0.2);
  padding-bottom: 1px;
}
.wpcf7-form-control-wrap-holder .wpcf7-select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  outline: none;
  cursor: pointer;
  width: 100%;
  padding: 19px 14px;
  border: none;
  background: rgba(255, 255, 255, 0.7) url(/wp-content/themes/mediagene/img/common_select_arrow.svg) right 50% no-repeat;
  background-size: 36px, auto;
  font-size: 15px;
  line-height: 1;
  color: #717171;
  font-weight: bold;
}

div.wpcf7-mail-sent-ok {
  border: 2px solid #8FC31F;
  display: none !important;
}

div.wpcf7-mail-sent-ng {
  border: 2px solid #A82232;
}

div.wpcf7-spam-blocked {
  border: 2px solid #E28B00;
}

div.wpcf7-validation-errors {
  border: 2px solid #804F1B;
}

span.wpcf7-not-valid-tip {
  border: 1px solid #4d4d4d;
}

div.wpcf7 img.ajax-loader {
  display: block;
  margin: 5px auto 2px !important;
}

.btnBlock {
  margin-top: 20px;
}

#complete {
  text-align: center;
}
#complete h5 {
  color: #163259;
  font-size: 24px;
  margin-bottom: 40px;
}
#complete .modal-content {
  position: relative;
  width: 720px;
  margin: 100px auto;
  z-index: 1140;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
#complete.in .modal-content {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
#complete .modal-close {
  width: 44px;
  height: 44px;
  margin: 44px auto;
  cursor: pointer;
}
#complete:before {
  content: "";
  display: block;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1040;
  background-color: #fff;
  opacity: 0.95;
}
#complete.in #complete:before {
  opacity: 1;
}

.aboutaccess {
  position: relative;
  z-index: 1;
  padding: 90px 0 0;
  text-align: center;
}
.aboutaccess .holder {
  -webkit-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  -ms-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transform: translate(0, 2em);
  -moz-transform: translate(0, 2em);
  -ms-transform: translate(0, 2em);
  -o-transform: translate(0, 2em);
  transform: translate(0, 2em);
  opacity: 0;
}
.aboutaccess .holder.visible {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1;
}
.aboutaccess .title {
  color: #163259;
  font-family: 'montserratlight', sans-serif;
  font-size: 29px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  line-height: 1;
}
.aboutaccess .titlesub {
  color: #163259;
  font-weight: bold;
  font-size: 14px;
  letter-spacing: 0.08em;
  line-height: 1;
  margin-top: 10px;
}
.aboutaccess .aboutaccess-address {
  margin: 40px 0;
}
.aboutaccess #googlemap {
  width: 100%;
  height: 550px;
  background: #CCC;
}

body.interview .recruitinterview {
  background: white;
}
body.interview .postcontent {
  padding: 20px 0 50px;
}
body.interview .backtocattop {
  padding: 40px 0 110px;
}

.interviewhead {
  position: relative;
  background: white;
  z-index: 1;
  padding: 30px 0 40px;
  width: 730px;
  margin: 0 auto;
  font-weight: bold;
}
.interviewhead .interviewtitle {
  width: 600px;
  display: table-cell;
  min-height: 96px;
  vertical-align: middle;
  color: #163259;
  font-size: 19px;
  line-height: 1.5;
  -webkit-animation: fadeinup cubic-bezier(0.165, 0.84, 0.44, 1) 2s alternate;
  -moz-animation: fadeinup cubic-bezier(0.165, 0.84, 0.44, 1) 2s alternate;
  -ms-animation: fadeinup cubic-bezier(0.165, 0.84, 0.44, 1) 2s alternate;
  -o-animation: fadeinup cubic-bezier(0.165, 0.84, 0.44, 1) 2s alternate;
  animation: fadeinup cubic-bezier(0.165, 0.84, 0.44, 1) 2s alternate;
  opacity: 0;
  -webkit-animation-delay: 0.5s;
  -moz-animation-delay: 0.5s;
  -ms-animation-delay: 0.5s;
  -o-animation-delay: 0.5s;
  animation-delay: 0.5s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.interviewhead .interviewname {
  width: 280px;
  display: table-cell;
  padding: 0 0 0 90px;
  height: 96px;
  vertical-align: middle;
  background: url(/wp-content/themes/mediagene/img/interview_name_bg.svg) left center no-repeat;
  color: #163259;
  line-height: 1.2;
  letter-spacing: 0.06em;
  -webkit-animation: fadeinup cubic-bezier(0.165, 0.84, 0.44, 1) 2s alternate;
  -moz-animation: fadeinup cubic-bezier(0.165, 0.84, 0.44, 1) 2s alternate;
  -ms-animation: fadeinup cubic-bezier(0.165, 0.84, 0.44, 1) 2s alternate;
  -o-animation: fadeinup cubic-bezier(0.165, 0.84, 0.44, 1) 2s alternate;
  animation: fadeinup cubic-bezier(0.165, 0.84, 0.44, 1) 2s alternate;
  opacity: 0;
  -webkit-animation-delay: 0.5s;
  -moz-animation-delay: 0.5s;
  -ms-animation-delay: 0.5s;
  -o-animation-delay: 0.5s;
  animation-delay: 0.5s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.interviewhead .interviewname .department {
  display: block;
  font-size: 13px;
}
.interviewhead .interviewname .position {
  display: block;
  font-size: 13px;
  margin-top: 4px;
}
.interviewhead .interviewname .name {
  display: block;
  font-size: 19px;
  margin-top: 8px;
}

.single .postbody a,
.page .postbody a {
  color: #163259;
  border-bottom: solid 1px rgba(22, 50, 90, 0.2);
  padding-bottom: 1px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.single .postbody a:hover,
.single .postbody a:focus,
.page .postbody a:hover,
.page .postbody a:focus {
  border-bottom: solid 1px rgba(22, 50, 90, 0.8);
}
.single .postbody p, .single .postbody ul, .single .postbody ol, .single .postbody dl, .single .postbody pre, .single .postbody hr, .single .postbody table, .single .postbody address,
.page .postbody p,
.page .postbody ul,
.page .postbody ol,
.page .postbody dl,
.page .postbody pre,
.page .postbody hr,
.page .postbody table,
.page .postbody address {
  margin-bottom: 1.5em;
}
.single .postbody p,
.page .postbody p {
  vertical-align: baseline;
}
.single .postbody p:after,
.page .postbody p:after {
  content: "";
  display: block;
  clear: both;
}
.single .postbody h1,
.page .postbody h1 {
  clear: both;
  font-size: 1.1em;
  font-weight: bold;
  border: 1px #EDEDED solid;
  border-left-color: #4d4d4d;
  border-left-width: 3px;
  padding: 16px 5px 14px 15px;
  margin: 2em 0 1.5em;
  line-height: 1.2;
}
.single .postbody h2,
.page .postbody h2 {
  clear: both;
  font-size: 1.1em;
  font-weight: bold;
  border: 1px #EDEDED solid;
  border-left-color: #a2a2a2;
  border-left-width: 3px;
  padding: 10px 5px 8px 15px;
  margin: 2em 0 1.5em;
  line-height: 1.2;
}
.single .postbody h3,
.page .postbody h3 {
  font-size: 1.1em;
  font-weight: bold;
  border-left: solid #c4c4c4 6px;
  padding: 2px 0 0 10px;
  margin: 2em 0 1.5em;
  line-height: 1.2;
}
.single .postbody h4,
.page .postbody h4 {
  font-size: 1.1em;
  font-weight: bold;
  margin: 2em 0 1.5em;
  line-height: 1.2;
}
.single .postbody h5, .single .postbody h6,
.page .postbody h5,
.page .postbody h6 {
  font-size: 1em;
  font-weight: bold;
  margin: 2em 0 1.5em;
  line-height: 1.2;
}
.single .postbody ul,
.page .postbody ul {
  list-style-type: disc;
  margin-left: 20px;
}
.single .postbody ul li,
.page .postbody ul li {
  display: list-item;
  text-align: -webkit-match-parent;
  margin-bottom: 0.75em;
}
.single .postbody ul ul, .single .postbody ol ul,
.page .postbody ul ul,
.page .postbody ol ul {
  list-style-type: circle;
  margin-left: 20px;
  margin-top: 0.75em;
  margin-bottom: 0.1em;
}
.single .postbody ol,
.page .postbody ol {
  list-style-type: decimal;
  margin-left: 25px;
}
.single .postbody ol ol,
.page .postbody ol ol {
  list-style: upper-alpha;
  margin-left: 20px;
  margin-top: 0.75em;
  margin-bottom: 0.1em;
}
.single .postbody ol ol ol,
.page .postbody ol ol ol {
  list-style: lower-roman;
}
.single .postbody ul ol,
.page .postbody ul ol {
  list-style-type: decimal;
  margin-left: 20px;
  margin-top: 0.75em;
  margin-bottom: 0.1em;
}
.single .postbody ol li,
.page .postbody ol li {
  margin-bottom: 0.75em;
}
.single .postbody dt,
.page .postbody dt {
  font-weight: bold;
}
.single .postbody dd,
.page .postbody dd {
  margin-bottom: 0.75em;
  margin-left: 1em;
}
.single .postbody table,
.page .postbody table {
  width: 100%;
  border-top: 1px solid #eee;
}
.single .postbody table th,
.single .postbody table td,
.page .postbody table th,
.page .postbody table td {
  padding: 8px 0;
  line-height: 20px;
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid #eee;
}
.single .postbody table th,
.page .postbody table th {
  font-weight: bold;
}
.single .postbody table thead th,
.page .postbody table thead th {
  vertical-align: bottom;
}
.single .postbody em, .single .postbody strong,
.page .postbody em,
.page .postbody strong {
  font-weight: bold;
}
.single .postbody blockquote,
.page .postbody blockquote {
  margin: 0 0 1.5em;
  padding: 9px 20px 0 19px;
  border-left: 1px solid rgba(22, 50, 90, 0.2);
}
.single .postbody blockquote, .single .postbody blockquote p,
.page .postbody blockquote,
.page .postbody blockquote p {
  color: gray;
}
.single .postbody hr,
.page .postbody hr {
  height: 0px;
  margin: 1.5em 0;
  border: none;
  border-top: 1px solid #d3d3d3;
}
.single .postbody pre,
.page .postbody pre {
  color: #4d4d4d;
  background: #f4f4f4;
  font: 13px "Courier 10 Pitch", Courier, monospace;
  line-height: 1.8;
  margin-bottom: 1.5em;
  overflow: auto;
  padding: 0.75em 1.5em;
  font-size: 1em;
  white-space: -moz-pre-wrap;
  /* Mozilla */
  white-space: -pre-wrap;
  /* Opera 4-6 */
  white-space: -o-pre-wrap;
  /* Opera 7 */
  white-space: pre-wrap;
  /* CSS3 */
  word-wrap: break-word;
  /* IE 5.5+ */
}
.single .postbody ins,
.page .postbody ins {
  background: #fff9c0;
  text-decoration: none;
}
.single .postbody sup, .single .postbody sub,
.page .postbody sup,
.page .postbody sub {
  font-size: 10px;
  height: 0;
  line-height: 1;
  position: relative;
  vertical-align: baseline;
}
.single .postbody sub,
.page .postbody sub {
  top: .5ex;
}
.single .postbody sup,
.page .postbody sup {
  bottom: 1ex;
}
.single .postbody code, .single .postbody kbd, .single .postbody samp, .single .postbody var,
.page .postbody code,
.page .postbody kbd,
.page .postbody samp,
.page .postbody var {
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
.single .postbody abbr, .single .postbody acronym, .single .postbody dfn,
.page .postbody abbr,
.page .postbody acronym,
.page .postbody dfn {
  border-bottom: 1px dotted #666;
  cursor: help;
}
.single .postbody cite, .single .postbody em, .single .postbody i,
.page .postbody cite,
.page .postbody em,
.page .postbody i {
  font-style: italic;
}
.single .postbody embed,
.single .postbody iframe,
.single .postbody object,
.single .postbody video,
.page .postbody embed,
.page .postbody iframe,
.page .postbody object,
.page .postbody video {
  max-width: 100%;
}
.single .postbody .twitter-tweet-rendered,
.page .postbody .twitter-tweet-rendered {
  max-width: 100% !important;
}
.single .postbody .video,
.page .postbody .video {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
.single .postbody .video embed,
.single .postbody .video iframe,
.single .postbody .video object,
.single .postbody .video video,
.page .postbody .video embed,
.page .postbody .video iframe,
.page .postbody .video object,
.page .postbody .video video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.single .postbody img,
.page .postbody img {
  margin-bottom: 0.5em;
}
.single .postbody .alignleft,
.page .postbody .alignleft {
  float: left;
  margin: 0.5em 1.2em 0.5em 0;
}
.single .postbody .alignright,
.page .postbody .alignright {
  float: right;
  margin: 0.5em 0 0.5em 1em;
}
.single .postbody .aligncenter,
.page .postbody .aligncenter {
  display: block;
  margin: 0.5em auto;
}
.single .postbody .alignnone,
.page .postbody .alignnone {
  margin: 0.5em 1em 0.5em 0;
}
.single .postbody img,
.single .postbody .comment-content img,
.single .postbody .widget img,
.single .postbody img.header-image,
.single .postbody .author-avatar img,
.single .postbody img.wp-post-image,
.page .postbody img,
.page .postbody .comment-content img,
.page .postbody .widget img,
.page .postbody img.header-image,
.page .postbody .author-avatar img,
.page .postbody img.wp-post-image {
  max-width: 100% !important;
  width: auto;
  height: auto !important;
  border: 0;
  -ms-interpolation-mode: bicubic;
}
.single .postbody .wp-caption,
.page .postbody .wp-caption {
  max-width: 100%;
  padding: 4px;
}
.single .postbody .wp-caption .wp-caption-text,
.single .postbody .gallery-caption,
.single .postbody .entry-caption,
.page .postbody .wp-caption .wp-caption-text,
.page .postbody .gallery-caption,
.page .postbody .entry-caption {
  line-height: 1.4;
  margin-top: 0.4em;
  color: #777;
}
.single .postbody img.wp-smiley,
.single .postbody .rsswidget img,
.page .postbody img.wp-smiley,
.page .postbody .rsswidget img {
  border: 0;
  border-radius: 0;
  box-shadow: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}
.single .postbody dl.gallery-item,
.page .postbody dl.gallery-item {
  margin: 0;
}
.single .postbody .gallery-item a,
.page .postbody .gallery-item a {
  display: block;
  width: 90%;
}
.single .postbody .gallery-columns-1 .gallery-item a,
.page .postbody .gallery-columns-1 .gallery-item a {
  max-width: 100%;
  width: auto;
}
.single .postbody .gallery .gallery-icon img,
.page .postbody .gallery .gallery-icon img {
  height: auto;
  max-width: 90%;
  padding: 5%;
}
.single .postbody .gallery-columns-1 .gallery-icon img,
.page .postbody .gallery-columns-1 .gallery-icon img {
  padding: 3%;
}

.single .postshare,
.page .postshare {
  width: 730px;
  margin: 70px auto 0;
}

.postshare .sharelist li {
  display: inline-block;
  vertical-align: top;
}

.postshare .sharelist .share_fb {
  margin-top: -7px;
}

#informationArea {
  position: relative;
  padding: 50px 0 100px;
  background: white;
  z-index: 1;
  word-wrap: break-word;
  overflow-wrap: break-word;
  word-break: break-all;
}
#informationArea .holder {
  width: 730px;
  margin: 0 auto;
  -webkit-animation: fadeinup cubic-bezier(0.165, 0.84, 0.44, 1) 2s alternate;
  -moz-animation: fadeinup cubic-bezier(0.165, 0.84, 0.44, 1) 2s alternate;
  -ms-animation: fadeinup cubic-bezier(0.165, 0.84, 0.44, 1) 2s alternate;
  -o-animation: fadeinup cubic-bezier(0.165, 0.84, 0.44, 1) 2s alternate;
  animation: fadeinup cubic-bezier(0.165, 0.84, 0.44, 1) 2s alternate;
  opacity: 0;
  -webkit-animation-delay: 0.5s;
  -moz-animation-delay: 0.5s;
  -ms-animation-delay: 0.5s;
  -o-animation-delay: 0.5s;
  animation-delay: 0.5s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
#informationArea a {
  color: #163259;
  border-bottom: solid 1px rgba(22, 50, 90, 0.2);
  padding-bottom: 1px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#informationArea a.arrow {
  border-bottom: none !important;
}
#informationArea a.arrow:after {
  content: "";
  display: inline-block;
  height: 1em;
  width: 7px;
  vertical-align: -2px;
  background: url(/wp-content/themes/mediagene/img/common_icon_arrow_r_bl.svg) no-repeat center center;
  background-size: 7px 11px;
  margin-left: 0.7em;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#informationArea a.arrow:hover:after {
  -webkit-transform: translate(0.3em, 0);
  -moz-transform: translate(0.3em, 0);
  -ms-transform: translate(0.3em, 0);
  -o-transform: translate(0.3em, 0);
  transform: translate(0.3em, 0);
}
#informationArea a:hover,
#informationArea a:focus {
  border-bottom: solid 1px rgba(22, 50, 90, 0.8);
}
#informationArea .blutxt {
  color: #163259;
}
#informationArea h3 {
  position: relative;
  padding-left: 20px;
  color: #163259;
  font-weight: bold;
  line-height: 1.2;
}
#informationArea h3:before {
  content: "";
  display: block;
  position: absolute;
  height: 90%;
  width: 5px;
  left: 1px;
  top: 4%;
  background: #163259;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}
#informationArea h3.first {
  padding: 0 0 0 20px;
  margin: 50px 0 0;
}
#informationArea h4 {
  font-size: 1em;
}
#informationArea h5 {
  padding: 1em 0 .5em;
}
#informationArea p.read {
  padding: 50px 0;
  line-height: 2em;
  display: block;
}
#informationArea p {
  padding: 20px 0;
  line-height: 2em;
  display: block;
}
#informationArea p.end {
  padding: 20px 0 50px;
  line-height: 2em;
  display: block;
}
#informationArea ul {
  line-height: 2em;
  display: block;
}
#informationArea ul li.number {
  list-style-type: decimal;
  margin: 20px 0 0 1.5em;
}
#informationArea ul li.bkcir {
  list-style-type: disc;
  margin: 20px 0 0 1.5em;
}
#informationArea span.sup {
  padding: 0 0 50px;
  font-size: .8em;
  line-height: 2em;
  display: block;
}
#informationArea .mt5 {
  margin-top: 5px;
}
#informationArea .mt10 {
  margin-top: 10px;
}
#informationArea .mt20 {
  margin-top: 20px;
}
#informationArea .mt30 {
  margin-top: 30px;
}
#informationArea .mt40 {
  margin-top: 40px;
}
#informationArea .mb45 {
  margin-bottom: 45px;
}
#informationArea .mb70 {
  margin-bottom: 70px;
}
#informationArea .mb100 {
  margin-bottom: 100px;
}
#informationArea .pt10 {
  padding-top: 10px;
}
#informationArea .pt50 {
  padding-top: 50px;
}
#informationArea .pb10 {
  padding-bottom: 10px;
}
#informationArea .pb20 {
  padding-bottom: 20px;
}
#informationArea .pb50 {
  padding-bottom: 50px;
}
#informationArea .pb80 {
  padding-bottom: 80px;
}

.dl_mediasheet .mv.submv {
  height: 370px;
}
.dl_mediasheet .mv .mvimg {
  height: 370px;
}
.dl_mediasheet .dlInfomation {
  width: auto;
  max-width: 690px;
  margin: 0 auto;
}
.dl_mediasheet .dlInfomation + p {
  margin: 0;
  padding: 0 !important;
}
.dl_mediasheet .box.with-gradient {
  width: 100%;
  padding: 15px;
  margin-top: 40px;
  margin-bottom: 10px;
  box-sizing: border-box;
  position: relative;
}
.dl_mediasheet .box.with-gradient::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: transparent linear-gradient(113deg, #E780B1 0%, #2CB0E4 100%) 0% 0% no-repeat padding-box;
  opacity: 0.3;
}
.dl_mediasheet .box.with-gradient .txtContainer {
  background: #ffffff;
  padding: 20px;
}
.dl_mediasheet #informationArea .dlInfomationList dt {
  color: #163259;
  font-weight: bold;
  display: block;
}
.dl_mediasheet #informationArea .dlInfomationList .dlRecommend {
  margin-bottom: 20px;
}
.dl_mediasheet #informationArea .dlInfomationList .dlRecommend dd {
  padding-left: 1em;
  position: relative;
}
.dl_mediasheet #informationArea .dlInfomationList .dlRecommend dd::before {
  content: "・";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 1em;
  height: 1em;
}
.dl_mediasheet #informationArea .dlInfomationList .dlImage ul {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
}
.dl_mediasheet #informationArea .dlInfomationList .dlImage img {
  display: block;
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
  .wrapper {
    padding-bottom: 0;
  }

  .header {
    min-width: inherit;
  }

  .footer {
    position: relative;
  }
}
@media (max-width: 767px) {
  body {
    font-size: 14px;
  }

  .wrapper {
    min-width: inherit;
    padding-bottom: 0;
  }

  #pagetop {
    height: 44px;
  }

  body.home #pagetop {
    height: 44px;
  }

  .header {
    min-width: inherit;
    height: 44px;
    background: rgba(255, 255, 255, 0.95);
  }
  .header .header-logo {
    left: 19px;
    top: 10px;
    width: 127px;
    height: 24px;
  }
  .header .header-logo a {
    width: 127px;
    height: 24px;
    background: url(/wp-content/themes/mediagene/img/common_header_logo.svg) no-repeat;
    background-size: 127px 24px;
  }
  .header label.smtgnavbtn {
    display: block;
    position: fixed;
    width: 45px;
    height: 45px;
    left: auto;
    right: 5px;
    top: 0;
    z-index: 1000;
    cursor: pointer;
  }
  .header label.smtgnavbtn .menuicon {
    width: 17px;
    height: 20px;
    display: block;
    position: absolute;
    left: 15px;
    top: 20px;
  }
  .header label.smtgnavbtn .menuicon span {
    width: 18px;
    height: 1px;
    display: block;
    background: #163259;
    position: relative;
    margin-top: 7px/2;
    left: 0;
    top: 0;
  }
  .header label.smtgnavbtn .menuicon-animation-1 span {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  .header label.smtgnavbtn .menuicon-animation-1 .top {
    width: 24px;
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
  }
  .header label.smtgnavbtn .menuicon-animation-1 .middle {
    width: 18px;
    -webkit-transform: translate(5px, 0px);
    -ms-transform: translate(5px, 0px);
    transform: translate(5px, 0px);
  }
  .header label.smtgnavbtn .menuicon-animation-1 .bottom {
    width: 10px;
    -webkit-transform: translate(13px, 5px);
    -ms-transform: translate(13px, 5px);
    transform: translate(13px, 5px);
  }
  .header label.smtgnavbtn .menuicon-animation-1.is-open span {
    height: 2px;
    background: white;
  }
  .header label.smtgnavbtn .menuicon-animation-1.is-open .middle {
    display: none;
  }
  .header label.smtgnavbtn .menuicon-animation-1.is-open .top {
    width: 20px;
    -webkit-transform: rotate(-45deg) translateY(1px);
    -ms-transform: rotate(-45deg) translateY(1px);
    transform: rotate(-45deg) translateY(1px);
  }
  .header label.smtgnavbtn .menuicon-animation-1.is-open .bottom {
    width: 20px;
    -webkit-transform: rotate(45deg) translateY(-1px);
    -ms-transform: rotate(45deg) translateY(-1px);
    transform: rotate(45deg) translateY(-1px);
  }
  .header input[type="checkbox"].on-off {
    display: none;
  }
  .header input[type="checkbox"].on-off + .gnav {
    overflow: hidden;
  }
  .header input[type="checkbox"].on-off:checked + .gnav {
    -webkit-transform: translate(-100%, 0);
    -ms-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
  }
  .header .gnav {
    position: fixed;
    width: 70%;
    height: 100%;
    top: 0;
    right: -70%;
    background: white;
    margin-right: 0;
    z-index: 999;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
    -webkit-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    transform: translate(100%, 0);
  }
  .header .gnav:before {
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background: -prefix-linear-gradient(left, #071d38, rgba(7, 29, 56, 0.9));
    background: linear-gradient(to right, #071d38, rgba(7, 29, 56, 0.9));
    z-index: -1;
  }
  .header .gnav .gnav-holder {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    height: auto;
    top: auto;
    right: auto;
    text-align: left;
    padding-top: 22px;
    padding-bottom: 60px;
  }
  .header .gnav .gnav-holder li {
    display: block;
    font-size: 13px;
    line-height: 1.8;
    margin-left: 0;
    position: relative;
  }
  .header .gnav .gnav-holder li a {
    display: block;
    padding: 10px 0 10px 18px;
    color: white;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
  }
  .header .gnav .gnav-holder li a:hover {
    background: rgba(0, 0, 0, 0.01);
  }
  .header .gnav .gnav-holder li:first-child {
    border-top: rgba(0, 0, 0, 0.05) solid 1px;
  }
  .header .gnav .linknav-holder {
    position: relative;
    top: auto;
    right: auto;
    height: auto;
    text-align: left;
    padding-top: 22px;
    margin-top: 22px;
    border-top: solid 1px rgba(255, 255, 255, 0.15);
  }
  .header .gnav .linknav-holder li {
    display: block;
    margin-left: 0;
    margin-bottom: 10px;
    padding-left: 20px;
  }
  .header .gnav .linknav-holder li img {
    opacity: 0.6;
  }
  .header.fixed {
    height: 44px;
  }
  .header.fixed .header-logo {
    top: 10px;
  }
  .header.fixed .gnav .gnav-holder {
    top: auto;
  }
  .header.fixed .gnav .linknav-holder {
    opacity: 1;
  }
  .header .btn {
    right: inherit;
    left: 13px;
    top: 254px;
    font-size: 12px;
    z-index: 3;
  }
  .header .btn.is-gradient {
    width: 160px;
    height: 40px;
    background: rgba(255, 255, 255, 0.08);
  }

  .footer {
    position: relative;
    bottom: auto;
    min-width: inherit;
  }
  .footer .footer-facebook .fb-page {
    width: 85%;
    max-width: 500px;
  }
  .footer .footer-facebook .fb-page span {
    width: 85% !important;
    overflow: hidden;
  }
  .footer .footer-facebook .fb-page span iframe {
    width: 100% !important;
  }
  .footer .footer-media {
    height: auto;
    padding: 30px 0 20px;
  }
  .footer .footer-media .footer-media-logo {
    width: 120px;
    margin: 0 auto 20px;
  }
  .footer .footer-media .footer-media-logo img {
    width: 100%;
    height: auto;
  }
  .footer .footer-media .footer-medialist {
    padding: 0 10px;
  }
  .footer .footer-media .footer-medialist li {
    margin: 3px 6px;
  }
  .footer .footer-media .footer-medialist li a#footer-media-bi {
    vertical-align: -2px;
  }
  .footer .footer-media .footer-medialist li a#footer-media-rm {
    vertical-align: 1px;
  }
  .footer .footer-corp {
    padding: 27px 0;
  }
  .footer .footer-corp nav, .footer .footer-corp ul {
    display: block;
    line-height: 1.2;
    margin-bottom: 0.5em;
  }
  .footer .footer-corp li {
    margin: 0 4px;
    font-size: 10px;
  }
  .footer .footer-corp .footer-corp-copyright {
    display: block;
    font-size: 9px;
    margin-left: 0;
  }
  .footer .footer-corp-pagetop {
    display: none;
  }

  a.largebtn-blue,
  .btnBlock input[type="submit"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    position: relative;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    overflow: hidden;
    width: 220px;
    margin: 0 auto;
    text-align: center;
    line-height: 1;
    padding: 18px 0;
    background: #163259;
    color: white;
  }
  a.largebtn-blue:before,
  .btnBlock input[type="submit"]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    -webkit-transition: all 0.2s cubic-bezier(0.285, 0, 0.14, 1.005);
    transition: all 0.2s cubic-bezier(0.285, 0, 0.14, 1.005);
  }
  a.largebtn-blue:hover:before,
  .btnBlock input[type="submit"]:hover:before {
    width: 100%;
  }
  a.largebtn-blue span,
  .btnBlock input[type="submit"] span {
    position: relative;
    z-index: 10;
    font-weight: bold;
  }

  .largebtn-trans {
    -webkit-border-radius: 22px;
    -moz-border-radius: 22px;
    border-radius: 22px;
    width: 220px;
    line-height: 1.15;
    position: relative;
  }
  .largebtn-trans > span {
    text-align: left;
    display: inline-block;
    margin-left: 20px;
  }
  .largebtn-trans > span:before {
    display: block !important;
    position: absolute;
    left: -19px;
    top: 50%;
    margin-top: -6px;
    margin-right: 0 !important;
  }

  .largebtn-gray {
    -webkit-border-radius: 22px;
    -moz-border-radius: 22px;
    border-radius: 22px;
    width: 220px;
    line-height: 1.15;
    position: relative;
  }
  .largebtn-gray span {
    text-align: left;
    display: inline-block;
    margin-left: 20px;
  }
  .largebtn-gray span:before {
    display: block !important;
    position: absolute;
    left: -19px;
    top: 50%;
    margin-top: -6px;
    margin-right: 0 !important;
  }

  a.smallbtn-blue {
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    width: 104px;
    padding: 8px 0;
    font-size: 14px;
  }

  .btn-open span:after {
    content: "";
    display: inline-block;
    height: 11px;
    width: 6px;
    background: url(/wp-content/themes/mediagene/img/common_icon_arrow_r_wh.svg) no-repeat center center;
    background-size: 6px 11px;
    margin-left: 0.75em;
    vertical-align: 0px;
  }

  .btn-openwin {
    padding: 16px 0;
  }

  .btn-data {
    padding: 8px 0;
  }

  .txtbtn-back {
    font-size: 15px;
  }
  .txtbtn-back span:before {
    vertical-align: -2px;
  }

  .topmv {
    box-sizing: border-box;
    position: relative;
    z-index: 4;
    background: white;
    height: 80%;
    max-height: inherit;
    min-width: inherit;
    padding-top: 0;
    margin-top: 0;
  }
  .topmv .topmvimg {
    height: 100%;
    overflow: hidden;
    min-width: inherit;
  }
  .topmv .topmvimg:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: url(/wp-content/themes/mediagene/img/top_mv.jpg) no-repeat center center;
    background-size: cover;
    -webkit-animation: zoomout1 cubic-bezier(0.165, 0.84, 0.44, 1) 6s alternate;
    -moz-animation: zoomout1 cubic-bezier(0.165, 0.84, 0.44, 1) 6s alternate;
    -ms-animation: zoomout1 cubic-bezier(0.165, 0.84, 0.44, 1) 6s alternate;
    -o-animation: zoomout1 cubic-bezier(0.165, 0.84, 0.44, 1) 6s alternate;
    animation: zoomout1 cubic-bezier(0.165, 0.84, 0.44, 1) 6s alternate;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-animation-delay: 1.5s;
    -moz-animation-delay: 1.5s;
    -ms-animation-delay: 1.5s;
    -o-animation-delay: 1.5s;
    animation-delay: 1.5s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -ms-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
  }
  .topmv .holder {
    position: absolute;
    top: 50%;
    left: 7.5%;
    color: white;
    z-index: 1;
    margin-top: -70px;
    width: 85%;
  }
  .topmv .holder h2 {
    font-family: 'montserratregular', "游ゴシック", YuGothic, sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    -webkit-animation: fadeinup cubic-bezier(0.165, 0.84, 0.44, 1) 2s alternate;
    -moz-animation: fadeinup cubic-bezier(0.165, 0.84, 0.44, 1) 2s alternate;
    -ms-animation: fadeinup cubic-bezier(0.165, 0.84, 0.44, 1) 2s alternate;
    -o-animation: fadeinup cubic-bezier(0.165, 0.84, 0.44, 1) 2s alternate;
    animation: fadeinup cubic-bezier(0.165, 0.84, 0.44, 1) 2s alternate;
    font-size: 23px;
    line-height: 1.25;
    margin-bottom: 18px;
  }
  .topmv .holder h3 {
    font-family: 'montserratregular', "游ゴシック", YuGothic, sans-serif;
    letter-spacing: 0.02em;
    line-height: 1.5;
    -webkit-animation: fadeinup cubic-bezier(0.165, 0.84, 0.44, 1) 2s alternate;
    -moz-animation: fadeinup cubic-bezier(0.165, 0.84, 0.44, 1) 2s alternate;
    -ms-animation: fadeinup cubic-bezier(0.165, 0.84, 0.44, 1) 2s alternate;
    -o-animation: fadeinup cubic-bezier(0.165, 0.84, 0.44, 1) 2s alternate;
    animation: fadeinup cubic-bezier(0.165, 0.84, 0.44, 1) 2s alternate;
    opacity: 0;
    -webkit-animation-delay: 0.75s;
    -moz-animation-delay: 0.75s;
    -ms-animation-delay: 0.75s;
    -o-animation-delay: 0.75s;
    animation-delay: 0.75s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -ms-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    font-size: 12px;
  }
  .topmv .holder h3 img {
    width: 12px;
    height: auto;
    vertical-align: -1px;
    margin-left: 0.2em;
  }
  .topmv .scroll {
    bottom: 7px;
  }
  .topmv .scroll .dot {
    margin-left: -3px;
    width: 4px;
    height: 4px;
  }

  .topnews {
    margin: -43px auto 0;
    padding: 69px 0 25px;
  }
  .topnews .holder {
    width: 85%;
  }
  .topnews .title {
    left: -33px;
    top: 33px;
    width: 80px;
    font-size: 22px;
  }
  .topnews ul {
    margin-left: 40px;
  }
  .topnews ul li {
    margin-bottom: 1.2em;
  }
  .topnews ul li span {
    float: none;
    margin-bottom: 0.2em;
  }
  .topnews ul li h3 {
    height: auto;
    overflow: visible;
    display: block;
  }

  .topcontact {
    padding: 30px 0;
  }
  .topcontact .holder {
    width: 85%;
  }
  .topcontact .title {
    left: -33px;
    top: 33px;
    width: 80px;
    font-size: 22px;
  }
  .topcontact ul {
    margin-left: 40px;
  }
  .topcontact ul li {
    line-height: 1.4;
  }
  .topcontact ul li:not(:last-child) {
    margin-bottom: 13px;
  }
  .topcontact ul a {
    font-size: 13px;
    padding: 10px 35px;
  }

  .topmedia {
    margin-top: -44px;
    padding-top: 44px;
    background: url(/wp-content/themes/mediagene/img/top_media_nav_bg.svg) no-repeat left top;
    background-size: 134% auto;
    /* DIRECTION CONTROLS (NEXT / PREV) */
  }
  .topmedia .mediayoutube {
    padding: 20px 19px 10px;
    color: white;
    font-size: 14px;
  }
  .topmedia .mediayoutube p {
    margin-bottom: 0;
  }
  .topmedia .mediayoutube .smallbtn {
    opacity: 0.8;
    display: block;
    position: relative;
    text-align: left;
    color: white;
  }
  .topmedia .mediayoutube .smallbtn span {
    vertical-align: middle;
    text-decoration: underline;
  }
  .topmedia .mediayoutube .smallbtn span:after {
    content: "";
    display: inline-block;
    height: 10px;
    width: 6px;
    vertical-align: -1px;
    background: url(/wp-content/themes/mediagene/img/common_icon_arrow_r_wh.svg) no-repeat center center;
    background-size: 6px 10px;
    margin-left: 0.7em;
  }
  .topmedia .medianav {
    padding: 8px 6px;
  }
  .topmedia .medianav li a {
    display: inline-block;
    box-sizing: border-box;
    width: 32.45%;
    padding: 0 2px;
  }
  .topmedia .medianav li a img {
    display: block;
    width: 100%;
    height: auto;
  }
  .topmedia .bx-wrapper {
    position: relative;
    margin: 0 auto;
    padding: 0;
    *zoom: 1;
  }
  .topmedia .bx-wrapper img {
    max-width: 100%;
    display: block;
  }
  .topmedia .bx-wrapper .bx-viewport {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    left: auto;
    background: transparent;
    /*fix other elements on the page moving (on Chrome)*/
    -webkit-transform: translatez(0);
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    transform: translatez(0);
  }
  .topmedia .bx-wrapper .bx-pager,
  .topmedia .bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: -18px;
    width: 100%;
  }
  .topmedia .bx-wrapper .bx-loading {
    display: none;
  }
  .topmedia .bx-wrapper .bx-pager {
    text-align: left;
    font-size: .85em;
    color: white;
  }
  .topmedia .bx-wrapper .bx-pager .bx-pager-item,
  .topmedia .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    *zoom: 1;
    *display: inline;
  }
  .topmedia .bx-wrapper .bx-pager.bx-default-pager a {
    background: white;
    text-indent: -9999px;
    display: block;
    width: 5px;
    height: 5px;
    margin: 0 4px;
    outline: 0;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
  }
  .topmedia .bx-wrapper .bx-pager.bx-default-pager a:hover,
  .topmedia .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: rgba(255, 255, 255, 0.4);
  }
  .topmedia .bx-wrapper .bx-prev {
    display: none;
  }
  .topmedia .bx-wrapper .bx-next {
    display: none;
  }
  .topmedia .bx-wrapper .bx-controls-direction a {
    display: none;
  }
  .topmedia .bx-wrapper .bx-controls-direction a.disabled {
    display: none;
  }
  .topmedia .bx-wrapper .bx-controls-auto {
    display: none;
  }
  .topmedia .bx-wrapper .bx-controls-auto .bx-start {
    display: none;
  }
  .topmedia .bx-wrapper .bx-controls-auto .bx-stop {
    display: none;
  }
  .topmedia .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    display: none;
  }
  .topmedia .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    display: none;
  }
  .topmedia .bx-wrapper .bx-caption {
    display: none;
  }
  .topmedia .topmediablock {
    background: transparent;
  }
  .topmedia .topmediablock .topmediaimgblock {
    width: 100%;
    height: 250px;
  }
  .topmedia .topmediablock .topmediainfoblock {
    width: 100%;
    height: auto;
    overflow: hidden;
    box-sizing: border-box;
    padding: 9px;
    margin-top: -1px;
    background: white;
  }
  .topmedia .topmediablock .topmediainfoblock .mediaimg {
    background: none !important;
  }
  .topmedia .topmediablock .topmediainfoblock .mediainfo {
    display: block;
    vertical-align: middle;
    height: auto;
    min-width: inherit;
    width: auto !important;
    padding: 24px 22px 22px;
  }
  .topmedia .topmediablock .topmediainfoblock .mediainfo .mediainfoH2 {
    width: 100%;
    height: auto !important;
  }
  .topmedia .topmediablock .topmediainfoblock .mediainfo .mediainfoH2 span {
    position: relative;
  }
  .topmedia .topmediablock .topmediainfoblock .mediainfo .mediainfoH3 {
    width: 100%;
    margin: 10px auto 0;
    font-size: 12px;
    opacity: 0.6;
  }
  .topmedia .topmediablock .topmediainfoblock .mediainfo .mediainfoH3 span {
    position: relative;
  }
  .topmedia .topmediablock .topmediainfoblock .mediainfo .mediainfoH4 {
    width: 100%;
    margin: 18px auto 0;
    height: auto !important;
  }
  .topmedia .topmediablock .topmediainfoblock .mediainfo .mediainfoH4 span {
    position: relative;
  }
  .topmedia .topmediablock .topmediainfoblock .mediainfo .mediabtnblock {
    width: 100%;
    margin: 15px auto 0;
  }
  .topmedia .topmediablock .topmediainfoblock .mediainfo .mediabtnblock .largebtn-trans, .topmedia .topmediablock .topmediainfoblock .mediainfo .mediabtnblock .largebtn-gray {
    padding: 0 23px;
    height: 43px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .topmedia .topmediablock .topmediainfoblock .mediainfo .mediabtnblock .largebtn-trans:nth-child(2), .topmedia .topmediablock .topmediainfoblock .mediainfo .mediabtnblock .largebtn-gray:nth-child(2) {
    flex-basis: calc(50% - 3px);
    flex-grow: 1;
  }
  .topmedia .topmediablock .topmediainfoblock .mediainfo .mediabtnblock .largebtn-trans:nth-child(3), .topmedia .topmediablock .topmediainfoblock .mediainfo .mediabtnblock .largebtn-gray:nth-child(3) {
    width: calc(50% - 3px);
    margin-left: 6px;
    margin-top: 8px;
  }
  .topmedia .topmediablock .topmediainfoblock .mediainfo .mediabtnblock .inlineBlk {
    display: inline-block;
    margin: 0;
  }
  .topmedia .topmediablock:nth-child(odd) .topmediaimgblock {
    float: none;
  }
  .topmedia .topmediablock:nth-child(odd) .topmediaimgblock:after {
    display: none;
  }
  .topmedia .topmediablock:nth-child(odd) .topmediainfoblock {
    float: none;
  }
  .topmedia .topmediablock:nth-child(odd) .topmediainfoblock:after {
    display: none;
  }
  .topmedia .topmediablock:nth-child(even) .topmediaimgblock {
    float: none;
  }
  .topmedia .topmediablock:nth-child(even) .topmediaimgblock:after {
    display: none;
  }
  .topmedia .topmediablock:nth-child(even) .topmediainfoblock {
    float: none;
  }
  .topmedia .topmediablock:nth-child(even) .topmediainfoblock:after {
    display: none;
  }
  .topmedia .topmediablock.topmedia-gm .topmediainfoblock .mediainfo .mediainfoH2 img {
    height: 21px;
    width: auto;
  }
  .topmedia .topmediablock.topmedia-fz .topmediainfoblock .mediainfo .mediainfoH2 img {
    height: 25px;
    width: auto;
  }
  .topmedia .topmediablock.topmedia-lh .topmediainfoblock .mediainfo .mediainfoH2 img {
    height: 33px;
    width: auto;
  }
  .topmedia .topmediablock.topmedia-bi .topmediainfoblock .mediainfo .mediainfoH2 img {
    height: 36px;
    width: auto;
  }
  .topmedia .topmediablock.topmedia-dd .topmediainfoblock .mediainfo .mediainfoH2 img {
    height: 19px;
    width: auto;
  }
  .topmedia .topmediablock.topmedia-gn .topmediainfoblock .mediainfo .mediainfoH2 img {
    height: 24px;
    width: auto;
  }
  .topmedia .topmediablock.topmedia-gt .topmediainfoblock .mediainfo .mediainfoH2 img {
    height: 30px;
    width: auto;
  }
  .topmedia .topmediablock.topmedia-mu .topmediainfoblock .mediainfo .mediainfoH2 img {
    height: 23px;
    width: auto;
  }
  .topmedia .topmediablock.topmedia-ml .topmediainfoblock .mediainfo .mediainfoH2 img {
    height: 22px;
    width: auto;
  }
  .topmedia .topmediablock.topmedia-gl .topmediainfoblock .mediainfo .mediainfoH2 img {
    height: 20px;
    width: auto;
  }
  .topmedia .topmediablock.topmedia-rm .topmediainfoblock .mediainfo .mediainfoH2 img {
    height: 30px;
    width: auto;
  }
  .topmedia .topmediablock.topmedia-my .topmediainfoblock .mediainfo .mediainfoH2 img {
    height: 24px;
    width: auto;
  }

  .toprecruit {
    margin-top: -43px;
    padding: 74px 0 30px;
  }
  .toprecruit .title {
    font-size: 23px;
  }
  .toprecruit .toprecruit-imgblock {
    width: 100%;
    overflow-x: hidden;
    margin: 0 0 25px;
  }
  .toprecruit .toprecruit-imgblock ul {
    display: block;
    line-height: 0;
    width: 115%;
  }
  .toprecruit .toprecruit-imgblock ul:first-child {
    margin-left: -40px;
  }
  .toprecruit .toprecruit-imgblock ul:last-child {
    margin-left: -1px;
  }
  .toprecruit .toprecruit-imgblock ul li {
    box-sizing: border-box;
    width: 32.55555%;
    padding: 0 1px 5px;
  }
  .toprecruit .toprecruit-imgblock ul li img {
    width: 100%;
    height: auto;
  }
  .toprecruit .toprecruit-body {
    width: 85%;
    margin: 0 auto 30px;
  }

  .home .modal-management .modal-close {
    width: 33px;
    height: 33px;
    right: 10px;
    top: -40px;
  }
  .home .modal-management .modal-imgWrap {
    width: 95%;
  }

  .mv {
    height: 320px;
    min-width: inherit;
    height: 70%;
  }
  .mv .mvimg {
    position: relative;
    height: 100%;
    min-width: inherit;
    margin-top: 0;
    overflow: hidden;
    -webkit-animation: zoomout1 cubic-bezier(0.165, 0.84, 0.44, 1) 6s alternate;
    -moz-animation: zoomout1 cubic-bezier(0.165, 0.84, 0.44, 1) 6s alternate;
    -ms-animation: zoomout1 cubic-bezier(0.165, 0.84, 0.44, 1) 6s alternate;
    -o-animation: zoomout1 cubic-bezier(0.165, 0.84, 0.44, 1) 6s alternate;
    animation: zoomout1 cubic-bezier(0.165, 0.84, 0.44, 1) 6s alternate;
    -webkit-transform: scale(1.1) rotate(0.1deg);
    -moz-transform: scale(1.1) rotate(0.1deg);
    -ms-transform: scale(1.1) rotate(0.1deg);
    -o-transform: scale(1.1) rotate(0.1deg);
    transform: scale(1.1) rotate(0.1deg);
    -webkit-animation-delay: 1.5s;
    -moz-animation-delay: 1.5s;
    -ms-animation-delay: 1.5s;
    -o-animation-delay: 1.5s;
    animation-delay: 1.5s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -ms-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
  }
  .mv .mvimg video {
    display: none;
  }
  .mv .holder {
    margin-top: -30px;
  }
  .mv .holder h2 {
    font-size: 28px;
  }
  .mv .holder h3 {
    font-size: 13px;
  }
  .mv .holder h3:before {
    width: 13px;
    margin: 10px auto 11px;
  }
  .mv .holder .play-btn {
    display: block;
    width: 44px;
    margin: 20px auto 0;
    cursor: pointer;
  }
  .mv.recruitmv {
    height: 320px;
    margin-top: 0;
    min-height: inherit;
  }
  .mv.recruitmv .mvimg {
    margin-top: 0;
    background: white url(/wp-content/themes/mediagene/img/recruit_mv.jpg) no-repeat center center;
    background-size: cover;
    -webkit-animation: zoomout1 cubic-bezier(0.165, 0.84, 0.44, 1) 6s alternate;
    -moz-animation: zoomout1 cubic-bezier(0.165, 0.84, 0.44, 1) 6s alternate;
    -ms-animation: zoomout1 cubic-bezier(0.165, 0.84, 0.44, 1) 6s alternate;
    -o-animation: zoomout1 cubic-bezier(0.165, 0.84, 0.44, 1) 6s alternate;
    animation: zoomout1 cubic-bezier(0.165, 0.84, 0.44, 1) 6s alternate;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-animation-delay: 1.5s;
    -moz-animation-delay: 1.5s;
    -ms-animation-delay: 1.5s;
    -o-animation-delay: 1.5s;
    animation-delay: 1.5s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -ms-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
  }
  .mv.recruitmv .mvimg:before {
    display: none;
  }
  .mv.recruitmv .holder {
    margin-top: -33px;
  }
  .mv.recruitmv .scroll {
    display: none;
  }
  .mv.newsmv {
    height: 320px;
  }
  .mv.newsmv .holder {
    margin-top: -33px;
  }
  .mv.newsmv .mvimg {
    height: 320px;
    position: relative;
  }
  .mv.newsmv .mvimg.absolute {
    position: relative;
  }
  .mv.newsmv .mvimg-overlay.absolute {
    position: relative;
  }
  .mv.newssinglemv {
    height: 320px;
  }
  .mv.newssinglemv .holder {
    height: 320px;
    width: 1000px;
  }
  .mv.newssinglemv .holder h2 {
    font-size: 13px;
    margin-top: -15px;
  }
  .mv.newssinglemv .holder h3 {
    font-size: 16px;
    padding: 0 20px;
  }
  .mv.newssinglemv .holder h3:before {
    margin: 13px auto 13px;
  }
  .mv.newssinglemv .holder h4 {
    margin-top: 4px;
  }
  .mv.newssinglemv .mvimgHolder {
    width: 100%;
    min-width: inherit;
    height: 320px;
    position: absolute;
    top: 0;
    width: 100%;
  }
  .mv.newssinglemv .mvimg {
    height: 320px;
    top: 0;
  }
  .mv.newssinglemv .mvimg:before {
    -webkit-filter: blur(4px);
    -moz-filter: blur(4px);
    -o-filter: blur(4px);
    -ms-filter: blur(4px);
    filter: blur(4px);
  }
  .mv.newssinglemv .mvimg.absolute {
    position: relative;
  }
  .mv.newssinglemv .mvimg-overlay.absolute {
    position: relative;
  }
  .mv.servicemv {
    height: 320px;
  }
  .mv.servicemv .holder {
    margin-top: -100px;
  }
  .mv.servicemv .holder h2 {
    font-size: 33px;
  }
  .mv.servicemv .holder h3 {
    font-size: 14px;
  }
  .mv.servicemv .holderWrap {
    width: 280px;
    height: 180px;
    padding: 50px 0 52px;
  }
  .mv.servicemv .holderWrap::before {
    z-index: 1;
    opacity: 0.7;
    background: url(/wp-content/themes/mediagene/img/mv_service_holder_sp.jpg) repeat center center;
    background-size: cover;
  }
  .mv.servicemv .holderWrap h3::before {
    width: 30px;
    margin: 10px auto 15px;
  }
  .mv.servicemv .mvimg {
    height: 320px;
    position: relative;
  }
  .mv.servicemv .mvimg-overlay {
    height: 320px;
  }
  .mv.aboutmv {
    height: 320px;
  }
  .mv.aboutmv .holder {
    margin-top: -33px;
  }
  .mv.aboutmv .mvimg {
    position: relative;
    height: 320px;
    background-size: auto 140%;
  }
  .mv.aboutmv .mvimg.absolute {
    position: relative;
  }
  .mv.aboutmv .mvimg-overlay.absolute {
    position: relative;
  }
  .mv.interviewmv {
    height: 320px;
  }
  .mv.interviewmv .holder {
    margin-top: -33px;
  }
  .mv.interviewmv .mvimg {
    height: 320px;
  }
  .mv.interviewmv .mvimg.absolute {
    position: relative;
  }
  .mv.interviewmv .mvimg-overlay.absolute {
    position: relative;
  }
  .mv.submv {
    height: 320px;
  }
  .mv.submv .holder {
    margin-top: -33px;
  }
  .mv.submv .mvimg {
    height: 320px;
  }

  .recruitapplication {
    padding: 30px 0;
  }
  .recruitapplication#application {
    margin-top: -44px;
    padding: 74px 0 30px;
  }
  .recruitapplication .holder {
    width: 90%;
  }
  .recruitapplication .holder .title {
    margin-bottom: 20px;
  }
  .recruitapplication .holder .title:before {
    margin-right: 3em;
  }
  .recruitapplication .holder .title:after {
    margin-left: 3em;
  }
  .recruitapplication .holder .applicationbtnblock {
    display: block;
  }
  .recruitapplication .holder .applicationbtnblock .largebtn-blue {
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    line-height: 1.15;
    position: relative;
  }
  .recruitapplication .holder .applicationbtnblock .largebtn-blue span {
    text-align: left;
    display: inline-block;
    margin-left: 22px;
  }
  .recruitapplication .holder .applicationbtnblock .largebtn-blue span:before {
    display: block !important;
    position: absolute;
    left: -21px;
    top: 50%;
    margin-top: -6px;
    margin-right: 0 !important;
  }
  .recruitapplication .holder .applicationbtnblock a {
    width: 100%;
    padding: 16px 0;
    margin-bottom: 5px;
  }
  .recruitapplication .holder .applicationbtnblockNote {
    margin: 12px 0 0;
    text-align: left;
  }

  .recruitabout {
    padding: 30px 0;
  }
  .recruitabout .holder {
    width: 85%;
  }
  .recruitabout .holder .title {
    font-size: 23px;
  }
  .recruitabout .holder .titlesub {
    font-size: 13px;
    margin-top: 7px;
  }
  .recruitabout .holder .recruitabout-body {
    margin-top: 15px;
  }

  .recruitslider {
    margin-bottom: -300px;
    /* DIRECTION CONTROLS (NEXT / PREV) */
  }
  .recruitslider .bx-wrapper {
    width: 66%;
  }
  .recruitslider .bx-wrapper .bx-viewport .bxslider li {
    margin: 0 2px;
  }
  .recruitslider .bx-wrapper .bx-prev {
    display: none;
  }
  .recruitslider .bx-wrapper .bx-next {
    display: none;
  }
  .recruitslider .bx-wrapper .bx-controls-direction a {
    height: 44px;
    width: 44px;
    margin-top: -22px;
  }
  .recruitslider .bx-wrapper .bx-caption {
    padding: 3px 9px 4px 9px;
    font-size: 11px;
  }

  .recruitinfo {
    margin-bottom: -140px;
  }
  .recruitinfo .holder {
    width: 100%;
    padding-left: 0;
    margin-left: 0;
    left: auto;
    margin-top: -140px;
  }
  .recruitinfo .holder .title {
    width: 85%;
    font-size: 15px;
    margin: 0 auto 15px;
  }
  .recruitinfo .holder .recruitinfo-body {
    width: 85%;
    margin: 0 auto;
  }
  .recruitinfo .holder .recruitinfo-body .recruitinfo-section {
    margin-bottom: 2.5em;
  }
  .recruitinfo .holder .recruitinfo-body h4 {
    margin-bottom: 1em;
  }
  .recruitinfo .recruitinfo-character .holder {
    min-height: 330px;
    margin-bottom: -250px;
  }
  .recruitinfo .recruitinfo-character .holderbg-bottom {
    height: 500px;
  }
  .recruitinfo .recruitinfo-character:after {
    width: 100%;
    left: auto;
    margin-left: 0;
    top: 0;
  }
  .recruitinfo .recruitinfo-merit .holder {
    min-height: 210px;
    margin-bottom: -130px;
  }
  .recruitinfo .recruitinfo-merit .holderbg-bottom {
    height: 500px;
  }
  .recruitinfo .recruitinfo-merit:after {
    width: 100%;
    left: auto;
    margin-left: 0;
    top: 0;
  }

  .recruitinterview {
    padding: 30px 0;
  }
  .recruitinterview:before {
    top: 300px;
  }
  .recruitinterview .holder {
    width: 100%;
  }
  .recruitinterview .holder .title {
    font-size: 23px;
  }
  .recruitinterview .holder .titlesub {
    font-size: 13px;
    margin-top: 7px;
  }
  .recruitinterview .holder .interviewlist {
    width: 320px;
    margin: 20px auto -20px;
  }
  .recruitinterview .holder .interviewlist li {
    box-sizing: border-box;
    width: 158px;
    padding: 0 15px;
    margin: 0 0 20px;
  }
  .recruitinterview .holder .interviewlist li a .interviewthumb-img {
    width: 125px;
    height: 125px;
    margin: 0px auto 7px;
  }
  .recruitinterview .holder .interviewlist li a .interviewthumb-txt {
    height: 75px;
    width: 100%;
  }
  .recruitinterview .holder .interviewlist li a .interviewthumb-txt h4 {
    font-size: 12px;
    letter-spacing: 0.01em;
  }
  .recruitinterview .holder .interviewlist li a .interviewthumb-txt h5 {
    font-size: 12px;
    margin-top: 3px;
    letter-spacing: 0.01em;
  }
  .recruitinterview .holder .interviewlist li a .interviewthumb-txt h6 {
    font-size: 15px;
    margin-top: 4px;
  }

  #modalVideo .modal-content {
    height: 100%;
  }
  #modalVideo .modal-close {
    position: absolute;
    top: 20px;
    left: 20px;
    width: 40px;
    height: 40px;
    cursor: pointer;
  }
  #modalVideo .modal-close img {
    width: 100%;
    height: auto;
  }

  .newslist {
    padding: 0;
  }
  .newslist .newsTopics {
    width: 100%;
    margin: 0 auto 40px;
    padding: 10px;
  }
  .newslist .newsTopics::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: transparent linear-gradient(143deg, #E780B1 0%, #2CB0E4 100%) 0% 0% no-repeat padding-box;
  }
  .newslist .newsTopics .newsTopicsWrap {
    padding: 20px 20px 25px;
  }
  .newslist .newsTopics .headingEn {
    font-size: 21px;
    margin-bottom: 25px;
  }
  .newslist .newsTopics .newsTopicsContents {
    display: block;
  }
  .newslist .newsTopics .newsTopicsContents > img {
    margin: 0 auto 25px;
    width: 170px;
    height: auto;
  }
  .newslist .newsTopics .newsTopicsContents .newsTopicsTxt p {
    font-size: 14px;
    padding-bottom: 14px;
  }
  .newslist ul {
    width: 90%;
    margin: 0 auto -35px;
  }
  .newslist ul li {
    margin-bottom: 35px;
    word-break: break-all;
  }
  .newslist ul li .post-img span {
    width: 80px;
    height: 46px;
    background: url(/wp-content/themes/mediagene/img/news_postimg_bg.png) repeat center center;
    background-size: 80px auto;
  }
  .newslist ul li .post-img span img {
    max-width: 100%;
    height: auto;
    max-height: 46px;
    width: auto;
  }
  .newslist ul li .post-date {
    box-sizing: border-box;
    margin-left: 0;
    padding-left: 95px;
    width: 100%;
    margin-bottom: 4px;
  }
  .newslist ul li .post-title {
    box-sizing: border-box;
    margin-left: 0;
    padding-left: 95px;
    width: 100%;
    margin-bottom: 9px;
  }
  .newslist ul li .post-excerpt {
    box-sizing: border-box;
    margin-left: 0;
    padding-left: 95px;
    width: 100%;
    margin-bottom: 8px;
  }
  .newslist ul li .smallbtn-blue {
    padding: 7px 7px;
  }
  .newslist ul li .smallbtn-blue span {
    font-size: 13px;
  }

  .wp-pagenavi {
    padding: 30px 20px 5px;
    font-size: 15px;
  }
  .wp-pagenavi:after {
    content: "";
    display: block;
    clear: both;
  }
  .wp-pagenavi a, .wp-pagenavi span {
    border: none;
    padding: 17px 7px;
    margin: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .wp-pagenavi .current,
  .wp-pagenavi .extend {
    display: none;
  }
  .wp-pagenavi a.page {
    display: none;
  }
  .wp-pagenavi .first, .wp-pagenavi .last {
    display: none;
  }
  .wp-pagenavi .previouspostslink,
  .wp-pagenavi .nextpostslink {
    display: inline-block;
    overflow: hidden;
    width: 0.8em;
    text-indent: -9999px;
  }
  .wp-pagenavi .previouspostslink {
    float: left;
    background: url(/wp-content/themes/mediagene/img/common_icon_arrow_l_bl.svg) no-repeat center center;
    background-size: 7px auto;
  }
  .wp-pagenavi .nextpostslink {
    float: right;
    background: url(/wp-content/themes/mediagene/img/common_icon_arrow_r_bl.svg) no-repeat center center;
    background-size: 7px auto;
  }

  .newsyeararchivelink {
    padding: 55px 0;
  }
  .newsyeararchivelink .holder {
    width: 85%;
    margin: 0 auto;
  }
  .newsyeararchivelink .holder .title {
    font-size: 16px;
    margin-bottom: 20px;
  }
  .newsyeararchivelink .holder ul {
    padding: 0 0;
    text-align: left;
  }
  .newsyeararchivelink .holder ul li {
    margin: 0px 1px 10px;
    width: 23.1%;
  }
  .newsyeararchivelink .holder ul li a {
    font-size: 14px;
    padding: 8px 13px;
  }

  .postcontent {
    padding: 30px 0;
  }
  .postcontent .eyecatch {
    width: 75%;
  }
  .postcontent .eyecatch img {
    margin-bottom: 20px;
  }
  .postcontent .postbody {
    width: 85%;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

  .single .postshare,
  .page .postshare {
    width: 85%;
  }

  .postshare .sharelist .share_fb {
    margin-top: -5px;
  }

  .backtocattop {
    padding: 30px 0 10px;
  }

  .service .wrapper {
    width: 100%;
    overflow: hidden;
  }
  .service .heading {
    font-size: 24px;
  }
  .service .heading::after {
    width: 30px;
    margin: 20px auto;
  }
  .service .whatwedo {
    padding: 40px 0;
  }
  .service .whatwedo .holder {
    width: 85%;
    margin: 0 auto;
  }
  .service .whatwedo p {
    font-size: 15px;
    text-align: left;
  }
  .service .approach {
    padding: 40px 0 60px;
  }
  .service .approach .holder {
    width: 85%;
    margin: 0 auto;
  }
  .service .approach::after {
    right: inherit;
    left: calc(50% + 95px);
    transform: rotate(45deg);
    transform-origin: bottom left;
  }
  .service .approach .holder > p {
    text-align: left;
    font-size: 14px;
  }
  .service .approach .approachList {
    width: 100%;
    margin: 35px auto 0;
  }
  .service .approach .approachList li {
    width: 100%;
    padding-top: 0;
    padding-left: 0;
  }
  .service .approach .approachList li:not(:last-child) {
    margin-bottom: 50px;
  }
  .service .approach .approachList li::before {
    display: block;
    top: -1px;
    left: 2px;
    width: 36px;
    height: 7px;
    content: "";
    background: url(/wp-content/themes/mediagene/img/service_approach_icon_heading.svg) no-repeat top left;
    background-size: 36px 7px;
  }
  .service .approach .approachList li::after {
    top: 3px;
    left: 40px;
    width: 53px;
    transform: rotate(-45deg);
    transform-origin: top right;
  }
  .service .approach .approachList p {
    margin-bottom: 20px;
    line-height: 1.7;
  }
  .service .approach .approachHeading {
    font-size: 20px;
    line-height: 1.3;
    margin-bottom: 20px;
    padding-left: 100px;
  }
  .service .approach .approachHeading::before {
    top: 4px;
    left: -2px;
    line-height: 1;
    font-size: 40px;
  }
  .service .approach .approachBtn {
    width: calc(50% - 3px);
    height: 30px;
    margin: 0 0 5px;
    padding: 9px 0;
    font-size: 10px;
  }
  .service .approach .approachBtn span {
    padding-left: 15px;
  }
  .service .ourmedia {
    padding: 50px 0 70px;
  }
  .service .ourmedia .holder {
    width: 85%;
    margin: 0 auto;
  }
  .service .ourmedia::after {
    left: inherit;
    right: calc(50% + 95px);
    transform: rotate(-45deg);
    transform-origin: bottom right;
  }
  .service .ourmedia .heading + p {
    text-align: left;
  }
  .service .ourmedia .holder > p {
    font-size: 14px;
  }
  .service .ourmedia .ourmediaList {
    margin: 40px auto 60px;
    width: 85%;
    justify-content: space-between;
  }
  .service .ourmedia .ourmediaList li {
    width: calc(50% - 4px);
    margin-bottom: 10px;
  }
  .service .ourmedia .ourmediaList li:nth-child(3n+2) {
    margin: 0 0 10px;
  }
  .service .ourmedia .ourmediaList li img {
    height: auto;
    max-width: 85%;
    margin: 0 auto;
  }
  .service .ourmedia .ourmediaList li.ourmediaGizmodo img {
    width: 118px;
  }
  .service .ourmedia .ourmediaList li.ourmediaFuze img {
    width: 69px;
  }
  .service .ourmedia .ourmediaList li.ourmediaLifehacker img {
    width: 101px;
  }
  .service .ourmedia .ourmediaList li.ourmediaBusiness img {
    width: 139px;
  }
  .service .ourmedia .ourmediaList li.ourmediaDigiday img {
    width: 102px;
  }
  .service .ourmedia .ourmediaList li.ourmediaRoomie img {
    width: 121px;
  }
  .service .ourmedia .ourmediaList li.ourmediaMylohas img {
    width: 104px;
  }
  .service .ourmedia .ourmediaList li.ourmediaMashingup img {
    width: 106px;
  }
  .service .ourmedia .ourmediaList li.ourmediaMachiya img {
    width: 121px;
  }
  .service .ourmedia .ourmediaDl {
    width: 100%;
  }
  .service .ourmedia .ourmediaDl p {
    font-size: 13px;
  }
  .service .ourmedia .ourmediaBtn {
    font-size: 16px;
  }
  .service .ourmedia .ourmediaBtn:not(.is-gradient) {
    width: 100%;
    height: 48px;
    border-radius: 24px;
  }
  .service .ourmedia .ourmediaBtn.is-gradient {
    width: 90%;
    height: 72px;
  }
  .service .ourmedia .ourmediaBtn.is-gradient span {
    padding-right: 100px;
    background: url(/wp-content/themes/mediagene/img/common_icon_arrow_line.svg) no-repeat center right;
    background-size: 84px 6px;
  }
  .service .modal-management .modal-close {
    width: 33px;
    height: 33px;
    right: 10px;
    top: -40px;
  }
  .service .modal-management .modal-imgWrap {
    width: 95%;
  }

  .aboutoutline {
    padding: 30px 0;
  }
  .aboutoutline .holder {
    width: 85%;
  }
  .aboutoutline .holder .title {
    font-size: 23px;
  }
  .aboutoutline .holder .titlesub {
    font-size: 13px;
    margin-top: 7px;
  }
  .aboutoutline .holder dl {
    line-height: 2;
    margin-top: 30px;
    margin-bottom: -1.8em;
  }
  .aboutoutline .holder dl dt {
    width: 100%;
    float: none;
  }
  .aboutoutline .holder dl dt span {
    padding: 0 7px 0 0;
  }
  .aboutoutline .holder dl dd {
    margin-left: 0;
    padding-bottom: 1.8em;
  }

  .aboutmanagement {
    padding: 30px 0;
    margin-bottom: -270px;
  }
  .aboutmanagement .holder {
    width: 100%;
  }
  .aboutmanagement .holder .title {
    font-size: 23px;
  }
  .aboutmanagement .holder .titlesub {
    font-size: 13px;
    margin-top: 7px;
  }
  .aboutmanagement .holder .managementlist {
    width: 320px;
    margin: 20px auto -20px;
  }
  .aboutmanagement .holder .managementlist li {
    box-sizing: border-box;
    width: 158px;
    padding: 0 15px;
    margin: 0 0 20px;
  }
  .aboutmanagement .holder .managementlist li div .managementthumb-img {
    width: 125px;
    height: 125px;
    margin: 0px auto 7px;
  }
  .aboutmanagement .holder .managementlist li div .managementthumb-img img {
    width: 100%;
    height: auto;
  }
  .aboutmanagement .holder .managementlist li div .managementthumb-txt {
    height: 70px;
    width: 158px;
  }
  .aboutmanagement .holder .managementlist li div .managementthumb-txt h4 {
    font-size: 12px;
    letter-spacing: 0.01em;
  }
  .aboutmanagement .holder .managementlist li div .managementthumb-txt h5 {
    font-size: 15px;
    margin-top: 4px;
    letter-spacing: 0.01em;
  }
  .aboutmanagement .holder .managementlist li div .managementthumb-txt h6 {
    font-size: 9px;
    margin-top: 2px;
  }

  .modal-management .modal-content {
    width: 85%;
    margin: 60px auto;
  }
  .modal-management .modal-close {
    right: -12px;
    top: 8px;
  }
  .modal-management h3 {
    font-size: 14px;
  }
  .modal-management h4 {
    font-size: 18px;
    margin-top: 0px;
    margin-bottom: 2.5em;
  }
  .modal-management h4 span {
    font-size: 10px;
  }
  .modal-management .history {
    margin-bottom: 1em;
  }
  .modal-management dl {
    margin-bottom: -1em;
  }
  .modal-management dl dt {
    width: auto;
    float: none;
  }
  .modal-management dl dd {
    margin-left: 0;
    padding-bottom: 1em;
  }

  .aboutcontact {
    margin-bottom: -300px;
  }
  .aboutcontact .holder {
    width: 85%;
    min-height: 1030px;
    margin: -387px auto -337px;
    padding-top: 50px;
  }
  .aboutcontact .holder .title {
    font-size: 23px;
  }
  .aboutcontact .holder .titlesub {
    font-size: 13px;
    margin-top: 7px;
  }
  .aboutcontact .holder .aboutcontact-form {
    margin-top: 30px;
  }

  .wpcf7-form-control-wrap-holder.form-category {
    margin-bottom: 20px;
    text-align: left;
  }
  .wpcf7-form-control-wrap-holder.form-category .form-control-label {
    text-align: left;
    font-size: 14px;
    letter-spacing: 0;
    margin-bottom: 4px;
    color: #808080;
  }
  .wpcf7-form-control-wrap-holder.form-category .wpcf7-radio .span.wpcf7-list-item-label {
    display: block;
  }
  .wpcf7-form-control-wrap-holder.form-category .wpcf7-radio .wpcf7-list-item {
    display: block;
  }
  .wpcf7-form-control-wrap-holder.form-category .form-control-row .linktxt {
    display: block;
    margin-left: 0;
  }
  .wpcf7-form-control-wrap-holder.form-category .form-control-row .linktxt a {
    margin-top: 0.7em;
    padding: 8px 10px;
    -webkit-border-radius: 44px;
    -moz-border-radius: 44px;
    border-radius: 44px;
  }
  .wpcf7-form-control-wrap-holder .wpcf7-select {
    padding: 16px 14px;
  }

  #complete {
    text-align: center;
  }
  #complete h5 {
    font-size: 18px;
    margin-bottom: 30px;
  }
  #complete .modal-content {
    width: 85%;
    margin: 60px auto;
  }
  #complete .modal-close {
    margin: 44px auto;
  }

  .aboutaccess {
    padding: 30px 0 0;
  }
  .aboutaccess .title {
    font-size: 23px;
  }
  .aboutaccess .titlesub {
    font-size: 13px;
    margin-top: 7px;
  }
  .aboutaccess .aboutaccess-address {
    margin: 25px 0;
  }
  .aboutaccess #googlemap {
    height: 280px;
  }
  .aboutaccess .aboutaccess-maplick a {
    display: block;
    padding: 18px;
    color: #163259;
    font-weight: bold;
  }
  .aboutaccess .aboutaccess-maplick a span:after {
    content: "";
    display: inline-block;
    height: 16px;
    width: 6px;
    vertical-align: -2px;
    background: url(/wp-content/themes/mediagene/img/common_icon_arrow_r_bl.svg) no-repeat center center;
    background-size: 8px 13px;
    margin-left: 0.7em;
  }

  body.interview .postcontent {
    padding: 20px 0 50px;
  }
  body.interview .backtocattop {
    padding: 40px 0 40px;
  }

  .interviewhead {
    padding: 10px 0 40px;
    width: 85%;
  }
  .interviewhead:after {
    content: "";
    display: block;
    clear: both;
  }
  .interviewhead .interviewtitle {
    width: 100%;
    display: block;
    min-height: inherit;
    font-size: 16px;
  }
  .interviewhead .interviewname {
    width: 190px;
    display: block;
    float: right;
    padding: 0 0 0 60px;
    height: 60px;
    vertical-align: middle;
    background: url(/wp-content/themes/mediagene/img/interview_name_bg.svg) left center no-repeat;
    background-size: auto 60px;
    margin-top: 30px;
    letter-spacing: 0.02em;
  }
  .interviewhead .interviewname .department {
    font-size: 13px;
  }
  .interviewhead .interviewname .position {
    font-size: 13px;
    margin-top: 4px;
  }
  .interviewhead .interviewname .name {
    font-size: 15px;
    margin-top: 8px;
  }

  .single .postbody .alignleft,
  .page .postbody .alignleft {
    display: block;
    float: none;
    margin: 0.5em auto;
  }
  .single .postbody .alignright,
  .page .postbody .alignright {
    display: block;
    float: none;
    margin: 0.5em auto;
  }
  .single .postbody .aligncenter,
  .page .postbody .aligncenter {
    display: block;
    margin: 0.5em auto;
  }
  .single .postbody .alignnone,
  .page .postbody .alignnone {
    display: block;
    margin: 0.5em auto;
  }

  #informationArea {
    padding: 0 0 50px;
  }
  #informationArea .holder {
    width: 85%;
  }
  #informationArea h3 {
    position: relative;
    padding-left: 20px;
    color: #163259;
    font-weight: bold;
    line-height: 1.2;
  }
  #informationArea h3:before {
    content: "";
    display: block;
    position: absolute;
    height: 90%;
    width: 5px;
    left: 1px;
    top: 4%;
    background: #163259;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
  }
  #informationArea h3.first {
    margin: 40px 0 0;
  }
  #informationArea h4 {
    font-size: 1em;
  }
  #informationArea h5 {
    padding: 1em 0 .5em;
  }
  #informationArea p.read {
    padding: 50px 0;
    line-height: 2em;
    display: block;
  }
  #informationArea p {
    padding: 20px 0 0;
    line-height: 2em;
    display: block;
  }
  #informationArea p.end {
    padding: 20px 0 20px;
    line-height: 2em;
    display: block;
  }
  #informationArea ul {
    line-height: 2em;
    display: block;
  }
  #informationArea ul li.number {
    list-style-type: decimal;
    margin: 20px 0 0 1.5em;
  }
  #informationArea ul li.bkcir {
    list-style-type: disc;
    margin: 20px 0 0 1.5em;
  }
  #informationArea span.sup {
    padding: 0 0 50px;
    font-size: .8em;
    line-height: 2em;
    display: block;
  }
  #informationArea .mt5 {
    margin-top: 5px;
  }
  #informationArea .mt10 {
    margin-top: 10px;
  }
  #informationArea .mt20 {
    margin-top: 20px;
  }
  #informationArea .mt30 {
    margin-top: 30px;
  }
  #informationArea .mt40 {
    margin-top: 40px;
  }
  #informationArea .mb45 {
    margin-bottom: 45px;
  }
  #informationArea .mb70 {
    margin-bottom: 70px;
  }
  #informationArea .mb100 {
    margin-bottom: 100px;
  }
  #informationArea .pt10 {
    padding-top: 10px;
  }
  #informationArea .pt50 {
    padding-top: 50px;
  }
  #informationArea .pb10 {
    padding-bottom: 10px;
  }
  #informationArea .pb20 {
    padding-bottom: 20px;
  }
  #informationArea .pb50 {
    padding-bottom: 40px;
  }
  #informationArea .pb80 {
    padding-bottom: 80px;
  }

  .dl_mediasheet .mv.submv {
    height: 320px;
  }
  .dl_mediasheet .mv .mvimg {
    height: 320px;
  }
  .dl_mediasheet .box.with-gradient {
    width: 100vw;
    padding: 10px;
    margin: 0 -20px 30px;
  }
  .dl_mediasheet #informationArea .holder {
    width: 100%;
    padding: 0 20px;
    box-sizing: border-box;
    overflow: hidden;
  }
  .dl_mediasheet #informationArea .dlInfomationList .dlRecommend {
    margin-bottom: 15px;
  }
  .dl_mediasheet #informationArea .dlInfomationList .dlImage ul {
    flex-wrap: wrap;
  }
  .dl_mediasheet #informationArea .dlInfomationList .dlImage li {
    width: calc(50% - 4px);
  }
  .dl_mediasheet #informationArea .dlInfomationList .dlImage li:nth-child(1) {
    margin-bottom: 8px;
  }
  .dl_mediasheet #informationArea .dlInfomationList .dlImage img {
    display: block;
    width: 100%;
    height: auto;
  }
}
.tablet .topmv {
  box-sizing: border-box;
  position: relative;
  z-index: 4;
  background: white;
  height: 80%;
  max-height: inherit;
  min-width: inherit;
  padding-top: 0;
  margin-top: 0;
}
.tablet .topmv .hidden-phone {
  display: none !important;
}
.tablet .topmv .visible-phone {
  display: inherit !important;
}
.tablet .topmv .topmvimg {
  height: 100%;
  overflow: hidden;
  min-width: inherit;
}
.tablet .topmv .topmvimg:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url(/wp-content/themes/mediagene/img/top_mv.jpg) no-repeat center center;
  background-size: cover;
  -webkit-animation: zoomout1 cubic-bezier(0.165, 0.84, 0.44, 1) 6s alternate;
  -moz-animation: zoomout1 cubic-bezier(0.165, 0.84, 0.44, 1) 6s alternate;
  -ms-animation: zoomout1 cubic-bezier(0.165, 0.84, 0.44, 1) 6s alternate;
  -o-animation: zoomout1 cubic-bezier(0.165, 0.84, 0.44, 1) 6s alternate;
  animation: zoomout1 cubic-bezier(0.165, 0.84, 0.44, 1) 6s alternate;
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-animation-delay: 1.5s;
  -moz-animation-delay: 1.5s;
  -ms-animation-delay: 1.5s;
  -o-animation-delay: 1.5s;
  animation-delay: 1.5s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.tablet .topmv .holder {
  position: absolute;
  top: 50%;
  left: 7.5%;
  color: white;
  z-index: 1;
  margin-top: -70px;
  width: 85%;
}
.tablet .topmv .holder h2 {
  font-family: 'montserratregular', "游ゴシック", YuGothic, sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  -webkit-animation: fadeinup cubic-bezier(0.165, 0.84, 0.44, 1) 2s alternate;
  -moz-animation: fadeinup cubic-bezier(0.165, 0.84, 0.44, 1) 2s alternate;
  -ms-animation: fadeinup cubic-bezier(0.165, 0.84, 0.44, 1) 2s alternate;
  -o-animation: fadeinup cubic-bezier(0.165, 0.84, 0.44, 1) 2s alternate;
  animation: fadeinup cubic-bezier(0.165, 0.84, 0.44, 1) 2s alternate;
  font-size: 23px;
  line-height: 1.25;
  margin-bottom: 18px;
}
.tablet .topmv .holder h3 {
  font-family: 'montserratregular', "游ゴシック", YuGothic, sans-serif;
  letter-spacing: 0.02em;
  line-height: 1.5;
  -webkit-animation: fadeinup cubic-bezier(0.165, 0.84, 0.44, 1) 2s alternate;
  -moz-animation: fadeinup cubic-bezier(0.165, 0.84, 0.44, 1) 2s alternate;
  -ms-animation: fadeinup cubic-bezier(0.165, 0.84, 0.44, 1) 2s alternate;
  -o-animation: fadeinup cubic-bezier(0.165, 0.84, 0.44, 1) 2s alternate;
  animation: fadeinup cubic-bezier(0.165, 0.84, 0.44, 1) 2s alternate;
  opacity: 0;
  -webkit-animation-delay: 0.75s;
  -moz-animation-delay: 0.75s;
  -ms-animation-delay: 0.75s;
  -o-animation-delay: 0.75s;
  animation-delay: 0.75s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  font-size: 12px;
}
.tablet .topmv .holder h3 img {
  width: 12px;
  height: auto;
  vertical-align: -1px;
  margin-left: 0.2em;
}
.tablet .topmv .scroll {
  bottom: 7px;
}
.tablet .topmv .scroll .dot {
  margin-left: -3px;
  width: 4px;
  height: 4px;
}

.tablet .mv.recruitmv {
  height: 320px;
  min-width: inherit;
  height: 70%;
  margin-top: 0;
  min-height: inherit;
}
.tablet .mv.recruitmv .hidden-phone {
  display: none !important;
}
.tablet .mv.recruitmv .visible-phone {
  display: inherit !important;
}
.tablet .mv.recruitmv .mvimg {
  position: relative;
  height: 100%;
  min-width: inherit;
  margin-top: 0;
  overflow: hidden;
  background: white url(/wp-content/themes/mediagene/img/recruit_mv.jpg) no-repeat center center;
  background-size: cover;
  -webkit-animation: zoomout1 cubic-bezier(0.165, 0.84, 0.44, 1) 6s alternate;
  -moz-animation: zoomout1 cubic-bezier(0.165, 0.84, 0.44, 1) 6s alternate;
  -ms-animation: zoomout1 cubic-bezier(0.165, 0.84, 0.44, 1) 6s alternate;
  -o-animation: zoomout1 cubic-bezier(0.165, 0.84, 0.44, 1) 6s alternate;
  animation: zoomout1 cubic-bezier(0.165, 0.84, 0.44, 1) 6s alternate;
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-animation-delay: 1.5s;
  -moz-animation-delay: 1.5s;
  -ms-animation-delay: 1.5s;
  -o-animation-delay: 1.5s;
  animation-delay: 1.5s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.tablet .mv.recruitmv .mvimg video {
  display: none;
}
.tablet .mv.recruitmv .mvimg:before {
  display: none;
}
.tablet .mv.recruitmv .holder {
  margin-top: -33px;
}
.tablet .mv.recruitmv .holder h2 {
  font-size: 28px;
}
.tablet .mv.recruitmv .holder h3 {
  font-size: 13px;
}
.tablet .mv.recruitmv .holder h3:before {
  width: 13px;
  margin: 10px auto 11px;
}
.tablet .mv.recruitmv .holder .play-btn {
  display: block;
  width: 44px;
  margin: 20px auto 0;
  cursor: pointer;
}
.tablet .mv.recruitmv .scroll {
  display: none;
}

.hidden {
  display: none;
  visibility: hidden;
}

.visible-phone {
  display: none !important;
}

.visible-tablet {
  display: none !important;
}

.hidden-desktop {
  display: none !important;
}

.visible-desktop {
  display: inherit !important;
}

@media (min-width: 768px) and (max-width: 979px) {
  .hidden-desktop {
    display: inherit !important;
  }

  .visible-desktop {
    display: none !important;
  }

  .visible-tablet {
    display: inherit !important;
  }

  .hidden-tablet {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .hidden-desktop {
    display: inherit !important;
  }

  .visible-desktop {
    display: none !important;
  }

  .visible-phone {
    display: inherit !important;
  }

  .hidden-phone {
    display: none !important;
  }
}