@charset "utf-8";
body{
	background-color:#fff;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
	line-height: 1.7;
	color:#000;
	animation: fadeIn 3s ease 0s 1 normal;
	-webkit-animation: fadeIn 3s ease 0s 1 normal;
}
@keyframes fadeIn {
	0% {
	opacity: 0
	}
	100% {
	opacity: 1
	}
}
@-webkit-keyframes fadeIn {
	0% {
	opacity: 0
	}
	100% {
	opacity: 1
}
}

a{
	color:#000;
	text-decoration:none;
}
p{
	margin-bottom:1em;
}
.e_font{
	font-family: 'Oswald', sans-serif;
	font-weight: 500;
	font-style: normal;
}

/*メインビジュアル*/
#main_wrapp{
	position:relative;
	min-width:0;
	width:100%;
	height:100vh;
	background-position: center center;
	background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
}
#bg_tire1{
	position:absolute;
	bottom:0;
	width:100%;
}
#main_copy{
	position:absolute;
	left:4%;
	top:30%;
	width:73%;
}
#corona_box{
	position:absolute;
	bottom:30px;
	right:3%;
	width:50%;
	margin:0;
	text-align:right;
}
#corona_box a{
	color:#fff;
}
.arw{
	position:relative;
	width:10px;
	top:3px;
}
#scroll{
	position:absolute;
	left:5%;
	bottom:-15px;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	font-style: normal;
	color:#fff;
	font-size:0.86em;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	letter-spacing:0.1em;
}
#scroll p{
	float:right;
	line-height:0;
}
#scroll_line{
	height: 50px;
	overflow: hidden
}
#scroll_line:after{
	content:"";
	display: block;
	width: 1px;
	border-left:2px #fff solid;
	animation:scroll 2s ease 0s infinite normal;
	margin: 0;
}
@keyframes scroll{
	0%{
		height: 0;
	}
	50%{
		height: 50px;
		margin-top: 0;
	}
	100%{
		margin-top: 50px;
		height: 50px;
	}
}

/*KVスライダー*/
  .main_imgBox {
	height: 100%;
	width:100%;
	overflow: hidden;
	position: absolute;
	top:0;
	left:0;
 }
  .main_img {
    z-index:-1;
    opacity: 0;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-animation: anime 30s 0s infinite;
    animation: anime 30s 0s infinite; }

    .main_img:nth-of-type(2) {
      -webkit-animation-delay: 6s;
      animation-delay: 6s; }

    .main_img:nth-of-type(3) {
      -webkit-animation-delay: 12s;
      animation-delay: 12s; }

    .main_img:nth-of-type(4) {
      -webkit-animation-delay: 18s;
      animation-delay: 18s; }

    .main_img:nth-of-type(5) {
      -webkit-animation-delay: 24s;
      animation-delay: 24s; }

@keyframes anime {
    0% {
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    20% {
        opacity: 1;
    }
    30% {
        opacity: 0;
         transform: scale(1.15);
                    z-index:-1;
    }
    100% { opacity: 0 }
}

@-webkit-keyframes anime {
    0% {
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    20% {
        opacity: 1;
    }
    30% {
        opacity: 0;
         -webkit-transform: scale(1.15);
            z-index:1;
    }
    100% { opacity: 0 }
}

/*ヘッダー*/
#home_header{
	position:absolute;
	top:0;
	width:100%;
	padding:23px 35px 0 27px;
}
#home_logo{
	float:left;
	width:100px;
}
#home_fb{
	width:9px;
	padding-top:6px;
}
#home_fb:hover{
	filter: invert(100%);
}
#home_insta{
	width:18px;
	padding-top:6px;
	margin-left:10px;
}
#home_insta:hover{
	filter: invert(100%);
}
ul.home_menu{
	float:right;
	padding-top:5px;
}
ul.home_menu li{
	display:block;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	font-style: normal;
	float:left;
	list-style:none;
	padding-left:20px;
}
ul.home_menu li a{
	color:#fff;
}
ul.home_menu li a:hover{
	color:#111;
}
ul.home_menu li a.yoyaku{
	position:relative;
	top:-3px;
	display:block;
	border:1px solid #fff;
	font-size:0.9em;
	width:90px;
	height:34px;
	line-height:30px;
	padding:0;
	text-align:center;
}
ul.home_menu li a.yoyaku:hover{
	border:1px solid #000;
}

/*スクロールダウン*/
#js-header {
	position: fixed;
	left: 0;
	padding:19px 30px 0;
	width: 100%;
	height:100px;
	margin: 0 auto;
	overflow: hidden;
	opacity: 0;
	z-index: 2;
	background-color:#fff;
}
#home_logo2{
	float:left;
	width:100px;
}
#home_fb2{
	width:9px;
	padding-top:6px;
}
#home_fb2:hover{
	filter: invert(50%);
}
#home_insta2{
	width:18px;
	padding-top:6px;
	margin-left:10px;
}
#home_insta2:hover{
	filter: invert(50%);
}
ul.home_menu2{
	float:right;
	padding-top:17px;
}
ul.home_menu2 li{
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	font-style: normal;
	float:left;
	list-style:none;
	padding-left:20px;
}
ul.home_menu2 li a{
	color:#000;
}
ul.home_menu2 li a:hover{
	color:#bbb;
}
ul.home_menu2 li a.yoyaku{
	position:relative;
	top:-3px;
	display:block;
	border:1px solid #000;
	font-size:0.9em;
	width:90px;
	height:34px;
	line-height:30px;
	padding:0;
	text-align:center;
}
ul.home_menu2 li a.yoyaku:hover{
	border:1px solid #999;
}



/*コンテンツ*/

