@charset "UTF-8";
.bannerscollection_zoominout.opportune .bottomNavButtonON {
  padding-left: 0px;
  background: #004DA1 !important;
  border-radius: 50%; }

.bannerscollection_zoominout.opportune .bottomNavButtonOFF {
  padding-left: 0px;
  background: #DCDCDD;
  border-radius: 50%;
  margin-right: 5px;
  margin-left: 5px; }

.bannerscollection_zoominout.opportune .bottomNav {
  padding-left: 0; }

.bottomNav {
  width: 66px !important;
  left: 3% !important;
  position: absolute;
  height: 12px !important;
  z-index: 999;
  bottom: 6% !important;
  top: auto !important; }

.mycanvas,
.play_pause {
  display: none; }

div.main-img-wrap {
  width: 100%;
  height: auto;
  position: relative; }

.main-img-wrap > p {
  background: url(../img/top/join-us.png) 100% 100% no-repeat;
  position: absolute;
  right: -1px;
  bottom: 0;
  z-index: 99; }

.main-img-wrap .bx-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  box-shadow: none;
  border: 0; }

.bannerscollection_zoominout p {
  line-height: 1.5;
  margin-top: -.5em;
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  margin: auto;
  text-shadow: 0 0 5px black;
  color: #ffffff;
  text-align: center;
  display: block; }

.bannerscollection_zoominout p.blue {
  color: #0068B5;
  text-shadow: none; }

.bx-wrapper img {
  width: 100%;
  display: block;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto; }

div.contact-banner {
  position: relative; }

div.cb-inner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto; }

/* about */
.about-wrap div.about-inner {
  margin: auto; }

.about-list li {
  position: relative; }

.about-list li dl {
  background-repeat: no-repeat !important; }

.about-list li:nth-child(1) dl {
  background-image: url(../img/top/about-icon-01.png); }

.about-list li:nth-child(2) dl {
  background-image: url(../img/top/about-icon-02.png); }

.about-list li:nth-child(3) dl {
  background-image: url(../img/top/about-icon-03.png); }

.about-list li a {
  background: #00B3DD;
  text-decoration: none;
  position: relative;
  display: block;
  overflow: hidden;
  box-sizing: border-box; }

.about-list li a:before {
  background-image: url(../img/common/arrow-white-right.png);
  background-repeat: no-repeat; }

.about-list li a span {
  color: #ffffff;
  position: absolute;
  display: block;
  top: 50%;
  right: -50%;
  left: -50%;
  margin: -2em auto auto;
  text-align: center; }

/* img-wrap */
div.img-wrap {
  background-repeat: no-repeat !important;
  position: relative; }

