/*!
 * Bootstrapをベースに変更したい個所
 * 独自クラスをここに記述する
 *
 *
 *
 *
 */
* {
    border: 0 none;
    font-style: normal;
    font-weight: normal;
    margin: 0;
    padding: 0;
    font-size: 16px;
	//color:#000000;

}
html,body{
    height:100%;
    overflow-x: hidden;
}
html{
    position: relative;
}
h1,h2{
	padding:0;
	margin:0;
}
h2{
	font-size:16px;
}

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


/*----------------------------------------------------
 * 共通
 *----------------------------------------------------*/
.margin-t20{
    margin-top:20px;
}
.margin-t40{
    margin-top:40px;
}
.margin-b20{
    margin-bottom:20px;
}
.margin-b10{
    margin-bottom:10px;
}
.margin-b0{
   margin-bottom:0;
}
.padding-LR0{
   padding-right:0;
   padding-left:0;
}
.margin-LR0{
   margin-right:0;
   margin-left:0;
}

/*------------------------------
 *  992px以上
 *----------------------------*/
.pc_div{
	display:block!important;
}
.sm_div{
	display:none!important;
}

/*------------------------------
 *  767px以下　スマホ
 *----------------------------*/
@media screen and (min-width: 768px) and (max-width: 1199px)
{
footer ul{
	margin-top:-20px;
	margin-left:60px;
}

}

/*------------------------------
 *  767px以下　スマホ
 *----------------------------*/
@media screen and (min-width: 0px) and (max-width: 767px)
{
.pc_div{
	display:none!important;
}
.sm_div{
	display:block!important;
} 

}

/*------------------------------
 *  454px以上
 *----------------------------*/
.pc_obi{
	display:block!important;
}
.sm_obi{
	display:none!important;
}

/*------------------------------
 *  453px以下　スマホ
 *----------------------------*/
@media screen and (min-width: 0px) and (max-width: 453px)
{
.pc_obi{
	display:none;
}
.sm_obi{
	display:block;
} 

}

/*-----------------------------------------------------------------------------------------
 *  グローバルメニュー関係
 *----------------------------------------------------------------------------------------*/
/* 背景 */
.top_wrap {
    position: relative;
    background-image: url(../images/top_bg.png);
    background-size: auto 373px;  /* 幅は自動、縦は固定 */
    background-position: top center; /* 上端に固定 */
    background-repeat: no-repeat;
    min-height: 1050px;
}
/* PC幅でも collapse を有効にする */
@media (min-width: 1600px) {
.top_wrap {
    min-height: 1020px;
}
}

/* 中央寄せ・基準ボックス */
.hero-inner {
    position: relative;
    max-width: 970px;
    margin: 0 auto;
    min-height: 799px; /* 枠画像の想定高さ */
}


/* 枠画像 */
.top-frame {
    display: block;
    width: 100%;
    height: auto;
    position: relative;
    z-index: 1;
}

/* YouTube配置（枠の中） */
.youtube-area {
    position: absolute;
    top: 3%;                 /* 枠に合わせて調整 */
    left: 50%;
    transform: translateX(-50%);
    width: 95%;  /* 72% → 85% に変更 */
    aspect-ratio: 16 / 9; /* 高さは自動 */
    z-index: 2;
}

/* iframe を完全フィット */
#youtube{
	width: 100%;
    height: 100%;
}
#youtube iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/*------------------------------
 *  767px以下　スマホ
 *----------------------------*/
@media screen and (min-width: 0px) and (max-width: 767px)
{
.top_wrap {
    background-image: none;
    min-height: 530px;
}
.hero-inner {
    margin: -10px auto 0;
    padding: 0 20px;
}
.youtube-area {
    top: 6px;
    width: 86%;
}
} 



.global_navi{
	margin-top:30px;
	margin-bottom:30px;
	max-width:930px;
}


.navbar-default {
	background-color: #fff;
    border-color: #fff;
}
.navbar-default .navbar-nav>li>a {
    color: #000000;
}
.navbar-header_sm {
  background: url("../images/logo_sm.jpg") no-repeat left center;
  background-size:cover;
  width:100%;

}