.content_wrapp{
	width:100%;
	background-image:url("../img/bg_tire2.png");
	overflow:hidden;
	background-size:100%;
	background-repeat: no-repeat;
	background-position: top;
}
.content1250{
	max-width:1350px;
	clear:both;
	width:100%;
	margin:0 auto;
	padding:0 50px;
}
.content1300{
	overflow:hidden;
	max-width:1400px;
	clear:both;
	width:100%;
	margin:0 auto;
	padding:0 50px;
	overflow:hidden;
}
.content1000{
	overflow:hidden;
	clear:both;
	max-width:1100px;
	width:100%;
	margin:0 auto;
	padding:0 50px;
}
.home_komidashi{
	font-family: 'Oswald', sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size:95px;
	width:100%;
	text-align:left;
	line-height:1.5em;
	margin:0;
}
.home_komidashi_copy{
	font-size:40px;
	width:100%;
	font-weight: 500;
	line-height:1.0em;
}



/*ABOUT*/

#home_about_left{
	width:50%;
	float:left;
	overflow:hidden;
	margin-top:91px;
}
#home_about_right{
	max-width:550px;	
	width:50%;
	float:right;
	overflow:hidden;
	margin-top:120px;
	font-size:0.9em;
	line-height:2.0em;
}
.hr_line{
	float:left;
	width:100%;
	height:1px;
	border-bottom:5px solid #000;
	overflow:hidden;
	margin:100px 0;
}
a.view_more_btn{
	position:relative;
	display:block;
	width:280px;
	height:60px;
	border:3px solid #000;
	padding:0 15px;
	margin-top:43px;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size:1.2em;
	line-height:54px;
	letter-spacing:0.07em;
	transition: all 0.3s ease 0s;
}
a.view_more_btn:hover{
	background-color:#000;
	color:#fff;
}
a.view_more_btn span{
	position:absolute;
	right:15px;
	top:26px;
	display:block;
	width:30px;
	height:2px;
	background-color:#000;
	transition: all 0.3s ease 0s;
}
a.view_more_btn:hover span{
	right:-2px;
	background-color:#fff;
}

a.view_more_btn_w{
	position:relative;
	display:block;
	width:280px;
	height:60px;
	border:3px solid #ddd;
	padding:0 15px;
	margin-top:43px;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size:1.2em;
	line-height:54px;
	color:#ddd;
	letter-spacing:0.07em;
	transition: all 0.3s ease 0s;
}
a.view_more_btn_w:hover{
	background-color:#ddd;
	color:#000;
}
a.view_more_btn_w span{
	position:absolute;
	right:15px;
	top:26px;
	display:block;
	width:30px;
	height:2px;
	background-color:#fff;
	transition: all 0.3s ease 0s;
}
a.view_more_btn_w:hover span{
	right:-2px;
	background-color:#000;
}

/*SERVICE*/
#home_service_wrapp{
	position:relative;
	width:100%;
	overflow:hidden;
	margin-bottom:40px;
}
#home_service_bbox{
	position:absolute;
	right:0;
	bottom:50px;
	width:90%;
	height:650px;
	background-color:#000;
}
#service_bg{
	position:absolute;
	right:0;
	bottom:0;
	max-width:775px;
	width:100%;
}
#home_service_txt{
	position:absolute;
	left:7%;
	bottom:17%;
	width:50%;
	color:#ccc;
	font-size:0.9em;
	line-height:2.0em;
}
#view_more_btn_box{
	position:absolute;
	right:5%;
	bottom:20%;
}
.service-slick-box{
	position:absolute;
	margin:80px 0 350px;
}
.service-slick-box figure{
	padding:0 25px;
	outline:none;
}
.service-slick-box video {
	width: 500px;
}

/*STOCK*/
#home_stock_wrapp{
	float:left;
	width:100%;
	padding:80px 0 0;
}
#home_stock_wrapp li:nth-child(odd){
	float:left;
	clear:both;
}
#home_stock_wrapp li:nth-child(even){
	float:right;
}
#view_more_btn_box2{
	clear:both;
	width:280px;
	margin: 0 auto;
	text-align:center;
	overflow:hidden;
}

/*SHOP INFO*/
#home_shopinfo_wrapp{
	position:relative;
	width:100%;
	overflow:hidden;
	margin:90px 0 97px;
}
#shopinfo_photo{
	position:relative;
	width:94%;
	margin:75px 3% 330px;
}
#home_shopinfo_bbox{
	position:absolute;
	right:0;
	bottom:0;
	width:90%;
	height:700px;
	background-color:#000;
}
#shopinfo_bg{
	position:absolute;
	right:0;
	bottom:0;
	max-width:985px;
	width:100%;
}
#home_shop_bg_txt{
	position:absolute;
	left:7%;
	bottom:17%;
	width:50%;
	color:#ccc;
	font-size:0.9em;
	line-height:2.0em;
}

/*OWNERS LIFE*/

ul.owner_box_outer{
	margin-top:90px;
	width:100%;
}

ul.owner_box_outer li{
	float:left;
	position:relative;
	width:31%;
	margin-right:3.5%;
	list-style:none;
}
ul.owner_box_outer li:nth-child(3){
	float:right;
	margin-right:0;
}
.owner_box{
	position:relative;
	width:100%;
	height:auto;
	max-height:500px;
	margin:0 0 0 0;
	overflow:hidden;
}
.owner_box img{
	width:100%;
	height:auto;
	transition: all 0.3s ease 0s;
	object-fit: cover;
	transform: scale(1.05);
}
.owner_box img:hover{
	transform: scale(1.15);
}
.owner_no{
	position:absolute;
	left:-15px;
	top:-15px;
	background-color:#000;
	text-align:center;
	width:70px;
	height:70px;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size:42px;
	line-height:1.6em;
	color:#fff;
}
.owner_car{
	position:absolute;
	right:0;
	bottom:0;
	background-color:#fff;
	padding:10px 17px;
	font-weight: 500;
	font-style: normal;
	font-size:0.9em;
	line-height:1.3em;
}
.owner_car span{
	font-size:1.3em;
}
.owner_date{
	float:left;
	width:100%;
	text-align:left;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size:0.8em;
	color:#bababa;
	margin:14px 0 2px;
}
.owner_catch{
	float:left;
	width:100%;
	text-align:left;
	font-size:1.25em;
	font-weight: 500;
	line-height:1.5em;
	margin-bottom:10px;
}
.owner_txt{
	font-size:0.9em;
	line-height:1.9em;
	margin-bottom:20px;
}

