#slider{
 max-width: 1800px;
 margin: 0 auto;
 padding-left: 15px;
 padding-right: 15px;
 position: relative;
}
#slider #homeSlider{
 border-radius: 10px;
 overflow: hidden;
}
#slider .scrollBtn{
 position: absolute;
 z-index: 10;
 left: calc( 50% - 50px);
 bottom: 80px;
 text-align: center;
 width: 100px;
}
#slider .scrollBtn a{
 display: block;
 text-align: center;
 position: relative;
 color: #fbc60e;
 font-weight: bold;
}
#slider .scrollBtn a:before{
 position: absolute;
 display: block;
 content: "";
 background: #fbc60e;
 width: 30px;
 height: 30px;
 border-radius: 50%;
 bottom: -30px;
 left: calc( 50% - 15px );
 animation-name: animeFadeRepeat;
 animation-duration:3s;
 animation-iteration-count: infinite;
}
#slider .scrollBtn a:after{
 position: absolute;
 display: block;
 content: "";
 border-top: solid 8px #fff;
 border-left: solid 6px transparent;
 border-right: solid 6px transparent;
 bottom: -20px;
 left: calc( 50% - 6px );
 animation-name: animeFadeRepeat;
 animation-duration:3s;
 animation-iteration-count: infinite;
}
@keyframes animeFadeRepeat{
 0%{
  opacity:1;
 }
 10%{
  opacity:1;
 }
 50%{
  opacity:0;
 }
 90%{
  opacity:1;
 }
 100%{
  opacity:1;
 }
}
.slick-prev,
.slick-next{
 z-index: 2;
 border-top: solid 4px #fff;
 border-left: solid 4px #fff;
 width: 40px;
 height: 40px;
 margin-top: -20px;
}
.slick-prev{
 left: 25px;
 transform: rotate(-45deg);
}
.slick-next{
 right: 25px;
 transform: rotate(135deg);
}
.slick-prev:before,
.slick-next:before,
.slick-prev:hover:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-next:focus:before{
 opacity: 0;
}
#movie{
 overflow-x: hidden;
 text-align: center;
}
#movie iframe{
 width: min(100vw, 1200px);
 height: auto;
 aspect-ratio: 16 / 9;
 object-fit: cover;
}
#company{
 padding-bottom: 10%;
}
#company .box{
 position: relative;
}
#company .img,
#company .text{
 width: 55%;
}
#company .text .inner{
 padding: 30px 22% 80px 30px;
}
#company .img{
 position: absolute;
 top: 100px;
 right: 0px;
 text-align: right;
}
#company .img img{
 width: 100%;
 height: auto;
}

#products .product1,
#products .product2{
 height: 30vw;
 display: flex;
 justify-content: center;
 align-items: center;
 transition: 1.5s;
}
#products .product1{
 background: url(../img/home/product1.jpg) no-repeat center center;
 background-size: 100%;
}
#products .product2{
 background: url(../img/home/product2.jpg) no-repeat center center;
 background-size: 100%;
}
#products .product1:hover,
#products .product2:hover{
 background-size: 110%;
}

#kodawari .links .link{
 width: 100%;
 max-width: 438px;
 margin-bottom: 15px;
}
#recruit .links .link{
 width: 100%;
 max-width: 340px;
 margin-bottom: 15px;
}

#blogFeed .img{
 border-radius: 10px;
 overflow: hidden;
}



/*
===================================================
        tb
===================================================
*/
@media screen and (max-width: 960px) {
 #company{
  padding: 0px;
 }
 #company .box{
  position: relative;
 }
 #company .img,
 #company .text{
  width: auto;
 }
 #company .text .inner{
  padding: 30px 30px 50px;
 }
 #company .img{
  position: relative;
  top: 0px;
  right: 0px;
  text-align: right;
 }
 #company .img img{
  width: 100%;
  height: auto;
  transform: scale(1.05);
 }
 #products .product1,
 #products .product2{
  height: 60vw;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 1.5s;
 }
}

/*
===================================================
        sp
===================================================
*/
@media screen and (max-width: 768px) {
 #slider{
  padding-left: 0px;
  padding-right: 0px;
  overflow: hidden;
 }
 #slider #homeSlider{
  position: relative;
  transform: scale(1.1);
 }
 .slick-prev,
 .slick-next{
  z-index: 2;
  border-top: solid 4px #fff;
  border-left: solid 4px #fff;
  width: 20px;
  height: 20px;
  margin-top: -15px;
 }
 .slick-prev{
  left: 7vw;
  transform: rotate(-45deg);
 }
 .slick-next{
  right: 7vw;
  transform: rotate(135deg);
 }
 #slider .scrollBtn{
  left: calc( 50% - 50px);
  bottom: 25px;
  text-align: center;
  width: 100px;
  font-size: 11px;
 }
 #slider .scrollBtn a{
  display: block;
  text-align: center;
  position: relative;
  color: #fbc60e;
  font-weight: bold;
 }
 #slider .scrollBtn a:before{
  position: absolute;
  display: block;
  content: "";
  background: #fbc60e;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  bottom: -18px;
  left: calc( 50% - 10px );
  animation-name: animeFadeRepeat;
  animation-duration:3s;
  animation-iteration-count: infinite;
 }
 #slider .scrollBtn a:after{
  position: absolute;
  display: block;
  content: "";
  border-top: solid 5px #fff;
  border-left: solid 4px transparent;
  border-right: solid 4px transparent;
  bottom: -11px;
  left: calc( 50% - 4px );
  animation-name: animeFadeRepeat;
  animation-duration:3s;
  animation-iteration-count: infinite;
 }
 #kodawari .links .link{
  margin-left: auto;
  margin-right: auto;
 }
}




/*.eigyorenraku {
	background-color: #f9f9f9;
	padding: 2em 0;
}*/
.eigyorenraku_area {
	margin-top: 2em;
}
@media screen and (max-width: 645px) {
	.renraku {
		margin: 0 auto;
	}
	.renraku td {
		display: block;
		margin: 0 auto;
	}
	.table2 {
		padding-top: 1em;
}
}

@media screen and (min-width: 645px) {
	.table2 {
		width: 300px;
	}
	.renraku {
		padding-top: 0.75em;
	}
}