@charset "utf-8";

#kv {
  width: 100%;
  max-width: 1500px;
  margin: 0 auto;
  padding: 0 calc(15px + 2vw);
  position: relative;
  box-sizing: border-box;
}

#kv-list {
  width: 100%;
  height: calc(100vh - 200px);
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: rgba(255, 255, 255, 1);
  position: relative;
  z-index: 1;
}

.kv-list-item {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}

.kv-list-item-img {
  animation-play-state: paused;
}

@keyframes scale {
  0% {
    transform: scale3d(1, 1, 1);
  }
  100% {
    transform: scale3d(1.1, 1.1, 1.1);
  }
}

.kv-logo {
  max-width: 440px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
  z-index: 3;
}

.top-title {
  margin-bottom: 20px;
  font-weight: bold;
  color: rgba(0, 0, 0, 1);
}

.top-title .en {
  margin-bottom: 10px;
  display: block;
  font-weight: 700;
  line-height: 1;
  color: rgba(20, 93, 209, 1);
}

.top-title-sub {
  font-weight: 200;
  color: rgba(0, 0, 0, 1);
}

.top-tex {
  line-height: 1.8;
  color: rgba(0, 0, 0, 0.75);
}

@media screen and (max-width: 500px) {
  #kv {
    padding: 0 10px;
  }

  .top-wrap {
    padding: 0 10px;
  }

  .top-title {
    font-size: 1.3rem;
  }
}

@media screen and (max-width: 600px) {
  .top-wrap {
    margin: 30px auto;
  }

  .top-title {
    font-size: 1.4rem;
  }

  .top-title .en {
    margin-bottom: 5px;
    font-size: 2.5rem;
  }

  .top-title-sub {
    margin: 0 3px;
    font-size: 1.6rem;
  }

  .top-tex {
    display: none;
  }
}

@media screen and (max-width: 800px) {
  #kv-list {
    height: calc(300px + 10vw);
  }
}

@media screen and (min-width: 601px) {
  #kv,
  #kv-list {
    min-height: 500px;
  }
}

@media screen and (min-width: 601px) and (max-width: 800px) {
  .top-wrap {
    margin: 60px auto;
  }

  .top-title {
    font-size: 1.5rem;
  }

  .top-title .en {
    font-size: 4rem;
  }

  .top-title-sub {
    margin: 0 4px;
    font-size: 2rem;
  }

  .top-tex {
    font-size: 1.4rem;
  }
}

@media screen and (min-width: 801px) {
  .top-title {
    font-size: 1.6rem;
  }

  .top-title .en {
    font-size: 5rem;
  }

  .top-title-sub {
    margin: 0 5px;
    font-size: 3rem;
  }

  .top-tex {
    font-size: 1.5rem;
  }
}

/*------------------------------------*/

.event-list {
}

.event-more {
  position: absolute;
  top: 0;
  right: calc(15px + 2vw);
}

.event-more .more {
  padding-right: 30px;
  text-decoration: none;
}

.event-more .more:after {
  display: none;
}

.event-list {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
}

.event-list-item {
  height: auto !important;
}

.event-list-item:last-child {
  margin-right: 0 !important;
}

.event-list-item a {
  height: 100%;
  /* 	display: block; */
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  background-color: rgba(255, 255, 255, 1);
  font-weight: 400;
  text-decoration: none;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
  -webkit-flex-direction: column;
  flex-direction: column;
}

.event-list-item a:hover {
  transform: scale3d(1.01, 1.01, 1.01);
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.05);
}

.event-list-image {
  width: 100%;
}

.event-list-item a img {
  display: block;
}

.event-list-wrap {
  background-color: rgba(255, 255, 255, 1);
}

.event-list-period {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  font-family: "Roboto Condensed", serif;
  font-size: 1.4rem;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.5);
  -webkit-align-items: center;
  align-items: center;
}

/*
.event-list-period:after {
	content: "";
	margin: 0 2px 0 6px;
	border: 3px solid transparent;
	border-left: 5px solid rgba(0, 0, 0, .3);
	-webkit-order: 2;
			order: 2;
}
*/