/* short */
.short-wrap h1 {
  color: #ffffff; }

.short-wrap div.img-wrap {
  background-image: url(../img/top/short-main-img.jpg); }

.short-wrap .h-wrap {
  background-image: url(../img/top/short-main-cap.png);
  background-repeat: no-repeat; }

.short-wrap .cb-inner:before {
  background-image: url(../img/top/short-hum-l.png); }

.short-wrap .cb-inner:after {
  background-image: url(../img/top/short-hum-r.png); }

.short-wrap .contact-banner a.arrow {
  width: 50%;
  max-width: 360px; }

/* long */
.long-wrap h1 {
  color: #ffffff; }

.long-wrap div.img-wrap {
  background-image: url(../img/top/long-main-img.jpg); }

.long-wrap .h-wrap {
  color: #ffffff;
  background-image: url(../img/top/long-main-cap.png);
  background-repeat: no-repeat; }

/* feature */
.feature-wrap h1 {
  text-align: center;
  color: #004F89;
  background: rgba(255, 255, 255, 0.9);
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: auto; }

.feature-wrap div.img-wrap {
  background-image: url(../img/top/feature-main-img.jpg); }

/* training */
.training-wrap h1 {
  text-align: center;
  color: #004F89;
  background: rgba(255, 255, 255, 0.9);
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: auto; }

.training-wrap div.img-wrap {
  background-image: url(../img/top/training-main-img.jpg); }

.training-wrap .cb-inner:before {
  background-image: url(../img/top/training-hum-l.png); }

.training-wrap .cb-inner:after {
  background-image: url(../img/top/training-hum-r.png); }

/* askme */
.askme-wrap h1 {
  color: #00B3DD;
  position: absolute; }

.askme-wrap div.img-wrap {
  background-image: url(../img/top/askme-main-img.png);
  background-color: #EEEFEF; }

.askme-wrap .img-wrap span {
  color: #ffffff;
  background-image: url(../img/top/askme-logo.png);
  background-repeat: no-repeat;
  position: absolute; }

.askme-list li a {
  display: block;
  text-decoration: none; }

.askme-list li span.vnm {
  background-image: url(../img/top/ask-country-01.png); }

.askme-list li span.rus {
  background-image: url(../img/top/ask-country-02.png); }

.askme-list li span.esp {
  background-image: url(../img/top/ask-country-03.png); }

.askme-list li span.vnm2 {
  background-image: url(../img/top/ask-country-04.png); }

.askme-list li span.rus2 {
  background-image: url(../img/top/ask-country-05.png); }

.askme-list li span.esp2 {
  background-image: url(../img/top/ask-country-06.png); }

.askme-wrap div.faq-banner {
  background-image: url(../img/top/faq-banner.jpg);
  background-position: 50% 50%;
  position: relative;
  background-size: contain;
  background-repeat: no-repeat;
  margin: auto; }

.faq-banner a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  display: block;
  background-image: url(../img/common/arrow-blue-right.png);
  background-repeat: no-repeat; }

.faq-banner p {
  position: absolute;
  display: block;
  background-image: url(../img/top/faq-text.png);
  background-position: 50% 0;
  background-size: contain;
  background-repeat: no-repeat; }

/* map */
#map {
  position: relative; }

#map:before {
  content: "";
  display: block; }

#map > div {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto; }

/* waiting */
div.waiting-wrap {
  position: relative;
  background-image: url(../img/top/waiting-main-img.jpg);
  background-position: 50% 100%;
  background-size: contain;
  background-repeat: no-repeat; }

.waiting-wrap:before {
  content: "";
  display: block; }

