/*!
 * Bootstrapをベースに変更したい個所
 * 独自クラスをここに記述する
 *
 *
 *
 *
 */
* {
    font-style: normal;
    font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
    font-weight: normal;
    letter-spacing:1.5px;
    margin: 0;
    padding: 0;
    font-size: 16px;
    color:#272727;
    line-height:32px;


}
html,body{
    height:100%;
}
html{
    position: relative;
    overflow-x: hidden;
}

@media screen and (min-width: 0px) and (max-width: 767px)
{
* {
    font-size: 14px;
}

}

/*----------------------------------------------------
 * aタグ
 *----------------------------------------------------*/
a:link {text-decoration:none;color:#ffffff;}
a:visited {text-decoration:none;color:#ffffff;}
a:hover {text-decoration:none;color:#ffffff;}
a:active {text-decoration:none;color:#ffffff;}


/*----------------------------------------------------
 * 共通
 *----------------------------------------------------*/
.margin-t20{
    margin-top:20px;
}
.margin-t40{
    margin-top:40px;
}
.margin-b30{
    margin-bottom:30px;
}
.margin-b20{
    margin-bottom:20px;
}
.margin-b10{
    margin-bottom:10px;
}
.margin-b0{
   margin-bottom:0;
}
.padding-LR0{
   padding-right:0!important;
   padding-left:0!important;
}
.margin-LR0{
   margin-right:0!important;
   margin-left:0!important;
}
.bnr_mb{
    margin-bottom:30px;
}
.pb-50{
    padding-bottom: 50px
}

.font-18{
    font-size:18px;
    line-height:35px!important;
}

/*------------------------------
 *  768px以上
 *----------------------------*/
@media screen and (min-width: 768px){
.pc_div{
	display:block;
}
.sm_div{
	display:none;
}
}

/*------------------------------
 *  767px以下　スマホ
 *----------------------------*/
@media screen and (min-width: 0px) and (max-width: 767px){
.pc_div{
	display:none;
}
.sm_div{
	display:block;
} 
.bnr_mb{
    margin-bottom:10px;
}
.bnr_pl5_sm{
    padding-left:5px;
}
.bnr_pr5_sm{
    padding-right:5px;
}
w-50{ width:50% !important; }

}


/*------------------------------
 *  992px以上
 *----------------------------*/
@media screen and (min-width: 768px){
.pc_navi{
	display:block;
}
.sm_navi{
	display:none;
}
}
/*------------------------------
 *  991px以下　スマホ
 *----------------------------*/
/*@media screen and (min-width: 0px) and (max-width: 991px){
.pc_navi{
	display:none;
}
.sm_navi{
	display:block;
} 

}*/
/*------------------------------
 *  767px以下　スマホ
 *----------------------------*/
@media screen and (min-width: 0px) and (max-width: 767px){
.pc_navi{
	display:none;
}
.sm_navi{
    display:block;
    height: 60px;
    background-color: #000000;
} 

}

/*------------------------------
 *  slick用
 *----------------------------*/

.slick-initialized .slick-slide{
    margin-left:10px;
}
.slick-dots {
    position: relative!important;
    bottom: 30px!important;
}
.slick-initialized .slick-slide {
    margin-left: 0;
}
.mono_img{
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
}
.lb-data {
    line-height: 23px;
}
.lb-data .lb-details{
    display:contents;
}
.lb-data .lb-caption,.lb-data .lb-number{
    text-align:center;
}

/*-----------------------------------------------------------------------------------------
 *  グローバルメニュー関係
 *----------------------------------------------------------------------------------------*/

.navbar-color {
/*    background-color:#000000;*/
    background: url('../images/nav_bg_black.jpg') repeat-x;

}

.navbar{
    max-width:960px;
    margin:0 auto;
}
.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 12px!important;
    padding-left: 12px!important;
}

.navi a{
    color:#ffffff;
}

.navi_wrap{
    max-width:980px;
    padding-top: 0!important;
}

.navbar-brand {
    padding-top: 0!important;
}

/*ハンバーガーボタン*/
.el_humburger {
  position: fixed;
  top: 45px;
  right: 60px;
  width: 46px;
  height: 25px;
  padding-top: 1px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 0px;
  z-index: 20;
  cursor: pointer;
  pointer-events: auto;
  color: #000;
  text-align: center;
}
 
@media screen and (max-width: 767px) {
  .el_humburger {
    display: block;
    right: 0px;
    top: 0px;
    padding-top: 0px;
    width: 50px;
    height: 50px;
    z-index: 999;
   }

    #factory .el_humburger {
      display: none; }
 }
 
.el_humburger_wrapper {
  /*margin-bottom: 5px;
  width: 42px;
  display: inline-block;*/ }
 

@media screen and (max-width: 767px) {
  .el_humburger_wrapper {
    /*margin-bottom: 5px;
    width: 30px;*/ } 
}
 
.el_humburger_text {
  font-size: 12px;
  letter-spacing: 0.1em;
  font-family: "游ゴシック Medium", YuGothic, "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif; }
 
.js_humburgerOpen .el_humburger_text.el_humburger_text__menu {
  display: none; }
 
.el_humburger_text.el_humburger_text__close {
  display: none; }
 
.js_humburgerOpen .el_humburger_text.el_humburger_text__close {
  display: block; }
 
@media screen and (max-width: 767px) {
  .el_humburger_text {
    font-size: 10px;
    padding-top: 2px; } 
}
 
@media screen and (max-width: 767px) {
  .el_humburger_text svg path {
    -webkit-transition: all 200ms cubic-bezier(0.16, 0.52, 0.25, 1);
    -o-transition: all 200ms cubic-bezier(0.16, 0.52, 0.25, 1);
    transition: all 200ms cubic-bezier(0.16, 0.52, 0.25, 1);
    fill: #000; } 
}
 
@media screen and (max-width: 767px) {
  .js_humburgerOpen .el_humburger_text svg path {
    fill: #000; } 
}
 
.el_humburger span.el_humburger_bar {
  display: block;
  width: 100%;
  margin: 0 auto 9px;
  height: 1px;
  background: #000;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out; }
 
.el_humburger span.el_humburger_bar:last-child {
  margin-bottom: 0; }
 
.js_humburgerOpen .el_humburger span.el_humburger_bar {
  background: #000; }
 
@media screen and (max-width: 767px) {
  .el_humburger span.el_humburger_bar {
    left: 0;
    top: 0;
    background: #000; } 
}
 
.js_humburgerOpen .el_humburger span.el_humburger_bar.top {
  -webkit-transform: translateY(9px) rotate(-45deg);
  -ms-transform: translateY(9px) rotate(-45deg);
  transform: translateY(9px) rotate(-45deg); }
 
.js_humburgerOpen .el_humburger span.el_humburger_bar.middle {
  opacity: 0; }
 
.js_humburgerOpen .el_humburger span.el_humburger_bar.bottom {
  -webkit-transform: translateY(-11px) rotate(45deg);
  -ms-transform: translateY(-11px) rotate(45deg);
  transform: translateY(-11px) rotate(45deg); }
 
.el_humburgerButton.el_humburgerButton__close {
  top: 2%;
  right: 2%; }
 
.el_humburgerButton__close span.el_humburger_bar {
  display: block;
  width: 35px;
  margin: 0 auto;
  height: 4px;
  background: #000; }
 
.el_humburgerButton__close span.el_humburger_bar.top {
  -webkit-transform: translateY(5px) rotate(-45deg);
  -ms-transform: translateY(5px) rotate(-45deg);
  transform: translateY(5px) rotate(-45deg); }
 
.el_humburgerButton__close span.el_humburger_bar.bottom {
  -webkit-transform: translateY(-6px) rotate(45deg);
  -ms-transform: translateY(-6px) rotate(45deg);
  transform: translateY(-6px) rotate(45deg); 
}
 
.navi {
  position: fixed;
  right: 0;
  height: 350px;
  /*background-color: rgba(0, 160, 221, 0.8);*/
  background-color: rgba(25, 25, 25, 0.9);
  width: 50%;
  z-index: 3;
  padding-top: 100px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 600ms ease-out;
  -o-transition: all 600ms ease-out;
  transition: all 600ms ease-out;
  transform:translateZ(0) translateX(100%);
  overflow: auto; }
  .js_humburgerOpen .navi {
    transform:translateZ(0) translateX(0); }
    @media screen and (max-width: 991px) {
      .navi {
        padding: 50px 5% 0; }
      .js_humburgerOpen .navi {
        width: 50%;
        height: 370px;
        z-index: 888;}
}
 
.navi_item {
  margin-bottom: 28px;
  font-size: 20px;
  font-family: "Marcellus", serif !important;
  white-space: nowrap;
  margin-left: 90px; 
}

.navi_item.op_innerLink
{
    cursor: pointer; 
}

@media screen and (max-width: 767px) {
.navi_item {
    margin-left: 0;
    font-size: 18px; 
    border-bottom: 1px solid #ffffff;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-bottom: 10px;
    padding-top: 10px;
}
.navi_item_end{
    border-bottom: none;
}

}
#Navber{
   margin-top:-60px
}

.container {
    max-width: 960px;
}

/*------------------------------
 * containerの幅
 *----------------------------*/
.container_930{
    /* 左右15pxの余白を加算 */
    /* 画面幅は960px */
    max-width:960px!important;
}
.container_800{
    /* 左右15pxの余白を加算 */
    /* 画面幅は800px */
    max-width:830px!important;
}
.container_750{
    /* 左右15pxの余白を加算 */
    /* 画面幅は750px */
    max-width:780px!important;
}
.container_610{
    /* 左右15pxの余白を加算 */
    /* 画面幅は610px */
    max-width:640px!important;
}
.container_510{
    /* 左右15pxの余白を加算 */
    /* 画面幅は510px */
    max-width:540px!important;
}
.text-center-pc{
    text-align:center;
}

/*------------------------------
 *  767px以下　スマホ
 *----------------------------*/
@media screen and (min-width: 0px) and (max-width: 767px){
.main-bg{
  background-image: url('../images/bg_main_sm.jpg');
  background-attachment: fixed;
  background-position: top center;
  background-size: contain;
  background-repeat: no-repeat;
}
.col_rl0_sm{
    padding-left:0!important;
    padding-right:0!important;
}
.col_rl30_sm{
    padding-left:30px!important;
    padding-right:30px!important;
}
.text-center-pc{
    text-align:left;
}

}


/*-----------------------------------------------------------------------------------------
 *  固定する背景
 *----------------------------------------------------------------------------------------*/

.logo_img{
    z-index: 999;
    position: relative;
}
.logo_img_sm{
    z-index: 555;
    position: absolute;
    top: 30px;
    left: 0;
    right: 0;
    margin: auto;
    width:160px;
}

.minus_margin{
    margin-top:-40px;
}
.bnr_frame{
    padding-left:70px!important;
}
.bnr_position{
    top:75px;
    margin-left: auto;
}
.bnr2_position{
    top:95px;
    margin-left: auto;

}
.shop_area,.shop_area2{
    margin-left: 110px;
    margin-right: 140px;
    width: 100%;
    margin-bottom: 25px;
    margin-top: 20px;
}
.shop_area2{
    margin-top: 90px;
}
.shop_position{
    margin-top: 120px;
    margin-left: 65px;
}
.shop_position2{
    margin-bottom: 20px;
}
.shop_border{
    border-right: solid 1px #ffffff;
    padding-left: 40px!important;
}
.shop_border2{
    padding-left: 40px!important;
    padding-right: 0px!important;
}

.icon_position{
    margin-right:28px;
}
.icon_position2{
    margin-right:23px;
}
.icon_position3{
    margin-right:0px;
}
.icon_frame{
    padding-right: 45px!important;
}
.sns_area{
    float:right;
}
.since,.since2{
    margin-top:0px;
    margin-bottom: 40px;
}
.since3{
    margin-top:0px;
    margin-bottom: 20px;
}
.pc-mb-100{
    margin-bottom: 100px;
}
.logo_position{
    margin-left:60px;
}
.lightbox .lb-image {
    border-radius: 0px!important;
    border: none!important;
}

.lb-data {
    color: #000000;
    background-color: #ffffff;
    margin-top: -5px;
    padding: 10px!important;
}
.lb-close{
    margin-top:-30px;
}
.lb-number{
    display:none!important;
}
.lb-next, .lb-prev {
    display:block!important;
}

/*------------------------------
 *  991px以下　タブレット
 *----------------------------*/
@media screen and (min-width: 768px) and (max-width: 991px){
.bnr_frame {
    padding-left: 20px!important;
}
.shop_area{
    margin-left: 40px;
    margin-right: 0px;
}
.shop_area2{
    margin-left: 40px;
    margin-right: 0px;
}
.shop_position{
    margin-top: 100px;
}
.shop_position2{
    margin-bottom: 15px;
}
.shop_position3{
    margin-top: 140px;
    margin-left: 20px;
}
.shop_border{
/*    border-right: none;*/
    padding-left: 20px!important;
}
.shop_border2{
    padding-left: 20px!important;
}

.icon_position, .icon_position2, .icon_position3{
    margin-right:20px;
}

}
/*------------------------------
 *  767px以下　スマホ
 *----------------------------*/
@media screen and (max-width: 767px){
.bnr_frame {
    padding-left: 15px!important;
}
.icon_frame{
    margin-top:0px;
    padding: 0;
}
.since,.since2,.since3{
    margin-top: 0px;
    margin-bottom: 15px;
}
.since img,.since2 img,.since3 img{
    margin:0 auto;
}
.since2{
    margin-top:30px;
}
.since3{
    margin-top:10px;
}

.logo_position {
    margin-left: 15px;
}
.icon_position {
    margin-right: 10px;
    margin-left: 10px;
}
.icon_frame{
    padding-right: 0px!important;
}
.sns_area{
    display: table;
    margin: 0 auto;
    float: none;
}
.lb-data .lb-caption {
    font-size: 12px;
}

.shop_area{
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 100px;
    margin-bottom: 0px;
}
.shop_area2{
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 110px;
    margin-bottom: 0px;
}
.shop_position{
    margin-left: 30px;
}
.shop_position2{
}
.shop_position3{
    margin-bottom: 20px;
}
.shop_border{
    border-right: none;
    padding-left: 60px!important;
    margin-bottom:8px;
}
.shop_border2{
    padding-left: 60px!important;
    margin-bottom:8px;
}
.shop_border a{
    display: inline-block;
}
.shop_border2 a{
    display: inline-block;
}
.bnr_position{
    top:58px;
    margin-left:30px!important;
}
.bnr2_position{
    top:75px;
    margin-left:30px!important;
}
.pc-mb-100{
    margin-bottom: 0;
}

}


/*------------------------------
 *  385px以下　スマホ
 *----------------------------*/
@media screen and (max-width: 385px){

.bnr_position,.bnr2_position,.white_line{
    max-width: 90%!important;
}
.bnr_position {
    top: 59px;
}
.shop_position3{
    margin-right:auto;
    margin-left:auto;
}
}

/*-----------------------------------------------------------------------------------------
 *  ヘッダ
 *----------------------------------------------------------------------------------------*/
#header{
    margin-top: -70px;
}
.keep_driving{
    position: relative;
    margin-top: -55px;
}

/*------------------------------
 *  767px以下　スマホ
 *----------------------------*/
@media screen and (max-width: 767px){
#header{
    margin-top: 0px;
}
.keep_driving{
    margin-top: -60px;
}
.message{
    margin-top: 50px!important;
}
}


/*-----------------------------------------------------------------------------------------
 *  BMW
 *----------------------------------------------------------------------------------------*/
#business{
    margin-top: 100px;
}
.bmw-bg{
    align-items: center;
    justify-content: center;
    background-image: url('../images/bmw_back_image.jpg');
    background-position: center;
    background-size: auto;
    background-repeat: no-repeat;
    margin-top: -2px;
    padding-bottom: 30px;
}


.car_slick{
    margin-top:-50px;
}
.car_slick_fast{
    margin-top:-50px;
}
.scroll_bg{
    background-color:#000000;
    padding-top:30px;
}
.bmw_popup_slick{
    padding:0;
}
.scroll_item{
    margin-right:25px;
}
.scroll_item img{
    max-width:130px;
}
.popup_slick{
    margin-bottom:0;
}

/*------------------------------
 *  767px以下　スマホ
 *----------------------------*/
@media screen and (max-width: 767px){
#business{
    margin-top: 80px;
}
.bmw-bg{
    background-image: url('../images/bmw_smp_back_image.jpg');
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
}
.car_slick{
    margin-top:-58px;
}
.car_slick_fast{
    margin-top:-58px;
}
.scroll_bg {
    margin-top: -1px;
}
}

/*-----------------------------------------------------------------------------------------
 *  MINI
 *----------------------------------------------------------------------------------------*/
#MINI{
    margin-top: 30px;
}
.mini-bg{
    align-items: center;
    justify-content: center;
    background-image: url('../images/mini_back_image.jpg');
    background-position: center;
    background-size: auto;
    background-repeat: no-repeat;
    padding-bottom: 30px;
}
/*------------------------------
 *  767px以下　スマホ
 *----------------------------*/
@media screen and (max-width: 767px){
.mini-bg{
    background-image: url('../images/mini_smp_back_image.jpg');
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
}
}

/*-----------------------------------------------------------------------------------------
 *  ALPINE
 *----------------------------------------------------------------------------------------*/
#ALPINA{
    margin-top: 30px;
}
.alpina-bg{
    align-items: center;
    justify-content: center;
    background-image: url('../images/alpina_back_image.jpg');
    background-position: center;
    background-size: auto;
    background-repeat: no-repeat;
    padding-bottom: 30px;
}
/*------------------------------
 *  767px以下　スマホ
 *----------------------------*/
@media screen and (max-width: 767px){
.alpina-bg{
    background-image: url('../images/alpina_smp_back_image.jpg');
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
}
}


/*-----------------------------------------------------------------------------------------
 *  SYCG Racing
 *----------------------------------------------------------------------------------------*/
#SYCG_Racing{
    margin-top: 30px;
}
.sycg-bg{
    align-items: center;
    justify-content: center;
    background-image: url('../images/racing_back_image.jpg');
    background-position: center;
    background-size: auto;
    background-repeat: no-repeat;
    padding-bottom: 30px;
}
.sycg_official{
	margin-left:auto;
}
.official_mb{
    margin-bottom:3em;
}
/*------------------------------
 *  767px以下　スマホ
 *----------------------------*/
@media screen and (max-width: 767px){
.sycg-bg{
    background-image: url('../images/racing_smp_back_image.jpg');
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
}
.sycg_official{
	margin-right:auto;
	margin-left:auto;
}
.icon_sycg{
    padding-right:30px!important;
}
.official_mb{
    margin-bottom:0px;
}

}



/*-----------------------------------------------------------------------------------------
 *  greeting
 *----------------------------------------------------------------------------------------*/
#greeting{
    margin-top: 100px;
}
.hr_greeting{
    border-top: 1px dashed #939393;
    border-right: none;
    border-bottom: none;
    border-left: none;
    width: 80%;
    display: block;
    margin: 0 auto;
}
.greeting_p{
    margin-top:50px;
    margin-bottom:50px;
}
/*------------------------------
 *  767px以下　スマホ
 *----------------------------*/