.event-list-period dt {
  height: 20px;
  margin-right: 10px;
  padding: 0 10px;
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  border: 1px solid rgba(0, 0, 0, 0.15);
  font-size: 1.2rem;
  white-space: pre-wrap;
  -webkit-order: 0;
  order: 0;
  -webkit-align-items: center;
  align-items: center;
}

.event-list-period dd {
  font-size: 1.4rem;
}

.event-list-period dd:nth-child(2) {
  -webkit-order: 1;
  order: 1;
}

.event-list-period dd:nth-child(2) {
  -webkit-order: 3;
  order: 3;
}

.event-list-image {
  min-height: 0%;
}

.event-list-title {
  line-height: 1.4;
}

@media screen and (max-width: 500px) {
  .event-more .del {
    display: none;
  }
}

@media screen and (max-width: 600px) {
  .event-more {
    top: 10px;
  }

  .event-list-wrap {
    padding: 20px;
  }

  .event-list-title {
    font-size: 1.3rem;
  }

  .event-list-period {
    margin-bottom: 10px;
  }
}

@media screen and (min-width: 601px) {
  .event-list-period {
    margin-bottom: 10px;
  }

  .event-more {
    top: 20px;
  }
}

@media screen and (min-width: 601px) and (max-width: 800px) {
  .event-list-wrap {
    padding: 20px;
  }

  .event-list-title {
    font-size: 1.4rem;
  }
}

@media screen and (min-width: 801px) and (max-width: 1000px) {
}

@media screen and (min-width: 801px) {
  .event-list-wrap {
    padding: 40px;
  }

  .event-list-title {
    font-size: 1.5rem;
  }

  .event-more .more-tex {
    color: rgba(255, 255, 255, 1);
  }

  .event-more .right .more-icn:before {
    border-bottom-color: rgba(255, 255, 255, 1);
  }

  .event-more .right .more-icn:after {
    background-color: rgba(255, 255, 255, 1);
  }
}

/*------------------------------------*/

.service-list {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
}

.service-list-item {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-flex: 1;
  flex: 1;
}

.service-list-item a {
  width: 100%;
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  background-color: rgba(255, 255, 255, 1);
  text-decoration: none;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  align-items: center;
}

.service-list-item a:hover {
  transform: scale3d(1.01, 1.01, 1.01);
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.05);
}

.service-list-en {
  display: block;
  font-weight: 700;
  text-align: center;
  line-height: 1.2;
  color: rgba(20, 93, 209, 1);
}

.live .service-list-en,
.live .service-list-more .more-tex {
  color: rgba(255, 48, 48, 1);
}

.live .service-list-more.more:after,
.live .service-list-more .more-icn:after {
  background-color: rgba(255, 48, 48, 1);
}

.live .service-list-more.right .more-icn:before {
  border-bottom-color: rgba(255, 48, 48, 1);
}

.service-list-en:before {
  content: "";
  width: 100px;
  height: 60px;
  margin: 0 auto 10px auto;
  display: block;
  background-repeat: no-repeat;
  background-size: 100% auto;
}

.live .service-list-en:before {
  background-image: url(../images/icon_service_l.png);
}

.car .service-list-en:before {
  background-image: url(../images/icon_service_c.png);
}

.service-list-en span {
  display: block;
}

.service-list-title {
  font-weight: bold;
  text-align: center;
  color: rgba(0, 0, 0, 1);
}

.service-list-image {
  width: 100%;
  min-height: 0%;
}

.service-list-title:before {
  content: "";
  height: 1px;
  display: block;
  background-color: rgba(0, 0, 0, 0.15);
}

.service-list-tex {
  padding: 0 20px;
  text-align: center;
}

.service-list-more {
  margin: 0 auto;
  margin-top: auto;
}

@media screen and (max-width: 500px) {
  .service-list-item:first-child {
    margin-right: 20px;
  }
}