.navbar-nav>li>a {
    padding-right: 30px;
    padding-left: 30px;
	padding-top:10px;
	padding-bottom:10px;
}
.mie-navbar {
    position: relative;
    max-width: 970px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
}
/* PCでもハンバーガーを表示 */
.mie-navbar .navbar-toggle {
    display: block;
}
#navbarMie .navbar-nav {
    float: none;
    margin: 0;
    width: 100%;
}

#navbarMie .navbar-nav > li {
    float: none;
    border-bottom: solid 1px #ffffff;
}
/* 画像ハンバーガー用 */
.mie-menu-btn {
    margin-right: 15px;
}

.navbar-default .navbar-toggle {
   border-color:#ffffff;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color:#ffffff;
}
.navbar-brand{
	margin-top: 25px;
}

/* navbar-header を横並びに */
.navbar-header {
    float: none;
    //display: flex;
    align-items: center;
    justify-content: space-between;
}


/* メニュー本体（閉じている時） */
#navbarMie.menu-dropdown {
    position: absolute;
    top: 100%;
    right: -50px;
    width: 260px;
    z-index: 999;

    background: rgba(0,0,0,0.75);
    opacity: 0;
    pointer-events: none;

    transform: translateY(-6px);
    transition: opacity .2s ease, transform .2s ease;
}
/* 表示状態 */
#navbarMie.menu-dropdown.is-open {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
}
#navbarMie.menu-dropdown::before {
    content: "";
    position: absolute;
    top: -18px;
    right: 115px;           /* ハンバーガー位置に合わせて調整 */

    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 20px solid rgba(0, 0, 0, 0.75);
}

/* aタグを横並び */
#navbarMie.menu-dropdown .navbar-nav > li > a {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 18px;
}

/* アイコン */
.menu-icon img {
    width: 40px;
    height: 40px;
    display: block;
}

/* 文字 */
.menu-text {
    flex: 1;
    text-align: right;
    font-size: 16px;
    color: #fff;
    padding-right:5px;
}

/* SNS行（区切り線あり） */
#navbarMie .menu-sns {
    padding: 10px 10px;
    border-bottom: none!important;
}

/* 横並び */
#navbarMie .sns-icons {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

/* アイコンサイズ */
#navbarMie .sns-icons img {
    width: 40px;
    height: 40px;
    display: block;
}



/* PC幅でも collapse を有効化 */
@media (min-width: 768px) {
    .navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-collapse.collapse.in {
        display: block !important;
    }
}
/* 横並び解除 */
.navbar-nav {
    float: none;
    margin: 0;
}

/* li を縦に */
.navbar-nav > li {
    float: none;
    width: 100%;
    text-align: center;
}

/* リンクをブロック化 */
.navbar-nav > li > a {
    display: block;
    padding: 18px 0;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}
.mie-navbar {
    position: relative; /* ★これが超重要 */
    max-width: 970px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
}



/*------------------------------
 *  1090px以下
 *----------------------------*/
@media screen and (max-width: 1090px)
{
/* メニュー本体（閉じている時） */
#navbarMie.menu-dropdown {
    right: 0px;
}

#navbarMie.menu-dropdown::before {
    right: 65px;           /* ハンバーガー位置に合わせて調整 */
}
}




/*------------------------------
 *  1200px以上　pc
 *----------------------------*/
@media screen and (min-width: 1200px)
{
.nav_container{
	width:1200px;
}
}

/*------------------------------
 *  1200px以上　pc
 *----------------------------*/
@media screen and (min-width: 768px) and (max-width: 1200px)
{
.nav_container{
	padding-left:15px;
	padding-right:15px;
}
}


/*------------------------------
 *  992px以上　pc
 *----------------------------*/
@media screen and (min-width: 992px)
{

}
/*------------------------------
 *  768px以上　991px以下　タブレット
 *----------------------------*/