@media screen and (max-width: 767px){

.hr_greeting{
    width: 100%;
}
.greeting_p {
    margin-bottom: 40px;
}

}

/*-----------------------------------------------------------------------------------------
 *  history
 *----------------------------------------------------------------------------------------*/
#history{
    margin-top: 80px;
}
#history p{
    color:#ffffff;
}

.history-bg{
    background-color:#0066b1;
    padding-top:90px;
    padding-bottom: 120px;
}
.year{
    margin-top:0.25rem;
}
/*------------------------------
 *  767px以下　スマホ
 *----------------------------*/
@media screen and (min-width: 0px) and (max-width: 767px){
.year{
    margin-top:0.7rem;
}

}



/*-----------------------------------------------------------------------------------------
 *  about
 *----------------------------------------------------------------------------------------*/
#about{
    margin-top: -24px;
    color:#ffffff;
}

.about-bg{
    background-color:#000000;
    padding-top:60px;
    padding-bottom:90px;
}

.table_about td, .table_about th {
    padding: 1.75rem 1.75rem 0rem!important;
    border-top:none!important;
    border-bottom: 1px solid #ffffff!important;
}

table.table_about th, table.table_about td{
    color:#ffffff;
}
.table_ceo_br{
    display:none;
}
/*------------------------------
 *  767px以下　スマホ
 *----------------------------*/