/*SUPPORT*/
#home_support_wrapp{
	position:relative;
	width:100%;
	overflow:hidden;
	margin:90px 0 97px;
}
#support_photo{
	position:relative;
	width:94%;
	margin:75px 3% 330px;
}
#home_support_bbox{
	position:absolute;
	right:0;
	bottom:0;
	width:90%;
	height:700px;
	background-color:#000;
}
#support_bg{
	position:absolute;
	right:0;
	bottom:0;
	max-width:855px;
	width:100%;
}
#home_support_bg_txt{
	position:absolute;
	left:7%;
	bottom:17%;
	width:50%;
	color:#ccc;
	font-size:0.9em;
	line-height:2.0em;
}


/*TOPICS*/
ul.home_topics_outer{
	margin-top:90px;
	width:100%;	
	overflow:hidden;
}
ul.home_topics_outer li{
	float:left;
	position:relative;
	width:31%;
	margin-right:3.5%;
	list-style:none;
}
ul.home_topics_outer li:last-of-type{
	float:right;
	margin-right:0;
}
.topics_box{
	position:relative;
	width:100%;
	height:auto;
	margin:0;
	max-height:400px;
	overflow:hidden;
}
.topics_box img{
	width:100%;
	height:auto;
	transition: all 0.3s ease 0s;
	object-fit: cover;
	transform: scale(1.05);
	-webkit-filter:grayscale(100%);
	-moz-filter:grayscale(100%);
	-ms-filter:grayscale(100%);
	filter:grayscale(100%);
}
.topics_box img:hover{
	transform: scale(1.15);
	-webkit-filter:grayscale(0);
	-moz-filter:grayscale(0);
	-ms-filter:grayscale(0);
	filter:grayscale(0);
}
.topics_date{
	float:left;
	width:100%;
	text-align:left;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size:0.8em;
	color:#bababa;
	margin:14px 0 2px;
}
.topics_date a{
	color:#bababa;
}
.topics_detail_date{
	float:left;
	width:100%;
	text-align:left;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size:0.8em;
	color:#bababa;
	margin:49px 0 2px;
}
.topics_detail_date a{
	color:#bababa;
}
.topics_catch{
	float:left;
	width:100%;
	text-align:left;
	font-size:1.25em;
	font-weight: 500;
	line-height:1.5em;
	margin-bottom:10px;
}
.topics_txt{
	font-size:0.9em;
	line-height:1.9em;
	margin-bottom:20px;
}
/*BRAND*/
      .swiper-container {
	position:relative;
        width: 100%;
        height: auto;
	overflow:hidden;
	padding:30px 0 70px;
	margin-bottom:40px;
      }
      .swiper-slide {
        text-align: center;
        height: auto;
        background: #fff;

        /* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	align-self: center;
      }
	
	.swiper-wrapper{
	margin:0 !important;
	height: 100%;
	/*border:1px dotted #ff0000;*/
	transition-timing-function:linear !important; 
	}
	.swiper-slide img{
	height: 100%;
	}
	.swiper-slide img:hover{
	transform: scale(1.1);
	outline:none;
	}
	.swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
	}
	.swiper-pagination{
	margin:0;
	padding:0;
	}
/*.slick-box{
	margin:70px 0 45px 0;
	height:120px;
}
.slick-box img{
	float:left;
	height:100px;
	width:auto;
	transition: all 0.3s ease 0s;
	margin:10px 5px;
	outline:none;
	border-style:none;
}
.slick-box img:hover{
	transform: scale(1.1);
	outline:none;
}*/

/*footer*/
footer{
	width:100%;
	background-color:#000;
	padding:70px 0;
	text-align:center;
	color:#fff;
	overflow:hidden;
	margin-top:100px;
}
#footer_left{
	float:left;
	width:50%;
	padding-left:50px;
	text-align:left;
}
#footer_contact{
	font-size:13.5px;
	line-height:2.7em;
}
#footer_contact_e{
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size:36px;
}
#footer_tel{
	font-family: 'Oswald', sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size:2.3em;
	margin-top:10px;
	letter-spacing:0.04em;
}
#footer_holiday{
	font-size:12.5px;
	line-height:1.4em;
	margin-top:2px;
}
#footer_mail{
	font-size:12.5px;
	line-height:1.4em;
	margin-top:6px;
	margin-bottom:40px;
}
#footer_mail a{
	color:#fff;
}


a.contact_btn{
	position:relative;
	display:block;
	color:#fff;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size:17px;
	border:3px solid #fff;
	color:#fff;
	height:54px;
	width:280px;
	line-height:47px;
	padding:0 15px;
	transition: all 0.3s ease 0s;
}
a.contact_btn span{
	position:absolute;
	right:15px;
	top:22px;
	display:block;
	width:30px;
	height:2px;
	background-color:#fff;
	color:#000;
	transition: all 0.3s ease 0s;
}
a.contact_btn:hover{
	background-color:#fff;
	color:#000;
}
a.contact_btn:hover span{
	background-color:#000;
	right:-3px;
}


