@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;
}

/*img reset*/
img {
  vertical-align: top;
  -ms-interpolation-mode: bicubic;
}

video {
  margin: 0;
  padding: 0;
  vertical-align: top;
  -ms-interpolation-mode: bicubic;
}

/**/
a {
  text-decoration: none;
  color: inherit;
  outline: none;
}
a:hover {
  outline: none;
}

/**/
html, body {
  font-size: 62.5%;
  font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  margin: 0;
  padding: 0;
  color: #fff;
  background: #000;
  -webkit-text-size-adjust: 100%;
  width: 100%;
}

/* utils
*******************/
@media only screen and (min-width: 641px) {
  .onlySp {
    display: none;
  }
}
@media only screen and (max-width: 640px) {
  .onlyPc {
    display: none;
  }
}
.clearfix {
  *zoom: 1;
}

.clearfix:after {
  content: '';
  display: table;
  clear: both;
}

.wrap {
  position: relative;
  width: 100%;
}

.container {
  width: 100%;
  max-width: 640px;
  margin: 0 auto;
  position: relative;
}

.header {
  background-color: #fff;
  height: 60px;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 5000;
  font-family: '游ゴシック体', 'Yu Gothic', YuGothic, 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro W3', 'ＭＳ Ｐゴシック', Arial, verdana, sans-serif;
  transition-duration: 0.2s;
}
.header__container {
  zoom: 1;
  height: 100%;
  margin: 0 auto;
  max-width: 1200px;
  width: 100%;
}
.header__container:before, .header__container:after {
  display: block;
  height: 0;
  visibility: hidden;
  content: "\0020";
}
.header__container:after {
  clear: both;
}
@media only screen and (max-width: 640px) {
  .header__container {
    width: 100%;
  }
}
.header__container__logo {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  transition-duration: 0.2s;
  float: left;
  margin: 18px 0 0 20px;
}
.header__container__logo:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6;
}
@media only screen and (max-width: 640px) {
  .header__container__logo {
    margin-top: 12px;
  }
}
.header__container__list {
  float: right;
  height: 100%;
}
.header.on {
  background-color: #000;
  transition-duration: 0.2s;
}

.hList {
  zoom: 1;
}
.hList:before, .hList:after {
  display: block;
  height: 0;
  visibility: hidden;
  content: "\0020";
}
.hList:after {
  clear: both;
}
.hList__item {
  position: relative;
  float: left;
}
.hList__item__link {
  font-size: 12px;
  font-size: 1.2rem;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  transition-duration: 0.2s;
  color: #000;
  display: block;
  font-weight: normal;
  line-height: 1;
  text-align: center;
  padding: 24px 20px;
}
.hList__item__link:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6;
}
@media only screen and (max-width: 700px) {
  .hList__item__link {
    font-size: 10px;
    font-size: 1rem;
    padding: 24px 14px;
  }
}
@media only screen and (max-width: 640px) {
  .hList__item__link {
    font-size: 10px;
    font-size: 1rem;
    padding: 25px 0;
  }
}
@media only screen and (max-width: 1150px) {
  .hList__item--correct {
    display: none !important;
  }
}
@media only screen and (max-width: 1150px) and (min-width: 840px) {
  .hList__item--correct:first-child {
    display: list-item !important;
  }
}
.hList__item--document {
  background-color: #000;
  width: 111px;
}
@media only screen and (max-width: 700px) {
  .hList__item--document {
    width: 80px;
  }
}
@media only screen and (max-width: 640px) {
  .hList__item--document {
    width: 60px;
  }
}
.hList__item--document .hList__item__link {
  color: #fff;
  transition-duration: 0.2s;
}
.hList__item--menu {
  zoom: 1;
  position: relative;
  z-index: 2000;
}
.hList__item--menu:before, .hList__item--menu:after {
  display: block;
  height: 0;
  visibility: hidden;
  content: "\0020";
}
.hList__item--menu:after {
  clear: both;
}
.hList__item--menu:hover .hList__item--menu__link {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6;
}
.hList__item--menu .hList__item__link {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  float: left;
}
@media only screen and (max-width: 640px) {
  .hList__item--menu .hList__item__link {
    display: none;
  }
}
.hList__item--menu .hList__item__mark {
  transition-duration: 0.2s;
  padding: 21px 0;
  text-align: center;
  width: 28px;
}
@media only screen and (max-width: 640px) {
  .hList__item--menu .hList__item__mark {
    width: 60px;
  }
}
.hList__item--menu .hList__item__mark--open {
  display: block;
}
.hList__item--menu .hList__item__mark--close {
  display: none;
}
.hList__item--on .hList__item__mark--open {
  display: none;
}
.hList__item--on .hList__item__mark--close {
  display: block;
}
.hList__item__over {
  transition-duration: 0.2s;
  display: block;
}
.hList__item__over:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6;
}

.specialNav {
  position: absolute;
  left: 0;
  top: 60px;
  background: #636363;
  opacity: 0;
  transition: opacity .4s ease 0s;
}
.specialNav__list {
  border-bottom: 1px solid #fff;
  width: 320px;
  height: 65px;
  height: 0;
  box-sizing: border-box;
  overflow: hidden;
  transition: height .4s ease 0s;
}
.specialNav__list .link {
  position: relative;
  display: block;
  padding: 10px 18px;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}
.specialNav__list .link .en {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.6;
}
.specialNav__list .link .en.real:after {
  content: "";
  display: inline-block;
  margin: 0 0 0 8px;
  width: 12px;
  height: 12px;
  background-image: url(/kuis/worldgate/assets/img/top/blank2.png);
  background-size: contain;
}
.specialNav__list .link .ja {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.6;
}
.specialNav__list .link:after {
  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  margin: -6px 0 0 0;
  width: 8px;
  height: 12px;
  background: url(/kuis/worldgate/assets/img/common/nav_arr.png);
  background-size: contain;
}
.specialNav__list .link:hover {
  opacity: .7;
}

.hList__item__link-sp:hover {
  background: #636363;
}
.hList__item__link-sp:hover .hList__item__link {
  opacity: 1;
}
.hList__item__link-sp:hover .specialNav {
  opacity: 1;
  transition: opacity .5s ease 0s;
}
.hList__item__link-sp:hover .specialNav__list {
  height: 65px;
  transition: height .5s ease 0s;
}

.hList__item--document .hList__item__link {
  transition-duration: 0.2s;
}
.hList__item--document:hover {
  background-color: #0054c5;
  transition-duration: 0.2s;
}
.hList__item--document:hover .hList__item__link {
  color: #fff;
  opacity: 1;
}