@media screen and (min-width: 768px) and (max-width: 991px)
{

.navbar-nav>li>a {
    padding-right: 20px;
    padding-left: 20px;
}
.top_wrap {
    min-height: 900px;
}

}

@media screen and (min-width: 768px){
.navbar-nav{
    margin: 0 auto;
    display: table;
    table-layout: fixed;
    float:none;
}
}  
/*------------------------------
 *  767px以下（スマホサイト）
 *----------------------------*/
@media screen and (min-width: 0px) and (max-width: 767px)
{
li {
   border-left: none;
}
.icon-bar {
    background-color: #000000!important;
}
.navbar-toggle:hover {
    background-color: #ddd;
}
.global_navi {
    margin: 0;
	padding:0;
}
.container>.navbar-header {
    margin-right: 0px;
    margin-left: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
	
}
.navbar-brand {
    margin-top: 12px;
}
.navbar-nav>li {
    padding-left: 10px;
    padding-right: 5px;
}
.navbar-nav>li>a {
    padding-right: 30px;
    padding-left: 30px;
}
.navbar-toggle {
    padding: 0;
    margin-top: 23px;
    margin-right: 15px;
    margin-bottom: 0px;
    border: none;
	border-radius: 0px;
}
.container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {
    margin-right: 0px;
    margin-left: 0px;
}

#navbarMie{
	margin-top:20px;
}

#navbarMie.menu-dropdown::before {
    display: none;
}
.mie-menu-btn img {
    width: 50px;  /* スマホ固定サイズ */
    height: auto;
}
/* アイコンサイズ */
#navbarMie .sns-icons img {
    width: 33px;
    height: 33px;
}

.mie-navbar {
	margin-bottom: 15px;
}
}






/*-----------------------------------------------------------------------------------------
 *  ヘッダー
 *----------------------------------------------------------------------------------------*/

.header{
	padding:0;
	margin-top:-2px;
}

.header_hr{
	border-top:1px dashed #000;
	margin-top:15px;
	margin-bottom:15px;
}
.head_date_and_place{
	margin-top:20px;
        padding:0;
}
.head_present, .head_goods{
	margin-left:180px;
}
.head_present img, .head_goods img{
	margin-right:15px;
	float:left;
}
.head_present img, .head_goods img{
	width:168px;
	height:20px;
	margin-right:15px;
	float:left;
}
.head_present p, .head_goods p{
	font-size:15px;
}




/*------------------------------
 *  1001px以上（ＰＣサイト）1200px以下
 *----------------------------*/
@media screen and (min-width: 992px) and (max-width: 1200px) {
.head_present, .head_goods{
	margin-left:100px;
}

}
/*------------------------------
 *  768px以上（ＰＣサイト）1000以下
 *----------------------------*/
@media screen and (min-width: 768px) and (max-width: 991px) {
.head_present, .head_goods{
	margin-left:0px;
}
}
/*------------------------------
 *  936px以下
 *----------------------------*/
@media screen and (max-width: 936px)
{

}
/*------------------------------
 *  768px以上
 *----------------------------*/
@media screen and (min-width: 768px)
{

}
/*------------------------------
 *  767px以下
 *----------------------------*/
@media screen and (min-width: 0px) and (max-width: 767px)
{
.place_sm{
	margin-bottom:15px;
}
}


/*-----------------------------------------------------------------------------------------
 *  アコーディオン
 *----------------------------------------------------------------------------------------*/
#Accordion{
	margin-top:50px;
}

.panel{
	border-top:1px solid #000;
	box-shadow:none;
        border-bottom: none;
}
.panel_first{
	border-top:3px solid #000;
}
.panel-group{
	margin-top:10px;
	margin-bottom:10px;
/*	border-top:3px solid #000;*/
	border-bottom:3px solid #000;
/*	padding-bottom:3px;*/
}
.panel-title{
	padding-top:4px;
	height:40px;
}
.panel-group .panel+.panel {
    margin-top: 0px;
}