@media screen and (min-width: 0px) and (max-width: 767px){
table.table_about th{
    padding-left:0!important;
    padding-right:5px!important;
}
table.table_about td{
    padding-left:0!important;
    padding-right:0!important;
}
}
/*------------------------------
 *  385px以下　スマホ
 *----------------------------*/
@media screen and (min-width: 0px) and (max-width: 385px){
.sm_th_long{
    width:100px;
}
.table_ceo_br{
    display:block;
}

}

/*-----------------------------------------------------------------------------------------
 *  recruit
 *----------------------------------------------------------------------------------------*/
#recruit{
    margin-top: -24px;
}
#recruit_insta{
    margin-top: 20px;
    margin-bottom: 40px;
}

.recruit-bg{
/*    padding-bottom:60px;*/
    background-color: #f2f5f5;
}

.li_recruite{
    background: url(../images/li_recruit.png) no-repeat 0 4px;
    padding-left: 25px;
}
/*------------------------------
 *  767px以下　スマホ
 *----------------------------*/
@media screen and (min-width: 0px) and (max-width: 767px){
.li_recruite {
    font-size: 12px;
}
}
/*-----------------------------------------------------------------------------------------
 *  contact
 *----------------------------------------------------------------------------------------*/
#contact{
    background-color:#f2f5f5;
    padding-top: 60px;
}