.menuArea {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  transition-duration: 0.2s;
  background-color: #000;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
.menuArea--on {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  z-index: 1000;
}
.menuArea__container {
  margin: 100px auto 0;
  position: relative;
  width: 960px;
}
@media only screen and (max-width: 980px) and (min-width: 640px) {
  .menuArea__container {
    width: 98%;
  }
}
@media only screen and (max-width: 640px) {
  .menuArea__container {
    width: 100%;
  }
}
.menuArea__container__top {
  font-size: 15px;
  font-size: 1.5rem;
  transition-duration: 0.2s;
  color: #fff;
  text-decoration: underline;
}
.menuArea__container__top:hover {
  color: #ffea00;
}
@media only screen and (max-width: 640px) {
  .menuArea__container__top {
    font-size: 10px;
    font-size: 1rem;
    display: block;
    height: 30px;
    text-align: center;
    text-decoration: none;
  }
}
.menuArea__container__content {
  border-bottom: 1px solid #313131;
  margin-top: 50px;
  padding-bottom: 60px;
}
@media only screen and (max-width: 640px) {
  .menuArea__container__content {
    border: none;
    margin-top: 0;
    padding: 0;
  }
}

.menuContent {
  zoom: 1;
}
.menuContent:before, .menuContent:after {
  display: block;
  height: 0;
  visibility: hidden;
  content: "\0020";
}
.menuContent:after {
  clear: both;
}
.menuContent__list {
  box-sizing: border-box;
  float: left;
  padding-left: 40px;
  width: 50%;
}
@media only screen and (max-width: 640px) {
  .menuContent__list {
    float: none;
    padding-left: 0;
    width: 100%;
  }
}
.menuContent__list:first-child {
  padding-left: 0;
}
.menuContent__list__item {
  height: 30px;
  margin-top: 30px;
}
.menuContent__list__item--on .menuContent__list__item__link__thumb--over {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.menuContent__list__item--on .menuContent__list__item__link__text {
  color: #ffea00;
}
.menuContent__list__item--on .menuContent__list__item__link__text.blank:after {
  transition-duration: 0.2s;
  background-image: url(/kuis/worldgate/assets/img/common/blank_on.png);
}
.menuContent__list__item__link {
  display: block;
  position: relative;
}
.menuContent__list__item__link--coming .menuContent__list__item__link__text {
  color: #666666;
}
.menuContent__list__item__link__thumb {
  float: left;
}
@media only screen and (max-width: 640px) {
  .menuContent__list__item__link__thumb {
    display: none;
  }
}
.menuContent__list__item__link__thumb--over {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  transition-duration: 0.2s;
  height: 30px;
  left: 0;
  position: absolute;
  top: 0;
  width: 50px;
}
.menuContent__list__item__link__text {
  font-size: 15px;
  font-size: 1.5rem;
  transition-duration: 0.2s;
  color: #fff;
  float: left;
  letter-spacing: 0.4px;
  line-height: 1;
  padding: 8px 0 8px 20px;
}
@media only screen and (max-width: 960px) and (min-width: 641px) {
  .menuContent__list__item__link__text {
    line-height: 1.4;
    max-width: 70%;
    padding: 4px 0 8px 20px;
  }
}
@media only screen and (max-width: 640px) {
  .menuContent__list__item__link__text {
    font-size: 10px;
    font-size: 1rem;
    float: none;
    max-width: 100%;
    padding: 0;
    text-align: center;
  }
}
.menuContent__list__item__link__text.blank:after {
  content: "";
  display: inline-block;
  vertical-align: bottom;
  width: 15px;
  height: 15px;
  margin: 0 0 0 10px;
  background-image: url(/kuis/worldgate/assets/img/common/blank.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  transition-duration: 0.2s;
}
@media only screen and (max-width: 640px) {
  .menuContent__list__item__link__text.blank:after {
    width: 12px;
    height: 12px;
  }
}
.menuContent__list__item__link__text .font13 {
  font-size: 13px;
  font-size: 1.3rem;
}
@media only screen and (max-width: 640px) {
  .menuContent__list__item__link__text .font13 {
    font-size: 10px;
    font-size: 1rem;
  }
}
@media only screen and (max-width: 640px) {
  .menuContent__request {
    display: none;
  }
}
.menuContent__request__about {
  font-size: 15px;
  font-size: 1.5rem;
  transition-duration: 0.2s;
  background-color: #ffea00;
  border: 4px solid #ffea00;
  color: #000;
  display: block;
  font-weight: bold;
  line-height: 1;
  margin: 40px auto 0;
  padding: 12px 0;
  text-align: center;
  width: 240px;
}
.menuContent__request__about:hover {
  background-color: transparent;
  color: #ffea00;
}
.menuContent__request__about__text {
  display: block;
}

/*****************************************************
header
******************************************************/
.hNav__list {
  cursor: pointer;
  float: left;
  margin-right: 2.82288vw;
  padding: 25px 0 23px 20px;
  font-size: 12px;
  font-size: 1.2rem;
}
.hNav__list:last-child {
  margin-right: 20px;
}
.hNav__list.hd-on {
  display: none;
}
.hNav__list--menu {
  color: #000;
  position: relative;
  padding-right: 48px;
  opacity: 1;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hNav__list--menu span {
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 0;
  -ms-transform: translate(0, -50%);
      transform: translate(0, -50%);
  background-color: #000;
  width: 29px;
  height: 2px;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hNav__list--menu span:before {
  content: '';
  display: inline-block;
  background-color: #000;
  position: absolute;
  top: -8px;
  left: 0;
  width: 29px;
  height: 2px;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s;
}
.hNav__list--menu span:after {
  content: '';
  display: inline-block;
  background-color: #000;
  position: absolute;
  top: 8px;
  left: 0;
  width: 29px;
  height: 2px;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hNav__list--menu:hover {
  opacity: 0.7;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hNav__list--menu.on {
  color: #fff;
}
.hNav__list--menu.on span {
  top: 50%;
  right: 0;
  background-color: #fff;
  -ms-transform: translate(0, -50%) rotate(45deg);
      transform: translate(0, -50%) rotate(45deg);
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s;
}
.hNav__list--menu.on span:before {
  background-color: #fff;
  opacity: 0;
  top: -13px;
  left: 0;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hNav__list--menu.on span:after {
  background-color: #fff;
  top: 0;
  left: 0;
  -ms-transform: rotate(-90deg);
      transform: rotate(-90deg);
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s;
}

@media only screen and (max-width: 960px) {
  .hNav__list:nth-of-type(2) {
    display: none;
  }
}
@media only screen and (max-width: 760px) {
  .hNav__list:nth-of-type(3) {
    display: none;
  }
}
@media only screen and (max-width: 640px) {
  .hNav__list {
    padding: 25px 4px 25px 9px;
    font-size: 10px;
    font-size: 1rem;
  }
  .hNav__list:nth-of-type(1) {
    display: none;
  }
  .hNav__list:last-child {
    margin-right: 10px;
  }
  .hNav__list--menu {
    padding-right: 33px;
  }
  .hNav__list--menu span {
    width: 24px;
    height: 2px;
    right: 7px;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  }
  .hNav__list--menu span:before {
    top: -6.5px;
    left: 0;
    width: 24px;
    height: 2px;
  }
  .hNav__list--menu span:after {
    top: 6px;
    left: 0;
    width: 24px;
    height: 2px;
  }
  .hNav__list--menu:hover {
    opacity: 1;
  }
  .hNav__list--menu.on span {
    top: 50%;
    right: 7px;
  }
}
.footer {
  background: #f0f0f0;
  color: #00b5ff;
  padding: 4% 0;
  position: relative;
}
@media only screen and (min-width: 641px) {
  .footer {
    padding: 36px 0 50px;
  }
}
.footer__container {
  zoom: 1;
  height: 100%;
  margin: 0 auto;
  max-width: 1200px;
  width: 100%;
}
.footer__container:before, .footer__container:after {
  display: block;
  height: 0;
  visibility: hidden;
  content: "\0020";
}
.footer__container:after {
  clear: both;
}
@media only screen and (max-width: 639px) {
  .footer__container {
    max-width: 600px;
    width: 93.75%;
  }
}
@media only screen and (max-width: 998px) {
  .footer__container {
    width: 97.5%;
  }
}
.footer__container__logo {
  margin: 2% auto 4%;
  width: 97.83333333333333%;
}
@media only screen and (min-width: 641px) {
  .footer__container__logo {
    margin: 0 0 16px;
    width: 376px;
  }
}
.footer__container__logo a img {
  max-width: 100%;
}
.footer__container__logo a:hover img {
  filter: none\9;
}
.footer__container__utility {
  margin: 5% 0 6%;
}
@media only screen and (min-width: 641px) {
  .footer__container__utility {
    float: right;
    margin: 30px 0 0;
  }
}
.footer__container__copyright {
  font-size: 11px;
  font-size: 1.1rem;
  font-family: Arial, Helvetica, sans-serif;
}
@media only screen and (min-width: 641px) {
  .footer__container__copyright {
    margin-top: 30px;
  }
}

.groupList {
  zoom: 1;
}
.groupList:before, .groupList:after {
  display: block;
  height: 0;
  visibility: hidden;
  content: "\0020";
}
.groupList:after {
  clear: both;
}
.groupList__item {
  font-size: 12px;
  font-size: 1.2rem;
  float: left;
  padding: 1% 0;
}
@media only screen and (min-width: 641px) {
  .groupList__item {
    font-size: 14px;
    font-size: 1.4rem;
    padding: 0;
  }
}
.groupList__item:after {
  content: "|";
  padding: 0 0.5em;
}
.groupList__item--last:after {
  content: "";
  padding: 0;
}
.groupList__item__link {
  color: #00b5ff;
}
@media only screen and (min-width: 641px) {
  .groupList__item__link:hover {
    color: #000;
  }
}

.utilityList {
  zoom: 1;
}
.utilityList:before, .utilityList:after {
  display: block;
  height: 0;
  visibility: hidden;
  content: "\0020";
}
.utilityList:after {
  clear: both;
}
.utilityList__item {
  font-size: 12px;
  font-size: 1.2rem;
  float: left;
  padding: 1% 0;
}
.utilityList__item:after {
  content: "|";
  padding: 0 0.5em;
}
.utilityList__item--last:after {
  content: "";
  padding: 0;
}
.utilityList__item__link {
  color: #00b5ff;
}

.pagetop {
  bottom: 20px;
  position: fixed;
  z-index: 1000;
  right: 20px;
}
.pagetop a {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  transition-duration: 0.2s;
  display: block;
}
.pagetop a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6;
}
@media only screen and (max-width: 640px) {
  .pagetop {
    display: none !important;
  }
}
.pagetop--lock {
  bottom: 0;
  position: absolute;
  top: -160px;
}

.content {
  position: relative;
  padding: 60px 0 0;
  width: 100%;
}

.requestArea {
  background-color: #06244b;
  padding: 40px 0;
  position: relative;
  width: 100%;
}
.requestArea__about {
  font-size: 16px;
  font-size: 1.6rem;
  transition-duration: 0.2s;
  background-color: #ffea00;
  border: 4px solid #ffea00;
  color: #000;
  display: block;
  font-weight: bold;
  line-height: 1;
  margin: 0 auto;
  padding: 20px 0;
  text-align: center;
  width: 347px;
}
.requestArea__about:hover {
  background-color: transparent;
  color: #ffea00;
}
.requestArea__about__text {
  display: block;
}

.movArea {
  background: url(/kuis/worldgate/assets/img/lp/movBg.png) no-repeat top center;
  background-size: cover;
  padding: 40px 0;
  width: 100%;
}
.movArea__inner {
  width: 80%;
  margin: 0 auto;
}
.movArea__title {
  position: relative;
  left: 50%;
  display: inline-block;
  background-color: rgba(0, 0, 0, 0.8);
  font-size: 30px;
  font-size: 3rem;
  margin-bottom: 40px;
  padding: 20px 50px;
  text-align: center;
  font-weight: bold;
  letter-spacing: 0.05em;
  -ms-transform: translate(-50%, 0);
      transform: translate(-50%, 0);
}
.movArea__cont {
  zoom: 1;
  margin-bottom: 40px;
}
.movArea__cont:before, .movArea__cont:after {
  display: block;
  height: 0;
  visibility: hidden;
  content: "\0020";
}
.movArea__cont:after {
  clear: both;
}
.movArea__cont--li {
  float: left;
  width: 44.79167%;
  margin-right: 10.41667%;
  box-sizing: border-box;
}
.movArea__cont--li:last-child {
  margin-right: 0;
}
.movArea__cont--li .name {
  display: inline-block;
  font-size: 20px;
  font-size: 2rem;
  background-color: #f1f1f1;
  margin-bottom: 5px;
  padding: 2px 7px;
  color: #e64970;
}
.movArea__cont--li .name.pp2 {
  color: #00a493;
}
.movArea__cont--li .country {
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: 5px;
}
.movArea__cont--li .company {
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: 5px;
}
.movArea__cont--li .school {
  font-size: 12px;
  font-size: 1.2rem;
  margin-bottom: 20px;
  line-height: 1.4;
}
.movArea__cont--li .text {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.4;
}
.movArea__cont--li .youtube {
  cursor: pointer;
  width: 100%;
  position: relative;
  margin-bottom: 20px;
}
.movArea__cont--li .youtube img {
  width: 100%;
}
.movArea__link {
  display: block;
  width: 600px;
  height: auto;
  margin: 0 auto;
  overflow: hidden;
  white-space: nowrap;
  background: url(/kuis/worldgate/assets/img/lp/btn_banner01_off.png) no-repeat center bottom;
}
.movArea__link:hover {
  background: url(/kuis/worldgate/assets/img/lp/btn_banner01_on.png) no-repeat;
}
.movArea__link:hover img {
  opacity: 0;
}

.woArea {
  display: block;
  width: 600px;
  height: auto;
  margin: 30px auto 40px;
  overflow: hidden;
  white-space: nowrap;
  background: none;
}
.woArea:hover {
  background: url(/kuis/worldgate/assets/img/lp/btn_banner01_on.png) no-repeat;
}
.woArea:hover img {
  opacity: 0;
}

.pageTopArea {
  background-color: #fff;
  position: relative;
  width: 100%;
  height: 0;
}
.pageTopArea__inner {
  position: relative;
  margin: 0 auto;
  width: 100%;
  max-width: 960px;
}
.pageTopArea .pageTop {
  position: absolute;
  right: 10px;
  top: -30px;
  width: 60px;
  height: 60px;
  z-index: 10;
  background-image: url(/kuis/worldgate/assets/img/movie/pageTop.png);
  background-color: #000;
  background-repeat: no-repeat;
  background-position: center center;
}

/**/
.wcbanner {
  width: 100%;
  padding: 40px 0;
  background: #c8e8f5;
}
.wcbanner__inner {
  width: 960px;
  zoom: 1;
  margin: 0 auto;
}
.wcbanner__inner:before, .wcbanner__inner:after {
  display: block;
  height: 0;
  visibility: hidden;
  content: "\0020";
}
.wcbanner__inner:after {
  clear: both;
}
.wcbanner__left {
  float: left;
  display: block;
}
.wcbanner__right {
  float: right;
  display: block;
}

/*index*/
.wcIndex {
  width: 100%;
  color: #000;
  background: #e5f7ff !important;
}
.wcIndex__inner {
  width: 100%;
  padding-top: 120px;
  background: url(/kuis/worldgate/assets/img/worldcareer/i_bg_photo.png) no-repeat;
  background-size: cover;
}

.wIndexContent {
  padding: 20px 0 145px 0;
  width: 960px;
  margin: 0 auto;
  background: url(/kuis/worldgate/assets/img/worldcareer/i_earth.png) no-repeat center top;
}
.wIndexContent__title {
  text-align: center;
  font-size: 110px;
  font-size: 11rem;
  margin-bottom: 50px;
  letter-spacing: .3em;
}
.wIndexContent__caption {
  text-align: center;
  font-size: 20px;
  font-size: 2rem;
  letter-spacing: .2em;
  line-height: 1.5;
  margin-bottom: 54px;
}
.wIndexContent__entry {
  background: url(/kuis/worldgate/assets/img/worldcareer/img_enter_btn_ovr.png) no-repeat center;
  text-align: center;
  margin: 0 auto;
}
.wIndexContent__entry a {
  opacity: 1;
  transition: .2s ease;
}
.wIndexContent__entry a:hover {
  opacity: 0;
  transition: .2s ease;
}

.linksArea {
  background-color: #cccccc;
  padding: 30px 0;
  text-align: center;
}
.linksArea__links {
  display: inline-block;
  zoom: 1;
}
.linksArea__links:before, .linksArea__links:after {
  display: block;
  height: 0;
  visibility: hidden;
  content: "\0020";
}
.linksArea__links:after {
  clear: both;
}
.linksArea__links > li {
  float: left;
  margin-right: 30px;
}
.linksArea__links > li:last-child {
  margin-right: 0;
}

.wcLinks {
  width: 960px;
}
.wcLinks__link {
  display: block;
}
.wcLinks__info {
  width: 100%;
  background: #fff;
  box-sizing: border-box;
  padding: 20px 0 16px;
  text-align: center;
}
.wcLinks__title {
  font-size: 18px;
  font-size: 1.8rem;
}
.wcLinks__title:after {
  content: "―";
  display: block;
  margin: 5px 0 8px;
}
.wcLinks__cap {
  font-size: 13px;
  font-size: 1.3rem;
}

/*top*/
.wcTop {
  width: 100%;
  color: #000;
  padding: 128px 0 94px 0;
  background: url(/kuis/worldgate/assets/img/worldcareer/bg_pattern.png);
}
.wcTop__inner {
  position: relative;
  width: 960px;
  margin: 0 auto;
}
.wcTop__head {
  margin-bottom: 40px;
}
.wcTop__content {
  margin-top: 94px;
}

@keyframes blink {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0;
    transform: scale(1.3);
  }
  80% {
    opacity: 0;
    transform: scale(1);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.earthContainer {
  width: 430px;
  height: 430px;
  position: absolute;
  top: 0;
  left: 50%;
}
.earthContainer canvas {
  position: absolute;
  left: 0;
  top: 0;
}
.earthContainer .dummy {
  display: none;
}
.earthContainer .point {
  display: none;
  z-index: 100;
  position: absolute;
  width: 16px;
  height: 16px;
}
.earthContainer .point > span {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
}
.earthContainer .point__center {
  background: url(/kuis/worldgate/assets/img/worldcareer/center.svg);
}
.earthContainer .point__bg {
  background: url(/kuis/worldgate/assets/img/worldcareer/bg.svg);
  animation: blink 1.5s ease-in-out infinite;
}
.earthContainer.pon .point {
  display: block;
}

@keyframes down {
  0% {
    transform: translateY(0);
  }
  60% {
    transform: translateY(0);
  }
  80% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.scrollIcon {
  margin: 70px auto;
  width: 96px;
  height: 96px;
  position: relative;
}
.scrollIcon__circ {
  position: absolute;
}
.scrollIcon__text {
  position: absolute;
  width: 50px;
  height: 9px;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
}
.scrollIcon__arrow {
  position: absolute;
  width: 22px;
  height: 10px;
  left: 50%;
  margin-left: -11px;
  top: 50%;
  margin-top: 15px;
  animation: down 1.8s ease-in-out infinite;
}

.wcTopHead {
  width: 960px;
  height: auto;
  text-align: center;
  padding-top: 110px;
  box-sizing: border-box;
}
.wcTopHead__parts {
  position: relative;
  z-index: 100;
}
.wcTopHead__title {
  font-size: 120px;
  font-size: 12rem;
  letter-spacing: .3em;
  margin: 0 0 32px 0;
}
.wcTopHead__caption {
  font-size: 16px;
  font-size: 1.6rem;
  letter-spacing: .1em;
  line-height: 1.5;
}

.wcTopButtons {
  height: 54px;
  position: relative;
  z-index: 1000;
}
.wcTopButtons > li {
  position: relative;
  float: left;
  margin-right: 30px;
}
.wcTopButtons > li:last-child {
  margin-right: 0;
}

.wcDropDown {
  position: relative;
  width: 300px;
  text-align: center;
  font-size: 17px;
  font-size: 1.7rem;
  letter-spacing: .2em;
  color: #fff;
  line-height: 54px;
}
.wcDropDown .small {
  font-size: 12px;
  font-size: 1.2rem;
  white-space: nowrap;
}
.wcDropDown__link {
  display: block;
  height: 54px;
  background: #228be4;
}
.wcDropDown__link.on {
  background: #186bb2;
}
.wcDropDown__link i:before {
  position: relative;
  content: url(/kuis/worldgate/assets/img/worldcareer/sort_icon.png);
  margin-right: 5px;
  top: 3px;
}
.wcDropDown__list {
  position: absolute;
  overflow: hidden;
  height: 0;
}
.wcDropDown__list > li {
  margin-top: 1px;
  width: 300px;
}
.wcDropDown__list > li > a {
  color: #186bb2;
  display: block;
  height: 54px;
  background: #e1f4fc;
}
.wcDropDown__list > li > a:hover {
  background: #186bb2;
  color: #fff;
}

.wcArts {
  width: 940px;
  margin: 0 auto;
  padding-top: 240px;
}
.wcArts > article {
  margin-bottom: 240px;
}

.wcArtContainer {
  width: 940px;
  height: 592px;
  color: #000;
  position: relative;
}
.wcArtContainer > a {
  width: 100%;
  display: block;
}
.wcArtContainer .dummy {
  display: none;
}
.wcArtContainer--h {
  height: 760px;
}
.wcArtContainer__infobox {
  box-sizing: border-box;
  position: absolute;
  left: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.5);
  width: 802px;
  padding: 30px;
}
.wcArtContainer__distance {
  box-sizing: border-box;
  height: 163px;
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  color: rgba(32, 151, 217, 0.4);
  font-size: 150px;
  font-size: 15rem;
  letter-spacing: .1em;
  position: absolute;
  left: 50%;
  top: 66px;
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
  padding: 74px 0 0 40px;
  background: url(/kuis/worldgate/assets/img/worldcareer/y_tri.png) no-repeat;
  z-index: 100;
  line-height: 0;
}
.wcArtContainer__distance .injpn {
  font-size: 100px;
  font-size: 10rem;
  white-space: nowrap;
}
.wcArtContainer__distance span {
  font-size: 26px;
  letter-spacing: .05em;
  line-height: 26px;
}
.wcArtContainer__title {
  font-size: 28px;
  font-size: 2.8rem;
  line-height: 1.4;
  margin-bottom: 30px;
}
.wcArtContainer__name {
  font-size: 22px;
  font-size: 2.2rem;
}
.wcArtContainer__name > span {
  font-size: 14px;
  font-size: 1.4rem;
  margin-left: 5px;
}
.wcArtContainer__place {
  font-size: 13px;
  font-size: 1.3rem;
  margin-top: 10px;
}
.wcArtContainer__class {
  padding: 10px;
  background: #228be4;
  font-size: 12px;
  font-size: 1.2rem;
  margin-top: 24px;
  color: #fff;
  display: inline-block;
}
.wcArtContainer__photo {
  position: absolute;
  right: 0;
  bottom: 0;
}

.other_position {
  position: absolute;
  top: 310px;
  left: 0;
  height: 450px;
}

.wcp {
  position: absolute;
}
.wcp--01m {
  right: 10px;
  bottom: 10px;
}
.wcp--01s {
  right: 202px;
  bottom: 30px;
}
.wcp--02m {
  right: 10px;
  bottom: 10px;
}
.wcp--03m {
  right: 0px;
  bottom: 20px;
}
.wcp--03s {
  right: 0;
  bottom: 274px;
}
.wcp--04s {
  right: 178px;
  bottom: 30px;
}

/*detail*/
.contentInner {
  width: 100%;
  background: url(/kuis/worldgate/assets/img/worldcareer/bg_pattern.png);
}

.conHead {
  width: 100%;
  background: url(/kuis/worldgate/assets/img/worldcareer/bg_tri.png) no-repeat left bottom;
  background-size: contain;
}
.conHead__inner {
  width: 586px;
  margin: 0 auto;
  padding: 44px 0 160px 0;
}

.headVisual01 {
  width: 586px;
  height: 380px;
  background: url(/kuis/worldgate/assets/img/worldcareer/globe_01.png) no-repeat center center;
  text-align: center;
  padding-top: 50px;
  box-sizing: border-box;
}
.headVisual01__title {
  color: #000;
  font-size: 58px;
  font-size: 5.8rem;
  letter-spacing: .3em;
}
.headVisual01__miles {
  margin-top: 21px;
}

.headVisual02 {
  width: 586px;
  height: 380px;
  background: url(/kuis/worldgate/assets/img/worldcareer/globe_02.png) no-repeat center center;
  text-align: center;
  padding-top: 50px;
  box-sizing: border-box;
}
.headVisual02__title {
  color: #000;
  font-size: 58px;
  font-size: 5.8rem;
  letter-spacing: .3em;
}
.headVisual02__miles {
  margin-top: 21px;
}

.headVisual03 {
  width: 586px;
  height: 380px;
  background: url(/kuis/worldgate/assets/img/worldcareer/globe_03.png) no-repeat center center;
  text-align: center;
  padding-top: 50px;
  box-sizing: border-box;
}
.headVisual03__title {
  color: #000;
  font-size: 58px;
  font-size: 5.8rem;
  letter-spacing: .3em;
}
.headVisual03__miles {
  margin-top: 21px;
}

.headVisual04 {
  width: 586px;
  height: 380px;
  background: url(/kuis/worldgate/assets/img/worldcareer/globe_04.png) no-repeat center center;
  text-align: center;
  padding-top: 50px;
  box-sizing: border-box;
}
.headVisual04__title {
  color: #000;
  font-size: 58px;
  font-size: 5.8rem;
  letter-spacing: .3em;
}
.headVisual04__miles {
  margin-top: 21px;
}

.headVisual05 {
  width: 586px;
  height: 380px;
  background: url(/kuis/worldgate/assets/img/worldcareer/globe_05.png) no-repeat center center;
  text-align: center;
  padding-top: 50px;
  box-sizing: border-box;
}
.headVisual05__title {
  color: #000;
  font-size: 58px;
  font-size: 5.8rem;
  letter-spacing: .3em;
}
.headVisual05__miles {
  margin-top: 21px;
}

.headVisual06 {
  width: 586px;
  height: 380px;
  background: url(/kuis/worldgate/assets/img/worldcareer/globe_06.png) no-repeat center center;
  text-align: center;
  padding-top: 50px;
  box-sizing: border-box;
}
.headVisual06__title {
  color: #000;
  font-size: 58px;
  font-size: 5.8rem;
  letter-spacing: .3em;
}
.headVisual06__miles {
  margin-top: 21px;
}

.headVisual07 {
  width: 586px;
  height: 380px;
  background: url(/kuis/worldgate/assets/img/worldcareer/globe_07.png) no-repeat center center;
  text-align: center;
  padding-top: 50px;
  box-sizing: border-box;
}
.headVisual07__title {
  color: #000;
  font-size: 58px;
  font-size: 5.8rem;
  letter-spacing: .3em;
}
.headVisual07__miles {
  margin-top: 21px;
}

.headVisual08 {
  width: 586px;
  height: 380px;
  background: url(/kuis/worldgate/assets/img/worldcareer/globe_08.png) no-repeat center center;
  text-align: center;
  padding-top: 50px;
  box-sizing: border-box;
}
.headVisual08__title {
  color: #000;
  font-size: 58px;
  font-size: 5.8rem;
  letter-spacing: .3em;
}
.headVisual08__miles {
  margin-top: 21px;
}

.headVisual09 {
  width: 586px;
  height: 380px;
  background: url(/kuis/worldgate/assets/img/worldcareer/globe_09.png) no-repeat center center;
  text-align: center;
  padding-top: 50px;
  box-sizing: border-box;
}
.headVisual09__title {
  color: #000;
  font-size: 58px;
  font-size: 5.8rem;
  letter-spacing: .3em;
}
.headVisual09__miles {
  margin-top: 21px;
}

.headVisual10 {
  width: 586px;
  height: 380px;
  background: url(/kuis/worldgate/assets/img/worldcareer/globe_10.png) no-repeat center center;
  text-align: center;
  padding-top: 50px;
  box-sizing: border-box;
}
.headVisual10__title {
  color: #000;
  font-size: 58px;
  font-size: 5.8rem;
  letter-spacing: .3em;
}
.headVisual10__miles {
  margin-top: 21px;
}

.headVisual11 {
  width: 586px;
  height: 380px;
  background: url(/kuis/worldgate/assets/img/worldcareer/globe_11.png) no-repeat center center;
  text-align: center;
  padding-top: 50px;
  box-sizing: border-box;
}
.headVisual11__title {
  color: #000;
  font-size: 58px;
  font-size: 5.8rem;
  letter-spacing: .3em;
}
.headVisual11__miles {
  margin-top: 21px;
}

.headVisual12 {
  width: 586px;
  height: 380px;
  background: url(/kuis/worldgate/assets/img/worldcareer/globe_12.png) no-repeat center center;
  text-align: center;
  padding-top: 50px;
  box-sizing: border-box;
}
.headVisual12__title {
  color: #000;
  font-size: 58px;
  font-size: 5.8rem;
  letter-spacing: .3em;
}
.headVisual12__miles {
  margin-top: 21px;
}

.headVisual13 {
  width: 586px;
  height: 380px;
  background: url(/kuis/worldgate/assets/img/worldcareer/globe_13.png) no-repeat center center;
  text-align: center;
  padding-top: 50px;
  box-sizing: border-box;
}
.headVisual13__title {
  color: #000;
  font-size: 58px;
  font-size: 5.8rem;
  letter-spacing: .3em;
}
.headVisual13__miles {
  margin-top: 21px;
}

.headVisual14 {
  width: 586px;
  height: 380px;
  background: url(/kuis/worldgate/assets/img/worldcareer/globe_14.png) no-repeat center center;
  text-align: center;
  padding-top: 50px;
  box-sizing: border-box;
}
.headVisual14__title {
  color: #000;
  font-size: 58px;
  font-size: 5.8rem;
  letter-spacing: .3em;
}
.headVisual14__miles {
  margin-top: 21px;
}

.headVisual16 {
  width: 586px;
  height: 380px;
  background: url(/kuis/worldgate/assets/img/worldcareer/globe_16.png) no-repeat center center;
  text-align: center;
  padding-top: 50px;
  box-sizing: border-box;
}
.headVisual16__title {
  color: #000;
  font-size: 58px;
  font-size: 5.8rem;
  letter-spacing: .3em;
}
.headVisual16__miles {
  margin-top: 21px;
}

.headVisual17 {
  width: 586px;
  height: 380px;
  background: url(/kuis/worldgate/assets/img/worldcareer/globe_17.png) no-repeat center center;
  text-align: center;
  padding-top: 50px;
  box-sizing: border-box;
}
.headVisual17__title {
  color: #000;
  font-size: 58px;
  font-size: 5.8rem;
  letter-spacing: .3em;
}
.headVisual17__miles {
  margin-top: 21px;
}

.headVisual18 {
  width: 586px;
  height: 380px;
  background: url(/kuis/worldgate/assets/img/worldcareer/globe_18.png) no-repeat center center;
  text-align: center;
  padding-top: 50px;
  box-sizing: border-box;
}
.headVisual18__title {
  color: #000;
  font-size: 58px;
  font-size: 5.8rem;
  letter-spacing: .3em;
}
.headVisual18__miles {
  margin-top: 21px;
}

.headVisual19 {
  width: 586px;
  height: 380px;
  background: url(/kuis/worldgate/assets/img/worldcareer/globe_19.png) no-repeat center center;
  text-align: center;
  padding-top: 50px;
  box-sizing: border-box;
}
.headVisual19__title {
  color: #000;
  font-size: 58px;
  font-size: 5.8rem;
  letter-spacing: .3em;
}
.headVisual19__miles {
  margin-top: 21px;
}

.detailContainer {
  width: 100%;
  position: relative;
  background: #fff;
}
.detailContainer__inner {
  width: 960px;
  margin: 0 auto;
}
.detailContainer__head {
  top: -108px;
}
.detailContainer__text {
  margin: -108px auto 0 auto;
}
.detailContainer__text.po1 {
  margin: 20px auto 0 auto;
}
.detailContainer__text.po2 {
  margin: -50px auto 0 auto;
}

.detailHead {
  position: relative;
  width: 100%;
  height: 465px;
}
.detailHead__visual {
  position: absolute;
  right: 0;
  top: 0;
}
.detailHead__info {
  position: absolute;
  padding: 32px;
  background: #15a9ff;
  left: 0;
  bottom: 0;
  box-sizing: border-box;
}
.detailHead__info.po1 {
  width: 55%;
  bottom: -135px;
}
.detailHead__info.po2 {
  width: 58%;
  bottom: -60px;
}

.dInfo {
  color: #fff;
  letter-spacing: .1em;
}
.dInfo__title {
  font-size: 28px;
  font-size: 2.8rem;
  line-height: 1.4;
  margin-bottom: 30px;
}
.dInfo__name {
  font-size: 22px;
  font-size: 2.2rem;
}
.dInfo__name > span {
  font-size: 14px;
  font-size: 1.4rem;
  margin-left: 5px;
}
.dInfo__place {
  font-size: 13px;
  font-size: 1.3rem;
  margin-top: 10px;
  margin-bottom: 23px;
}
.dInfo__prof {
  font-size: 13px;
  font-size: 1.3rem;
  margin-top: 10px;
  line-height: 1.3;
}
.dInfo__class {
  display: inline-block;
  padding: 7px 10px;
  background: #228be4;
  font-size: 12px;
  font-size: 1.2rem;
  margin-top: 24px;
  line-height: 1.3;
}
.dInfo.p0 {
  padding: 32px 0px 32px 32px;
}

.detailText {
  padding: 35px 0 80px 0;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.8;
  color: #000;
  width: 900px;
}
.detailText__image {
  zoom: 1;
  margin: 36px 0;
}
.detailText__image:before, .detailText__image:after {
  display: block;
  height: 0;
  visibility: hidden;
  content: "\0020";
}
.detailText__image:after {
  clear: both;
}
.detailText__image > .left {
  float: left;
}
.detailText__image > .right {
  float: right;
}
.detailText__mov {
  background-color: #f2f7fa;
  padding: 60px 0;
}
.detailText__mov__inner {
  width: 960px;
  margin: 0 auto;
}
.detailText__mov .image {
  cursor: pointer;
  width: 50%;
  margin: 0 auto;
}
.detailText__mov .image img {
  width: 100%;
}
.detailText__btn {
  width: 280px;
  display: block;
  margin: 60px auto 0;
}
.detailText__btn a {
  display: inline-block;
  background: url(/kuis/worldgate/assets/img/worldcareer/img_topback_btn_ovr.png) no-repeat center;
}
.detailText__btn a img {
  background-color: #fff;
  opacity: 1;
  transition-duration: 0.2s;
}
.detailText__btn a img:hover {
  opacity: 0;
  transition-duration: 0.2s;
}
.detailText__btn.btn2 {
  background-color: #fff;
  margin: 0 auto;
  padding: 30px 0;
}

.modal {
  display: none;
  opacity: 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.modal__bg {
  background-color: rgba(0, 0, 0, 0.9);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.modal__mov {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
  width: 66.66667%;
  padding: 37.4% 0 0;
}
.modal__mov iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.modal__bt {
  cursor: pointer;
  background: url(/kuis/worldgate/assets/img/worldcareer/modal_close.png) no-repeat center;
  background-size: 100%;
  position: absolute;
  top: -43px;
  right: -43px;
  width: 38px;
  height: 38px;
}

/**/
/***LP***/
.contentLP {
  background: #fff;
}

.LPmainVisual {
  width: 100%;
}
.LPmainVisual__bg {
  width: 100%;
}
.LPmainVisual__bg img {
  width: 100%;
}
.LPmainVisual__text {
  width: 100%;
  height: 200px;
  background: #f00;
  position: absolute;
  top: 10%;
  left: 0;
}

.LPsecond {
  width: 100%;
  padding-top: 28px;
  background: url(/kuis/worldgate/assets/img/lp/y_tri.png) no-repeat center top;
}
.LPsecond__image {
  position: relative;
  width: 100%;
  text-align: center;
}
.LPsecond__image--first img {
  position: relative;
  z-index: 10;
}
.LPsecond__image--first:before {
  content: " ";
  display: block;
  width: 50%;
  height: 180px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #ef6386;
}
.LPsecond__image--first:after {
  content: " ";
  display: block;
  width: 50%;
  height: 180px;
  position: absolute;
  bottom: 0;
  right: 0;
  background: #e64970;
}
.LPsecond__image--second {
  background: #00a493;
}

.LPthird {
  width: 100%;
  padding-top: 50px;
  background: #fff;
  position: relative;
}
.LPthird__con {
  zoom: 1;
}
.LPthird__con:before, .LPthird__con:after {
  display: block;
  height: 0;
  visibility: hidden;
  content: "\0020";
}
.LPthird__con:after {
  clear: both;
}
.LPthird__title {
  position: absolute;
  z-index: 100;
  top: 66px;
  left: 50%;
  margin-left: -479.5px;
}
.LPthird:before {
  content: " ";
  display: block;
  width: 372px;
  height: 250px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -186px;
  background: url(/kuis/worldgate/assets/img/lp/y_tri.png) no-repeat center bottom;
  z-index: 10;
}
.LPthird__left {
  width: 50%;
  float: left;
  position: relative;
  padding-top: 308px;
  height: 1448px;
  background: #e64970 url(../img/lp/left_bg.png) no-repeat right top;
  background-size: contain;
  box-sizing: border-box;
}
.LPthird__left > article {
  width: 440px;
  margin: 0 41px 0 auto;
}
.LPthird__right {
  width: 50%;
  float: right;
  position: relative;
  height: 1448px;
  padding-top: 308px;
  background: #00a493 url(../img/lp/right_bg.png) no-repeat right top;
  background-size: contain;
  box-sizing: border-box;
}
.LPthird__right > article {
  width: 440px;
  margin: 0 auto 0 41px;
}

.LPInfo {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.8;
  color: #fff;
}
.LPInfo__caption {
  font-size: 21px;
  font-size: 2.1rem;
  line-height: 1.6;
  color: #ffea00;
}
.LPInfo__graph {
  margin: 30px 0 12px 0;
}
.LPInfo__graph.large {
  margin: 64px 0 12px 0;
}
.LPInfo__text {
  margin-bottom: 56px;
}
.LPInfo__text.small {
  margin-bottom: 34px;
}

.LPforth {
  width: 100%;
  padding: 44px 0 60px 0;
  background: url(/kuis/worldgate/assets/img/lp/table_bg.jpg) no-repeat;
  background-size: cover;
}
.LPforth__title {
  text-align: center;
  color: #000;
  margin-bottom: 20px;
  font-size: 32px;
  font-size: 3.2rem;
}
.LPforth__title > span {
  font-size: 20px;
  font-size: 2rem;
}
.LPforth__table {
  width: 960px;
  margin: 0 auto;
  box-sizing: border-box;
  border: 1px solid #0f64b3;
  font-size: 12px;
  font-size: 1.2rem;
  color: #000;
}
.LPforth__table tbody {
  background: #dfedfa;
}
.LPforth__table tbody td {
  padding: 10px;
  line-height: 1.4;
}
.LPforth__table tbody td:nth-of-type(2) {
  padding: 3px;
}
.LPforth__table .tl {
  text-align: left;
}
.LPforth__table .secTr {
  height: 246px;
  border-top: 1px solid #0f64b3;
}
.LPforth__table .sectd {
  border-top: 1px solid #c0dbf4;
  border-bottom: 1px solid #c0dbf4;
}
.LPforth__table td {
  height: 82px;
  text-align: center;
  vertical-align: middle;
  box-sizing: border-box;
  border-right: 1px solid #0f64b3;
}
.LPforth__table td:nth-child(1) {
  width: 80px;
}
.LPforth__table td:nth-child(2) {
  width: 82px;
}
.LPforth__table td:nth-child(3) {
  width: 80px;
}
.LPforth__table td:nth-child(4) {
  width: 100px;
}
.LPforth__table td:nth-child(5) {
  width: 220px;
}
.LPforth__table td:nth-child(6) {
  width: 160px;
}
.LPforth__table td:nth-child(7) {
  width: 70px;
}
.LPforth__table td:nth-child(8) {
  width: 60px;
}
.LPforth__table td:last-child {
  width: 100px;
}
.LPforth__table thead {
  font-size: 14px;
  font-size: 1.4rem;
  height: 60px;
  background: #0f64b3;
  color: #fff;
}
.contentInner{
  position: relative;
}
.LPforth__table thead tr {
  vertical-align: middle;
  text-align: center;
  height: 70px;
}
@keyframes moveLeft{
  0%{
    transform: translateX(0%);
  }
  100%{
    transform: translateX(-50%);
  }
}
.wcArts{
  padding-top: 0;
}
.wcTop{
  padding-top: 128px;
}
.topVisualNew {
  position: relative;
  width:100%;height:739px;
  left:0;top:10px;
  z-index: 1000;
  opacity: 0;
  overflow: hidden;
}
.topVisualNew__inner{
  position: absolute;
  height:739px;width: 7040px;
  background: url('/kuis/worldgate/assets/img/worldcareer/main_yoko.jpg') repeat-x;
  animation:moveLeft 90s linear infinite;
  transform: translateX(-50%);
}
.topVisualNew__catch{
  position: absolute;
  width:488px;height:304px;
  left:50%;top:50%;
  background: #000;
  z-index: 100;
  margin:-152px 0 0 -244px;
  color:#fff;
  font-size: 20px;
  text-align: center;
  padding: 42px 50px;
  box-sizing: border-box;
}
.topVisualNew__sub{
  margin:22px 0 30px;
  line-height: 1.5;
}
.topVisualNew__scroll{
  box-sizing: border-box;
  border:1px solid #fff;
  border-radius: 20px;
  width: 40px;height: 40px;
  display: inline-block;
  position: relative;
}
.topVisualNew__scroll::after{
  content: " ";
  position: absolute;
  top:50%;left:50%;
  transform: translate(-50%,-50%);
  display: block;
  width: 40px;height: 40px;
  background: url(/kuis/worldgate/assets/img/worldcareer/arrow_t.png) no-repeat center center;
  animation: moveArrow 2s ease-in-out infinite;
}
.topVisualNew__info{
  position: absolute;
  width:310px;height:178px;
  background: #004097;
  box-sizing: border-box;
  padding: 22px 22px;
  color:#fff;
  transition: opacity .4s ease-in;
  /*opacity: 1 !important;*/
  opacity: 0;
}
.topVisualNew__info.on{
  opacity: 1;
}
.topVisualNew__info p:nth-child(1)
{
  font-size: 22px;
  line-height: 1.2;
  margin-bottom: 15px;
}
.topVisualNew__info p:nth-child(2)
{
  font-size: 16px;
  color:#004097;
  background: #fff;
  padding: 8px;
  margin-bottom: 10px
}
.topVisualNew__info p:nth-child(3)
{
  font-size: 11px;
  line-height: 1.3;
}
.topVisualNew__info:nth-child(1)
{
  top:0;left: 320px;
}
.topVisualNew__info:nth-child(2)
{
  bottom:0;left: 0px;
}
.topVisualNew__info:nth-child(3)
{
  bottom:0;left:800px  
}
.topVisualNew__info:nth-child(4)
{
  top:0;left:1280px;
}
.topVisualNew__info:nth-child(5)
{
  bottom:0;left:1440px;
}

.topVisualNew__info:nth-child(6)
{
  top:0;left:1760px;
}
.topVisualNew__info:nth-child(7)
{
  bottom:0;left:2240px;
}
.topVisualNew__info:nth-child(8)
{
  top:0;left:2560px;
}
.topVisualNew__info:nth-child(9)
{
  bottom:0;left:3040px;
}
.topVisualNew__info:nth-child(10)
{
  top:0;left:3200px;
}

.topVisualNew__info:nth-child(11)
{
  top:0;left:3840px;
}
.topVisualNew__info:nth-child(12)
{
  bottom:0;left:3520px;
}
.topVisualNew__info:nth-child(13)
{
  bottom:0;left:4320px;
}
.topVisualNew__info:nth-child(14)
{
  top:0;left:4800px;
}
.topVisualNew__info:nth-child(15)
{
  bottom:0;left:4960px;
}

.topVisualNew__info:nth-child(16)
{
  top:0;left:5280px;
}
.topVisualNew__info:nth-child(17)
{
  bottom:0;left:5760px;
}
.topVisualNew__info:nth-child(18)
{
  top:0;left:6080px;
}
.topVisualNew__info:nth-child(19)
{
  bottom:0;left:6560px;
}
.topVisualNew__info:nth-child(20)
{
  top:0;left:6720px;
}
.newCap{
  box-sizing: border-box;
  line-height: 2;
  position: relative;
  font-size: 14px;
  width:100%;height: auto;
  margin-top:20px;
  color:#000;
  padding:120px 60px;
  background: #dbf3ff;
}
.newCap span{
  font-size: 50%;
}
.wcTopButtons{
  margin:60px auto 0;
  position: relative;
  left:50%;transform: translate(-50%,0);
  display: inline-block;
}
@media only screen and (max-width: 640px) {
  .topVisualNew{
    height:369.5px;
  }
  .topVisualNew__inner{
    height: 100%;
    width:3520px;
    background-size:contain;
  }
  .topVisualNew__info{
    /*opacity: 1 !important;*/
    width:155px;height:89px;
    padding: 10px;
  }
  .topVisualNew__info p:nth-child(1)
  {
    font-size: 1.2rem;
    line-height: 1.2;
    margin-bottom: 6px;
  }
  .topVisualNew__info p:nth-child(2)
  {
    display: inline-block;
    font-size: 80%;
    padding: 3px;
    margin-bottom: 3px
  }
  .topVisualNew__info p:nth-child(3)
  {
    font-size: 8px;
    line-height: 1.2;
  }
  .topVisualNew__catch{
    /*display: none;*/
    width:253px;height:145px;
    margin: -76px 0 0 -122px;
    padding: 29px;
  }
  .topVisualNew__title{
    width: 75%;
    display:inline-block;
    text-align: center;
  }
  .topVisualNew__title img{
    width: 100%;

  }
  .topVisualNew__sub{
    font-size: 10px;
     margin:10px 0 12px;
  }
  .topVisualNew__scroll{
    transform-origin: 50% 0;
    transform: scale(.5);
  }
  .topVisualNew__info:nth-child(1)
  {
    left:160px;
  }
  .topVisualNew__info:nth-child(2)
  {
    
    left:0px;
  }
  .topVisualNew__info:nth-child(3)
  {
    
    left:400px;
  }
  .topVisualNew__info:nth-child(4)
  {
    
    left:640px;
  }
  .topVisualNew__info:nth-child(5)
  {
    
    left:720px;
  }

  .topVisualNew__info:nth-child(6)
  {
    
    left:880px;
  }
  .topVisualNew__info:nth-child(7)
  {
    
    left:1120px;
  }
  .topVisualNew__info:nth-child(8)
  {
    
    left:1280px;
  }
  .topVisualNew__info:nth-child(9)
  {
    
    left:1520px;
  }
  .topVisualNew__info:nth-child(10)
  {
    
    left:1600px;
  }

  .topVisualNew__info:nth-child(11)
  {
    
    left:1920px;
  }
  .topVisualNew__info:nth-child(12)
  {
    
    left:1760px;
  }
  .topVisualNew__info:nth-child(13)
  {
    
    left:2160px;
  }
  .topVisualNew__info:nth-child(14)
  {
    
    left:2400px;
  }
  .topVisualNew__info:nth-child(15)
  {
    
    left:2480px;
  }

  .topVisualNew__info:nth-child(16)
  {
    
    left:2640px;
  }
  .topVisualNew__info:nth-child(17)
  {
    
    left:2880px;
  }
  .topVisualNew__info:nth-child(18)
  {
    
    left:3040px;
  }
  .topVisualNew__info:nth-child(19)
  {
    
    left:3280px;
  }
  .topVisualNew__info:nth-child(20)
  {
    
    left:3360px;
  }
  .newCap{  
    margin-top:20px;
  
    padding:28px 15px;
    margin-bottom: 40px;
  }
  
}
@keyframes moveArrow{
  0%{
    transform: translate(-50%,-50%) ;
  }
  30%{
    transform: translate(-50%,-45%) ;
  }
  60%{
    transform: translate(-50%,-50%) ;
  }
  100%{
    transform: translate(-50%,-50%) ;
  }
}


.earthContainer{
  top:128px;
  opacity: 0;
}

.LPfifth {
  width: 100%;
  padding: 54px 0 54px 0;
  background: url(/kuis/worldgate/assets/img/lp/sec4_pattern.png);
  color: #fff;
  line-height: 1.4;
}
.LPfifth__inner {
  width: 960px;
  margin: 0 auto;
}
.LPfifth__title {
  width: 920px;
  height: 235px;
  background: url(/kuis/worldgate/assets/img/lp/sec4_0_bg.png) no-repeat;
  padding: 26px 0 0 132px;
  font-size: 40px;
  font-size: 4rem;
  box-sizing: border-box;
  position: relative;
}
.LPfifth__first {
  width: 869px;
  height: 233px;
  background: url(/kuis/worldgate/assets/img/lp/sec4_1_bg.png) no-repeat;
  padding: 78px 0 0 318px;
  font-size: 30px;
  font-size: 3rem;
  box-sizing: border-box;
  margin: -100px 0 0 32px;
}
.LPfifth__second {
  width: 935px;
  height: 293px;
  background: url(/kuis/worldgate/assets/img/lp/sec4_2_bg.png) no-repeat;
  padding: 142px 0 0 56px;
  font-size: 30px;
  font-size: 3rem;
  box-sizing: border-box;
  margin: -15px 0 0 -5px;
}
.LPfifth__third {
  width: 864px;
  height: 285px;
  background: url(/kuis/worldgate/assets/img/lp/sec4_3_bg.png) no-repeat;
  padding: 160px 0 0 364px;
  font-size: 30px;
  font-size: 3rem;
  box-sizing: border-box;
  margin: -24px 0 0 54px;
}
.LPfifth__link {
  display: block;
  width: 460px;
  height: 85px;
  margin: 58px auto 0 auto;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: url(/kuis/worldgate/assets/img/lp/btn_nor.png) no-repeat;
}
.LPfifth__link:hover {
  background: url(/kuis/worldgate/assets/img/lp/btn_over.png) no-repeat;
}

.pcOnly {
  display: block;
}

.spOnly {
  display: none;
}

.mb30 {
  margin-bottom: 30px;
}

/* PC
-------------------------------------------------- */
/* タブレット
-------------------------------------------------- */
/* スマホ
-------------------------------------------------- */
@media only screen and (max-width: 640px) {
  .requestArea {
    padding: 20px 0;
  }
  .requestArea__about {
    width: 90%;
  }
  .requestArea__about:hover {
    background-color: transparent;
    color: #000;
  }

  .movArea {
    padding: 0;
    width: 100%;
  }
  .movArea__inner {
    width: 100%;
    margin: 0 auto;
  }
  .movArea__title {
    position: relative;
    left: auto;
    display: block;
    font-size: 15px;
    font-size: 1.5rem;
    margin-bottom: 0;
    padding: 10px 0;
    text-align: center;
    -ms-transform: translate(0, 0);
        transform: translate(0, 0);
  }
  .movArea__cont {
    margin-bottom: 0;
  }
  .movArea__cont--li {
    float: none;
    width: 100%;
    margin-right: 0;
    padding: 20px 10px;
    box-sizing: border-box;
  }
  .movArea__cont--li.pp1 {
    background: url(/kuis/worldgate/assets/img/lp/movBg_sp1.png) no-repeat;
    background-size: 100%;
  }
  .movArea__cont--li.pp2 {
    background: url(/kuis/worldgate/assets/img/lp/movBg_sp2.png) no-repeat;
    background-size: 100%;
  }
  .movArea__cont--li .name {
    font-size: 13px;
    font-size: 1.3rem;
    margin-bottom: 8px;
    padding: 2px 5px;
  }
  .movArea__cont--li .country {
    font-size: 11px;
    font-size: 1.1rem;
    margin-bottom: 5px;
  }
  .movArea__cont--li .company {
    font-size: 11px;
    font-size: 1.1rem;
    margin-bottom: 5px;
  }
  .movArea__cont--li .school {
    font-size: 10px;
    font-size: 1rem;
    margin-bottom: 20px;
    line-height: 1.4;
  }
  .movArea__cont--li .text {
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1.4;
  }
  .movArea__cont--li .youtube {
    padding-top: 0;
    margin-bottom: 20px;
  }
  .movArea__link {
    width: 100%;
    background-size: 100%;
    margin: -1px auto 0;
    padding: 0 10px 20px 10px;
    box-sizing: border-box;
    background: url(/kuis/worldgate/assets/img/lp/movBg_sp2.png) no-repeat;
    background-size: 100%;
  }
  .movArea__link a {
    width: 100%;
  }
  .movArea__link img {
    width: 100%;
  }
  .movArea__link:hover {
    background: none;
  }

  .woArea {
    width: 100%;
    background-size: 100%;
    margin: 20px auto 20px;
    padding: 0 10px 0 10px;
    box-sizing: border-box;
  }
  .woArea a {
    width: 100%;
  }
  .woArea img {
    width: 100%;
  }
  .woArea:hover {
    background: none;
  }

  .pageTopArea {
    height: auto;
    background: #f4cc1d;
    padding-top: 42px;
    padding: 42px 0 56px 0;
  }
  .pageTopArea:before {
    -ms-transform: scale(0.547);
        transform: scale(0.547);
  }
  .pageTopArea img {
    width: 100%;
  }
  .pageTopArea__bee {
    width: 48%;
    top: 22%;
  }
  .pageTopArea__inner {
    width: 94%;
    top: 0;
  }
  .pageTopArea__inner__title {
    width: 100%;
    margin-bottom: 56px;
  }

  .wcbanner {
    padding: 16px 0;
  }
  .wcbanner__inner {
    width: 93.75%;
  }
  .wcbanner__left {
    float: none;
    width: 100%;
    margin-bottom: 10px;
  }
  .wcbanner__left img {
    width: 100%;
  }
  .wcbanner__right {
    float: none;
    width: 100%;
  }
  .wcbanner__right img {
    width: 100%;
  }

  /*index*/
  .wcIndex__inner {
    width: 100%;
    padding-top: 30px;
    background-color: #fff;
    background-size: 100%;
  }

  .wIndexContent {
    padding: 0 0 20px 0;
    width: 100%;
    background-size: 110%;
    background-position: center 16px;
  }
  .wIndexContent__title {
    font-size: 40px;
    font-size: 4rem;
    margin-bottom: 17px;
  }
  .wIndexContent__caption {
    font-size: 13px;
    font-size: 1.3rem;
    margin-bottom: 24px;
  }
  .wIndexContent__entry {
    background: none;
    text-align: center;
    margin: 20px auto 0;
    padding: 0 14.067%;
  }
  .wIndexContent__entry img {
    width: 100%;
  }

  .linksArea__links {
    width: 93.75%;
    margin: 0 auto;
    zoom: 1;
  }
  .linksArea__links:before, .linksArea__links:after {
    display: block;
    height: 0;
    visibility: hidden;
    content: "\0020";
  }
  .linksArea__links:after {
    clear: both;
  }
  .linksArea__links > li {
    float: none;
    margin: 0 0 12px 0;
  }
  .linksArea__links > li:last-child {
    margin-bottom: 0;
  }

  .wcLinks__link {
    zoom: 1;
    background: #fff;
  }
  .wcLinks__link:before, .wcLinks__link:after {
    display: block;
    height: 0;
    visibility: hidden;
    content: "\0020";
  }
  .wcLinks__link:after {
    clear: both;
  }
  .wcLinks__image {
    width: 100%;
  }
  .wcLinks__image img {
    width: 100%;
  }
  .wcLinks__info {
    float: right;
    width: 50%;
    box-sizing: border-box;
    padding: 15px 0 0 0;
    height: 100%;
    text-align: center;
  }
  .wcLinks__title {
    font-size: 18px;
    font-size: 1.8rem;
  }
  .wcLinks__title:after {
    content: "―";
    display: block;
    margin: 5px 0 8px;
  }
  .wcLinks__cap {
    font-size: 13px;
    font-size: 1.3rem;
  }

  /*top*/
  .wcTop {
    width: 100%;
    color: #000;
    padding: 44px 0 94px 0;
    background-color: #e5f7ff;
  }
  .wcTop__inner {
    width: 93.75%;
  }
  .wcTop__head {
    margin: 0 auto 40px;
  }
  .wcTop__content {
    margin-top: 94px;
  }

  .wcTopHead {
    width: 93.75%;
    height: auto;
    text-align: center;
    padding: 60px 0 52px 0;
    background-size: contain;
  }
  .wcTopHead__title {
    font-size: 60px;
    font-size: 6rem;
    letter-spacing: 0.17em;
    margin: 0 0 20px 0;
  }
  .wcTopHead__caption {
    font-size: 12px;
    font-size: 1.2rem;
  }

  .wcTopButtons {
    width: 90.625%;
    margin: -10px auto 0;
    height: auto;
  }
  .wcTopButtons > li {
    float: none;
    margin: 0 0 11px 0;
  }
  .wcTopButtons > li:last-child {
    margin: 0;
  }

  .wcDropDown {
    position: relative;
    width: 100%;
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 40px;
  }
  .wcDropDown__link {
    height: 40px;
  }
  .wcDropDown__list {
    width: 100%;
    z-index: 200;
  }
  .wcDropDown__list > li {
    width: 100%;
    margin-top: 0;
    border-top: 1px solid #186bb2;
  }
  .wcDropDown__list > li > a {
    height: 40px;
  }

  .scrollIcon {
    display: none;
  }

  .wcArts {
    width: 93.75%;
    padding-top: 0px;
  }
  .wcArts > article {
    margin-bottom: 76px;
  }

  .earthContainer {
    width: 67%;
    height: auto;
    -ms-transform: translateX(-50%);
        transform: translateX(-50%);
  }
  .earthContainer canvas {
    width: 100% !important;
    height: 100% !important;
  }
  .earthContainer .dummy {
    display: block;
    width: 100%;
  }

  .wcArtContainer {
    width: 100%;
    height: auto;
    position: relative;
    background-position: center top;
    background-size: 71.66667%;
    padding-top: 0;
    box-sizing: border-box;
  }
  .wcArtContainer .dummy {
    display: block;
    margin: 0 auto;
    width: 80%;
  }
  .wcArtContainer__infobox {
    position: static;
    padding: 15px;
    width: 100%;
    height: auto;
  }
  .wcArtContainer__distance {
    font-size: 75px;
    font-size: 7.5rem;
    height: 81px;
    background-size: contain;
    padding: 37px 0 0 20px;
    position: absolute;
    top: 33px;
  }
  .wcArtContainer__distance .injpn {
    font-size: 60px;
    font-size: 6rem;
  }
  .wcArtContainer__distance span {
    font-size: 13px;
    letter-spacing: .05em;
    line-height: 13px;
  }
  .wcArtContainer__title {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.4;
    margin-bottom: 10px;
  }
  .wcArtContainer__name {
    font-size: 15px;
    font-size: 1.5rem;
  }
  .wcArtContainer__name > span {
    font-size: 12px;
    font-size: 1.2rem;
    margin-left: 5px;
  }
  .wcArtContainer__place {
    font-size: 12px;
    font-size: 1.2rem;
    margin-top: 10px;
  }
  .wcArtContainer__class {
    padding: 5px;
    background: #228be4;
    font-size: 12px;
    font-size: 1.2rem;
    margin-top: 12px;
  }
  .wcArtContainer__photo {
    width: 27.16667%;
    top: 40%;
    right: 1%;
  }

  .wcp {
    position: absolute;
  }
  .wcp img {
    width: 100%;
  }
  .wcp--01m {
    top: -25.2%;
    left: 0;
    width: 100%;
  }
  .wcp--01s {
    top: 1%;
    left: -40%;
    width: 63.19018%;
  }
  .wcp--02m {
    top: -25%;
    left: 0;
    width: 100%;
  }
  .wcp--03m {
    top: 0;
    left: 0;
    width: 100%;
  }
  .wcp--03s {
    top: -15%;
    left: 37%;
    width: 63.19018%;
  }
  .wcp--04s {
    top: 1%;
    left: -40%;
    width: 63.19018%;
  }

  /*detail*/
  .conHead {
    width: 100%;
    background: url(/kuis/worldgate/assets/img/worldcareer/bg_tri.png) no-repeat left bottom;
    background-size: contain;
  }
  .conHead__inner {
    width: 93.75%;
    margin: 0 auto;
    padding: 44px 0 116px 0;
  }

  .headVisual01 {
    width: 100%;
    height: auto;
    background-size: contain;
    text-align: center;
    padding-top: 15%;
    box-sizing: border-box;
  }
  .headVisual01__title {
    color: #000;
    font-size: 40px;
    font-size: 4rem;
    letter-spacing: .3em;
  }
  .headVisual01__miles {
    margin-top: 21px;
    width: 98%;
    padding-bottom: 19%;
  }
  .headVisual01__miles img {
    width: 100%;
  }

  .headVisual02 {
    width: 100%;
    height: auto;
    background-size: contain;
    text-align: center;
    padding-top: 15%;
    box-sizing: border-box;
  }
  .headVisual02__title {
    color: #000;
    font-size: 40px;
    font-size: 4rem;
    letter-spacing: .3em;
  }
  .headVisual02__miles {
    margin-top: 21px;
    width: 98%;
    padding-bottom: 19%;
  }
  .headVisual02__miles img {
    width: 100%;
  }

  .headVisual03 {
    width: 100%;
    height: auto;
    background-size: contain;
    text-align: center;
    padding-top: 15%;
    box-sizing: border-box;
  }
  .headVisual03__title {
    color: #000;
    font-size: 40px;
    font-size: 4rem;
    letter-spacing: .3em;
  }
  .headVisual03__miles {
    margin-top: 21px;
    width: 98%;
    padding-bottom: 19%;
  }
  .headVisual03__miles img {
    width: 100%;
  }

  .headVisual04 {
    width: 100%;
    height: auto;
    background-size: contain;
    text-align: center;
    padding-top: 15%;
    box-sizing: border-box;
  }
  .headVisual04__title {
    color: #000;
    font-size: 40px;
    font-size: 4rem;
    letter-spacing: .3em;
  }
  .headVisual04__miles {
    margin-top: 21px;
    width: 98%;
    padding-bottom: 19%;
  }
  .headVisual04__miles img {
    width: 100%;
  }

  .headVisual05 {
    width: 100%;
    height: auto;
    background-size: contain;
    text-align: center;
    padding-top: 15%;
    box-sizing: border-box;
  }
  .headVisual05__title {
    color: #000;
    font-size: 40px;
    font-size: 4rem;
    letter-spacing: .3em;
  }
  .headVisual05__miles {
    margin-top: 21px;
    width: 98%;
    padding-bottom: 19%;
  }
  .headVisual05__miles img {
    width: 100%;
  }

  .headVisual06 {
    width: 100%;
    height: auto;
    background-size: contain;
    text-align: center;
    padding-top: 15%;
    box-sizing: border-box;
  }
  .headVisual06__title {
    color: #000;
    font-size: 40px;
    font-size: 4rem;
    letter-spacing: .3em;
  }
  .headVisual06__miles {
    margin-top: 21px;
    width: 98%;
    padding-bottom: 19%;
  }
  .headVisual06__miles img {
    width: 100%;
  }

  .headVisual07 {
    width: 100%;
    height: auto;
    background-size: contain;
    text-align: center;
    padding-top: 15%;
    box-sizing: border-box;
  }
  .headVisual07__title {
    color: #000;
    font-size: 40px;
    font-size: 4rem;
    letter-spacing: .3em;
  }
  .headVisual07__miles {
    margin-top: 21px;
    width: 98%;
    padding-bottom: 19%;
  }
  .headVisual07__miles img {
    width: 100%;
  }

  .headVisual08 {
    width: 100%;
    height: auto;
    background-size: contain;
    text-align: center;
    padding-top: 15%;
    box-sizing: border-box;
  }
  .headVisual08__title {
    color: #000;
    font-size: 40px;
    font-size: 4rem;
    letter-spacing: .3em;
  }
  .headVisual08__miles {
    margin-top: 21px;
    width: 98%;
    padding-bottom: 19%;
  }
  .headVisual08__miles img {
    width: 100%;
  }

  .headVisual09 {
    width: 100%;
    height: auto;
    background-size: contain;
    text-align: center;
    padding-top: 15%;
    box-sizing: border-box;
  }
  .headVisual09__title {
    color: #000;
    font-size: 40px;
    font-size: 4rem;
    letter-spacing: .3em;
  }
  .headVisual09__miles {
    margin-top: 21px;
    width: 98%;
    padding-bottom: 19%;
  }
  .headVisual09__miles img {
    width: 100%;
  }

  .headVisual10 {
    width: 100%;
    height: auto;
    background-size: contain;
    text-align: center;
    padding-top: 15%;
    box-sizing: border-box;
  }
  .headVisual10__title {
    color: #000;
    font-size: 40px;
    font-size: 4rem;
    letter-spacing: .3em;
  }
  .headVisual10__miles {
    margin-top: 21px;
    width: 98%;
    padding-bottom: 19%;
  }
  .headVisual10__miles img {
    width: 100%;
  }

  .headVisual11 {
    width: 100%;
    height: auto;
    background-size: contain;
    text-align: center;
    padding-top: 15%;
    box-sizing: border-box;
  }
  .headVisual11__title {
    color: #000;
    font-size: 40px;
    font-size: 4rem;
    letter-spacing: .3em;
  }
  .headVisual11__miles {
    margin-top: 21px;
    width: 98%;
    padding-bottom: 19%;
  }
  .headVisual11__miles img {
    width: 100%;
  }

  .headVisual12 {
    width: 100%;
    height: auto;
    background-size: contain;
    text-align: center;
    padding-top: 15%;
    box-sizing: border-box;
  }
  .headVisual12__title {
    color: #000;
    font-size: 40px;
    font-size: 4rem;
    letter-spacing: .3em;
  }
  .headVisual12__miles {
    margin-top: 21px;
    width: 98%;
    padding-bottom: 19%;
  }
  .headVisual12__miles img {
    width: 100%;
  }

  .headVisual13 {
    width: 100%;
    height: auto;
    background-size: contain;
    text-align: center;
    padding-top: 15%;
    box-sizing: border-box;
  }
  .headVisual13__title {
    color: #000;
    font-size: 40px;
    font-size: 4rem;
    letter-spacing: .3em;
  }
  .headVisual13__miles {
    margin-top: 21px;
    width: 98%;
    padding-bottom: 19%;
  }
  .headVisual13__miles img {
    width: 100%;
  }

  .headVisual14 {
    width: 100%;
    height: auto;
    background-size: contain;
    text-align: center;
    padding-top: 15%;
    box-sizing: border-box;
  }
  .headVisual14__title {
    color: #000;
    font-size: 40px;
    font-size: 4rem;
    letter-spacing: .3em;
  }
  .headVisual14__miles {
    margin-top: 21px;
    width: 98%;
    padding-bottom: 19%;
  }
  .headVisual14__miles img {
    width: 100%;
  }

  .headVisual16 {
    width: 100%;
    height: auto;
    background-size: contain;
    text-align: center;
    padding-top: 15%;
    box-sizing: border-box;
  }
  .headVisual16__title {
    color: #000;
    font-size: 40px;
    font-size: 4rem;
    letter-spacing: .3em;
  }
  .headVisual16__miles {
    margin-top: 21px;
    width: 98%;
    padding-bottom: 19%;
  }
  .headVisual16__miles img {
    width: 100%;
  }

  .headVisual17 {
    width: 100%;
    height: auto;
    background-size: contain;
    text-align: center;
    padding-top: 15%;
    box-sizing: border-box;
  }
  .headVisual17__title {
    color: #000;
    font-size: 40px;
    font-size: 4rem;
    letter-spacing: .3em;
  }
  .headVisual17__miles {
    margin-top: 21px;
    width: 98%;
    padding-bottom: 19%;
  }
  .headVisual17__miles img {
    width: 100%;
  }

  .headVisual18 {
    width: 100%;
    height: auto;
    background-size: contain;
    text-align: center;
    padding-top: 15%;
    box-sizing: border-box;
  }
  .headVisual18__title {
    color: #000;
    font-size: 40px;
    font-size: 4rem;
    letter-spacing: .3em;
  }
  .headVisual18__miles {
    margin-top: 21px;
    width: 98%;
    padding-bottom: 19%;
  }
  .headVisual18__miles img {
    width: 100%;
  }

  .headVisual19 {
    width: 100%;
    height: auto;
    background-size: contain;
    text-align: center;
    padding-top: 15%;
    box-sizing: border-box;
  }
  .headVisual19__title {
    color: #000;
    font-size: 40px;
    font-size: 4rem;
    letter-spacing: .3em;
  }
  .headVisual19__miles {
    margin-top: 21px;
    width: 98%;
    padding-bottom: 19%;
  }
  .headVisual19__miles img {
    width: 100%;
  }

  .detailContainer {
    width: 100%;
    position: relative;
    background: #fff;
  }
  .detailContainer__inner {
    width: 93.75%;
    margin: 0 auto;
  }
  .detailContainer__head {
    top: -108px;
  }
  .detailContainer__text {
    margin: -128px auto 0 auto;
  }
  .detailContainer__text.po1 {
    margin: -128px auto 0 auto;
  }
  .detailContainer__text.po2 {
    margin: -128px auto 0 auto;
  }

  .detailHead {
    height: auto;
    box-sizing: border-box;
    padding-top: 45%;
  }
  .detailHead__visual {
    width: 70%;
  }
  .detailHead__visual img {
    width: 100%;
  }
  .detailHead__info {
    position: relative;
    width: 94%;
    padding: 3%;
  }
  .detailHead__info.po1 {
    width: 94%;
    bottom: 0;
  }
  .detailHead__info.po2 {
    width: 94%;
    bottom: 0;
  }

  .dInfo__title {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.4;
    margin-bottom: 10px;
  }
  .dInfo__name {
    font-size: 15px;
    font-size: 1.5rem;
  }
  .dInfo__name > span {
    font-size: 12px;
    font-size: 1.2rem;
    margin-left: 5px;
  }
  .dInfo__place {
    font-size: 12px;
    font-size: 1.2rem;
    margin-top: 10px;
  }
  .dInfo__class {
    padding: 5px;
    background: #228be4;
    font-size: 12px;
    font-size: 1.2rem;
    margin-top: 12px;
  }
  .dInfo.p0 {
    padding: 3%;
  }

  .detailText {
    width: 100%;
    font-size: 12px;
    font-size: 1.2rem;
    letter-spacing: 0.07rem;
    line-height: 2.3rem;
    padding: 35px 0 42px 0;
  }
  .detailText__image {
    zoom: 1;
    margin: 18px 0;
  }
  .detailText__image:before, .detailText__image:after {
    display: block;
    height: 0;
    visibility: hidden;
    content: "\0020";
  }
  .detailText__image:after {
    clear: both;
  }
  .detailText__image > .left {
    width: 47%;
  }
  .detailText__image > .left img {
    width: 100%;
  }
  .detailText__image > .right {
    width: 47%;
  }
  .detailText__image > .right img {
    width: 100%;
  }
  .detailText__mov {
    background-color: #f2f7fa;
    padding: 30px 0;
  }
  .detailText__mov__inner {
    width: 100%;
  }
  .detailText__mov .image {
    width: 84.375%;
    margin: 0 auto;
  }
  .detailText__mov .image img {
    width: 100%;
  }
  .detailText__btn {
    width: 80%;
    margin: 28px auto 0;
    padding: 0 29px;
    display: block;
  }
  .detailText__btn a {
    display: inline-block;
    background: none;
  }
  .detailText__btn a img {
    width: 100%;
  }

  .modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .modal__bg {
    background-color: rgba(0, 0, 0, 0.9);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .modal__mov {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    width: 66.66667%;
    padding: 37.4% 0 0;
  }
  .modal__mov iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  /***LP***/
  .contentLP {
    background: #fff;
  }
  .contentLP img {
    width: 100%;
  }

  .LPmainVisual {
    width: 100%;
  }
  .LPmainVisual__bg {
    width: 100%;
  }
  .LPmainVisual__bg img {
    width: 100%;
  }
  .LPmainVisual__text {
    width: 100%;
    height: 200px;
    background: #f00;
    position: absolute;
    top: 10%;
    left: 0;
  }

  .LPsecond {
    width: 100%;
    padding-top: 0px;
    background: url(/kuis/worldgate/assets/img/lp/sp/y_tri.png) no-repeat center top;
  }
  .LPsecond__image {
    position: relative;
    width: 100%;
    text-align: center;
  }
  .LPsecond__image--first img {
    position: relative;
    z-index: 10;
  }
  .LPsecond__image--first:before {
    content: " ";
    display: block;
    width: 50%;
    height: 62px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #ef6386;
  }
  .LPsecond__image--first:after {
    content: " ";
    display: block;
    width: 50%;
    height: 62px;
    position: absolute;
    bottom: 0;
    right: 0;
    background: #e64970;
  }
  .LPsecond__image--second {
    background: #00a493;
  }

  .LPthird {
    width: 100%;
    padding-top: 15px;
    background: #fff;
    position: relative;
  }
  .LPthird__con {
    zoom: 1;
  }
  .LPthird__con:before, .LPthird__con:after {
    display: block;
    height: 0;
    visibility: hidden;
    content: "\0020";
  }
  .LPthird__con:after {
    clear: both;
  }
  .LPthird__title {
    position: absolute;
    z-index: 100;
    top: 45px;
    left: 50%;
    margin-left: -144.5px;
  }
  .LPthird__title img {
    width: 94%;
  }
  .LPthird:before {
    content: " ";
    display: block;
    width: 100%;
    height: 85px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -50%;
    background: url(/kuis/worldgate/assets/img/lp/sp/y_tri.png) no-repeat center bottom;
    z-index: 1;
  }
  .LPthird__left {
    width: 100%;
    float: none;
    position: relative;
    padding-top: 0;
    padding: 105px 2.8% 0 2.8%;
    height: 100%;
    background: #e64970 url(../img/lp/sp/left_bg.png) no-repeat right top;
    background-size: contain;
    box-sizing: border-box;
  }
  .LPthird__left > article {
    width: 100%;
    margin: 0 auto;
  }
  .LPthird__right {
    width: 100%;
    float: none;
    position: relative;
    height: 100%;
    padding-top: 0;
    padding: 25px 2.8% 0 2.8%;
    background: #00a493 url(../img/lp/sp/right_bg.png) no-repeat right top;
    background-size: contain;
    box-sizing: border-box;
  }
  .LPthird__right > article {
    width: 100%;
    margin: 0 auto;
  }

  .LPInfo {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.8;
    color: #fff;
  }
  .LPInfo__caption {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.6;
    color: #ffea00;
  }
  .LPInfo__graph {
    margin: 15px 0 12px 0;
  }
  .LPInfo__graph.large {
    margin: 15px 0 12px 0;
  }
  .LPInfo__parts {
    width: 17%;
    position: absolute;
    top: 7px;
    left: 81.3%;
  }
  .LPInfo__text {
    margin-bottom: 20px;
  }
  .LPInfo__text.small {
    margin-bottom: 20px;
  }

  .LPforth {
    width: 93.8%;
    padding: 18px 3.1% 50px;
    background: #fff;
    overflow: scroll;
  }
  .LPforth__title {
    text-align: center;
    color: #000;
    margin-bottom: 20px;
    font-size: 17px;
    font-size: 1.7rem;
  }
  .LPforth__title > span {
    font-size: 10px;
    font-size: 1rem;
  }
  .LPforth__table {
    width: 300.7%;
    margin: 0 auto;
    box-sizing: border-box;
    border: 1px solid #0f64b3;
    font-size: 6px;
    font-size: 0.6rem;
    color: #000;
  }
  .LPforth__table tbody {
    background: #dfedfa;
    font-size: 1.1rem;
  }
  .LPforth__table tbody td {
    padding: 0.53%;
    line-height: 1.4;
  }
  .LPforth__table .tl {
    text-align: left;
  }
  .LPforth__table .secTr {
    height: 123px;
    border-top: 1px solid #0f64b3;
  }
  .LPforth__table .sectd {
    border-top: 1px solid #c0dbf4;
    border-bottom: 1px solid #c0dbf4;
  }
  .LPforth__table td {
    height: 41px;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    border-right: 1px solid #0f64b3;
  }
  .LPforth__table td:nth-child(1) {
    width: 4.4%;
  }
  .LPforth__table td:nth-child(2) {
    width: 5.5%;
  }
  .LPforth__table td:nth-child(3) {
    width: 4.5%;
  }
  .LPforth__table td:nth-child(4) {
    width: 5.05%;
  }
  .LPforth__table td:nth-child(5) {
    width: 11.45%;
  }
  .LPforth__table td:nth-child(6) {
    width: 8.3%;
  }
  .LPforth__table td:nth-child(7) {
    width: 3.85%;
  }
  .LPforth__table td:nth-child(8) {
    width: 3.25%;
  }
  .LPforth__table td:last-child {
    width: 4.8%;
  }
  .LPforth__table thead {
    font-size: 11px;
    font-size: 1.1rem;
    height: 60px;
    background: #0f64b3;
    color: #fff;
  }
  .LPforth__table thead tr {
    vertical-align: middle;
    text-align: center;
    height: 60px;
  }
  .LPforth img {
    width: 150%;
    overflow: scroll;
  }

  .LPfifth {
    width: 94.4%;
    padding: 26px 2.8% 0 2.8%;
    background: url(/kuis/worldgate/assets/img/lp/sp/sec4_pattern.png);
    background-size: 100%;
    color: #fff;
    line-height: 1.4;
  }
  .LPfifth__inner {
    width: 100%;
    margin: 0 auto;
  }
  .LPfifth__title {
    width: 99.2%;
    height: 0;
    background: url(/kuis/worldgate/assets/img/lp/sp/sec4_0_bg.png) no-repeat;
    background-size: 100%;
    padding: 2.7% 0 44% 6.3%;
    font-size: 15.7px;
    font-size: 1.57rem;
    box-sizing: border-box;
    position: relative;
  }
  .LPfifth__first {
    width: 100%;
    height: 0px;
    background: url(/kuis/worldgate/assets/img/lp/sp/sec4_1_bg.png) no-repeat;
    background-size: 100%;
    padding: 16.5% 0 19.8% 35.5%;
    font-size: 10.5px;
    font-size: 1.05rem;
    box-sizing: border-box;
    margin: -100px 0 0 0;
  }
  .LPfifth__second {
    width: 100%;
    height: 0px;
    background: url(/kuis/worldgate/assets/img/lp/sp/sec4_2_bg.png) no-repeat;
    background-size: 98.3%;
    padding: 19.2% 0 22.1% 3%;
    font-size: 10px;
    font-size: 1rem;
    box-sizing: border-box;
    margin: -15px 0 0 -5px;
  }
  .LPfifth__third {
    width: 100%;
    height: 0px;
    background: url(/kuis/worldgate/assets/img/lp/sp/sec4_3_bg.png) no-repeat;
    background-size: 98%;
    padding: 19.6% 0 23.4% 41.1%;
    font-size: 10.5px;
    font-size: 1.05rem;
    box-sizing: border-box;
    margin: -24px 0 0 4px;
  }
  .LPfifth__link {
    display: block;
    width: 84%;
    height: 73px;
    margin: 0 auto;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    background: url(/kuis/worldgate/assets/img/lp/sp/btn_nor.png) no-repeat;
    background-size: 100%;
  }
  .LPfifth__link:hover {
    background: url(/kuis/worldgate/assets/img/lp/sp/btn_nor.png) no-repeat;
    background-size: 100%;
  }

  .pcOnly {
    display: none;
  }

  .spOnly {
    display: block;
  }

  .imgSize {
    width: 93.4% !important;
  }

  .mt50 {
    margin-top: 50px;
  }

  .mt70 {
    margin-top: 70px;
  }
}