.waiting-wrap p {
  color: #005491;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto; }

.waiting-wrap p:before {
  content: "";
  position: absolute;
  display: block;
  background-image: url(../img/top/waiting-cap-l.png);
  background-repeat: no-repeat;
  background-size: auto 100%; }

.waiting-wrap p:after {
  content: "";
  position: absolute;
  display: block;
  background-image: url(../img/top/waiting-cap-r.png);
  background-repeat: no-repeat;
  background-size: auto 100%; }

/*
@media screen and (max-width:321px){
	.waiting-wrap p {
		font-size: 1.2rem;
	}
}
*/
/*
@media screen and (min-width: 322px) and (max-width: 600px) {
	.waiting-wrap p {
		font-size: 1.3rem;
	}
}
@media screen and (min-width: 601px) and (max-width: 1289px) {
	.waiting-wrap p {
		font-size: 28px;
	}
}
@media screen and (min-width: 1290px) {
	.waiting-wrap p {
		font-size: 34px;
	}
}
*/
/**==============================================**/
/**==============================================**/
/*
/*
/*			SP
/*
/*
/**==============================================**/
/**==============================================**/
@media screen and (max-width: 599px) {
  div.main-img-wrap {
    position: relative;
    overflow: hidden;
    opacity: 0; }

  .bannerscollection_zoominout p {
    line-height: 1.5;
    margin-top: -3.5em;
    font-size: 1.4rem;
    font-weight: bold; }

  .bannerscollection_zoominout p.blue {
    margin-top: -4em;
    text-shadow: 0 0 5px #bcbcbc; }

  .main-img-wrap > p {
    width: 69%;
    padding: 9% 0;
    background-size: 100% auto; }

  /* sp about */
  div.about-wrap {
    margin-top: 5%; }

  .about-wrap div.about-inner div.fb {
    width: 92%;
    height: 70vh;
    margin: 0 auto 15%;
    overflow: hidden; }

  .about-list li {
    height: auto !important; }

  .about-list li:last-child {
    min-height: 170px; }

  .about-list li a {
    width: 73.7%;
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    margin: -16% auto auto; }

  .about-list li a:before {
    content: "";
    padding-top: 40%;
    display: block;
    background-position: 50% 77%; }

  .about-list li a span {
    font-size: 14px;
    letter-spacing: .2rem;
    text-indent: .2rem; }

  .about-list li dl {
    width: 90%;
    padding-top: 35%;
    background-size: 42% auto;
    margin: 0 auto 7%; }

  .about-list li:nth-child(1) dl {
    background-position: 50% 3%;
    margin-bottom: 0; }

  .about-list li:nth-child(2) dl {
    background-position: 50% 15%; }

  .about-list li:nth-child(3) dl {
    background-position: 50% 10%; }

  .about-list dl dt {
    margin-bottom: 2%;
    font-weight: bold;
    text-align: center;
    font-size: 1.6rem; }

  .about-list dl dd {
    font-size: 1.3rem;
    line-height: 1.5; }

  /* sp about以下 共通 */
  .img-wrap:before {
    content: "";
    display: block;
    padding-top: 62.5%; }

  .img-wrap {
    position: absolute; }

  div.h-wrap {
    position: absolute; }

  .h-wrap h1 {
    font-weight: normal;
    font-size: 2.5rem; }

  .h-wrap h1 span {
    font-size: 1.7rem; }

  ul.period-list {
    display: table;
    table-layout: fixed;
    width: 96%;
    margin: auto; }

  .period-list li {
    display: table-cell;
    width: 33.3%; }

  .period-list li dl dt {
    padding: 26% 0;
    display: block;
    background-repeat: no-repeat;
    background-position: 50% 50%; }

  .period-list li dl dd {
    text-align: center;
    font-weight: bold;
    font-size: 1.4rem; }

  div.contact-banner {
    text-align: center;
    font-size: 1.4rem;
    width: 90%;
    margin: 0 auto 7%;
    line-height: 1.6;
    background: #7DCDF3;
    border-radius: 3px;
    color: #ffffff;
    font-weight: bold; }

  .contact-banner div.cb-inner {
    padding: 0 0 5%;
    position: relative; }

  .contact-banner p,
  .contact-banner a {
    position: relative;
    z-index: 9;
    margin: auto; }

  .contact-banner p {
    padding: 10% 0 7%; }

  .contact-banner a {
    background-color: #ffffff;
    line-height: 1.3;
    padding: 2% 10%; }

  .cb-inner:before,
  .cb-inner:after {
    content: "";
    position: absolute; }

  ul.link-list {
    width: 90%;
    margin: 5% auto 0; }

  .link-list li img {
    width: 100%;
    height: auto; }

  .link-list li p {
    text-align: center;
    font-size: 1.5rem;
    line-height: 1.6;
    font-weight: bold;
    margin-top: 5%; }

  .link-list li a {
    margin: 6% auto 10%; }

  /* sp short */
  .short-wrap div.img-wrap {
    background-size: auto 120%;
    background-position: 54% 100%; }

  .short-wrap .h-wrap {
    width: 70%;
    height: 60%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background-size: 100% auto; }

  .short-wrap .h-wrap h1 {
    position: absolute;
    bottom: 0;
    left: 0; }

  .short-list li dl dt {
    background-size: auto 60%; }

  .short-list li:nth-child(1) dl dt {
    background-image: url(../img/top/short-month-01.png); }

  .short-list li:nth-child(2) {
    width: 33.4%; }

  .short-list li:nth-child(2) dl dt {
    background-image: url(../img/top/short-month-02.png); }

  .short-list li:nth-child(3) dl dt {
    background-image: url(../img/top/short-month-03.png); }

  .short-wrap > p {
    text-align: center;
    font-size: 1.6rem;
    width: 94%;
    margin: 7% auto 0;
    line-height: 1.7; }

  .short-wrap .cb-inner:before {
    left: 0;
    bottom: 0;
    width: 35%;
    height: 100%;
    display: block;
    background-position: 50% 100%;
    background-repeat: no-repeat;
    background-size: auto 100%; }

  .short-wrap .cb-inner:after {
    right: 0;
    bottom: 0;
    width: 40%;
    height: 100%;
    display: block;
    background-position: 50% 100%;
    background-repeat: no-repeat;
    background-size: auto 100%; }

  /* sp long */
  .long-wrap div.img-wrap {
    background-size: auto 120%;
    background-position: 8% 100%; }

  .long-wrap .h-wrap {
    width: 70%;
    height: 60%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background-size: 79.4% auto;
    background-position: 100% 0 !important; }

  .long-wrap .h-wrap h1 {
    position: absolute;
    bottom: 0;
    right: 0; }

  .long-list li {
    width: 48%;
    float: left; }

  .long-list li:nth-child(even) {
    float: right; }

  .long-list li dl dt {
    background-size: auto 60%; }

  .long-list li:nth-child(1) dl dt {
    background-image: url(../img/top/long-year-1_3.png); }

  .long-list li:nth-child(2) dl dt {
    background-image: url(../img/top/long-year-1_6.png); }

  /*
  	.long-list li:nth-child(3) {
  		width: 33.4%;
  	}
  */
  .long-list li:nth-child(3) dl dt {
    background-image: url(../img/top/long-year-1_9.png); }

  .long-list li:nth-child(4) dl dt {
    background-image: url(../img/top/long-year-2_0.png); }

  .long-wrap > p {
    text-align: center;
    font-size: 1.6rem;
    width: 94%;
    margin: 7% auto 0;
    line-height: 1.7; }

  /* sp feature */
  .feature-wrap div.img-wrap {
    background-size: 120% 100%;
    background-position: 45% 0; }

  .feature-wrap h1 {
    width: 90%;
    line-height: 2.4;
    margin-top: -1.2em;
    letter-spacing: .2em;
    text-indent: .2em; }

  /* sp training */
  .training-wrap div.img-wrap {
    background-size: auto 100%;
    background-position: 50% 0; }

  .training-wrap h1 {
    width: 86%;
    line-height: 2.4;
    margin-top: -1.2em; }

  .training-wrap .cb-inner:before {
    left: 0;
    bottom: 0;
    width: 40%;
    height: 100%;
    display: block;
    background-position: 50% 100%;
    background-repeat: no-repeat;
    background-size: auto 100%; }

  .training-wrap .cb-inner:after {
    right: 0;
    bottom: 0;
    width: 40%;
    height: 100%;
    display: block;
    background-position: 50% 100%;
    background-repeat: no-repeat;
    background-size: auto 100%; }

  /* sp askme */
  div.askme-wrap {
    padding-bottom: 7%; }

  .askme-wrap div.img-wrap {
    background-size: 100% auto;
    background-position: 50% 100%;
    background-repeat: no-repeat; }

  .askme-wrap .img-wrap:before {
    padding-top: 58.3%; }

  .askme-wrap h1 {
    font-size: 1.6rem;
    top: 5%;
    left: 5%;
    line-height: 1.8; }

  .askme-wrap .img-wrap span {
    width: 62.9%;
    height: 20%;
    top: 36.4%;
    right: 5%;
    background-size: contain; }

  .askme-wrap > span {
    text-align: center;
    margin: 1% auto;
    font-size: 1.2rem;
    display: block; }

  .askme-wrap > p {
    text-align: center;
    font-size: 1.4rem;
    line-height: 1.6;
    font-weight: bold;
    margin: 5% auto;
    width: 96%; }

  .askme-wrap ul.askme-list {
    width: 90%;
    margin: 0 auto; }

  .askme-list li {
    float: left;
    width: 50%;
    display: block;
    margin-bottom: 10%; }

  .askme-list li img {
    width: 66%;
    height: auto;
    margin: 0 auto 5%;
    display: block; }

  .askme-list li dl {
    text-align: center;
    display: block; }

  .askme-list li dt {
    font-size: 1.3rem;
    line-height: 1.4;
    margin: 0 auto 3%; }

  .askme-list li span {
    padding: 12%;
    margin: 0 auto 2%;
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: 19.5% auto;
    display: block; }

  .askme-list li p {
    display: none; }

  .askme-list li dd {
    font-size: 1.3rem; }

  .askme-wrap div.faq-banner {
    width: 90%; }

  .faq-banner:before {
    content: "";
    display: block;
    padding-top: 18.8%; }

  .faq-banner a {
    background-size: auto 1.4em;
    background-position: 74.7% 92%; }

  .faq-banner p {
    width: 22%;
    height: 57%;
    top: 10%;
    right: 14.8%; }

  /* sp map */
  #map:before {
    padding-top: 68.8%; }

  div.map-cap {
    width: 90%;
    max-width: 1032px;
    margin: 3% auto 10%;
    line-height: 1.6;
    font-size: 1.4rem; }

  .map-cap > a {
    float: right;
    min-width: 10em; }

  .map-cap a img {
    width: 1.4em;
    height: 1.4em;
    float: left;
    margin-right: .5em; }

  .map-cap p.add {
    float: left;
    margin-top: 3%; }

  /* sp waiting */
  .waiting-wrap:before {
    padding-top: 41.7%; }

  .waiting-wrap p {
    /*		font-size: 1.4rem;*/
    line-height: 1.8;
    width: 80%; }

  .waiting-wrap p:before {
    height: 100%;
    width: 6%;
    left: -6%;
    top: 0; }

  .waiting-wrap p:after {
    height: 100%;
    width: 6%;
    right: -6%;
    top: 0; } }
@media screen and (min-width: 600px) and (max-width: 959px) {
  .short-wrap div.img-wrap {
    background-position: 54% 100% !important; }

  .long-list li {
    float: left !important;
    width: 48% !important; }

  .long-list li:nth-child(even) {
    float: right !important; }

  .long-list li:nth-child(-n+2) {
    margin-bottom: 30px; } }
/*
@media screen and (min-width: 960px) and (max-width: 1280px){}
*/
/**==============================================**/
/**==============================================**/
/*
/*
/*			PC
/*
/*
/**==============================================**/
/**==============================================**/
@media print, screen and (min-width: 600px) {
  div.content-wrap {
    padding: 0; }

  div.main-img-wrap {
    overflow: hidden; }

  /*
  	.main-img-wrap:before {
  		content:"";
  		display: block;
  		padding-top: 43.1%;
  	}
  */
  .bannerscollection_zoominout p {
    line-height: 1.5;
    margin-top: -1em;
    font-size: 25px;
    font-weight: normal; }

  .bannerscollection_zoominout p.blue {
    margin-top: -3em; }

  .main-img-wrap > p {
    width: 54%;
    background-size: 100% auto; }

  .main-img-wrap > p:after {
    content: "";
    display: block;
    padding-top: 32.1%; }

  div.img-wrap {
    min-height: 300px;
    background-size: 100% auto !important; }

  /* pc about */
  div.about-wrap {
    margin: 100px auto 100px; }

  .about-wrap div.about-inner {
    width: 88.9%;
    max-width: 1156px; }

  .about-inner div.fb {
    max-width: 366px;
    width: 31.6%;
    float: left; }

  .about-wrap ul.about-list {
    width: 65.7%;
    max-width: 760px;
    margin: auto;
    float: right; }

  .about-list li {
    width: 48.1%;
    float: left; }

  .about-list li:nth-child(even) {
    float: right; }

  .about-list li dl {
    width: 100%;
    padding-top: 49.2%;
    background-size: 55% auto;
    background-position: 50% 3%;
    margin: 0 auto 7%; }

  .about-list dl dt {
    margin-bottom: 20px;
    font-weight: bold;
    text-align: center;
    font-size: 18px; }

  .about-list dl dd {
    font-size: 15px;
    line-height: 1.8;
    padding: 0 5%; }

  .about-list li a {
    width: 73.7%;
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    margin: -36% auto auto;
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s; }

  .about-list li a:hover {
    background: #ffffff;
    border: 5px solid #00B3DD; }

  .about-list li a:before {
    content: "";
    padding-top: 100%;
    display: block;
    background-position: 50% 59%; }

  .about-list li a:hover:before {
    background-image: url(../img/common/arrow-blue-right.png); }

  .about-list li a span {
    font-size: 20px;
    letter-spacing: .2rem;
    text-indent: .2rem; }

  .about-list li a:hover span {
    color: #00b3dd; }

  /* pc about以下 共通 */
  .img-wrap:before {
    content: "";
    display: block;
    padding-top: 23.1%; }

  .img-wrap {
    position: absolute; }

  div.h-wrap {
    position: absolute; }

  .h-wrap h1 {
    font-weight: normal;
    font-size: 37px; }

  .h-wrap h1 span {
    font-size: 25px; }

  ul.period-list {
    display: table;
    table-layout: fixed;
    width: 96%;
    margin: 90px auto 0;
    max-width: 1106px; }

  .period-list li {
    display: table-cell;
    width: 33.3%; }

  .period-list li dl dt {
    height: 115px;
    display: block;
    background-repeat: no-repeat;
    background-position: 58% 50%;
    margin-bottom: 40px; }

  .period-list li dl dd {
    text-align: center;
    font-weight: bold;
    font-size: 40px; }

  div.contact-banner {
    text-align: center;
    width: 90%;
    max-width: 1106px;
    /*		height: 208px;*/
    margin: 0 auto 100px;
    line-height: 1.6;
    background: #7DCDF3;
    border-radius: 3px;
    color: #ffffff; }

  div.contact-banner:before {
    content: "";
    display: block;
    padding-top: 18.8%; }

  .contact-banner div.cb-inner {
    padding: 0;
    height: 100%; }

  .contact-banner p,
  .contact-banner a {
    position: relative;
    z-index: 9;
    margin: auto; }

  .contact-banner p {
    padding: 3% 0 2%;
    font-size: 23px; }

  .contact-banner a {
    background-color: #ffffff; }

  .cb-inner:before,
  .cb-inner:after {
    content: "";
    position: absolute; }

  ul.link-list {
    width: 90%;
    max-width: 1032px;
    margin: 80px auto 0; }

  .link-list li {
    width: 46%;
    float: left; }

  .link-list li:nth-child(even) {
    float: right; }

  .link-list li img {
    width: 100%;
    height: auto; }

  .link-list li p {
    text-align: center;
    font-size: 18px;
    line-height: 1.6;
    font-weight: bold;
    margin: 45px auto 55px; }

  .link-list li a {
    width: 58.1% !important; }

  /* pc short */
  .short-wrap {
    margin-bottom: 100px; }

  .short-wrap div.img-wrap {
    background-size: auto 100%; }

  .uaipad .short-wrap div.img-wrap,
  .uasp.uasp-l .short-wrap div.img-wrap {
    background-position: 54% 20% !important; }

  .short-wrap .h-wrap {
    width: 88.9%;
    height: 60%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background-size: 340px auto; }

  .short-wrap .h-wrap h1 {
    position: absolute;
    bottom: 0;
    left: 0; }

  .short-list li dl dt {
    background-size: auto 100%; }

  .short-list li:nth-child(1) dl dt {
    background-image: url(../img/top/short-month-01.png); }

  .short-list li:nth-child(2) {
    width: 33.4%; }

  .short-list li:nth-child(2) dl dt {
    background-image: url(../img/top/short-month-02.png); }

  .short-list li:nth-child(3) dl dt {
    background-image: url(../img/top/short-month-03.png); }

  .short-wrap > p {
    text-align: center;
    font-size: 25px;
    width: 94%;
    margin: 55px auto 0;
    line-height: 1.7; }

  .short-wrap .cb-inner:before {
    left: 0;
    bottom: 0;
    width: 25%;
    height: 130%;
    display: block;
    background-position: 50% 100%;
    background-repeat: no-repeat;
    background-size: auto 100%; }

  .short-wrap .cb-inner:after {
    right: 0;
    bottom: 0;
    width: 25%;
    height: 133%;
    display: block;
    background-position: 50% 100%;
    background-repeat: no-repeat;
    background-size: auto 100%; }

  /* pc long */
  .long-wrap {
    margin-bottom: 100px; }

  .long-wrap div.img-wrap {
    background-size: auto 100%;
    /*		background-position: fixed;*/
    /*		background-position: 8% 0;*/ }

  .uaipad .long-wrap div.img-wrap,
  .uasp.uasp-l .long-wrap div.img-wrap {
    background-position: 54% 20% !important; }

  .long-wrap .h-wrap {
    width: 88.9%;
    height: 60%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background-size: 270px auto;
    background-position: 100% 0 !important; }

  .long-wrap .h-wrap h1 {
    position: absolute;
    bottom: 0;
    right: 0; }

  .long-list li dl dt {
    background-size: auto 100%; }

  .long-list li:nth-child(1) dl dt {
    background-image: url(../img/top/long-year-1_3.png); }

  .long-list li:nth-child(2) dl dt {
    background-image: url(../img/top/long-year-1_6.png); }

  /*
  	.long-list li:nth-child(3) {
  		width: 33.4%;
  	}
  */
  .long-list li:nth-child(3) dl dt {
    background-image: url(../img/top/long-year-1_9.png); }

  .long-list li:nth-child(4) dl dt {
    background-image: url(../img/top/long-year-2_0.png); }

  .long-wrap > p {
    text-align: center;
    font-size: 25px;
    width: 94%;
    margin: 70px auto 0;
    line-height: 1.7; }

  /* pc feature */
  .feature-wrap {
    margin-bottom: 40px; }

  .feature-wrap div.img-wrap {
    background-size: 120% 100%;
    background-position: fixed;
    /*		background-position: 50% 45%;*/ }

  .uaipad .feature-wrap div.img-wrap,
  .uasp.uasp-l .feature-wrap div.img-wrap {
    background-position: 54% 50% !important; }

  .feature-wrap h1 {
    width: 33.5%;
    line-height: 2.2;
    margin-top: -1.2em;
    letter-spacing: .2em;
    text-indent: .2em; }

  /* pc training */
  .training-wrap {
    margin-bottom: 100px; }

  .training-wrap div.img-wrap {
    background-size: auto 100%;
    background-position: fixed;
    /*		background-position: 50% 25%;*/
    margin-bottom: 100px; }

  .uaipad .training-wrap div.img-wrap,
  .uasp.uasp-l .training-wrap div.img-wrap {
    background-position: 54% 40%; }

  .training-wrap h1 {
    width: 60.3%;
    line-height: 2.2;
    margin-top: -1.2em; }

  .training-wrap .contact-banner {
    margin-top: 70px; }

  .training-wrap .cb-inner:before {
    left: 0;
    bottom: 0;
    width: 25%;
    height: 133%;
    display: block;
    background-position: 50% 100%;
    background-repeat: no-repeat;
    background-size: auto 100%; }

  .training-wrap .cb-inner:after {
    right: 0;
    bottom: 0;
    width: 25%;
    height: 130%;
    display: block;
    background-position: 50% 100%;
    background-repeat: no-repeat;
    background-size: auto 100%; }

  .training-wrap .link-list li {
    float: none;
    margin-left: auto;
    margin-right: auto; }

  /* pc askme */
  div.askme-wrap {
    margin-bottom: 70px;
    position: relative; }

  .askme-wrap div.img-wrap {
    max-width: 1300px;
    height: 550px;
    margin: auto;
    background-size: 100% auto;
    background-position: 50% 100%;
    background-repeat: no-repeat; }

  .askme-wrap .img-wrap:before,
  .askme-wrap .img-wrap:after {
    content: "";
    display: block;
    background-color: #EEEFEF;
    position: absolute;
    top: 0;
    width: 100vw;
    height: 100%;
    padding-top: 0; }

  .askme-wrap .img-wrap:before {
    left: -100vw; }

  .askme-wrap .img-wrap:after {
    right: -100vw; }

  .askme-wrap h1 {
    font-size: 27px;
    top: 29%;
    right: 5.5%;
    line-height: 1.6;
    width: 490px; }

  .askme-wrap .img-wrap span.hide-text {
    width: 490px;
    height: 16.3%;
    top: 9%;
    right: 5.5%;
    background-size: contain; }

  .askme-wrap .img-wrap span.pc {
    text-align: center;
    margin: 1% auto;
    font-size: 15px;
    display: block;
    position: absolute;
    top: 44.5%;
    right: 6%;
    background: none;
    color: #221814; }

  .askme-wrap > p {
    text-align: center;
    font-size: 23px;
    line-height: 1.8;
    font-weight: bold;
    margin: 35px auto 55px;
    width: 96%; }

  .askme-wrap ul.askme-list {
    width: 91%;
    margin: 0 auto 20px;
    max-width: 1184px; }

  .askme-list li a:hover img,
  .askme-list li label:hover img {
    -webkit-animation: vertical .7s ease-in-out infinite alternate;
    -moz-animation: vertical .7s ease-in-out infinite alternate;
    -ms-animation: vertical .7s ease-in-out infinite alternate;
    -o-animation: vertical .7s ease-in-out infinite alternate;
    animation: vertical .7s ease-in-out infinite alternate; }

  .askme-list li a:hover {
    text-decoration: underline; }

  .askme-list li {
    float: left;
    width: 30.9%;
    display: block;
    margin: 0 1.18% 40px; }

  .askme-list li img {
    width: 39.3%;
    height: auto;
    margin: 0 auto 5%;
    display: block; }

  .askme-list li dl {
    text-align: center;
    display: block; }

  .askme-list li dt {
    font-size: 17px;
    line-height: 1.4;
    margin: 0 auto 6px; }

  .askme-list li span {
    padding: 5.6%;
    margin: 0 auto 2%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: auto 100%;
    display: block; }

  .askme-list li p {
    font-size: 15px;
    margin-top: 10px;
    line-height: 1.8;
    padding: 0 4%; }

  .askme-list li dd {
    font-size: 17px; }

  .askme-wrap div.faq-banner {
    width: 90%;
    max-width: 1106px; }

  .faq-banner:before {
    content: "";
    display: block;
    padding-top: 18.8%; }

  .faq-banner a {
    background-size: auto 2em;
    background-position: 74.7% 92%; }

  .faq-banner p {
    width: 18%;
    height: 57%;
    top: 14%;
    right: 16.8%; }

  /* pc map */
  #map:before {
    padding-top: 36.5%; }

  div.map-cap {
    width: 90%;
    max-width: 1032px;
    margin: 1% auto 8%;
    line-height: 1.6; }

  .map-cap a {
    float: right;
    min-width: 18em; }

  .map-cap a img {
    width: auto !important;
    height: 1.4em;
    display: inline-block;
    margin-right: 4%; }

  .map-cap p.add {
    float: left; }

  /* pc contact */
  .contact-wrap h1 {
    color: #004F89;
    font-size: 33px;
    letter-spacing: .2em;
    text-indent: .2em; }

  /* pc contact */
  .contact-wrap h1 {
    color: #004F89;
    font-size: 33px;
    letter-spacing: .2em;
    text-indent: .2em; }

  /* waiting */
  div.waiting-wrap {
    max-width: 1300px;
    margin: auto; }

  .waiting-wrap:before {
    padding-top: 34.6%; }

  .waiting-wrap p {
    /*		font-size: 34px;*/
    line-height: 1.8;
    width: 80%; }

  .waiting-wrap p:before {
    height: 130%;
    width: 8%;
    left: -8%;
    top: -15%;
    background-position: 50% 50%; }

  .waiting-wrap p:after {
    height: 130%;
    width: 8%;
    right: -8%;
    top: -15%;
    background-position: 50% 50%; } }
@-webkit-keyframes vertical {
  0% {
    transform: translateY(0px); }
  100% {
    transform: translateY(-5px); } }
@-moz-keyframes vertical {
  0% {
    transform: translateY(0px); }
  100% {
    transform: translateY(-5px); } }
@-ms-keyframes vertical {
  0% {
    transform: translateY(0px); }
  100% {
    transform: translateY(-5px); } }
@-o-keyframes vertical {
  0% {
    transform: translateY(0px); }
  100% {
    transform: translateY(-5px); } }
@keyframes vertical {
  0% {
    transform: translateY(0px); }
  100% {
    transform: translateY(-5px); } }

/*# sourceMappingURL=top.css.map */