.panel-title p{
	margin-top:8px;
	text-align:right;
}
.panel-group .panel {
    margin-bottom: 0;
    border-radius: 0;
}
.allow{
	margin-top:3px;
	margin-left:10px;
}

.panel-contents{
	overflow:hidden;
	margin:0 auto;
	margin-top:5px;
	margin-bottom:50px;
}
.contents_detail{
	margin-top:30px;
	background-color: #e6f0f0;
	padding:20px;
	position: relative; 
	height:400px;
}
.contents_detail img{
	float:left;
}
.contents_companyname{
	margin-top:100px;
	font-size:14px;
	font-weight:normal;
}
.contents_companyname2{
	margin-top:83px;
	font-size:14px;
	font-weight:normal;
}

.contents_line1{
	border-top:1px solid #000;
	margin-top:0px;
	clear: both;
}
.contents_line2{
	border-top:1px dashed #000;
	margin-top:15px;
	margin-bottom:15px;
}

.contents_detail ul{
    list-style:none;
}
.contents_detail li{
	font-size:16px;
	margin-bottom:5px;
}
.contents_link{
	position: absolute;  
    top: 340px;  
    left: 0px; 
	width:100%;
	padding-left:20px;
	padding-right:20px;
}
.bnr_tohome{
	background-color: #000000;
	padding:10px;
    color:#ffffff;
	text-align:center;
}

.link_position2{
    top: 288px;  
}
.shop_nm{
	font-weight:bold;
}

.floor_access{
  margin-top:60px;
}
.stitle{
  margin-bottom:38px;
}

.access_msg{
  margin-bottom:40px;
  margin-top:30px;
}
.floor_access iframe{
	padding-right:17px;
	padding-left:17px;
	margin-top:15px;
}
.access_line{
	border-top:1px dashed #000;
	margin-bottom:65px;
	margin-top:55px;
	clear: both;

}


/* display・demonstration  */
.attention{
	list-style:none;
	margin-top:40px;
	margin-bottom:50px;
}
.display_contents{
	margin-bottom:60px;
}
.model_list{
	list-style-image: url("../images/list_mark.jpg");
	margin-top:20px;
	margin-left:30px;
}
.model_list li{
	margin-bottom:5px;
}

/* 感染症対策 */
#covid19{
/*    background: url("../images/bg_covid19.jpg")left 0px top -1px no-repeat ;
    background-size: cover;
*/
}
.covid_body_sm{
/*    margin-top:-1px!important;*/
}
.covid_contents{
    margin-top:50px;
    width: 930px;
}
.covid_contents2{
    width: 780px;
    margin: 0 auto;
}
.covid_msg{
    margin-top:35px;
    color:#ffffff;
    background-color:#0e49e7;
    font-size:21px;
    padding:5px;
}
.covid_underline{
    margin-top: 50px;
    border-bottom:1px solid #0e49e7;
}
.covid_title{
    color:#0e49e7;
    font-size:20px;
    padding-bottom: 10px;
}
.covid_contents2 ul{
    margin-top:30px;
    list-style:none;
}
.covid_contents2 ul li {
    font-size:16px;
    margin-bottom:5px;
    padding-left: 20px;
    line-height: 1.6em;
    background: url(../images/covid_list.png) left 0px top 6px no-repeat;
    background-size: 15px auto;
}
.covid_sample{
    margin-top:40px;
    margin-bottom:35px;

}
.covid_memo{
    line-height:25px;
}
.covid_mark{
    margin-top:35px;
    margin-bottom:30px;
}

.covid_msg_top{
    font-size:12px;
}
/*------------------------------
 *  1200px以上　pc
 *----------------------------*/
@media screen and (min-width: 1200px)
{
.panel-title, .panel-body{
	width:1200px;
	margin:0 auto;
}
}

/*------------------------------
 *  1200px以上　pc
 *----------------------------*/
@media screen and (min-width: 965px)
{
.panel-contents{
	overflow:hidden;
	width:965px;
}
}

