/* ------------------------------------------
 slick-slider
--------------------------------------------- */
.slick-slider div {
  position: relative;
}
.scroll {
  position: absolute;
  left: 45%;
  width: 10%;
  bottom: 2%;
}
.slick-dotted.slick-slider {
  margin-bottom: 0;
}
.slick-dots {
  bottom: 2%;
}
.slick-dots li button:before {
  color: #fff;
  transform: scale(5);
  display: block;
}
.slick-dots li.slick-active button:before {
  color: #333;
}
/*スライダー__フェードインアニメーション*/
.delayed-image {
  animation: fadeIn 3s ease 0s infinite normal;
  -webkit-animation: fadeIn 3s ease 0s infinite normal;
}
@keyframes fadeIn {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}
/*スライダー__フェードインアニメーション__古いブラウザ用*/
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}
/*スライダー__SP*/
@media (min-width: 980px) {
  .scroll {
    left: 47%;
    width: 6%;
  }
}
/* ------------------------------------------
  MAIN 
--------------------------------------------- */
#MAIN {
  text-align: left;
}
#BRAND, #COMPANY {
  margin-top: -80px;
  padding-top: 80px;
}
/* ------------------------------------------
  MAIN ＊Kumo＊
--------------------------------------------- */
/* --------- box01 --------------- */
.box01 {
  flex-direction: column-reverse;
  justify-content: space-between;
}
.box01 div {
  width: 100%;
  margin: 10px 0;
}
@media screen and (min-width: 680px) { /* PC */
  .box01 {
    flex-direction: row;
  }
  .box01 div {
    width: 32%;
  }
}
/* --------- box02 --------------- */
.box02 {
  align-items: flex-end;
  justify-content: space-between;
}
.box02_copy01 {
  font-size: 18px;
  margin-bottom: 5px;
}
.box02_copy02 {
  font-size: 14px;
  margin-bottom: 20px;
}
.box02_copy3 {
  font-size: 16px;
}
.box02 div {
  margin: 10px 0;
}
.box02_item01 {
  width: 100%;
}
.box02_item02, .box02_item03 {
  width: 50%;
}
@media screen and (min-width: 980px) { /* PC */
  .box02_item01 {
    width: 68%;
  }
  .box02_item02, .box02_item03 {
    width: 15%;
  }
}
/* ------------------------------------------
  MAIN ＊BRAND＊
--------------------------------------------- */
/* --------- box03 --------------- */
.box03 {
	margin-top: 20px;
  justify-content: space-between;
}
.box03 div {
  width: 100%;
  margin: 10px 0;
}
.box03_item02,.box03_item03 {
	padding:4.5%;
	box-sizing: border-box;
	line-height: 220%;
}
.box03_item02 p,.box03_item03 p {
	text-align: center;
	margin-bottom: 50px;
}
.box03_item02 img,.box03_item03 img {
	width:50%;
	margin: 0 25%;
	margin-bottom: 30px;
}
.box03_item01 {order: 1;}
.box03_item02 {order: 2;}
.box03_item03 {order: 4;}
.box03_item04 {order: 3;}

@media screen and (min-width: 680px) { /* PC */
.box03 div {
  width: 50%;
  margin: 10px 0
}
.box03_item01 {order: 1;}
.box03_item02 {order: 2;}
.box03_item03 {order: 3;}
.box03_item04 {order: 4;}

}

/* ------------------------------------------
  MAIN ＊COMPANY_INFO＊
--------------------------------------------- */
#MAIN #COMPANY dl {
  display: flex;
  flex-direction: column;

}
#MAIN #COMPANY dl dt {
  font-weight: bold;
  margin-top: 40px;

}
#MAIN #COMPANY dl dd {
  font-size: 16px;
	line-height: 180%;
}
@media screen and (min-width: 680px) { /* PC */
  #MAIN #COMPANY dl {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: 2%;
  }
  #MAIN #COMPANY dl dt {
    font-weight: bold;
    margin-top: 20px;
    width: 150px;
  }
  #MAIN #COMPANY dl dd {
    width: calc(100% - 150px);
    margin-top: 20px;
  }
}
/* ------------------------------------------
  #CONTAINER5 ＊access_map＊
--------------------------------------------- */
@media screen and (min-width: 680px) { /* PC */

#CONTAINER5 .googlemap {
  margin-top: 1%;
}
	}