@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;
  -webkit-transform: translate(0, -50%);
      -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;
  -webkit-transform: translate(0, -50%) rotate(45deg);
      -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;
  -webkit-transform: rotate(-90deg);
      -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 {
  -webkit-filter: none\9;
          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%;
}
.content.asia01 .contentArea__inner_02, .content.asia01 .sectionNav2_vo2, .content.asia01 .sectionNav3 {
  display: none;
}
.content.asia01 .contentArea__inner_01, .content.asia01 .sectionNav2_vo1 {
  display: block;
}
.content.asia02 .contentArea__inner_01, .content.asia02 .sectionNav2_vo1 {
  display: none;
}
.content.asia02 .contentArea__inner_02, .content.asia02 .sectionNav2_vo2, .content.asia02 .sectionNav3 {
  display: block;
}

.mainArea {
  position: relative;
}
.mainArea__list {
  zoom: 1;
  width: 100%;
}
.mainArea__list:before, .mainArea__list:after {
  display: block;
  height: 0;
  visibility: hidden;
  content: "\0020";
}
.mainArea__list:after {
  clear: both;
}
.mainArea__list__item {
  float: left;
  position: relative;
  width: 100%;
}
.mainArea__list__item__image {
  bottom: 0;
  display: block;
  left: 0;
  margin: auto;
  right: 0;
  top: 0;
}
.mainArea__list__item__image img {
  width: 100%;
}
.mainArea__list__item__image .sp {
  display: none;
}
.mainArea__list__item__title {
  left: 50%;
  position: absolute;
  top: 50%;
  width: 300px;
  margin: -4.1% 0 0 -150px;
}
.mainArea__list__item__title__img {
  display: block;
  margin: 0 auto;
  width: 241px;
}
.mainArea__list__item__title__intro {
  font-size: 18px;
  font-size: 1.8rem;
  color: #fff;
  display: block;
  font-weight: bold;
  letter-spacing: 0.08em;
  margin-top: 2%;
  text-align: center;
}
@media only screen and (max-width: 641px) {
  .mainArea__list__item__title__intro {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.mainArea__list__item__title img {
  max-width: 100%;
}
.mainArea__about {
  font-size: 14px;
  font-size: 1.4rem;
  background: rgba(0, 0, 0, 0.6);
  bottom: 10px;
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#66000000,EndColorStr=#66000000);
  /*IE8以下用*/
  line-height: 1.6;
  padding: 0 10px;
  position: absolute;
  right: 10px;
}
@media only screen and (max-width: 960px) {
  .mainArea__about {
    font-size: 11px;
    font-size: 1.1rem;
    border-bottom: 1px solid #fff;
    bottom: 0;
    line-height: 1.8;
    padding: 10px;
    position: relative;
    right: 0;
  }
}

.spMovie {
  position: relative;
  width: 100%;
  color: #004097;
}
.spMovie__title {
  padding: 60px 0;
  text-align: center;
  background-color: #fff;
}
.spMovie__title .title {
  font-weight: bold;
}
.spMovie__title .title .be {
  display: inline-block;
  vertical-align: middle;
  width: 13px;
  height: 22px;
  background-image: url(/kuis/worldgate/assets/img/asia/nav1_sh1.png);
}
.spMovie__title .title .subTitle {
  vertical-align: middle;
  font-size: 14px;
  color: #000;
  line-height: 22px;
}
.spMovie__title .title .num {
  vertical-align: middle;
  font-size: 24px;
  color: #000;
  line-height: 22px;
}
.spMovie__title .title .title {
  font-size: 20px;
  font-weight: bold;
  line-height: 36px;
}

.subTitleArea {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.subTitleArea__text {
  padding: 10px 0;
}
.subTitleArea__text:first-child {
  border-right: 1px solid #ececec;
}
.subTitleArea__text .be {
  display: inline-block;
  vertical-align: middle;
  width: 13px;
  height: 22px;
  background-image: url(/kuis/worldgate/assets/img/asia/nav1_sh2.png);
  background-size: contain;
}
@media only screen and (max-width: 641px) {
  .subTitleArea__text .be {
    width: 7px;
    height: 11px;
  }
}
.subTitleArea__text .subTitle {
  vertical-align: middle;
  font-size: 14px;
  font-size: 1.4rem;
  color: #ababab;
  line-height: 22px;
}
@media only screen and (max-width: 641px) {
  .subTitleArea__text .subTitle {
    font-size: 10px;
    font-size: 1rem;
  }
}
.subTitleArea__text .num {
  vertical-align: middle;
  font-size: 24px;
  font-size: 2.4rem;
  color: #ababab;
  line-height: 22px;
}
@media only screen and (max-width: 641px) {
  .subTitleArea__text .num {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.subTitleArea__text .title {
  font-size: 20px;
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  line-height: 36px;
  color: #ababab;
}
@media only screen and (max-width: 641px) {
  .subTitleArea__text .title {
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1.7;
  }
}
.subTitleArea__text .title .sp {
  display: none;
}
@media only screen and (max-width: 641px) {
  .subTitleArea__text .title .sp {
    display: block;
  }
}
.subTitleArea__block {
  float: left;
  padding: 50px 0;
  width: 50%;
  text-align: center;
  background-color: #fff;
  cursor: pointer;
}
.subTitleArea__block:hover {
  opacity: .9;
}
.subTitleArea__block.cre .be {
  background-image: url(/kuis/worldgate/assets/img/asia/nav1_sh1.png);
  background-size: contain;
}
.subTitleArea__block.cre .subTitle {
  color: #000;
}
.subTitleArea__block.cre .num {
  color: #000;
}
.subTitleArea__block.cre .title {
  color: #004097;
}
@media only screen and (max-width: 641px) {
  .subTitleArea__block {
    padding: 10px 0;
  }
}

.sectionNav2 {
  background-color: #000;
}
.sectionNav2__inner {
  position: relative;
  padding: 56px 0;
}
@media only screen and (max-width: 640px) {
  .sectionNav2__inner {
    padding: 23px 0;
  }
}
.sectionNav2__inner:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 10px;
  height: 10px;
  margin: -5px 0 0 -5px;
  background: #fff;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.sectionNav2__inner.left:before {
  left: 75%;
}
.sectionNav2__inner.right:before {
  left: 25%;
}
.sectionNav2 .btnBox {
  margin: 0 auto;
  width: 540px;
  overflow: hidden;
}
@media only screen and (max-width: 640px) {
  .sectionNav2 .btnBox {
    width: 100%;
  }
}
.sectionNav2 .btnList {
  float: left;
  width: 180px;
  text-align: center;
}
@media only screen and (max-width: 640px) {
  .sectionNav2 .btnList {
    width: 23%;
  }
}
@media only screen and (max-width: 640px) {
  .sectionNav2 .btnList:last-child {
    width: 54%;
  }
}
.sectionNav2 .btnList__text {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 16px;
  color: #fff;
  font-weight: bold;
  cursor: pointer;
  opacity: .7;
}
@media only screen and (max-width: 640px) {
  .sectionNav2 .btnList__text {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.sectionNav2 .btnList__text:before {
  content: "";
  display: inline-block;
  vertical-align: top;
  width: 14px;
  height: 16px;
  margin: 0 7px 0 0;
  background: url(/kuis/worldgate/assets/img/asia/nav2_icon_off.png) center no-repeat;
}
.sectionNav2 .btnList__text.cre {
  opacity: 1;
}
.sectionNav2 .btnList__text.cre:before {
  background: url(/kuis/worldgate/assets/img/asia/nav2_icon_on.png) center no-repeat;
}

.sectionNav3 {
  background-color: #ededed;
}
@media only screen and (max-width: 640px) {
  .sectionNav3 {
    height: 70px;
  }
}
.sectionNav3__inner {
  position: relative;
  margin: 0 auto;
  padding: 30px 0;
  width: 640px;
}
@media only screen and (max-width: 640px) {
  .sectionNav3__inner {
    margin: 0 2%;
    padding: 17px 0;
    width: 96%;
    box-sizing: border-box;
  }
}
.sectionNav3 .btnBox {
  margin: 0 auto;
  width: 360px;
  overflow: hidden;
}
@media only screen and (max-width: 640px) {
  .sectionNav3 .btnBox {
    display: none;
  }
}
.sectionNav3 .pulldown {
  display: none;
  margin: 7px 0 0;
  border: 0px;
  border-radius: 0;
  width: 70%;
  height: 25px;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 25px;
  background: #fff;
}
@media only screen and (max-width: 640px) {
  .sectionNav3 .pulldown {
    display: block;
  }
}
.sectionNav3 .btnList {
  float: left;
  width: 90px;
  text-align: center;
}
@media only screen and (max-width: 640px) {
  .sectionNav3 .btnList {
    display: none;
  }
}
.sectionNav3 .btnList__text {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 14px;
  color: #000;
  font-weight: bold;
  cursor: pointer;
  opacity: .7;
}
.sectionNav3 .btnList__text:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 14px;
  height: 14px;
  margin: 0 7px 0 0;
  background: url(/kuis/worldgate/assets/img/asia/nav3_icon_off.png) center no-repeat;
}
.sectionNav3 .btnList__text.cre {
  opacity: 1;
}
.sectionNav3 .btnList__text.cre:before {
  background: url(/kuis/worldgate/assets/img/asia/nav3_icon_on.png) center no-repeat;
}
.sectionNav3 .displayNavBox {
  position: absolute;
  right: 0;
  top: 24px;
  width: 58px;
}
.sectionNav3 .displayNavBox__list {
  float: left;
  cursor: pointer;
  opacity: .6;
}
.sectionNav3 .displayNavBox__list:first-child {
  margin: 0 8px 0 0;
}
.sectionNav3 .displayNavBox__list.cre {
  opacity: 1;
}

.contentArea {
  position: relative;
  background: #fff;
}
.contentArea__inner {
  margin: 0 auto;
  padding: 50px 0 80px;
  width: 100%;
  max-width: 1040px;
}
@media only screen and (max-width: 640px) {
  .contentArea__inner {
    padding: 10px 0 20px;
  }
}
.contentArea * {
  box-sizing: border-box;
}
.contentArea .grid {
  background: #fff;
  max-width: 1200px;
}
.contentArea .grid:after {
  content: '';
  display: block;
  clear: both;
}
.contentArea .grid-sizer, .contentArea .grid-item {
  width: 25%;
}
@media only screen and (max-width: 640px) {
  .contentArea .grid-sizer, .contentArea .grid-item {
    width: 50%;
  }
}
.contentArea .grid-item {
  display: block;
  position: relative;
  float: left;
  border: 6px solid rgba(255, 255, 255, 0);
  height: 260px;
  cursor: pointer;
}
@media only screen and (max-width: 640px) {
  .contentArea .grid-item {
    height: 180px;
  }
}
.contentArea .grid-item.no_cre {
  display: none;
}
.contentArea .grid-item:after {
  position: absolute;
  left: 8px;
  top: 8px;
  padding: 15px 0 0 10px;
  width: 70px;
  height: 66px;
  background: url(/kuis/worldgate/assets/img/asia/list_catBg.png) no-repeat;
  background-size: contain;
  font-size: 14px;
  font-size: 1.4rem;
}
@media only screen and (max-width: 640px) {
  .contentArea .grid-item:after {
    padding: 7px 0 0 5px;
    width: 43px;
    height: 41px;
    font-size: 10px;
    font-size: 1rem;
  }
}
.contentArea .grid-item--width2 {
  width: 50%;
}
.contentArea .grid-item--height2 {
  height: 520px;
}
@media only screen and (max-width: 640px) {
  .contentArea .grid-item--height2 {
    height: 360px;
  }
}
.contentArea .grid-item--height2 .grid-img:after {
  line-height: 1600px;
}
@media only screen and (max-width: 640px) {
  .contentArea .grid-item--height2 .grid-img:after {
    line-height: 30px;
  }
}
.contentArea .grid-item.cat1_1 .grid-img {
  border: 8px solid #f8527a;
}
.contentArea .grid-item.cat1_1 .grid-img:after {
  background: rgba(248, 82, 122, 0.6);
}
.contentArea .grid-item.cat1_2 .grid-img {
  border: 8px solid #15acae;
}
.contentArea .grid-item.cat1_2 .grid-img:after {
  background: rgba(21, 172, 174, 0.6);
}
.contentArea .grid-item.cat2_1:after {
  content: "文化";
}
.contentArea .grid-item.cat2_2:after {
  content: "食";
}
.contentArea .grid-item.cat2_3:after {
  content: "風土";
}
.contentArea .grid-item:hover .grid-img:after {
  line-height: 260px;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
  transition: -webkit-transform 0.5s cubic-bezier(0.77, 0, 0.175, 1) 0s, opacity 0.4s cubic-bezier(0.77, 0, 0.175, 1) 0s, line-height 0.5s cubic-bezier(0.77, 0, 0.175, 1) 0s;
  transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1) 0s, opacity 0.4s cubic-bezier(0.77, 0, 0.175, 1) 0s, line-height 0.5s cubic-bezier(0.77, 0, 0.175, 1) 0s;
}
@media only screen and (max-width: 640px) {
  .contentArea .grid-item:hover .grid-img:after {
    line-height: 30px;
  }
}
.contentArea .grid-item:hover.grid-item--height2 .grid-img:after {
  line-height: 520px;
}
@media only screen and (max-width: 640px) {
  .contentArea .grid-item:hover.grid-item--height2 .grid-img:after {
    line-height: 30px;
  }
}
.contentArea .grid-img {
  position: relative;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-size: cover;
  overflow: hidden;
}
.contentArea .grid-img:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 260px;
  line-height: 800px;
  opacity: 0;
  font-size: 20px;
  font-size: 2rem;
  color: #fff;
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
  transition: -webkit-transform 0.5s cubic-bezier(0.77, 0, 0.175, 1) 0s, opacity 0.5s cubic-bezier(0.77, 0, 0.175, 1) 0s, line-height 0.5s cubic-bezier(0.77, 0, 0.175, 1) 0s;
  transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1) 0s, opacity 0.5s cubic-bezier(0.77, 0, 0.175, 1) 0s, line-height 0.5s cubic-bezier(0.77, 0, 0.175, 1) 0s;
}
@media only screen and (max-width: 640px) {
  .contentArea .grid-img:after {
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
    padding: 0 0;
    top: auto;
    bottom: 0;
    height: 30px;
    opacity: 1;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 30px;
  }
}
.contentArea .grid-img--01 {
  /*background-image: url(/kuis/worldgate/assets/img/asia/list_img01.jpg);*/
}
.contentArea .grid-img--01:after {
  content: "ビーチサンダル";
}
.contentArea .grid-img--02 {
  /*background-image: url(/kuis/worldgate/assets/img/asia/list_img02.jpg);*/
}
.contentArea .grid-img--02:after {
  content: "ナシゴレン";
}
.contentArea .grid-img--03 {
  /*background-image: url(/kuis/worldgate/assets/img/asia/list_img03.jpg);*/
}
.contentArea .grid-img--03:after {
  content: "家族";
}
.contentArea .grid-img--04 {
  /*background-image: url(/kuis/worldgate/assets/img/asia/list_img04.jpg);*/
}
.contentArea .grid-img--04:after {
  content: "ガスパチョ";
}
.contentArea .grid-img--05 {
  /*background-image: url(/kuis/worldgate/assets/img/asia/list_img05.jpg);*/
}
.contentArea .grid-img--05:after {
  content: "エメラルド寺院";
}
.contentArea .grid-img--06 {
  /*background-image: url(/kuis/worldgate/assets/img/asia/list_img06.jpg);*/
}
.contentArea .grid-img--06:after {
  content: "左手";
}
.contentArea .grid-img--07 {
  /*background-image: url(/kuis/worldgate/assets/img/asia/list_img07.jpg);*/
}
.contentArea .grid-img--07:after {
  content: "アオザイ";
}
.contentArea .grid-img--08 {
  /*background-image: url(/kuis/worldgate/assets/img/asia/list_img08.jpg);*/
}
.contentArea .grid-img--08:after {
  content: "サンティアゴ巡礼路";
}
.contentArea .grid-img--09 {
  /*background-image: url(/kuis/worldgate/assets/img/asia/list_img09.jpg);*/
}
.contentArea .grid-img--09:after {
  content: "ニンニク";
}
.contentArea .grid-img--10 {
  /*background-image: url(/kuis/worldgate/assets/img/asia/list_img10.jpg);*/
}
.contentArea .grid-img--10:after {
  content: "リオデジャネイロ";
}
.contentArea .grid-img--11 {
  /*background-image: url(/kuis/worldgate/assets/img/asia/list_img11.jpg);*/
}
.contentArea .grid-img--11:after {
  content: "ハロン湾";
}
.contentArea .grid-img--12 {
  /*background-image: url(/kuis/worldgate/assets/img/asia/list_img12.jpg);*/
}
.contentArea .grid-img--12:after {
  content: "シェラスコ";
}
.contentArea .grid-img--13 {
  /*background-image: url(/kuis/worldgate/assets/img/asia/list_img13.jpg);*/
}
.contentArea .grid-img--13:after {
  content: "ソムタム";
}
.contentArea .grid-img--14 {
  /*background-image: url(/kuis/worldgate/assets/img/asia/list_img14.jpg);*/
}
.contentArea .grid-img--14:after {
  content: "マテ茶";
}
.contentArea .grid-img--15 {
  /*background-image: url(/kuis/worldgate/assets/img/asia/list_img15.jpg);*/
}
.contentArea .grid-img--15:after {
  content: "時間";
}
.contentArea .grid-img--16 {
  /*background-image: url(/kuis/worldgate/assets/img/asia/list_img16.jpg);*/
}
.contentArea .grid-img--16:after {
  content: "ギター音楽";
}
.contentArea .grid-img--17 {
  /*background-image: url(/kuis/worldgate/assets/img/asia/list_img17.jpg);*/
}
.contentArea .grid-img--17:after {
  content: "ヒンドゥー教";
}
.contentArea .grid-img--18 {
  /*background-image: url(/kuis/worldgate/assets/img/asia/list_img18.jpg);*/
}
.contentArea .grid-img--18:after {
  content: "ユーモア";
}
.contentArea .grid-img--19 {
  /*background-image: url(/kuis/worldgate/assets/img/asia/list_img19.jpg);*/
}
.contentArea .grid-img--19:after {
  content: "ハモンセラーノ";
}
.contentArea .grid-img--20 {
  /*background-image: url(/kuis/worldgate/assets/img/asia/list_img20.jpg);*/
}
.contentArea .grid-img--20:after {
  content: "バティック";
}
.contentArea .grid-img--21 {
  /*background-image: url(/kuis/worldgate/assets/img/asia/list_img21.jpg);*/
}
.contentArea .grid-img--21:after {
  content: "クバヤ";
}
.contentArea .grid-img--22 {
  /*background-image: url(/kuis/worldgate/assets/img/asia/list_img22.jpg);*/
}
.contentArea .grid-img--22:after {
  content: "ホイアン";
}
.contentArea .grid-img--23 {
  /*background-image: url(/kuis/worldgate/assets/img/asia/list_img23.jpg);*/
}
.contentArea .grid-img--23:after {
  content: "サルサ";
}
.contentArea .grid-img--24 {
  /*background-image: url(/kuis/worldgate/assets/img/asia/list_img24.jpg);*/
}
.contentArea .grid-img--24:after {
  content: "アサード";
}
.contentArea .grid-img--25 {
  /*background-image: url(/kuis/worldgate/assets/img/asia/list_img25.jpg);*/
}
.contentArea .grid-img--25:after {
  content: "アルハンブラ宮殿";
}
.contentArea .grid-img--26 {
  /*background-image: url(/kuis/worldgate/assets/img/asia/list_img26.jpg);*/
}
.contentArea .grid-img--26:after {
  content: "棚田";
}
.contentArea .grid-img--27 {
  /*background-image: url(/kuis/worldgate/assets/img/asia/list_img27.jpg);*/
}
.contentArea .grid-img--27:after {
  content: "トウモロコシ";
}
.contentArea .grid-img--28 {
  /*background-image: url(/kuis/worldgate/assets/img/asia/list_img28.jpg);*/
}
.contentArea .grid-img--28:after {
  content: "ボロブドゥール";
}
.contentArea .grid-img--29 {
  /*background-image: url(/kuis/worldgate/assets/img/asia/list_img29.jpg);*/
}
.contentArea .grid-img--29:after {
  content: "イグアスの滝";
}
.contentArea .grid-img--30 {
  /*background-image: url(/kuis/worldgate/assets/img/asia/list_img30.jpg);*/
}
.contentArea .grid-img--30:after {
  content: "ブラジリア";
}
.contentArea .grid-img--31 {
  /*background-image: url(/kuis/worldgate/assets/img/asia/list_img31.jpg);*/
}
.contentArea .grid-img--31:after {
  content: "フィエスタ";
}
.contentArea .grid-img--32 {
  /*background-image: url(/kuis/worldgate/assets/img/asia/list_img32.jpg);*/
}
.contentArea .grid-img--32:after {
  content: "フエ料理";
}
.contentArea .grid-img--33 {
  /*background-image: url(/kuis/worldgate/assets/img/asia/list_img33.jpg);*/
}
.contentArea .grid-img--33:after {
  content: "シエスタ";
}
.contentArea .grid-img--34 {
  /*background-image: url(/kuis/worldgate/assets/img/asia/list_img34.jpg);*/
}
.contentArea .grid-img--34:after {
  content: "ボサノバ";
}
.contentArea .grid-img--35 {
  /*background-image: url(/kuis/worldgate/assets/img/asia/list_img35.jpg);*/
}
.contentArea .grid-img--35:after {
  content: "ラオス料理";
}
.contentArea .grid-img--36 {
  /*background-image: url(/kuis/worldgate/assets/img/asia/list_img36.jpg);*/
}
.contentArea .grid-img--36:after {
  content: "結婚式";
}
.contentArea .grid-img--37 {
  /*background-image: url(/kuis/worldgate/assets/img/asia/list_img37.jpg);*/
}
.contentArea .grid-img--37:after {
  content: "トムカーガイ";
}
.contentArea .grid-img--38 {
  /*background-image: url(/kuis/worldgate/assets/img/asia/list_img38.jpg);*/
}
.contentArea .grid-img--38:after {
  content: "頭";
}
.contentArea .grid-img--39 {
  /*background-image: url(/kuis/worldgate/assets/img/asia/list_img39.jpg);*/
}
.contentArea .grid-img--39:after {
  content: "旅は道連れ";
}
.contentArea .grid-img--40 {
  /*background-image: url(/kuis/worldgate/assets/img/asia/list_img40.jpg);*/
}
.contentArea .grid-img--40:after {
  content: "ダンバウ";
}
.contentArea .grid-img--41 {
  /*background-image: url(/kuis/worldgate/assets/img/asia/list_img41.jpg);*/
}
.contentArea .grid-img--41:after {
  content: "チン";
}
.contentArea .grid-img--42 {
  /*background-image: url(/kuis/worldgate/assets/img/asia/list_img42.jpg);*/
}
.contentArea .grid-img--42:after {
  content: "カカオジュース";
}
.contentArea .grid-img--43 {
  /*background-image: url(/kuis/worldgate/assets/img/asia/list_img43.jpg);*/
}
.contentArea .grid-img--43:after {
  content: "ルンダン";
}
.contentArea .grid-img--44 {
  /*background-image: url(/kuis/worldgate/assets/img/asia/list_img44.jpg);*/
}
.contentArea .grid-img--44:after {
  content: "ポソーレ";
}
.contentArea .grid-img--45 {
  /*background-image: url(/kuis/worldgate/assets/img/asia/list_img45.jpg);*/
}
.contentArea .grid-img--45:after {
  content: "助け合い";
}
.contentArea .grid-img--46 {
  /*background-image: url(/kuis/worldgate/assets/img/asia/list_img46.jpg);*/
}
.contentArea .grid-img--46:after {
  content: "オウロ?プレット";
}
.contentArea .grid-img--47 {
  /*background-image: url(/kuis/worldgate/assets/img/asia/list_img47.jpg);*/
}
.contentArea .grid-img--47:after {
  content: "バインチュン";
}
.contentArea .grid-img--48 {
  /*background-image: url(/kuis/worldgate/assets/img/asia/list_img48.jpg);*/
}
.contentArea .grid-img--48:after {
  content: "ラワール";
}
.contentArea .list {
  display: none;
  position: relative;
  margin: 0 auto;
  padding: 0 10px;
  width: 100%;
  max-width: 1020px;
  color: #000;
}
.contentArea .list-box {
  overflow: hidden;
}
.contentArea .list-column {
  display: none;
  float: left;
  display: inline-block;
  margin: 0 1% 0 1%;
  border-bottom: 1px solid #efefef;
  padding: 30px 0 20px;
  width: 31.3%;
  overflow: hidden;
}
@media only screen and (max-width: 640px) {
  .contentArea .list-column {
    padding: 20px 0 15px;
    width: 98%;
  }
}
.contentArea .list-column.cat1_1 .cat1 {
  background: #f8527a;
}
.contentArea .list-column.cat1_2 .cat1 {
  background: #15acae;
}
.contentArea .list-column.no_cre {
  display: none;
}
.contentArea .list-column p {
  cursor: pointer;
}
.contentArea .list-column p:hover {
  opacity: .6;
}
.contentArea .list-column .cat1 {
  float: left;
  padding: 8px 10px;
  font-size: 12px;
  font-size: 1.2rem;
  color: #fff;
}
.contentArea .list-column .cat2 {
  float: left;
  padding: 8px 10px;
  font-size: 12px;
  font-size: 1.2rem;
  color: #fff;
  background: #000;
}
.contentArea .list-column .name {
  float: left;
  clear: both;
  margin: 15px 0 0;
  font-size: 16px;
  font-size: 1.6rem;
}
@media only screen and (max-width: 640px) {
  .contentArea .list-column .name {
    margin: 10px 0 0;
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.contentArea .list-column .name:before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 16px;
  margin: 0 7px 0 2px;
  background: url(/kuis/worldgate/assets/img/asia/arr.png) center no-repeat;
  background-size: contain;
}
.contentArea .message__box {
  margin: 0 auto;
  width: 100%;
  max-width: 1032px;
  overflow: hidden;
}
@media only screen and (max-width: 1031px) {
  .contentArea .message__box {
    max-width: 774px;
  }
}
@media only screen and (max-width: 773px) {
  .contentArea .message__box {
    max-width: 516px;
  }
}
@media only screen and (max-width: 640px) {
  .contentArea .message__box {
    max-width: 314px;
  }
}
.contentArea .message__list--sizer, .contentArea .message__list {
  display: block;
  float: left;
  padding: 6px;
  width: 25%;
  width: 258px;
  height: 258px;
}
@media only screen and (max-width: 640px) {
  .contentArea .message__list--sizer, .contentArea .message__list {
    width: 157px;
    height: 157px;
  }
}
.contentArea .message__list--sizer.cat1 .messageContent, .contentArea .message__list.cat1 .messageContent {
  background: #f8527a;
}
.contentArea .message__list--sizer.cat2 .messageContent, .contentArea .message__list.cat2 .messageContent {
  background: #15acae;
}
.contentArea .message__list--sizer--modalBg, .contentArea .message__list--modalBg {
  display: none;
  width: 100%;
  height: 650px;
}
.contentArea .message__list--sizer .messageContent, .contentArea .message__list .messageContent {
  position: relative;
  padding: 40px 20px 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
@media only screen and (max-width: 640px) {
  .contentArea .message__list--sizer .messageContent, .contentArea .message__list .messageContent {
    padding: 20px 10px 0;
  }
}
.contentArea .message__list--sizer .messageContent:before, .contentArea .message__list .messageContent:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 10px solid rgba(255, 255, 255, 0.5);
  box-sizing: border-box;
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8);
  opacity: 0;
  transition: -webkit-transform 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s, opacity 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
  transition: transform 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s, opacity 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
}
.contentArea .message__list--sizer .messageContent:hover:before, .contentArea .message__list .messageContent:hover:before {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  opacity: 1;
  transition: -webkit-transform 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s, opacity 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
  transition: transform 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s, opacity 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
}
.contentArea .message__list--sizer .messageContent:after, .contentArea .message__list .messageContent:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-top: 10px solid rgba(255, 255, 255, 0.5);
  border-bottom: 10px solid rgba(255, 255, 255, 0.5);
  box-sizing: border-box;
}
.contentArea .message__list--sizer .messageContent .ill, .contentArea .message__list .messageContent .ill {
  position: absolute;
}
.contentArea .message__list--sizer .messageContent .ill_1, .contentArea .message__list .messageContent .ill_1 {
  right: 12px;
  bottom: 20px;
  width: 92px;
}
.contentArea .message__list--sizer .messageContent .ill_2, .contentArea .message__list .messageContent .ill_2 {
  right: 20px;
  bottom: 20px;
  width: 87px;
}
.contentArea .message__list--sizer .messageContent .ill_3, .contentArea .message__list .messageContent .ill_3 {
  right: 16px;
  bottom: 35px;
  width: 96px;
}
.contentArea .message__list--sizer .messageContent .ill_4, .contentArea .message__list .messageContent .ill_4 {
  right: 10px;
  bottom: 50px;
  width: 86px;
}
.contentArea .message__list--sizer .messageContent .ill_5, .contentArea .message__list .messageContent .ill_5 {
  right: 11px;
  bottom: 10px;
  width: 71px;
}
.contentArea .message__list--sizer .messageContent .ill_6, .contentArea .message__list .messageContent .ill_6 {
  right: 10px;
  bottom: 10px;
  width: 48px;
}
.contentArea .message__list--sizer .messageContent .ill_7, .contentArea .message__list .messageContent .ill_7 {
  right: 10px;
  bottom: 10px;
  width: 62px;
}
.contentArea .message__list--sizer .messageContent .ill_8, .contentArea .message__list .messageContent .ill_8 {
  right: 7px;
  bottom: 9px;
  width: 105px;
}
.contentArea .message__list--sizer .messageContent .ill_9, .contentArea .message__list .messageContent .ill_9 {
  right: 14px;
  bottom: 55px;
  width: 43px;
}
@media only screen and (max-width: 640px) {
  .contentArea .message__list--sizer .messageContent .ill_1, .contentArea .message__list .messageContent .ill_1 {
    width: 45px;
    bottom: 25px;
  }
  .contentArea .message__list--sizer .messageContent .ill_2, .contentArea .message__list .messageContent .ill_2 {
    width: 57px;
    bottom: 42px;
  }
  .contentArea .message__list--sizer .messageContent .ill_3, .contentArea .message__list .messageContent .ill_3 {
    width: 50px;
    right: 10px;
  }
  .contentArea .message__list--sizer .messageContent .ill_4, .contentArea .message__list .messageContent .ill_4 {
    width: 45px;
    right: 10px;
  }
  .contentArea .message__list--sizer .messageContent .ill_5, .contentArea .message__list .messageContent .ill_5 {
    width: 38px;
    right: 4px;
  }
  .contentArea .message__list--sizer .messageContent .ill_6, .contentArea .message__list .messageContent .ill_6 {
    width: 32px;
    right: 11px;
    bottom: 24px;
  }
  .contentArea .message__list--sizer .messageContent .ill_7, .contentArea .message__list .messageContent .ill_7 {
    width: 37px;
    bottom: 9px;
  }
  .contentArea .message__list--sizer .messageContent .ill_8, .contentArea .message__list .messageContent .ill_8 {
    width: 55px;
    bottom: 29px;
  }
  .contentArea .message__list--sizer .messageContent .ill_9, .contentArea .message__list .messageContent .ill_9 {
    width: 20px;
    bottom: 45px;
  }
}
.contentArea .message__list--sizer .messageContent .title, .contentArea .message__list .messageContent .title {
  line-height: 1.2;
}
.contentArea .message__list--sizer .messageContent .title.fs18, .contentArea .message__list .messageContent .title.fs18 {
  font-size: 18px;
  font-size: 1.8rem;
}
@media only screen and (max-width: 640px) {
  .contentArea .message__list--sizer .messageContent .title.fs18, .contentArea .message__list .messageContent .title.fs18 {
    font-size: 11px;
    font-size: 1.1rem;
  }
}
.contentArea .message__list--sizer .messageContent .title.fs22, .contentArea .message__list .messageContent .title.fs22 {
  font-size: 22px;
  font-size: 2.2rem;
}
@media only screen and (max-width: 640px) {
  .contentArea .message__list--sizer .messageContent .title.fs22, .contentArea .message__list .messageContent .title.fs22 {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
.contentArea .message__list--sizer .messageContent .title.fs24, .contentArea .message__list .messageContent .title.fs24 {
  font-size: 24px;
  font-size: 2.4rem;
}
@media only screen and (max-width: 640px) {
  .contentArea .message__list--sizer .messageContent .title.fs24, .contentArea .message__list .messageContent .title.fs24 {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.contentArea .message__list--sizer .messageContent .title.fs26, .contentArea .message__list .messageContent .title.fs26 {
  font-size: 26px;
  font-size: 2.6rem;
}
@media only screen and (max-width: 640px) {
  .contentArea .message__list--sizer .messageContent .title.fs26, .contentArea .message__list .messageContent .title.fs26 {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.contentArea .message__list--sizer .messageContent .title.fs32, .contentArea .message__list .messageContent .title.fs32 {
  font-size: 32px;
  font-size: 3.2rem;
}
@media only screen and (max-width: 640px) {
  .contentArea .message__list--sizer .messageContent .title.fs32, .contentArea .message__list .messageContent .title.fs32 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.contentArea .message__list--sizer .messageContent .lang, .contentArea .message__list .messageContent .lang {
  position: absolute;
  left: 20px;
  bottom: 40px;
  font-size: 12px;
  font-size: 1.2rem;
}
@media only screen and (max-width: 640px) {
  .contentArea .message__list--sizer .messageContent .lang, .contentArea .message__list .messageContent .lang {
    left: 10px;
    bottom: 30px;
    font-size: 10px;
    font-size: 1rem;
  }
}
.contentArea .message__list--sizer .messageContent .teacher, .contentArea .message__list .messageContent .teacher {
  position: absolute;
  left: 20px;
  bottom: 20px;
  font-size: 14px;
  font-size: 1.4rem;
}
@media only screen and (max-width: 640px) {
  .contentArea .message__list--sizer .messageContent .teacher, .contentArea .message__list .messageContent .teacher {
    left: 10px;
    bottom: 15px;
    font-size: 11px;
    font-size: 1.1rem;
  }
}
.contentArea .messageModal {
  display: none;
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 600px;
  background: #6a6a6a;
}
.contentArea .messageModal__inner {
  position: relative;
  margin: 0 auto;
  padding: 60px 90px;
  width: 100%;
  max-width: 1160px;
  height: 100%;
}
.contentArea .messageModal__block {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.contentArea .messageModal__block__inner {
  position: absolute;
  left: 0;
  top: 0;
  width: 2200%;
  height: 100%;
}
.contentArea .messageModal__box {
  float: left;
  width: 4.54%;
}
.contentArea .messageModal__cre {
  position: absolute;
  left: 0;
  top: -5px;
  width: 10px;
  height: 10px;
  background: #6a6a6a;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  transition: left .3s ease 0s;
}
.contentArea .messageModal__cap {
  float: left;
  width: 25%;
  background: #fff;
}
.contentArea .messageModal__cap .thum {
  width: 100%;
}
.contentArea .messageModal__cap .text {
  padding: 15px;
  color: #000;
}
.contentArea .messageModal__cap .text__cl {
  display: inline-block;
  font-size: 13px;
  font-size: 1.3rem;
}
.contentArea .messageModal__cap .text__lang {
  display: inline-block;
  margin: 7px 0 0 0;
  font-size: 13px;
  font-size: 1.3rem;
}
.contentArea .messageModal__cap .text__name {
  display: inline-block;
  margin: 10px 0 0 0;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
}
.contentArea .messageModal__com {
  position: relative;
  float: left;
  padding: 0 0 0 40px;
  width: 75%;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.8;
}
.contentArea .messageModal__com .com2 {
  margin: 40px 0 0 0;
  width: 75%;
}
.contentArea .messageModal__com .ill {
  position: absolute;
}
.contentArea .messageModal__com .ill_1 {
  right: 20px;
  top: 115px;
  width: 141px;
}
.contentArea .messageModal__com .ill_2 {
  right: 0;
  top: 300px;
  width: 179px;
}
.contentArea .messageModal__com .ill_3 {
  right: 0;
  top: 260px;
  width: 180px;
}
.contentArea .messageModal__com .ill_4 {
  right: 0;
  top: 310px;
  width: 175px;
}
.contentArea .messageModal__com .ill_5 {
  right: 0;
  top: 290px;
  width: 141px;
}
.contentArea .messageModal__com .ill_6 {
  right: 20px;
  top: 230px;
  width: 106px;
}
.contentArea .messageModal__com .ill_7 {
  right: 0;
  top: 250px;
  width: 92px;
}
.contentArea .messageModal__com .ill_8 {
  right: 0;
  top: 300px;
  width: 175px;
}
.contentArea .messageModal__com .ill_9 {
  right: 30px;
  top: 280px;
  width: 97px;
}
.contentArea .messageModal__arr {
  position: absolute;
  top: 250px;
  width: 40px;
  height: 58px;
  cursor: pointer;
  transition: opacity .3s ease 0s;
}
.contentArea .messageModal__arr_l {
  left: 20px;
  background: url(/kuis/worldgate/assets/img/asia/mes_modal_arr1.png);
  background-size: contain;
}
.contentArea .messageModal__arr_r {
  right: 20px;
  background: url(/kuis/worldgate/assets/img/asia/mes_modal_arr2.png);
  background-size: contain;
}
.contentArea .messageModal__arr.no_cre {
  display: none;
}
.contentArea .messageModal__arr:hover {
  opacity: .6;
  transition: opacity .3s ease 0s;
}
.contentArea .messageModal__close {
  position: absolute;
  right: 30px;
  top: 30px;
  width: 24px;
  height: 24px;
  background: url(/kuis/worldgate/assets/img/asia/mes_modal_close.png);
  background-size: contain;
  cursor: pointer;
  transition: opacity .3s ease 0s;
}
.contentArea .messageModal__close:hover {
  opacity: .6;
  transition: opacity .3s ease 0s;
}

.img {
  position: absolute;
  left: 50%;
  margin: 0 0 0 -116px;
  height: 100%;
}
@media only screen and (max-width: 640px) {
  .img {
    margin: 0;
    left: 0;
    width: 100%;
    height: auto;
  }
}
@media only screen and (max-width: 360px) {
  .img {
    left: 50%;
    margin: 0 0 0 -76px;
    width: auto;
    height: 100%;
  }
}

.grid-item--width2 .img {
  position: relative;
  width: 100%;
  left: 0;
  margin: 0;
}
@media only screen and (max-width: 920px) {
  .grid-item--width2 .img {
    left: 50%;
    margin: 0 0 0 -240px;
    width: auto;
    height: 100%;
  }
}
@media only screen and (max-width: 640px) {
  .grid-item--width2 .img {
    margin: 0 0 0 -160px;
  }
}

@media only screen and (max-width: 385px) {
  .grid-item--height2 .img {
    width: auto;
    height: 100%;
  }
}

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

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

.spMessageModalArea {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #6a6a6a;
  z-index: 6000;
  color: #fff;
}
.spMessageModalArea__inner {
  position: relative;
  margin: 0 auto;
  padding: 20px 5% 0;
  width: 100%;
  overflow: hidden;
  box-sizing: border-box;
}
.spMessageModalArea__header .thum {
  display: inline-block;
  float: left;
  width: 45%;
}
.spMessageModalArea__header .text {
  float: left;
  padding: 0 0 0 5%;
}
.spMessageModalArea__header .text .lang {
  display: inline-block;
  margin: 20px 0 0;
  font-size: 10px;
  font-size: 1rem;
}
.spMessageModalArea__header .text .pos {
  display: inline-block;
  margin: 5px 0 0;
  font-size: 10px;
  font-size: 1rem;
}
.spMessageModalArea__header .text .name {
  display: inline-block;
  margin: 15px 0 0;
  font-size: 14px;
  font-size: 1.4rem;
}
.spMessageModalArea__contents .text1 {
  display: inline-block;
  margin: 20px 0 0;
  clear: both;
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 1.8;
}
.spMessageModalArea__contents .text2 {
  display: inline-block;
  margin: 20px 0 0;
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 1.8;
}
.spMessageModalArea__contents .ill {
  display: block;
  margin: 20px auto 0;
  width: 50%;
}

.modalText {
  display: none;
}

.modalArea {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  z-index: 6000;
  color: #fff;
}
.modalArea__inner {
  position: relative;
  margin: 0 auto;
  padding: 100px 0 0;
  width: 1020px;
  overflow: hidden;
}
@media only screen and (max-width: 640px) {
  .modalArea__inner {
    padding: 20px 0 0;
    width: 100%;
  }
}
.modalArea__img {
  display: inline-block;
  float: left;
  width: 246px;
}
@media only screen and (max-width: 640px) {
  .modalArea__img {
    display: block;
    margin: 0 auto;
    width: 150px;
    float: none;
  }
}
.modalArea__img.w2 {
  width: 492px;
}
@media only screen and (max-width: 640px) {
  .modalArea__img.w2 {
    width: 300px;
  }
}
.modalArea__textBox {
  float: left;
  padding: 0 0 0 40px;
  width: 580px;
  box-sizing: border-box;
}
@media only screen and (max-width: 640px) {
  .modalArea__textBox {
    padding: 20px 4%;
    width: 100%;
    float: none;
  }
}
.modalArea__textBox.w2 {
  width: 460px;
}
@media only screen and (max-width: 640px) {
  .modalArea__textBox.w2 {
    width: 100%;
  }
}
.modalArea__cat {
  font-size: 16px;
  font-size: 1.6rem;
}
@media only screen and (max-width: 640px) {
  .modalArea__cat {
    font-size: 11px;
    font-size: 1.1rem;
  }
}
.modalArea__title {
  margin: 15px 0 0;
  font-size: 30px;
  font-size: 3rem;
}
@media only screen and (max-width: 640px) {
  .modalArea__title {
    margin: 15px 0 0;
    font-size: 17px;
    font-size: 1.7rem;
  }
}
.modalArea__text {
  margin: 35px 0 0;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.7;
}
@media only screen and (max-width: 640px) {
  .modalArea__text {
    margin: 20px 0 0;
    font-size: 11px;
    font-size: 1.1rem;
  }
}
.modalArea__close {
  position: absolute;
  right: 0;
  top: 100px;
  cursor: pointer;
}
.modalArea__close:hover {
  opacity: .6;
}
@media only screen and (max-width: 640px) {
  .modalArea__close {
    display: none;
  }
}
.modalArea__closeSp {
  display: none;
}
@media only screen and (max-width: 640px) {
  .modalArea__closeSp {
    display: block;
    margin: 0 auto;
    border: 2px solid #fff;
    padding: 10px 0;
    width: 150px;
    height: 12px;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 12px;
    text-align: center;
  }
  .modalArea__closeSp:before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px 0 0;
    background: url(/kuis/worldgate/assets/img/asia/modal_close.png) center no-repeat;
    background-size: 12px, 12px;
  }
  .modalArea__closeSp--mes {
    margin: 25px auto 0;
    background: #404040;
  }
}

/*************************
  pc over
*************************/
.pageTopArea .pageTop {
  transition: .3s;
}

.pageTopArea .pageTop:hover {
  transition: .3s;
  opacity: .6;
}

/*************************
  response
*************************/
@media only screen and (max-width: 980px) {
  .spMovie__contents .movieLink1C .text {
    padding: 30px 38px;
  }
}
@media only screen and (max-width: 640px) {
  .mainArea__list__item__image .pc {
    display: none;
  }
  .mainArea__list__item__image .sp {
    display: block;
  }

  .mainArea__list__item__title {
    display: none;
  }

  .spMovie__title {
    padding: 25px 0;
  }
  .spMovie__title .title .be {
    width: 8px;
    height: 14px;
    background-size: contain;
  }
  .spMovie__title .title .subTitle {
    font-size: 10px;
  }
  .spMovie__title .title .num {
    font-size: 15px;
  }
  .spMovie__title .title .title {
    font-size: 15px;
    line-height: 16px;
  }

  .pageTopArea {
    display: none;
  }

  .requestArea__about {
    width: 80%;
  }
}