/*------------------------------
 *  767px以下
 *----------------------------*/
@media screen and (min-width: 768px) and (max-width: 964px)
{
.contents_companyname, .contents_companyname2{
	clear: both;
}
.contents_detail{
	height:460px;
}
.contents_link{
    top: 400px;  
}
.link_position2{
    top: 348px;  
}
.bnr_tohome{
	font-size:12px;
}
.floor_access iframe{
	padding-right:0px;
	padding-left:0px;
}

/* 感染症対策 */
.covid_contents{
    width: 100%;
}
.covid_contents2{
    width: 100%;
}

}


/*------------------------------
 *  767px以下
 *----------------------------*/
@media screen and (min-width: 0px) and (max-width: 767px)
{
#covid19{
    background: none;
}

.panel-title{
	//padding-top:12px;
}
.panel-heading{
/*	padding-top:14px;
	padding-right:0px;
	padding-left:0px;
*/
	padding: 8px 0 2px;
}
.contents_companyname, .contents_companyname2{
	clear: both;
}
.contents_detail{
	position:static;
	height:auto;
}
.contents_link{
	position:static;
	height:auto;
	padding-left:0px;
	padding-right:0px;
}
.bnr_tohome{
	font-size:12px;
}
.contents_detail ul{
    margin-bottom:20px;
}
.contents_detail li{
	font-size:13px;
}
.floor_access iframe{
	padding-right:0px;
	padding-left:0px;
}
.access_msg{
  font-size:12px;
}

/* display・demonstration  */
.display_contents{
	margin-bottom:30px;
}
.attention li{
  font-size:14px;
}
.model_list{
	margin-left:20px;
}
.model_list li{
  font-size:14px;
}
/* 感染症対策 */
.covid_contents{
    width: 100%;
}
.covid_contents2{
    width: 100%;
}
.covid_msg{
    font-size:18px;
}
.covid_title{
    font-size:17px;
}
.covid_contents2 ul li {
    font-size:14px;
}
.covid_memo{
    font-size:14px;
}

.covid_panel_sm{
/*    background: url(../images/bg_covid19_sm.png) left -2px top 0px no-repeat;*/
}
.covid_body_sm{
    background-color:#ffffff;
}
.covid_msg_top{
    font-size:9px;
}

}



/*------------------------------
 * event
 *----------------------------*/
.event_access{
	margin-top:60px;
}
.event_copy{
	margin-top:50px;
	margin-bottom:40px;
}
.event_img{
	margin-bottom:40px;
}
.event_contact{
	margin-top:40px;
	margin-bottom:60px;
}

.event_list {
    list-style: none; /* デフォルトの●を消す */
    padding: 0;
    margin: 0;
	margin-bottom:100px;
	margin-left: 10%;
}

.event_list li {
    position: relative;
    padding-left: 25px;   /* 画像の幅＋余白分を空ける */
    margin-bottom: 10px;  /* 行間の調整 */
    line-height: 1.6;
    display: block;
}

/* 〇の画像を配置 */
.event_list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;           /* テキストの1行目の高さに合わせる調整 */
    width: 20px;          /* 画像の横幅（適宜調整してください） */
    height: 20px;         /* 画像の縦幅（適宜調整してください） */
    background-image: url('../images/event_li.png'); /* パスを再確認 */
    background-size: contain;
    background-repeat: no-repeat;
}

.event_sns {
    display: flex;           /* 横並びにする */
    justify-content: center; /* 中央に寄せる */
    align-items: center;     /* 上下の位置を揃える */
    gap: 20px;               /* 画像の間の隙間を20pxにする */
    margin-top: 20px;        /* 任意：上の要素との余白 */
}

/* Bootstrapのcenter-block（display:block）の影響を打ち消す */
.event_sns img.center-block {
    display: inline-block; 
    margin: 0 !important;    /* center-blockのmargin:autoを解除 */
    max-width: 100%;         /* img-responsiveを活かす */
    height: auto;
}

.history_list{
	margin-top:50px;
}
.history_list img{
	width:100%;
}