#footer_right{
	float:right;
	width:50%;
	text-align:right;
	padding-right:50px;
}
#bottom_navi a{
	color:#fff;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	font-style: normal;
	margin-left:13px;
}
#bottom_navi a:hover{
	color:#bbb;
}
#bottom_sns{
	margin:5px 0 63px;
}
#bottom_fb{
	width:9px;
	padding-top:6px;
}
#bottom_insta{
	width:18px;
	padding-top:6px;
	margin-left:10px;
}
#bottom_logo{
	width:100px;
	margin-bottom:5px;
}
#copyright{
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	font-style: normal;
	color:#333;
}

/*___________________________________________________PC用CSS____________________________________________________________*/

@media screen and (min-width: 767px) {
/*ウィンドウ幅が767px以上の場合に適用*/
.sp_content{
	display:none;
	}
}

/*___________________________________________________スマホ用CSS____________________________________________________________*/
@media print, screen and (max-width: 767px) {
/*ウィンドウ幅が最大767pxまでの場合に適用*/

.pc_content{
	display:none;
}

body{
	background-color:#fff;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
	line-height: 1.7;
	color:#000;
	animation: fadeIn 3s ease 0s 1 normal;
	-webkit-animation: fadeIn 3s ease 0s 1 normal;
}
body.fixed{
	overflow:hidden;
}

/*ハンバーガーメニュー*/
nav.NavMenu{
	position: fixed; /*表示位置を固定*/
	z-index: 100; /*重ね順を変更*/
	top: 0; /*表示位置を指定*/
	left: 0; /*表示位置を指定*/
	background: #000;
	color: #fff;
	text-align: center;
	font-family: 'Oswald', sans-serif;
	font-weight: 500;
	font-style: normal;
	letter-spacing:0.1em;
	width: 100%; /*全幅表示*/
	height:100vh;
	transform: translateX(100%); /*ナビを上に隠す*/
	transition: all 0.6s; /*アニメーションの時間を指定*/
	opacity:0.9;
}
nav.NavMenu ul{
	width: 100%;
	margin: 0 auto;
	padding: 45px 0;
}
nav.NavMenu ul li{
	font-size: 1.0em;
	list-style-type: none;
	padding: 0.4em 15%;
	width: 100%;
	text-align:center;
}
nav.NavMenu ul li:last-child{
	padding-bottom: 0;
	border-bottom: none;/*最後のメニュー項目のみ下線を消す*/
}
nav.NavMenu ul li a{
	display: block; /*クリックできる領域を広げる*/
	color: #fff;
	text-decoration:none;
}
nav.NavMenu ul li a:hover{
	color: #fff;
}
nav.NavMenu.active{
	transform: translateY(0%); /*ナビを表示する*/
}
nav.NavMenu ul li span{
	float:left;
	width:50%;
}
nav.NavMenu ul li.tel{
	font-size:1.7em;
	line-height:2.3em;
}
nav.NavMenu ul li.tel a{
	text-decoration:none;
	color:#fff;
}
nav.NavMenu ul li.tel a:hover{
	color:#fff;
}
.Toggle {
	display: block;
	position: absolute; /* bodyに対しての絶対位置指定 */
	right: 13px;
	top: 13px;
	width: 42px;
	height: 46px;
	cursor: pointer;
	z-index: 101;
}
	.toggle_txt{
	position: absolute;
	font-size:10px;
	bottom:0;
	left:13.5%;
	color:#000;
}
.Toggle.fixed {
	position: fixed;
}
.Toggle span {
	display: block;
	position: absolute;
	width: 30px;
	border-bottom: solid 2px #fff;
	-webkit-transition: .35s ease-in-out; /*変化の速度を指定*/
	-moz-transition: .35s ease-in-out; /*変化の速度を指定*/
	transition: .35s ease-in-out; /*変化の速度を指定*/
	left: 6px;
} 
.Toggle span:nth-child(1) {
	top: 9px;
}
.Toggle span:nth-child(2) {
	top: 18px;
}
.Toggle span:nth-child(3) {
	top: 27px;
}

/* 最初のspanをマイナス45度に */
.Toggle.active span:nth-child(1) {
	top: 18px;
	left: 6px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);} 
/* 2番目のspanを透過 */
.Toggle.active span:nth-child(2) {
	top: 18px;
	opacity:0;
}
/* 3番目のspanを45度に */
.Toggle.active span:nth-child(3) {
	top: 18px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
}


/*メインビジュアル*/
#main_wrapp{
	position:relative;
	width:100%;
	height:70vh;
	background-position: center center;
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: center;
}
#bg_tire1{
	position:absolute;
	bottom:0;
	width:100%;
}
#main_copy_sp{
	position:absolute;
	left:4%;
	top:30%;
	width:68%;
	z-index:1;
}
#corona_box{
	z-index:1;
	position:absolute;
	bottom:20px;
	left:5%;
	width:95%;
	margin:0;
	text-align:left;
	font-size:0.9em;
}
#corona_box a{
	color:#fff;
}
.arw{
	position:relative;
	width:7px;
	top:1px;
}
#scroll{
	display:none;
}
#scroll p{
	float:right;
	line-height:0;
}
#scroll_line{
	height: 50px;
	overflow: hidden
}
#scroll_line:after{
	content:"";
	display: block;
	width: 1px;
	border-left:2px #fff solid;
	animation:scroll 2s ease 0s infinite normal;
	margin: 0;
}
@keyframes scroll{
	0%{
		height: 0;
	}
	50%{
		height: 50px;
		margin-top: 0;
	}
	100%{
		margin-top: 50px;
		height: 50px;
	}
}


