@charset "utf-8";
/* CSS Document */

/* --------------------------------------------------
  Normalize
-------------------------------------------------- */

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}
ol, ul {
  list-style: none;
}


/* --------------------------------------------------
  common
-------------------------------------------------- */

/* fonts */
@font-face{ font-family: VW-Head-Bold;
  src: url(../fonts/VWHeadWeb-Bold.eot);
  src: url(../fonts/VWHeadWeb-Bold.eot?#iefix) format("embedded-opentype"),url(../fonts/VWHeadWeb-Bold.woff) format("woff"),url(../fonts/VWHeadWeb-Bold.ttf) format("truetype"),url(../fonts/VWHeadWeb-Bold.svg) format("svg")
}
@font-face{ font-family: VW-Head;
  src: url(../fonts/VWHeadWeb-Regular.eot);
  src: url(../fonts/VWHeadWeb-Regular.eot?#iefix) format("embedded-opentype"),url(../fonts/VWHeadWeb-Regular.woff) format("woff"),url(../fonts/VWHeadWeb-Regular.ttf) format("truetype"),url(../fonts/bmwtypewebli_all.svg) format("svg")
}

@font-face{ font-family: VW-Regular-Bold;
  src: url(../fonts/VWTextWeb-Bold.eot);
  src: url(../fonts/VWTextWeb-Bold.eot?#iefix) format("embedded-opentype"),url(../fonts/VWTextWeb-Bold.woff) format("woff"),url(../fonts/VWTextWeb-Bold.ttf) format("truetype"),url(../fonts/VWTextWeb-Bold.svg) format("svg")
}

@font-face{ font-family: VW-Regular;
  src: url(../fonts/VWTextWeb-Regular.eot);
  src: url(../fonts/VWTextWeb-Regular?#iefix) format("embedded-opentype"),url(../fonts/VWTextWeb-Regular.woff) format("woff"),url(../fonts/VWTextWeb-Regular.ttf) format("truetype"),url(../fonts/VWTextWeb-Regular.svg) format("svg")
}


.ft_VW_hb{
  font-family: VW-Head-Bold, "HiraginoKaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", "MS PGothic", "ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif;
}
.ft_VW_h{
  font-family: VW-Head, "HiraginoKaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", "MS PGothic", "ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif;
}
.ft_VW_rb{
  font-family: VW-Regular-Bold, "HiraginoKaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", "MS PGothic", "ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif;
}
.ft_VW_r{
  font-family: VW-Regular, "HiraginoKaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", "MS PGothic", "ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif;
}


h2{
  font-size: 30px;
  font-family: VW-Head-Bold;
  font-weight: 700;
  color: #004795;
  text-align: center;
}

h2 span{
  font-size: 39px;
}

h3{
  font-size: 28px;
  font-family: VW-Head-Bold;
  font-weight: 600;
}
h4{
  font-size: 17px;
  font-family: VW-Head-Bold;
}

.pcHide{
  display: none;
}

.caution{
  font-size: 12px;
  margin-top: 10px;
}

wbr + span {
  white-space: nowrap;
}

@media screen and (max-width: 767px) { 
  h2{
    font-size: 22px;
  }

  h2 span{
    font-size: 28px;
  }

  h3{
    font-size: 18px;
    font-weight: bold;
  }
  h4{
    font-size: 16px;
  }
  .spHide{
    display: none;
  }
  .pcHide{
    display: inline-block;
  }
}

/* btn*/
.btn{
  position: relative;
  width: 440px;
  margin: 55px auto 0;
  text-align: center;
}
.btn a{
  display: block;
  padding: 0;
  box-sizing: border-box;
  color: #fff;
  background: #004795;
  margin: 0 auto;
  text-decoration: none;
  font-weight: bold;
  font-size:22px;
  font-family: VW-Head-Bold;
  text-decoration:none !important;
  line-height: 70px;
  transition: all 0.3s;
}
.btn a:hover{
  transition: all 0.3s;
  opacity: 0.8;
}
.btn a:after {
  content: "";
  position: absolute;
  right: 18px;
  margin: 23px 0;
  display: inline-block;
  width: 15px;  
  height: 24px;
  background: url("../images/arrow.png") no-repeat;
}

@media screen and (max-width: 767px) {
  .btn{
    position: relative;
    width: 100%;
    padding: 0 20px;
    box-sizing: border-box;
    margin-top: 20px;
  }
  .btn a{
    padding: 0;
    font-size:14px;
    box-sizing: border-box;
    line-height: 50px;
  }
  .btn a:after {
    margin: 15px 0;
    padding: 0 18px 0 0;
    width: 12px;  
    height: 20px;
    background: url("../images/arrow.png") no-repeat;
    background-size: 12px 20px
  }
}

.btn02{
  position: relative;
  width: 362px;
  margin: 10px 0 0 0;
  text-align: left;
}
.btn02 a{
  display: block;
  padding: 0 0 0 15px;
  box-sizing: border-box;
  color: #fff;
  background: #004795;
  margin: 0 auto;
  text-decoration: none;
  font-weight: bold;
  font-size:18px;
  text-decoration:none !important;
  line-height: 46px;
}
.btn02 a:hover{
  transition: all 0.3s;
  opacity: 0.8;
}
.btn02 a:after {
  content: "";
  position: absolute;
  right: 18px;
  margin: 14px 0;
  display: inline-block;
  width: 12px;  
  height: 20px;
  background: url("../images/arrow.png") no-repeat;
  background-size: 12px 20px
}


@media screen and (max-width: 767px) {
  .btn02{
    width: 100%;
    padding: 0;
    box-sizing: border-box;
    margin-top: 10px;
  }
  .btn02 a{
    padding: 0 18px;
    font-size:14px;
    box-sizing: border-box;
    line-height: 50px;
  }
  .btn02 a:after {
    margin: 15px 0;
    padding: 0;
    width: 12px;  
    height: 20px;
    background: url("../images/arrow.png") no-repeat;
    background-size: 12px 20px
  }
}



/* --------------------------------------------------
  layout
-------------------------------------------------- */

/* body */
body {
  width: 1024px;
  margin: 0 auto;
  font-family: VW-Regular;
  background: #ffffff;
  margin: 0 auto;
  text-align: left;
  color: #000000;
  font-size: 16px;
  line-height: 1.5;
}

@media screen and (max-width: 767px) { 
  body{
    width: 100%;
    font-size: 14px;
  }
}

@media screen and (max-width: 767px) { 
  main img{
    width: 100%;
  }
}

/* col2 */
.col2{
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.col2 div{
  width: 412px;
}

.col2 img{
  width: 412px;
}

@media screen and (max-width: 767px) { 
  .col2{
    display: block;
  }
  .col2 div{
    width: 100%;
  }

  .col2 img{
    width: 100%;
  }
}

/* --------------------------------------------------
  contents
-------------------------------------------------- */

/* KV */
@media screen and (max-width: 767px) {
  .kv{
    width: 100%;
  }
}

section{
  padding: 40px 0;
}

@media screen and (max-width: 767px) {
  section{
    padding: 20px 0;
  }
}

/* lead */
.lead{
  background: url(../images/bg.jpg) 0 0;
  text-align: center;
}
.lead_inner{
  width: 884px;
  margin: 0 auto;
}
.lead .sub{
  font-family: VW-Head-Bold;
  font-weight: bold;
  color: #004795;
}
.lead .txt{
  margin-top: 15px;
  font-size: 14px;
  font-family: VW-Head;
}
.lead .col2{
  margin-top: 30px;
  text-align: left;
}

.lead .col2 img{
  width: 412px;
}

.lead .col2 .txt{
  margin-top: 5px;
}

.lead .col2 .sec_polo{
  background: #d1570d;
  color: #fff;
  width: 412px;
}
.lead .col2 .sec_polo > div{
  padding: 15px 20px;
  box-sizing: border-box;
}
.lead .col2 .sec_golf{
  background: #12345d;
  color: #fff;
  width: 412px;
}
.lead .col2 .sec_golf > div{
  padding: 15px 20px;
  box-sizing: border-box;
}

@media screen and (max-width: 767px) {
  .lead{
    width: 100%;
  }
  .lead_inner{
    width: 100%;
    padding: 0 20px;
    box-sizing: border-box;
  }
  .lead .sub{
  }
  .lead .txt{
    margin-top: 15px;
    font-size: 14px;
  }
  .lead .col2{
    margin-top: 20px;
  }

  .lead .col2 img{
    width: 100%;
  }

  .lead .col2 .txt{
    margin-top: 5px;
  }

  .lead .col2 .sec_polo{
    width: 100%;
  }
  .lead .col2 .sec_polo > div{
    padding: 15px 20px;
  }
  .lead .col2 .sec_golf{
    width: 100%;
    margin-top: 20px;
  }
  .lead .col2 .sec_golf > div{
    padding: 15px 20px;
  }
}

/* insentive */
.insentive{
  width: 884px;
  margin: 0 auto;
}
.insentive img{
  margin-top: 20px;
}

@media screen and (max-width: 767px) {
  .insentive{
    width: 100%;
    padding: 20px 20px;
    box-sizing: border-box;
  }
  .insentive img{
    margin-top: 20px;
  }
}

/* chance */
.chance{
  background: url(../images/bg.jpg) 0 0;
  text-align: left;
  padding: 40px 0 55px;
}
.chance_inner{
  width: 884px;
  height: 342px;
  overflow: hidden;
  margin: 0 auto;
}
.chance .label{
  background: #004795;
  color: #fff;
  font-size: 29px;
  font-family: VW-Head-Bold;
  font-weight: 600;
  line-height: 1.6;
  text-align: center;
}

.chance h2{
  margin-top: 10px;
}

.chance .col2{
  margin-top: 25px;
  background: #fff;
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.chance .col2 .inner{
  text-align: left;
  padding: 20px;
}

.chance .col2 .inner .txt{
  margin-top: 5px;
}

@media screen and (max-width: 767px) {
  .chance{
    padding: 30px 0 30px;
  }
  .chance_inner{
    width: 100%;
    height: auto;
    padding: 0 20px;
    box-sizing: border-box;
  }
  .chance .label{
    font-size: 20px;
  }
  .chance .col2{
    margin-top: 15px;
  }
  .chance .col2 .inner{
    box-sizing: border-box;
  }
}

/* attention */
.attention{
  background: #f5fbfe;
  font-size: 13px;
  margin-top: 55px;
}
.attention .attention_inner{
  width: 884px;
  margin: 0 auto;
}
.attention h4{
  text-align: center;
  padding-bottom: 40px;
}

@media screen and (max-width: 767px) {
  .attention{
    font-size: 13px;
    margin-top: 30px;
  }
  .attention .attention_inner{
    width: 100%;
    padding: 0 20px;
    box-sizing: border-box;
  }
  .attention h4{
    padding-bottom: 20px;
  }
}

/* dealer_list */

.dealer_list{
  width: 884px;
  margin: 0 auto;
  overflow: hidden;
}

.dealer_list > div{
  float: left;
  width: 362px;
  margin: 40px 80px 0 0;
  box-sizing: border-box;
}

.dealer_list .dealer{
  font-size: 10px;
}

.dealer_list .name{
  font-size: 30px;
  font-family: VW-Head-Bold;
  font-weight: 700;
}

.dealer_list .address{
  font-size: 17px;
}

@media screen and (max-width: 767px) {
  .dealer_list{
    width: 100%;
    padding: 0 20px;
    box-sizing: border-box;
  }

  .dealer_list > div{
    float: none;
    width: 100%;
    margin: 30px 0 0 0;
  }

  .dealer_list .dealer{
    font-size: 10px;
  }

  .dealer_list .name{
    font-size: 22px;
    font-family: VW-Head-Bold;
    font-weight: 700;
  }

  .dealer_list .address{
    font-size: 14px;
  }
}

.copy{
  width: 884px;
  font-size: 10px;
  margin: 60px auto 30px;
}

@media screen and (max-width: 767px) {
  .copy{
    width: 100%;
    padding: 0 20px;
    box-sizing: border-box;
    margin-top: 40px;
  }
}


/* --------------------------------------------------
  modules
-------------------------------------------------- */

.clearfix:after {
 content: "";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}
.flL{ float:left !important;}
.flR{ float:right !important;}
.flN{ float:none !important;}

.block{display:block!important;}

.txtL{ text-align: left !important;}
.txtR{ text-align: right !important;}
.txtC{ text-align: center !important;}

.layoutR { position:relative !important;}
.layoutA { position:absolute !important;}
.layoutF { position:fixed !important;}
.layoutC { margin:0 auto !important;}

.sp { display: none;}

/* --------------------------------------------------
	margin padding settings
-------------------------------------------------- */
.marT-10{margin-top:-10px!important;}
.marT-20{margin-top:-20px!important;}
.marT-30{margin-top:-30px!important;}

.marT05{margin-top:5px!important;}
.marT10{margin-top:10px!important;}
.marT20{margin-top:20px!important;}
.marT30{margin-top:30px!important;}
.marT40{margin-top:40px!important;}
.marT50{margin-top:50px!important;}
.marT60{margin-top:60px!important;}
.marT70{margin-top:70px!important;}
.marT80{margin-top:80px!important;}
.marT90{margin-top:90px!important;}
.marT100{margin-top:100px!important;}
.marT110{margin-top:110px!important;}
.marT120{margin-top:120px!important;}
.marT130{margin-top:130px!important;}
.marT140{margin-top:140px!important;}
.marT150{margin-top:150px!important;}

.marB05{margin-bottom:5px!important;}
.marB10{margin-bottom:10px!important;}
.marB15{margin-bottom:15px!important;}
.marB20{margin-bottom:20px!important;}
.marB25{margin-bottom:25px!important;}
.marB30{margin-bottom:30px!important;}
.marB40{margin-bottom:40px!important;}
.marB50{margin-bottom:50px!important;}
.marB60{margin-bottom:60px!important;}
.marB70{margin-bottom:70px!important;}
.marB80{margin-bottom:80px!important;}
.marB90{margin-bottom:90px!important;}
.marB100{margin-bottom:100px!important;}

.marL05{margin-left:5px!important;}
.marL10{margin-left:10px!important;}
.marL15{margin-left:15px!important;}
.marL20{margin-left:20px!important;}
.marL25{margin-left:25px!important;}
.marL30{margin-left:30px!important;}
.marL40{margin-left:40px!important;}
.marL50{margin-left:50px!important;}
.marL60{margin-left:60px!important;}
.marL70{margin-left:70px!important;}
.marL80{margin-left:80px!important;}
.marL90{margin-left:90px!important;}
.marL100{margin-left:100px!important;}

.marR05{margin-right:5px!important;}
.marR10{margin-right:10px!important;}
.marR15{margin-right:15px!important;}
.marR20{margin-right:20px!important;}
.marR25{margin-right:25px!important;}
.marR30{margin-right:30px!important;}
.marR40{margin-right:40px!important;}
.marR50{margin-right:50px!important;}
.marR60{margin-right:60px!important;}
.marR70{margin-right:70px!important;}
.marR80{margin-right:80px!important;}
.marR90{margin-right:90px!important;}
.marR100{margin-right:100px!important;}

.padT0{padding-top:0!important;}
.padT05{padding-top:5px!important;}
.padT10{padding-top:10px!important;}
.padT20{padding-top:20px!important;}
.padT30{padding-top:30px!important;}
.padT40{padding-top:40px!important;}
.padT50{padding-top:50px!important;}
.padT60{padding-top:60px!important;}
.padT70{padding-top:70px!important;}

.padB0{padding-bottom:0!important;}
.padB05{padding-bottom:5px!important;}
.padB10{padding-bottom:10px!important;}
.padB20{padding-bottom:20px!important;}
.padB30{padding-bottom:30px!important;}
.padB40{padding-bottom:40px!important;}
.padB50{padding-bottom:50px!important;}
.padB60{padding-bottom:60px!important;}
.padB70{padding-bottom:70px!important;}

.padL0{padding-left:0px!important;}
.padL05{padding-left:5px!important;}
.padL10{padding-left:10px!important;}
.padL20{padding-left:20px!important;}
.padL30{padding-left:30px!important;}
.padL40{padding-left:40px!important;}
.padL50{padding-left:50px!important;}
.padL60{padding-left:60px!important;}
.padL70{padding-left:70px!important;}

.padR0{padding-right:0px!important;}
.padR05{padding-right:5px!important;}
.padR10{padding-right:10px!important;}
.padR20{padding-right:20px!important;}
.padR30{padding-right:30px!important;}
.padR40{padding-right:40px!important;}
.padR50{padding-right:50px!important;}
.padR60{padding-right:60px!important;}
.padR70{padding-right:70px!important;}

.pad10{padding:10px!important;}
.pad20{padding:20px!important;}
.pad30{padding:30px!important;}
.pad40{padding:40px!important;}
.pad50{padding:50px!important;}
/* -------------------------------------------------- */
.mw1200{max-width:1200px !important;}

.w100{width:100% !important;}
.w90{width:90% !important;}
.w80{width:80% !important;}
.w85{width:85% !important;}
.w75{width:75% !important;}
.w70{width:70% !important;}
.w60{width:60% !important;}
.w50{width:50% !important;}
.w40{width:40% !important;}
.w30{width:30% !important;}
.w20{width:20% !important;}
.w10{width:10% !important;}

.fs50{font-size:50% !important;}
.fs60{font-size:60% !important;}
.fs70{font-size:70% !important;}
.fs80{font-size:80% !important;}
.fs90{font-size:90% !important;}
.fs100{font-size:100% !important;}
.fs110{font-size:110% !important;}
.fs120{font-size:120% !important;}
.fs130{font-size:130% !important;}
.fs140{font-size:140% !important;}
.fs150{font-size:150% !important;}

.fwB{font-weight:bold !important;}
.fwN{font-weight:normal!important;}
.fw100 {font-weight:100 !important;}
.fw300 {font-weight:300 !important;}
.fw400 {font-weight:400 !important;}
.fw500 {font-weight:500 !important;}
.fw600 {font-weight:600 !important;}
.fw700 {font-weight:700 !important;}
.fw900 {font-weight:900 !important;}

.fcWT{color:#fff !important;}
.fcBK{color:#000 !important;}
.fcB{color:#00f !important;}
.fcR{color:#f00 !important;}
.fcG{color:#0f0 !important;}
.fcC{color:#0ff !important;}
.fcM{color:#f0f !important;}
.fcY{color:#ff0 !important;}

.op10 {opacity: 1 !important;}
.op08 {opacity: 0.8 !important;}
.op06 {opacity: 0.6 !important;}
.op04 {opacity: 0.4 !important;}
.op02 {opacity: 0.2 !important;}
.op00 {opacity: 0 !important;}

.zi100 {z-index:9999 !important;}
.zi75 {z-index:7500 !important;}
.zi50 {z-index:5000 !important;}
.zi0 {z-index:-9999 !important;}

.h30{height:30px !important;}
.h40{height:40px !important;}
.h50{height:50px !important;}
.h60{height:60px !important;}
.h70{height:70px !important;}
.h75{height:75px !important;}
.h80{height:80px !important;}
.h85{height:85px !important;}
.h90{height:90px !important;}
.h95{height:95px !important;}
.h100{height:100px !important;}
.h110{height:110px !important;}
.h115{height:115px !important;}
.h120{height:120px !important;}
.h130{height:120px !important;}
.h140{height:120px !important;}
.h150{height:150px !important;}
.h160{height:160px !important;}
.h170{height:170px !important;}
.h180{height:180px !important;}
.h190{height:190px !important;}
.h200{height:200px !important;}

.h50a{height:50px !important;}
.h50b{height:50px !important;}
.h70a{height:70px !important;}
.h75a{height:75px !important;}
.h75b{height:75px !important;}
.h100a{height:100px !important;}
/*
.h50a{height:85px !important;}
.h50b{height:70px !important;}
.h70a{height:115px !important;}
.h75a{height:95px !important;}
.h75b{height:115px !important;}
*/
.h50a{height:70px !important;}
.h50b{height:50px !important;}
.h70a{height:85px !important;}
.h75a{height:70px !important;}
.h75b{height:80px !important;}
.h100a{height:90px !important;}

}