@media screen and (max-width: 600px) {
  .service-list-item:first-child {
    margin-right: 10px;
  }

  .service-list-item a {
    padding-bottom: 30px;
  }

  .service-list-image {
    padding-bottom: 20px;
  }

  .service-list-en {
    font-size: 1.4rem;
  }

  .service-list-en span {
    font-size: 2.5rem;
  }

  .service-list-tex {
    display: none;
  }

  .service-list-title {
    font-size: 1.4rem;
  }

  .service-list-title:before {
    width: 20px;
    margin: 15px auto;
  }

  .service-list-en:before {
    margin: -20px auto -10px auto;
    transform: scale3d(0.5, 0.5, 0.5);
  }

  .service-list-more {
    margin-top: 30px;
  }
}

@media screen and (max-width: 800px) {
  .service-list-tex br {
    display: none;
  }
}

@media screen and (min-width: 801px) {
  .service-list-item:first-child {
    margin-right: calc(30px + 4vw);
  }

  .service-list-item a {
    padding-bottom: 80px;
  }

  .service-list-image {
    padding-bottom: 40px;
  }

  .service-list-en {
    font-size: 1.6rem;
  }

  .service-list-en span {
    font-size: 4rem;
  }

  .service-list-title {
    font-size: 1.6rem;
  }

  .service-list-title:before {
    width: 40px;
    margin: 20px auto;
  }

  .service-list-tex {
    margin: 40px 0;
  }
}

@media screen and (min-width: 601px) and (max-width: 800px) {
  .service-list-item:first-child {
    margin-right: 40px;
  }

  .service-list-item a {
    padding-bottom: 60px;
  }

  .service-list-image {
    padding-bottom: 30px;
  }

  .service-list-en {
    font-size: 1.5rem;
  }

  .service-list-en span {
    font-size: 3rem;
  }

  .service-list-title {
    font-size: 1.5rem;
  }

  .service-list-title:before {
    width: 30px;
    margin: 15px auto;
  }

  .service-list-tex {
    margin: 30px 0;
  }
}

/*------------------------------------*/

.shop a {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  text-decoration: none;
  color: rgba(255, 255, 255, 1);
}

.shop a:hover {
  transform: scale3d(1.01, 1.01, 1.01);
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.05);
}