/*KVスライダー*/
  .main_imgBox {
	height: 100%;
	width:100%;
	overflow: hidden;
	position: absolute;
	top:0;
	left:0;
 }
  .main_img {
    z-index:-1;
    opacity: 0;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-animation: anime 30s 0s infinite;
    animation: anime 30s 0s infinite; }

    .main_img:nth-of-type(2) {
      -webkit-animation-delay: 6s;
      animation-delay: 6s; }

    .main_img:nth-of-type(3) {
      -webkit-animation-delay: 12s;
      animation-delay: 12s; }

    .main_img:nth-of-type(4) {
      -webkit-animation-delay: 18s;
      animation-delay: 18s; }

    .main_img:nth-of-type(5) {
      -webkit-animation-delay: 24s;
      animation-delay: 24s; }

@keyframes anime {
    0% {
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    20% {
        opacity: 1;
    }
    30% {
        opacity: 0;
         transform: scale(1.15);
                    z-index:-1;
    }
    100% { opacity: 0 }
}

@-webkit-keyframes anime {
    0% {
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    20% {
        opacity: 1;
    }
    30% {
        opacity: 0;
         -webkit-transform: scale(1.15);
            z-index:1;
    }
    100% { opacity: 0 }
}
.main_img:nth-of-type(2) {
	position:relative;
	right:60%;
}

/*ヘッダー*/
#home_header{
	position:absolute;
	top:0;
	width:100%;
	padding:15px 5% 0;
	z-index:2;
}
#home_logo{
	width:70px;
}
#home_fb{
	float:right;
	width:10px;
	padding-top:10px;
	margin:0 15px 0 0;
}
#home_fb:hover{
	filter: invert(100%);
}
#home_insta{
	float:left;
	width:23px;
	padding-top:10px;
	margin:0 0 0 5px;
}
#home_insta:hover{
	filter: invert(100%);
}

/*スクロールダウン*/
#js-header {
	position: fixed;
	left: 0;
	padding:10px 5%;
	width: 100%;
	height:63px;
	margin: 0 auto;
	opacity: 0;
	z-index: 2;
	background-color:#fff;
}
#home_logo2{
	float:left;
	width:70px;
}
#home_fb2{
	width:9px;
	padding-top:6px;
}
#home_fb2:hover{
	filter: invert(50%);
}
#home_insta2{
	width:18px;
	padding-top:6px;
	margin-left:10px;
}
#home_insta2:hover{
	filter: invert(50%);
}
ul.home_menu2{
	float:right;
	padding-top:15px;
}
ul.home_menu2 li{
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	font-style: normal;
	float:left;
	list-style:none;
	padding-left:20px;
}
ul.home_menu2 li a{
	color:#000;
}
ul.home_menu2 li a:hover{
	color:#bbb;
}


/*ハンバーガーメニュー2*/
nav.NavMenu2{
	position: fixed; /*表示位置を固定*/
	z-index: 100; /*重ね順を変更*/
	top: 0; /*表示位置を指定*/
	left: 0; /*表示位置を指定*/
	background: #000;
	color: #fff;
	text-align: center;
	font-family: 'Oswald', sans-serif;
	font-weight: 500;
	font-style: normal;
	letter-spacing:0.1em;
	width: 100%; /*全幅表示*/
	height:100vh;
	transform: translateX(100%); /*ナビを上に隠す*/
	transition: all 0.6s; /*アニメーションの時間を指定*/
	opacity:1.0;
}
nav.NavMenu2 ul{
	width: 100%;
	margin: 0 auto;
	padding: 45px 0;
}
nav.NavMenu2 ul li{
	font-size: 1.0em;
	list-style-type: none;
	padding: 0.4em 15%;
	width: 100%;
	text-align:center;
}
nav.NavMenu2 ul li:last-child{
	padding-bottom: 0;
	border-bottom: none;/*最後のメニュー項目のみ下線を消す*/
}
nav.NavMenu2 ul li a{
	display: block; /*クリックできる領域を広げる*/
	color: #fff;
	text-decoration:none;
}
nav.NavMenu2 ul li a:hover{
	color: #fff;
}
nav.NavMenu2.active{
	transform: translateY(0%); /*ナビを表示する*/
}
nav.NavMenu2 ul li span{
	float:left;
	width:50%;
}
nav.NavMenu2 ul li.tel{
	font-size:1.7em;
	line-height:2.3em;
}
nav.NavMenu2 ul li.tel a{
	text-decoration:none;
	color:#fff;
}
nav.NavMenu2 ul li.tel a:hover{
	color:#fff;
}
.Toggle2 {
	display: block;
	position: absolute; /* bodyに対しての絶対位置指定 */
	right: 13px;
	top: 13px;
	width: 42px;
	height: 46px;
	cursor: pointer;
	z-index: 101;
	}
	.toggle_txt{
	position: absolute;
	font-size:10px;
	bottom:0;
	left:13.5%;
	color:#000;
}
.Toggle2.fixed {
	position: fixed;
}
.Toggle2 span {
	display: block;
	position: absolute;
	width: 30px;
	border-bottom: solid 2px #000;
	-webkit-transition: .35s ease-in-out; /*変化の速度を指定*/
	-moz-transition: .35s ease-in-out; /*変化の速度を指定*/
	transition: .35s ease-in-out; /*変化の速度を指定*/
	left: 6px;
} 
.Toggle2 span:nth-child(1) {
	top: 9px;
}
.Toggle2 span:nth-child(2) {
	top: 18px;
}
.Toggle2 span:nth-child(3) {
	top: 27px;
}

/* 最初のspanをマイナス45度に */
.Toggle2.active span:nth-child(1) {
	top: 18px;
	left: 6px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
	border-bottom: solid 2px #fff;
} 
/* 2番目のspanを透過 */
.Toggle2.active span:nth-child(2) {
	top: 18px;
	opacity:0;
}
/* 3番目のspanを45度に */
.Toggle2.active span:nth-child(3) {
	top: 18px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
	border-bottom: solid 2px #fff;
}


