@charset "UTF-8";
/* CSS Document */


/* -----------------------------------------------------
	Button
----------------------------------------------------- */
.button-one {
  background: #DF0003 none repeat scroll 0 0;
  color: #fff;
}	
.button-one::before {
  background: #efefef none repeat scroll 0 0;
	color: #DF0003;
  border: 1px solid #DF0003;
}
.button-one::after {
  border: 2px solid #DF0003;
}


/* Setting-img-scroll
=======================*/

#fitting-img-slide,
#fitting-img-slide2{
	padding: 80px 0 10px;
}

@keyframes infinity-scroll-left {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0%);
  }
}
@keyframes infinity-scroll-right {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(-100%);
  }
}
.c-notion{
text-align: center;
padding-bottom: 5px;
}

.c-padding{
padding-top: 120px;
}

_:-ms-lang(x)::-ms-backdrop,
.d-demo {
display: -ms-grid;
  overflow: hidden;
}

.d-demo__wrap {
  display: flex;
  overflow: hidden;
}


.d-demo__list {
  display: flex;
  list-style: none;

}
.d-demo__list--vertical  {
flex-direction: column;

}

.d-demo__list--left{
animation :infinity-scroll-left 110s infinite linear 0.5s both;
}
.d-demo__list--right{
animation :infinity-scroll-right 110s infinite linear 0.5s both;
}

.d-demo__item {
  width: calc(100vw / 3);
	margin: 0 2em 6em;
}
.d-demo__list--vertical .d-demo__item {
min-height: 0%;
}
.d-demo__item > img{
   width: 100%;
}

.d-demo__wrap--hover:hover .d-demo__list--left{
animation-play-state: paused;
}

/*@media screen and (max-width: 35em){
c-padding{
padding-top: 60px;
}
.d-demo__item {
  width: calc(100vw / 1);

}
.d-demo__list--left{
animation :infinity-scroll-left 40s infinite linear 0.5s both;
}
.d-demo__list--right{
animation :infinity-scroll-right 40s infinite linear 0.5s both;
}
}*/


@media (max-width: 767px) {
.d-demo__item {
	width: calc(100vw / 2);
	margin: 0 2em 1em;
}
#fitting-img-slide2	.d-demo__item {
	width: calc(100vw / 3);
	margin: 0 2em 1em;
}
}

@media (min-width: 992px) {
#fitting-kashikiri .col-lg-1, 
#fitting-kashikiri .col-lg-2,
#fitting-kashikiri .col-lg-3, 
	#fitting-kashikiri .col-lg-4, 
	#fitting-kashikiri .col-lg-5, 
	#fitting-kashikiri .col-lg-6, 
	#fitting-kashikiri .col-lg-7, 
	#fitting-kashikiri .col-lg-8, 
	#fitting-kashikiri .col-lg-9, 
	#fitting-kashikiri .col-lg-10, 
	#fitting-kashikiri .col-lg-11, 
	#fitting-kashikiri .col-lg-12 {
        float: right;
    }
}


@media (min-width: 992px) {
.about-brief {
    margin-left: -100px;
    margin-top: 100px;
    min-height: 350px;
    padding: 40px 30px 30px 40px;
}
.about-kashikiri {
    margin-right: -100px;
    margin-top: 40px;
    min-height: 350px;
    padding: 40px 30px 30px 40px;
}
}

@media (max-width: 991px) {
    .about-brief,
	.about-kashikiri{
        margin: 0;
        padding: 30px 15px;
    }
	
#fitting-img-slide2{
	padding: 30px 0 100px;
}	
}

.red-bold {
	color: #DC0003;
	font-size: 1.25em;
	font-weight: bold;
}
.about-time {
	color: #fff;
	padding: 10px;
	margin-bottom: 15px;
	background: #333;
}