.shop-wrap {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  background-color: rgba(0, 0, 0, 1);
  box-sizing: border-box;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.shop-title,
.shop-title .en {
  text-align: center;
  color: rgba(255, 255, 255, 1) !important;
}

.shop-img {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.shop-tex {
  width: 100%;
  text-align: center;
  color: rgba(255, 255, 255, 0.75);
}

@media screen and (max-width: 600px) {
  .shop a {
    display: block;
  }

  .shop-wrap {
    padding: 30px;
  }

  .shop-img:last-child {
    display: none;
  }

  .shop-img-item {
    width: 25%;
  }

  .shop-img-item:nth-child(5),
  .shop-img-item:nth-child(6) {
    display: none;
  }

  .shop-title {
    margin-bottom: 30px;
    font-size: 1.4rem;
  }

  .shop-title .en {
    margin-bottom: 10px;
    font-size: 3rem;
  }
}

@media screen and (min-width: 601px) {
  .shop-title .en {
    margin-bottom: 20px;
  }

  .shop-tex {
    margin: 40px 0;
  }
}

@media screen and (min-width: 601px) and (max-width: 800px) {
  .shop-wrap {
    width: 50%;
    padding: 0 40px;
  }

  .shop-img {
    width: 25%;
  }

  .shop-title {
    font-size: 1.5rem;
  }

  .shop-title .en {
    font-size: 4rem;
  }

  .shop-img-item {
    width: 100%;
  }

  .shop-img-item:nth-child(4),
  .shop-img-item:nth-child(5),
  .shop-img-item:nth-child(6) {
    display: none;
  }
}

@media screen and (min-width: 801px) {
  .shop-wrap,
  .shop-img {
    -webkit-flex: 1;
    flex: 1;
  }

  .shop-wrap {
    padding: 0 60px;
  }

  .shop-title {
    font-size: 1.6rem;
  }

  .shop-title .en {
    font-size: 5rem;
  }

  .shop-img-item {
    width: 50%;
  }
}

/*------------------------------------*/

.recruit-wrap {
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  display: flex;
  position: absolute;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}

.recruit a {
  display: block;
  position: relative;
}

.recruit-title {
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
  color: rgba(255, 255, 255, 1);
}

.recruit-title .en {
  display: block;
  font-weight: 700;
}

.recruit-tex {
  line-height: 1.8;
  text-align: center;
  color: rgba(255, 255, 255, 1);
}

.recruit-more {
  margin-top: 20px;
}

.recruit-more .more-tex {
  color: rgba(255, 255, 255, 1);
}

.recruit-more:after,
.recruit-more .more-icn:before,
.recruit-more .more-icn:after {
  background-color: rgba(255, 255, 255, 1);
}

@media screen and (max-width: 400px) {
  .recruit-title .en {
    font-size: 3rem !important;
  }

  .recruit-tex {
    display: none;
  }
}

@media screen and (max-width: 600px) {
  .recruit-title {
    margin-bottom: 20px;
    font-size: 1.3rem;
  }

  .recruit-title .en {
    font-size: 4rem;
  }

  .recruit-tex {
    font-size: 1.4rem;
  }
}

@media screen and (max-width: 800px) {
  .recruit-image-pc {
    display: none;
  }
}

@media screen and (min-width: 801px) {
  .recruit-title {
    margin-bottom: 40px;
    font-size: 1.6rem;
  }

  .recruit-title .en {
    font-size: 5rem;
  }

  .recruit-tex {
    font-size: 1.4rem;
  }

  .recruit-image-sp {
    display: none;
  }
}

@media screen and (min-width: 601px) and (max-width: 800px) {
  .recruit-title {
    margin-bottom: 40px;
    font-size: 1.6rem;
  }

  .recruit-title .en {
    font-size: 5rem;
  }

  .recruit-tex {
    font-size: 1.4rem;
  }
}

/*------------------------------------*/

.member a {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  background-color: rgba(215, 215, 215, 1);
  text-decoration: none;
}

.member a:hover {
  transform: scale3d(1.01, 1.01, 1.01);
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.05);
}

.member-wrap,
.member a:after {
  width: 50%;
  box-sizing: border-box;
}

.member a:after {
  content: "";
  display: block;
  background-image: url(../images/img_member.png);
  background-position: center center;
  background-size: cover;
}

.member-wrap {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.member-title {
  color: rgba(20, 93, 209, 1);
}

.member-tex {
  color: rgba(20, 93, 209, 0.75);
}

@media screen and (max-width: 600px) {
  .member a {
    padding: 10px;
  }

  .member-wrap {
    padding: 20px;
  }

  .member-title {
    margin-bottom: 30px;
  }
}

@media screen and (min-width: 601px) and (max-width: 800px) {
  .member a {
    padding: 20px;
  }

  .member-wrap {
    padding: 30px;
  }

  .member-tex {
    margin: 10px 0 30px 0;
  }

  .member-tex br {
    display: none;
  }
}

@media screen and (min-width: 801px) {
  .member a {
    padding: 40px;
  }

  .member-wrap {
    padding: 40px;
  }

  .member-tex {
    margin: 20px 0 40px 0;
  }
}

/*------------------------------------*/

.bnrset-wrap {
  background-color: rgba(255, 255, 255, 1);
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-bottom: 0;
}

.bnrset-title {
  margin-bottom: 10px;
  font-weight: bold;
  line-height: 1.8;
  color: rgba(0, 0, 0, 1);
}

.bnrset-list-item {
  padding: 0 calc(15px + 2vw);
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  position: relative;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-direction: column;
  flex-direction: column;
}

.bnrset-list-item:after {
  content: "";
  display: block;
  background-color: rgba(0, 0, 0, 0.15);
  position: absolute;
}

/*
.bnrset-list-item:last-child:after {
	display: none;
}
*/

.bnrset-list-catch {
  margin-bottom: 15px;
  font-weight: bold;
  line-height: 1.8;
  text-align: center;
  color: rgba(0, 0, 0, 1);
}

.orix .bnrset-list-catch {
  margin-bottom: 0;
}

.bnrset-list-logo {
  margin-bottom: 10px;
}

.car7 .bnrset-list-logo {
  max-width: 215px;
}

.benry .bnrset-list-logo {
  max-width: 124px;
}

.orix .bnrset-list-logo {
  max-width: 200px;
  margin-bottom: 0;
}

.bnrset-list-tellist-item {
  margin-bottom: 10px;
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  font-size: 1.3rem;
  line-height: 1.4;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.bnrset-list-tellist-item dt {
  width: 100px;
  color: rgba(0, 0, 0, 1);
}

.bnrset-list-tellist-item .en {
  font-size: 1.8rem;
  font-weight: 700px;
  color: rgba(0, 0, 0, 1);
}

.tellist-btn a {
  margin-left: 10px;
  padding: 0 5px;
  display: block;
  background-color: rgba(20, 93, 209, 1);
  border-radius: 3px;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 20px;
  text-decoration: none;
  color: rgba(255, 255, 255, 1);
}

.fd {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  font-size: 2.5rem;
  font-weight: bold;
  line-height: 1.6;
  color: rgba(0, 0, 0, 1);
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.fd:before {
  content: "";
  width: 20px;
  height: 20px;
  margin-right: 5px;
  display: block;
  background-image: url(../images/icon_fd.png);
  background-size: 100% auto;
  background-size: 100% auto;
  -webkit-flex: 0 0 20px;
  flex: 0 0 20px;
}

.bnrset-btn a {
  width: 100%;
  max-width: 200px;
  padding: 10px;
  display: block;
  background-color: rgba(20, 93, 209, 1);
  border-radius: 3px;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.4;
  text-decoration: none;
  text-align: center;
  color: rgba(255, 255, 255, 1);
  box-sizing: border-box;
}

.bnrset-btn a:hover {
  background-color: rgba(10, 74, 176, 1);
}

.download__list {
  padding: calc(20px + 2vw) 5vw;
  background-color: rgba(255, 255, 255, 1);
  border: 1px solid rgba(0, 0, 0, 0.15);
}

.download__list__item a {
  height: 60px;
  display: -webkit-flex;
  display: flex;
  background-color: rgba(20, 93, 209, 1);
  border-radius: 5px;
  font-weight: bold;
  line-height: 2;
  text-decoration: none;
  color: rgba(255, 255, 255, 1);
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}

.download__list__item a:hover {
  background-color: rgba(10, 74, 176, 1);
}

.topbtn {
  max-width: 1500px;
  margin: 120px auto;
  padding: 0 calc(15px + 2vw);
  box-sizing: border-box;
}

.topbtn a {
  height: 80px;
  display: flex;
  background-color: black;
  font-size: 2rem;
  font-weight: bold;
  text-decoration: none;
  color: white;
  justify-content: center;
  align-items: center;
}

@media screen and (max-width: 800px) {
  .bnrset-list-item:after {
    content: "";
    width: 100%;
    height: 1px;
    bottom: 0;
    left: 0;
  }

  .download__list__item {
    width: 100%;
    margin: 10px 0;
  }

  .download__list__item a {
    font-size: 1.5rem;
  }
}

@media screen and (max-width: 600px) {
  .bnrset-title {
    font-size: 1.8rem;
  }

  .bnrset-list-catch {
    font-size: 1.4rem;
  }

  .bnrset-list-item {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

@media screen and (max-width: 400px) {
  .bnrset-list-catch {
    font-size: 1.3rem;
  }
}

@media screen and (min-width: 601px) {
  .bnrset-title {
    font-size: 2.2rem;
  }

  .bnrset-list-catch {
    font-size: 1.6rem;
  }

  .bnrset-list-item {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

@media screen and (min-width: 801px) {
  .bnrset-list {
    display: flex;
    flex-wrap: wrap;
  }

  .bnrset-list-item {
    max-width: calc((100% - 1px) / 3);
    flex-basis: calc((100% - 1px) / 3);
    box-sizing: border-box;
  }

  .bnrset-list-item:after {
    content: "";
    width: 1px;
    height: 100%;
    top: 0;
    right: 0;
  }

  .bnrset-list-item:nth-child(3n):after {
    display: none;
  }

  .download__list {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
  }

  .download__list__item {
    width: 45%;
  }

  .download__list__item a {
    font-size: 1.6rem;
  }
}
