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

 General Setting

******************************************************************************/
body {
 margin:0;
 padding:0;
 font-family: 'PorscheNextJPTP-Regular','Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
 color: #000;
 word-wrap : break-word;
 -webkit-font-smoothing: antialiased;
 position: relative;
}



/******************************************************************************

 Layout

******************************************************************************/
#wrapper {
 width: 100%;
 position: relative;
 height: 100%;
 min-height: 100%;
 overflow: hidden;
 background: #FFF;
 font-size: 16px;
 line-height: 1.4em;
}
@media screen and (max-width: 1070px) and (min-width: 768px){
 #wrapper {
  font-size: 24px;
  line-height: 1.75em;
 }
}
@media screen and (max-width: 767px) {
 #wrapper {
  font-size: 14px;
  line-height: 1.75em;
 }
}
.l-wrapper img {
 width: 100%;
 height: auto;
}
.l-container {
 margin:0 auto;
 padding: 0;
 height: auto;
 position: relative;
 padding-left: 7%;
 padding-right: 7%;
 z-index: 2;
}
@media screen and (max-width: 767px) {
 .l-container {
  padding-left: 4%;
  padding-right: 4%;
 }
}
.l-section {
 padding: 0;
 position: relative;
}

.l-inner {
 clear:both;
 margin:0 auto;
 padding: 0 10px;
 max-width:1600px;
 height:auto;
 box-sizing: border-box;
}
@media screen and (min-width: 1400px) {
 .l-inner {
  padding: 0 7%;
 }
}
@media screen and (max-width: 1070px) {
 .l-inner {
  padding: 0 4%;
 }
}


.l-half {
 width: 50%;
}
.l-2clm {
 width: 48.5%;
}
.l-3clm {
 width: 32%;
 margin-left: 0.5%;
 margin-right: 0.5%;
}
@media screen and (max-width: 1070px) {
 .flexWrap:not(.tabFlex):not(.spFlex) .l-half,
 .flexWrap:not(.tabFlex):not(.spFlex) .l-2clm,
 .flexWrap:not(.tabFlex):not(.spFlex) .l-3clm {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 3.75em;
 }
}