/*ハンバーガーメニュー2*/
nav.NavMenu3{
	position: fixed; /*表示位置を固定*/
	z-index: 100; /*重ね順を変更*/
	top: 0; /*表示位置を指定*/
	left: 0; /*表示位置を指定*/
	background: #000;
	color: #fff;
	text-align: center;
	font-family: 'Oswald', sans-serif;
	font-weight: 500;
	font-style: normal;
	letter-spacing:0.1em;
	width: 100%; /*全幅表示*/
	height:100vh;
	transform: translateX(100%); /*ナビを上に隠す*/
	transition: all 0.6s; /*アニメーションの時間を指定*/
	opacity:1.0;
}
nav.NavMenu3 ul{
	width: 100%;
	margin: 0 auto;
	padding: 45px 0;
}
nav.NavMenu3 ul li{
	font-size: 1.0em;
	list-style-type: none;
	padding: 0.4em 15%;
	width: 100%;
	text-align:center;
}
nav.NavMenu3 ul li:last-child{
	padding-bottom: 0;
	border-bottom: none;/*最後のメニュー項目のみ下線を消す*/
}
nav.NavMenu3 ul li a{
	display: block; /*クリックできる領域を広げる*/
	color: #fff;
	text-decoration:none;
}
nav.NavMenu3 ul li a:hover{
	color: #fff;
}
nav.NavMenu3.active{
	transform: translateY(0%); /*ナビを表示する*/
}
nav.NavMenu3 ul li span{
	float:left;
	width:50%;
}
nav.NavMenu3 ul li.tel{
	font-size:1.7em;
	line-height:2.3em;
}
nav.NavMenu3 ul li.tel a{
	text-decoration:none;
	color:#fff;
}
nav.NavMenu3 ul li.tel a:hover{
	color:#fff;
}

.Toggle3 {
	display: block;
	position: absolute; /* bodyに対しての絶対位置指定 */
	right: 13px;
	top: 13px;
	width: 42px;
	height: 46px;
	cursor: pointer;
	z-index: 101;}
	.toggle_txt{
	position: absolute;
	font-size:10px;
	bottom:0;
	left:13.5%;
	color:#000;
}
.Toggle3.fixed {
	position: fixed;
}
.Toggle3 span {
	display: block;
	position: absolute;
	width: 30px;
	border-bottom: solid 2px #000;
	-webkit-transition: .35s ease-in-out; /*変化の速度を指定*/
	-moz-transition: .35s ease-in-out; /*変化の速度を指定*/
	transition: .35s ease-in-out; /*変化の速度を指定*/
	left: 6px;
} 
.Toggle3 span:nth-child(1) {
	top: 9px;
}
.Toggle3 span:nth-child(2) {
	top: 18px;
}
.Toggle3 span:nth-child(3) {
	top: 27px;
}

/* 最初のspanをマイナス45度に */
.Toggle3.active span:nth-child(1) {
	top: 18px;
	left: 6px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
	border-bottom: solid 2px #fff;
} 
/* 2番目のspanを透過 */
.Toggle3.active span:nth-child(2) {
	top: 18px;
	opacity:0;
}
/* 3番目のspanを45度に */
.Toggle3.active span:nth-child(3) {
	top: 18px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
	border-bottom: solid 2px #fff;
}



/*コンテンツ*/

.content_wrapp{
	width:100%;
	background-image:url("../img/bg_tire2.png");
	overflow:hidden;
	background-size:100%;
	background-repeat: no-repeat;
	background-position: top;
}
.content1250{
	max-width:none;
	width:100%;
	margin:0 auto;
	padding:0 5%;	
}
.content1300{
	overflow:hidden;
	max-width:none;
	clear:both;
	width:100%;
	margin:0 auto;
	padding:0 5%;
}
.content1000{
	overflow:hidden;
	max-width:none;
	width:100%;
	margin:0 auto;
	padding:0 5%;
}
.home_komidashi{
	font-family: 'Oswald', sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size:57px;
	width:100%;
	text-align:left;
	line-height:1.5em;
	margin:0;
}
.home_komidashi_copy{
	font-size:23px;
	width:100%;
	font-weight: 500;
	line-height:1.3em;
}



/*ABOUT*/

#home_about_left{
	width:100%;
	margin:30px 0 0;
	float:left;
	overflow:hidden;
}
#home_about_right{
	max-width:none;	
	width:100%;
	float:right;
	overflow:hidden;
	margin-top:26px;
	font-size:0.9em;
	line-height:2.0em;
}
.hr_line{
	float:left;
	width:100%;
	height:1px;
	border-bottom:4px solid #000;
	overflow:hidden;
	margin:70px 0 45px;
}
a.view_more_btn{
	position:relative;
	display:block;
	width:70%;
	height:60px;
	border:3px solid #000;
	padding:0 15px;
	margin:40px 15% 0;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size:1.2em;
	line-height:54px;
	letter-spacing:0.07em;
	transition: all 0.3s ease 0s;
}
a.view_more_btn:hover{
	background-color:#000;
	color:#fff;
}
a.view_more_btn span{
	position:absolute;
	right:15px;
	top:26px;
	display:block;
	width:30px;
	height:2px;
	background-color:#000;
	transition: all 0.3s ease 0s;
}
a.view_more_btn:hover span{
	right:-2px;
	background-color:#fff;
}