.contact-bg{
    padding-top:50px;
    background-color:#f2f5f5;
    padding-bottom: 80px;
}

input,textarea {
    width: 100%;
    padding: 4px;
}
.table_contact td, .table_contact th {
    border-bottom:none!important;
    padding: 1.75rem 1.75rem 0rem!important;
    border-top:none!important;
    font-size:18px;
}
.table_contact th {
    padding-top: 32px!important;
}

.submit_p{
    padding-right: 30px;
    text-align: right;
}
.submit_btn{
    background:url('../images/btn_send.jpg') left no-repeat;
    border: 0px;
    width:60px;
    height:60px;
}

.error_messe{
    color:red;
    text-align:center;
}

/*------------------------------
 *  767px以下　スマホ
 *----------------------------*/
@media screen and (min-width: 0px) and (max-width: 767px){
.table_contact td, .table_contact th {
    font-size:16px;
    width: 100%;
    display: block;
}
.table_contact th {
    padding-right: 0!important;
    padding-left: 0!important;
    padding-top: 10px!important;
    line-height: 23px!important;
}
.table_contact td {
    padding-right: 0!important;
    padding-left: 0!important;
    padding-top: 10px!important;
}
.submit_p{
    padding-right: 0px;
    text-align:center;
}
.submit_btn{
    background:url('../images/btn_send@2x.jpg') left no-repeat;
    border: 0px;
    width:70px;
    height:70px;
    background-size: cover;
    border-radius:0;important;
}

.mie_copy{
    font-size:8px;
    padding-top: 80px;
    margin-bottom:0px;
    line-height: 13px;
    letter-spacing: normal;
    text-align: center;
}
}
/*------------------------------
 *  768px以上PC
 *----------------------------*/
