@charset "UTF-8";
/*------------------------------------------------------------
	Default
------------------------------------------------------------*/

@font-face {
  font-family: 'SourceSansPro-Semibold';
  src: url('../../fonts/SourceSansPro-Semibold.eot');
  src: local('☺'), url('../../fonts/SourceSansPro-Semibold.woff2') format('woff2'), url('../../fonts/SourceSansPro-Semibold.ttf') format('truetype'), url('../../fonts/SourceSansPro-Semibold.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto-Regular';
  src: url('../../fonts/Roboto-Regular.eot');
  src: local('☺'), url('../../fonts/Roboto-Regular.woff2') format('woff2'), url('../../fonts/Roboto-Regular.ttf') format('truetype'), url('../../fonts/Roboto-Regular.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto-Medium';
  src: url('../../fonts/Roboto-Medium.eot');
  src: local('☺'), url('../../fonts/Roboto-Medium.woff2') format('woff2'), url('../../fonts/Roboto-Medium.ttf') format('truetype'), url('../../fonts/Roboto-Medium.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto-Light';
  src: url('../../fonts/Roboto-Light.eot');
  src: local('☺'), url('../../fonts/Roboto-Light.woff2') format('woff2'), url('../../fonts/Roboto-Light.ttf') format('truetype'), url('../../fonts/Roboto-Light.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto-Bold';
  src: url('../../fonts/Roboto-Bold.eot');
  src: local('☺'), url('../../fonts/Roboto-Bold.woff2') format('woff2'), url('../../fonts/Roboto-Bold.ttf') format('truetype'), url('../../fonts/Roboto-Bold.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto-Black';
  src: url('../../fonts/Roboto-Black.eot');
  src: local('☺'), url('../../fonts/Roboto-Black.woff2') format('woff2'), url('../../fonts/Roboto-Black.ttf') format('truetype'), url('../../fonts/Roboto-Black.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'ProximaNova-Black';
  src: url('../../fonts/ProximaNova-Black.eot');
  src: local('☺'), url('../../fonts/ProximaNova-Black.woff2') format('woff2'), url('../../fonts/ProximaNova-Black.ttf') format('truetype'), url('../../fonts/ProximaNova-Black.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'BebasNeue';
  src: url('../../fonts/BebasNeue.eot');
  src: local('☺'), url('../../fonts/BebasNeue.woff2') format('woff2'), url('../../fonts/BebasNeue.ttf') format('truetype'), url('../../fonts/BebasNeue.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'BebasNeue-Bold';
  src: url('../../fonts/BebasNeue Bold.eot');
  src: local('☺'), url('../../fonts/BebasNeue-Bold.woff2') format('woff2'), url('../../fonts/BebasNeue Bold.ttf') format('truetype'), url('../../fonts/BebasNeue Bold.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

/*------------------------------------------------------------
	Text Format
------------------------------------------------------------*/
/* text position */
.taLeft {
  text-align: left !important;
}

.taCenter {
  text-align: center !important;
}

.taRight {
  text-align: right !important;
}

.vTop {
  vertical-align: top !important;
}

.vMiddle {
  vertical-align: middle !important;
}

/* font weight */
.fwNormal {
  font-weight: normal !important;
}

.fwBold {
  font-weight: bold !important;
}
a {
  text-decoration: none;
}
/*------------------------------------------------------------
	adjustment class ※ no use frequently
------------------------------------------------------------*/
.mt0 {
  margin-top: 0 !important;
}

.mb0 {
  margin-bottom: 0 !important;
}

/*------------------------------------------------------------
	clearfix（float解除）
------------------------------------------------------------*/
.clearfix {
  *zoom: 1;
}

.clearfix:after {
  display: block;
  clear: both;
  content: "";
}

/*------------------------------------------------------------
	for tracking tag
------------------------------------------------------------*/
.trackTags {
  display: none;
}

/*------------------------------------------------------------
	Layout
------------------------------------------------------------*/


  body {
    min-width: 320px;
    background: #fff;
  }
  
@media (min-width: 767px) {
  body {
    background: url('/wp-content/uploads/2019/05/qbkls.png');
  }
}
#page.site{
  width: 100%;
  height: 100%;
}
.site > .site-header{
  padding: unset
}
.site .l-container{
  background-color: unset;
  height: 100%;
}
.site .l-container .main-page{
  display: flex;
  align-items: center;
  height: 100%;
}
/*------------------------------------------------------------
	header
------------------------------------------------------------*/
header {
  background-color: #3fae2b;
  position: relative;
  padding: 18px 0;
}
header .navbar-side {
  position: absolute;
  right: 25px;
  top: 20px;
}
header .navbar-side i {
  font-size: 20px;
  color: #fff;
}
header .navbar-side i:before {
  content: "\f142";
}
header .navbar-home img {
  width: auto;
  height: 30px;
}
.inspire-dropdown.green .dropdown-options .border-bottom-menu a {
  border-bottom: 1px solid #fff;
}
.inspire-dropdown.green .dropdown-options .border-top-menu a {
  border-top: 1px solid rgba(34, 34, 34, .3);
}
.show-more-menu {
  list-style: none;
  padding-left: 0;
}

/*------------------------------------------------------------
	footer
------------------------------------------------------------*/

footer {
  background: #414143;
  padding: 9px 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  float: unset;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-top: 2px solid #000;
}
footer .sns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
footer .sns .fab {
  font-size: 44px;
  color: #fff;
}
footer .sns .chplay {
  width: 39px;
  margin: 3px 0 0 22px;
}
footer p {
  color: #fff;
  font-size: 15px;
  line-height: 1.5;
  text-align: center;
  margin: 0;
  font-weight: bold;
}

.driver-intro .swiper-container {
  background: url(/wp-content/uploads/sites/2/2019/05/bg-driver-intro.jpg);
  background-size: cover;
}
.driver-intro .c-intro {
  position: absolute;
  width: 90%;
  color: #fff;
  background-color: rgba(102, 102, 102, 0.85);
  top: 22%;
  left: 5%;
  z-index: 2;
  border-radius: 6px;
  padding: 20px;
  border: none;
}
.driver-intro .c-button__ready button {
  width: 35%;
}
.driver-intro .c-intro p {
  font-size: 21px;
  margin: 10px;
  font-family: 'Roboto-Medium', sans-serif;
  line-height: 26px;
}
.c-intro .text-intro img.flag {
  width: 80px;
  display: block;
  margin: 15px auto;
}
/*------------------------------------------------------------
	Headline
------------------------------------------------------------*/
/*------------------------------------------------------------
	Button
------------------------------------------------------------*/