a.view_more_btn_w{
	position:relative;
	display:block;
	width:70%;
	height:60px;
	border:3px solid #ddd;
	padding:0 15px;
	margin:43px 15% 0;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size:1.2em;
	line-height:54px;
	color:#ddd;
	letter-spacing:0.07em;
	transition: all 0.3s ease 0s;
}
a.view_more_btn_w:hover{
	background-color:#ddd;
	color:#000;
}
a.view_more_btn_w span{
	position:absolute;
	right:15px;
	top:26px;
	display:block;
	width:30px;
	height:2px;
	background-color:#fff;
	transition: all 0.3s ease 0s;
}
a.view_more_btn_w:hover span{
	right:-2px;
	background-color:#000;
}




/*SERVICE*/
#home_service_wrapp{
	position:relative;
	width:100%;
	overflow:hidden;
	margin-bottom:0;
	margin-top:20px;
	height:740px;
}
#home_service_bbox{
	position:absolute;
	right:0;
	top:0;
	width:100%;
	height:auto;
	background-color:#000;
	margin-top:50%;
}
#service_bg{
	position:absolute;
	right:0;
	bottom:0;
	max-width:none;
	width:70%;
}
#home_service_txt{
	position:relative;
	left:5%;
	top:30%;
	width:90%;
	color:#ccc;
	font-size:0.9em;
	line-height:2.0em;
}
#view_more_btn_box{
	clear:both;
	width:100%;
	position:relative;
	right:auto;
	top:0;
}
.service-slick-box{
	position:absolute;
	margin:20px 0 0;
}
.service-slick-box figure{
	padding:0 10px;
	outline:none;
}
.service-slick-box video {
	width: 250px;
}

/*STOCK*/
#home_stock_wrapp{
	float:left;
	width:100%;
	padding:80px 0 0;
}
#home_stock_wrapp li:nth-child(odd){
	float:left;
	clear:both;
}
#home_stock_wrapp li:nth-child(even){
	float:left;
}

#home_stock_wrapp .stock_box{
	position:relative;
	max-width:none;
	width:100%;
	list-style:none;
	padding:0;
}
#home_stock_wrapp .stock_box a{
	display:block;
}
#home_stock_wrapp .stock_box a:hover{
	 opacity:0.8;
	background-color:#fff;
}
#home_stock_wrapp .stock_img{
	position:relative;
	width:100%;
	padding-top:100%;
	overflow:hidden;
}
#home_stock_wrapp .stock_img img{
	position:absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	height:100%;
	transition-duration: 0.3s;
}


/*SHOP INFO*/
#home_shopinfo_wrapp{
	position:relative;
	width:100%;
	overflow:hidden;
	margin:40px 0 40px;
}
#shopinfo_photo{
	position:absolute;
	top:12%;
	width:94%;
	margin:75px 3% 330px;
}
#home_shopinfo_bbox{
	position:relative;
	right:auto;
	top:0;
	bottom:auto;
	width:100%;
	height:500px;
	margin-top:180px;
	padding:0 0 35px;
	background-color:#000;
}
#shopinfo_bg{
	position:absolute;
	right:0;
	bottom:0;
	max-width:none;
	width:90%;
}
#home_shop_bg_txt{
	position:relative;
	left:0;
	top:28%;
	width:90%;
	margin:0 5%;
	color:#ccc;
	font-size:0.9em;
	line-height:2.0em;
}


/*OWNERS LIFE*/
ul.owner_box_outer{
	margin-top:50px;
	width:100%;
}

ul.owner_box_outer li{
	float:left;
	position:relative;
	width:100%;
	margin:0 0 45px;
	list-style:none;
}
ul.owner_box_outer li:last-child{
	float:left;
	margin:0;
}
.owner_box{
	position:relative;
	width:100%;
	height:auto;
	max-height:500px;
	margin:0;
	overflow:hidden;
}
.owner_box img{
	width:100%;
	height:auto;
	transition: all 0.3s ease 0s;
	object-fit: cover;
	transform: scale(1.05);
}
.owner_box img:hover{
	transform: scale(1.15);
}
.owner_no{
	position:absolute;
	left:-15px;
	top:-15px;
	background-color:#000;
	text-align:center;
	width:70px;
	height:70px;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size:42px;
	line-height:1.6em;
	color:#fff;
}
.owner_car{
	position:absolute;
	right:0;
	bottom:0;
	background-color:#fff;
	padding:10px 17px;
	font-weight: 500;
	font-style: normal;
	font-size:0.9em;
	line-height:1.3em;
}
.owner_car span{
	font-size:1.2em;
}
.owner_date{
	float:left;
	width:100%;
	text-align:left;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size:0.8em;
	color:#bababa;
	margin:14px 0 2px;
}
.owner_catch{
	float:left;
	width:100%;
	text-align:left;
	font-size:1.1em;
	font-weight: 500;
	line-height:1.5em;
	margin-bottom:10px;
}
.owner_txt{
	font-size:0.9em;
	line-height:1.9em;
	margin:0;
}


/*AFTERCARE*/
#home_support_wrapp{
	position:relative;
	width:100%;
	overflow:hidden;
	margin:40px 0 40px;
}
#support_photo{
	position:absolute;
	top:170px;
	width:94%;
	margin:0 3%;
}
#home_support_bbox{
	position:relative;
	right:0;
	top:150px;
	width:100%;
	height:630px;
	background-color:#000;
	margin-top:0;
}
#support_bg{
	position:absolute;
	right:0;
	bottom:170px;
	max-width:none;
	width:90%;
}
#home_support_bg_txt{
	position:relative;
	left:5%;
	top:148px;
	bottom:auto;
	width:90%;
	color:#ccc;
	font-size:0.9em;
	line-height:2.0em;
}


/*TOPICS*/

