@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap');
/* CSS Document */

body {
  margin: 0px;
  overflow: scroll;
  width: 100%;
  padding: 0px;
  display: block;
  background: black;
  min-width: 1070px;
  height: auto;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 300;
}
/*メニュー*/
.menu {
  left: 0px;
  right: -1030px;
  top: 60px;
  width: 30px;
  margin: auto;
  height: 20px;
  position: fixed;
  z-index: 900;
}
.menu_icon {
  width: 30px;
  margin: 0 0 0 auto;
}
.menu_icon span {
  display: block;
  width: 30px;
  height: 4px;
  margin-bottom: 7px;
  margin-left: 4px;
  background-color: black;
}
/*背景を黒くする*/
.back_black {
  height: 727px;
  width: 100%;
  min-width: 1070px;
	background-color: black;
}
/*背景を白くする*/
.back_white {
  height: 727px;
  width: 100%;
  min-width: 1070px;
  background-color: white;
}
.container1 {
  width: 100%;
  margin: auto;
  height: 50%;
  background-position: center;
  background-size: cover;
}
.container2 {
  margin: auto;
  width: 1006px;
  height: 50%;
	position: relative;
}
.wrap{
	top: 50%;
	transform: translateY(-50%);
	height: auto;
	width: 1006px;
	margin: auto;
	position: relative;
}
#sec1 > .container1{
  background-image: url("img/garage/top.png");
}
#sec2 > .container1{
  background-image: url("img/garage/pickup_image1.png");
}
#sec4 > .container1{
  background-image: url("img/garage/pickup_image2.png");
}
#sec5 > .container1{
  background-image: url("img/garage/bottom.png");
}
.logo {
  width: 1006px;
	margin-bottom: 10px;
}
.logo img {
  height: 24px;
}
.details {
  width: 1006px;
  font-weight: 300;
	color: white;
  font-size: 13px;
  line-height: 26px;
}
.details span{
	margin-bottom: 10px;
	display: block;
	font-size: 22px;
	font-weight: 500;
}

#sec3 >.wrap > p{
	font-size: 22px;
	font-weight: 500;
}
.flex{
	display: flex;
	justify-content: space-between;
	margin-top: 30px;
}
.flex div,
.flex a{
	width: 240px;
}
.flex div img,
.flex a img{	width: 100%;}
.lightboxOverlay{
	opacity: 0.8;
	background-color: black;
}
.lb-data .lb-caption {
	color: white;
	font-size: 15px;
}
.lb-data .lb-details {
  width: 700px;
  margin-top: 20px;
  left: 0;
  float: left;
  text-align: left;
}
.lb-data .lb-close {
	background: url("JS/lightbox_service/images/close2.png") top right no-repeat;
}


#sec5 .details{
	margin-top: 50px;
	width: 500px;
}

#sec5 .details img{
	height: 20px;
	margin-left: 760px;
}



/*プライバシー*/
.privacy {
	margin-top: 30px;
}
.privacy p {
  color: white;
}
a {
  text-decoration: none;
  color: white;
  cursor: pointer;
}
/*ボタン*/
.btn3 {
  text-decoration: none;
  color: white;
  cursor: pointer;
}
.btn4 {
  text-decoration: none;
  color: white;
  cursor: pointer;
}




.color1,.color2,.color3{
	filter: grayscale(1);
	transition: 1s;
}


.white{	color: white}
.black{	color: black}