.caption {
    font-size: 16px;
    line-height: 1.4;
    color: #333;
    margin: 10px 0 15px;
    padding-bottom: 10px; /* 次の行とのバランス調整 */
}
.caption-h{
    padding-bottom: 35px;
}
.event_copy p{
    text-align: justify;
}

@media screen and (min-width: 0px) and (max-width: 767px)
{

.event_copy p, .event_list li, .caption {
    font-size: 13px;
}
.event_list {
    margin-left:0;
    margin-bottom: 70px;
}
.caption-h{
    padding-bottom: 10px;
}
}


/* スマホ等で1枚にしたい場合はここを有効に */
@media (max-width: 480px) {
    .history_grid {
        grid-template-columns: 1fr;
    }
}


/*------------------------------
 * panel-heading調整
 *----------------------------*/
@media screen and (min-width: 620px) and (max-width: 767px)
{
.panel-heading{
	padding-bottom:30px;

}
}
@media screen and (min-width: 450px) and (max-width: 619px)
{
.panel-heading{
	padding-bottom:15px;

}
}


.mercedes_logo{
    width:215px;
}
@media screen and (max-width: 767px)
{
.mercedes_logo{
    width:230px;
}
.companyname_jaguar{
    margin-top: 80px;
}
}

/*----------------------------------------------------
 * フッダ・共通
 *----------------------------------------------------*/


footer{
	margin-top:50px;
	padding-bottom:50px;
        background-color: #e6f0f0;
}
.footer_white{
        background-color: #ffffff;
        padding-bottom:50px;
}
.footer_mark{
        padding-top:10px;
}
.mark_info{
        font-size:12px;
}
.mark_info a{
        font-size:12px;
}

.footer_sns {
    display: flex;           /* 横並びにする */
    justify-content: flex-end; /* 全体を右に寄せる */
    align-items: center;     /* 縦方向のセンターを揃える */
    gap: 20px;               /* アイコン同士の間隔を20pxにする */
}

/* aタグとimgの微調整 */
.footer_sns a {
    display: block;          /* クリックしやすくする */
    text-decoration: none;   /* リンクの下線を消す */
}

.footer_sns img.center-block {
    display: block;
    margin: 0 !important;    /* Bootstrapの左右中央寄せを解除して右寄せに従わせる */
    width: 56px;             /* 必要に応じてアイコンのサイズを調整してください */
    height: auto;
}

/* 【重要】スマホなどの小さい画面では中央寄せにしたい場合 */
@media (max-width: 767px) {
    .footer_sns {
        justify-content: center; /* スマホでは中央寄せ */
        margin-top: 15px;
    }
}

@media screen and (min-width: 0px) and (max-width: 767px)
{
.mark_info{
        font-size:10px;
}
.mark_info a{
        font-size:10px;
}
}

/*footer ul{
	list-style:none;
	margin-left:0px;
	margin-right:0px;
	margin-top:-10px;

}
.footer_li{
	font-size:14px;
        margin-top:10px;
        line-height: 22px;
}
.footer_li2{
        margin-top:20px;
}
.footer_li span{
	font-size:14px;
	font-weight:bold;
        margin-bottom:10px;
}
.footer_facebook{
    margin-bottom: 5px;
}*/
footer ul{
	list-style:none;
	margin-left:90px;
	margin-top:-10px;

}
.footer_li{
	font-size:14px;
	text-indent: -3.5em;
}
.footer_li span{
	font-size:14px;
	font-weight:bold;
	margin-right:20px;
}
/*------------------------------
 *  1200px以上　pc
 *----------------------------*/
@media screen and (min-width: 1200px)
{
.footer_facebook{
	padding-left:0px;
	padding-right:0px;
}
}
/*------------------------------
 *  1200px以上　pc
 *----------------------------*/
@media screen and (max-width: 1199px)
{
footer ul{
	margin-left:40px;
	margin-top:-20px;
}

}
/*------------------------------
 *  767px以下
 *----------------------------*/