@media screen and (min-width: 768px){
.mie_copy{
    font-size:8px;
    max-width: 1500px;
    text-align: right;
    display: block;
    margin: 80px auto 0;
    line-height: 13px;
    letter-spacing: normal;
}
}

/*-----------------------------------------------------------------------------------------
 *  フッタ
 *----------------------------------------------------------------------------------------*/
.footer_navi_bg{
    align-items: center;
    justify-content: center;
    background-image: url('../images/footer_bg.jpg');
/*  background-attachment: fixed;*/
    background-position: center;
    background-size: auto;
    background-repeat: no-repeat;
    padding-top: 560px;
    padding-bottom:70px;
}


footer{
    background-color:#f2f5f5;
    padding-top:25px;
    padding-bottom:50px;
}
footer p{
    font-size:12px;
}
footer img{
    margin-top: -90px;
}


.floating_button{
    position: fixed;
    top: 220px;
    right: 0px;
}


/*------------------------------
 *  767px以下　スマホ
 *----------------------------*/
@media screen and (min-width: 0px) and (max-width: 767px){

.footer_navi_bg{
    background-color:#f2f5f5;
    background-image: url('../images/footer_bg_sm.jpg');
    background-position: top center;
    background-size: contain;
    background-repeat: no-repeat;
    padding-top: 73%;
    padding-bottom: 0px;
}
.floating_button_sm{
    position: fixed;
    z-index: 999;
    bottom: 0;
    left: 0;
    margin: 0 auto;
    width: 100%;
    display: table;
}
.floating_button_sm a{
	width: 50%;
    margin: 0 auto;
    display: table-cell;
    padding-top: 10px;
}
}