ul.home_topics_outer{
	margin-top:36px;
	width:100%;	
	overflow:hidden;
}
ul.home_topics_outer li{
	float:left;
	clear:both;
	position:relative;
	width:100%;
	margin:0 0 7px;
	list-style:none;
}
ul.home_topics_outer li:last-of-type{
	float:left;
	margin:0;
}
ul.home_topics_outer li:last-child{
	margin:0;
}
.topics_box{
	position:relative;
	float:left;
	width:30%;
	height:auto;
	margin:0 5% 0 0;
	max-height:none;
	overflow:hidden;
}
.topics_box img{
	width:100%;
	height:auto;
	transition: all 0.3s ease 0s;
	object-fit: cover;
	transform: scale(1.05);
	-webkit-filter:grayscale(100%);
	-moz-filter:grayscale(100%);
	-ms-filter:grayscale(100%);
	filter:grayscale(100%);
}
.topics_box img:hover{
	transform: scale(1.15);
	-webkit-filter:grayscale(0);
	-moz-filter:grayscale(0);
	-ms-filter:grayscale(0);
	filter:grayscale(0);
}
.topics_date{
	float:right;
	width:65%;
	text-align:left;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size:0.8em;
	line-height:1.0em;
	color:#bababa;
	margin:0 0 3px;
}
.topics_date a{
	color:#bababa;
}
.topics_detail_date{
	float:left;
	width:100%;
	text-align:center;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size:0.8em;
	line-height:1.0em;
	color:#bababa;
	margin:0 0 3px;
}
.topics_detail_date a{
	color:#bababa;
}
.topics_catch{
	float:right;
	width:65%;
	text-align:left;
	font-size:1.0em;
	font-weight: 500;
	line-height:1.5em;
	margin-bottom:10px;
}
.topics_txt{
	float:right;
	width:65%;
	font-size:0.8em;
	line-height:1.5em;
	margin:0;
}

/*BRAND*/
.slick-box{
	margin:10px 0 0;
	height:70px;
}
.slick-box img{
	float:left;
	height:60px;
	width:auto;
	transition: all 0.3s ease 0s;
	margin:0;
	outline:none;
	border-style:none;
}
.slick-box img:hover{
	transform: scale(1.1);
	outline:none;
}


/*footer icon*/
#sp_ftr_navi {
	display: flex;
	width: 100%;
	height: 50px;
	position: fixed;
	bottom: 0;
	z-index: 10000;
	font-size:0.8em;
}
#sp_ftr_navi p {
	width: 33.33%;
	background: #000;
	border-right: 1px solid #fff;
	border-top: 1px solid #fff;
	box-sizing: border-box;
	line-height: 47px;
	height: 50px;
	text-align: center;
}
#sp_ftr_navi p:last-child {
	border-right: none;
}
#sp_ftr_navi p a {
	display: block;
	width: 100%;
	height: 100%;
	color: #fff;
}
#sp_ftr_navi_01 span::before {
    content: "";
	display: inline-block;
    width: 20px;
    height: 26px;
    background: url("../img/fotter_icon01@2x.png");
    background-repeat: no-repeat;
    background-size: 20px auto;
    position: relative;
    top: 8px;
    margin-right: 5px;
}
#sp_ftr_navi_02 span::before {
    content: "";
	display: inline-block;
    width: 20px;
    height: 28px;
    background: url("../img/fotter_icon02@2x.png");
    background-repeat: no-repeat;
    background-size: 20px auto;
    position: relative;
    top: 9px;
    margin-right: 5px;
}
#sp_ftr_navi_03 span::before {
    content: "";
	display: inline-block;
    width: 29px;
    height: 24px;
    background: url("../img/fotter_icon03@2x.png");
    background-repeat: no-repeat;
    background-size: 30px auto;
    position: relative;
    top: 9px;
    margin-right: 5px;
}


/*footer*/
footer{
	width:100%;
	background-color:#000;
	padding:40px 0 90px;
	text-align:center;
	color:#fff;
	overflow:hidden;
	margin:0;
}
#footer_left{
	float:left;
	width:100%;
	text-align:center;
	padding:0;
}
#footer_contact{
	font-size:13.5px;
	line-height:1.6em;
}
#footer_contact_e{
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size:36px;
}
#footer_tel{
	font-family: 'Oswald', sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size:34px;
	margin-top:10px;
}
#footer_tel a{
	color:#fff;
}
#footer_holiday{
	font-size:12.5px;
	line-height:1.4em;
	margin-bottom:5px;
}
#footer_mail{
	font-size:12.5px;
	line-height:1.4em;
	margin-bottom:40px;
	color:#fff;
}
#footer_mail a{
	color:#fff;
}
a.contact_btn{
	position:relative;
	display:block;
	color:#fff;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size:17px;
	border:3px solid #fff;
	color:#fff;
	height:54px;
	width:70%;
	margin:0 15% 9%;
	line-height:47px;
	padding:0 15px;
	transition: all 0.3s ease 0s;
}
a.contact_btn span{
	position:absolute;
	right:15px;
	top:22px;
	display:block;
	width:30px;
	height:2px;
	background-color:#fff;
	color:#000;
	transition: all 0.3s ease 0s;
}
a.contact_btn:hover{
	background-color:#fff;
	color:#000;
}
a.contact_btn:hover span{
	background-color:#000;
	right:-3px;
}
#footer_right{
	float:right;
	width:100%;
	text-align:center;
	padding:0;
}
#bottom_navi a{
	color:#fff;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	font-style: normal;
	margin:13px 10px 0;
}
#bottom_navi a:hover{
	color:#bbb;
}
#bottom_sns{
	margin:15px 0 30px;
}
#bottom_fb{
	width:9px;
	padding-top:6px;
}
#bottom_insta{
	width:18px;
	padding-top:6px;
	margin-left:10px;
}
#bottom_logo{
	width:100px;
	margin-bottom:5px;
}
#copyright{
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	font-style: normal;
	color:#333;
}




}