@charset "UTF-8";
#jump-btn {
  display: none;
}
.slick-arrow {
  background-image: url(//img.krachaidam.jp/img/top/arrow.png);
  width: 26px;
  height: 56px;
  left: 50%;
  z-index: 99;
  opacity: 1;
}
.slick-prev {
  transform: initial;
  margin-left: calc(-45% - 20px);
}
.slick-next {
  transform: rotate(180deg);
  margin-left: calc(45% - 20px);
}
.slick-arrow:hover {
  opacity: 0.8;
}
.slick-dots li button:focus::before {
	opacity: .25;
	color: black;	
}
.slick-dots li button:hover::before,
.slick-dots li.slick-active button:before{opacity:1;color: #008bcf;}
.slick-dots li button, .slick-dots li button::before {
	width: 13px;
	height: 13px;
	line-height: 1;
	font-size: 13px;
}
.slick-dots {
	position: relative;
	bottom: -14px;
}
.slick-dots li {
	width: 13px;
	height: 13px;
	margin: 0 3px;
}

.contents {
  margin: 90px auto 0;
}
.contents.news {
  margin-top: 50px;
}
.contents.news .banner {
  width: 1000px;
  margin: 0 auto;
}
.contents.news .banner > a {
  display: inline-block;
  margin-bottom: 32px;
}
.contents.news .banner > a:last-of-type {
  margin-bottom: 0;
}
.contents.news .banner > a:hover {
  opacity: 0.7;
}

.contents.rec .item_slider .slick-slide , .contents.rec .no_slider div {
	margin: 0 20px;
	width: 270px;
	height: 290px;
}
.contents.rec .item_slider .slick-slide p , .contents.rec .no_slider div p {
	text-align: center;
	font-weight: bold;
	font-size: 17px;
	padding: 18px 6px 0;
	line-height: 1.4;
}
.contents.rec .item_slider .slick-slide a , .contents.rec .no_slider div a {
  text-decoration: none;
  color: #696969;
}
.contents.rec .item_slider .slick-slide a:hover , .contents.rec .no_slider div a:hover {
  color: #008dcb;
}
.contents.rec .item_slider img , .contents.rec .no_slider div img {
  border-radius: 20px;
}
.contents.rec .item_slider .slick-slide a:hover img , .contents.rec .no_slider div a:hover img {
  outline: 2px solid #008dcb;
  outline-offset: -2px;
}
.contents.rec .slick-arrow {
  background-image: url(//img.krachaidam.jp/img/top/arrow2.png);
  width: 38px;
  height: 38px;
  margin-top: -60px;
}
.contents.rec .slick-prev {
  margin-left: calc(-45% - 75px);
}
.contents.rec .slick-next {
  margin-left: calc(45% - -35px);
}
.item_slider , .contents.rec .no_slider {
  margin: 30px auto 45px;
}
.contents.rec .no_slider {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.contents.rec .no_slider div:first-of-type {
  margin-left: 0;
}
.contents.rec .no_slider div:nth-of-type(4) {
  margin-right: 0;
}

.contents.voice {
  width: 100%;
}
.voice_slide , .info_slide {
	position: relative;
}
.infiniteslide div {
  display: flex;
  width: 100vw;
  height: 300px;
}
.infiniteslide div img {
	width: auto;
	height: 100%;
	max-width: initial;	
}
.infiniteslide div img:first-child {
  animation: loop 200s -100s linear infinite;
}

.infiniteslide div img:last-child {
  animation: loop2 200s linear infinite;
}
@keyframes loop {
  0% {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}

@keyframes loop2 {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(-200%);
  }
}
.info_slide .infiniteslide > div {
  height: 502px;
}

.contents.info ul {
  width: 1000px;
  margin: 0 auto;
}
.contents.info ul li {
  text-align: left;
  font-size: 18px;
  line-height: 2;
}
.contents.info ul .time {
  font-weight: bold;
  margin-right: 1em;
}
.contents.info ul a {
  text-decoration: none;
  color: #333;
}
.contents.info ul a:hover {
  text-decoration: underline;
}
.contents.info .title2 {
  margin-top: 5px;
}
.contents.customer {
  margin-bottom: 0;
}