@media screen and (min-width: 0px) and (max-width: 767px)
{
footer ul{
	margin-top:-10px;
	margin-left:40px;
}
.footer_li{
	font-size:10px;
}
.footer_li span{
	font-size:10px;
	}
}

.news_contents{
    margin-top: 40px;
    max-width:930px
}
.news_list{
    margin-bottom: 50px;
    height: 300px;
    overflow-x: auto;
}
.news_list li{
    padding: 18px 15px 16px; 
    border-bottom: 1px dashed #000;
    list-style: none;
}
.news_hr{
    margin-left: 200px;
    border-top: 3px solid #000; 
    margin-top: 13px;
}
/*------------------------------
 *  900px以上　pc
 *----------------------------*/
@media screen and (min-width: 900px)
{
.padding-LR0-PC{
   padding-right:0;
   padding-left:0;
}
}
/*------------------------------
 *  767px以下
 *----------------------------*/
@media screen and (min-width: 0px) and (max-width: 767px)
{
.news_title{
    max-width:120px;
}
.news_hr{
    margin-left: 130px;
    margin-top: 7px;
}
.news_list a{
    font-size:14px;
}
.news_list li{
    font-size:14px;
}

}


.ev{
    color:#45b035;
}


/* Swiper本体 */
.car-slider {
  width: 100%;
  overflow: hidden;
    position: absolute;
    top: 829px;
}

/* スライド */
.car-slider .swiper-slide {
  width: auto;              /* ← 巨大化防止 */
  text-align: center;
}

/* 画像 */
.car-slider .swiper-slide img {
  width: 100%;
  max-width: 260px;         /* ← 見た目調整 */
  height: auto;
  display: block;
  margin: 0 auto;
}

.lb-data {
    line-height: 23px;
}
.lb-data .lb-details{
    display:contents;
}
.lb-data .lb-caption,.lb-data .lb-number{
//    text-align:left;
    font-size: 16px;
}
.lb-number{
    display:none!important;
}
.lb-caption {
    display: block !important; /* ブロック要素にする */
    text-align: left !important; /* これで左寄せが効く */
}

.lb-nav a.lb-prev {
    background-image: url('../images/prev.png'); /* パスを再確認 */
}
.lb-nav a.lb-next {
    background-image: url('../images/next.png'); /* パスを再確認 */
}
.lb-nav {
	padding:0 10px;
}

/*------------------------------
 *  768px以上　991px以下　タブレット
 *----------------------------*/
@media screen and (min-width: 768px) and (max-width: 991px)
{

.car-slider {
    top: 750px;
}
}
/*------------------------------
 *  767px以下（スマホサイト）
 *----------------------------*/
@media screen and (min-width: 0px) and (max-width: 767px)
{

.car-slider {
    top: 480px;
}
.car-slider .swiper-slide img {
  max-width: 180px;
}
.hero-inner {
    min-height: 380px;
}
.lb-data .lb-caption,.lb-data .lb-number{
    font-size: 13px;
}
}
/*------------------------------
 *  767px以下（スマホサイト）
 *----------------------------*/
@media screen and (min-width: 0px) and (max-width: 400px)
{

.car-slider {
    top: 430px;
}
.hero-inner {
    min-height: 350px;
}
}


/*------------------------------
 *  767px以下　スマホ
 *----------------------------*/
@media screen and (min-width: 500px) and (max-width: 767px) {
.top_wrap {
    min-height: 845px;
}
    .youtube-area {
        top: 12px;
        width: 90%;
    }
    .car-slider {
        top: 719px;
    }

}
.footer_li2 {
  display: flex;
  align-items: flex-start;
}

.footer_label {
  width: 3.5em;      /* ラベル幅を明示的に確保 */
  flex-shrink: 0;
  font-size: 14px;
  font-weight: bold;
}

.footer_text {
  font-size: 14px;
}

/* スマホ */
@media screen and (max-width: 767px) {
  .footer_label,
  .footer_text {
    font-size: 10px;
  }
}