/* CSS Document */
@import url("../../business/style.css");
@import url("../../company/style.css");
@import url("../../works/style.css");
main .mainV{
    height: 80vh;
    position: relative;
}
.mainV .video_wrap,
.mainV .keyV_slider{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.mainV .keyV_slider  *{
    height: 100%;
}
/*スライドの横移動アニメーション*/
.mainV .swiper-slide-active .slide-img,
.mainV .swiper-slide-duplicate-active .slide-img,
.mainV .swiper-slide-prev .slide-img{
  -webkit-animation: leftToRight 10s linear 0s 1 normal both;  
  animation: leftToRight 10s linear 0s 1 normal both;  
}
@-webkit-keyframes leftToRight {
  0% {
    -webkit-transform:scale(1.15) translateX(-5%);
    transform:scale(1.15) translateX(-5%);
  }
  100% {
    -webkit-transform:scale(1.15) translateX(5%);
    transform:scale(1.15) translateX(5%);
  }
}
@keyframes leftToRight {
  0% {
    -webkit-transform:scale(1.15) translateX(-5%);
    transform:scale(1.15) translateX(-5%);
  }
  100% {
    -webkit-transform:scale(1.15) translateX(5%);
    transform:scale(1.15) translateX(5%);
  }
}
.mainV .inner{
    width: 90%;
    margin: auto;
    height: 100%;
    position: relative;
    z-index: 2;
    display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
			flex-wrap: wrap;
	-webkit-box-pack: justify;
		-ms-flex-pack: justify;
	-webkit-justify-content: center;
			justify-content: center;
	-webkit-align-items: center;
			align-items: center;
	-webkit-align-content: center;
			align-content: center;
    color: #fff;
}
.mainV .inner h2{
    line-height: 1.6;
    text-align: center;
}
.mainV .inner h2 span{
    display: block;
}
.mainV .request{
    text-align: center;
    padding: 1.7em;
    background: rgba(0,0,0,.5);
    width: 100%;
    position: absolute;
    bottom: 0em;
    left: 50%;
    transform: translateX(-50%);
	border-radius:10px;
}
.mainV .request .didot{
    font-style: oblique;
	padding: .5em;
}
.mainV .request_btn{
    background: #B2A80E;
    color: #1f1f1f;
	font-weight: bold;
    width: 100%;
    display: block;
    padding: .5em;
	border-radius:10px;
}

/********************
.choose
********************/
.choose{
    text-align: center;
    counter-reset: number;
}
.choose .sectiontitle-line{
    text-align: center;
    line-height: 1.5;
    border-left: 1px solid #848484;
    border-right: 1px solid #848484;
    display: inline-block;
    padding: 0 3em;
    margin-bottom: 3em;
}
.choose .sectiontitle-line span{
    color: #848484;
}
.choose .choose_item {
    text-align: left;
    margin-bottom: 2em;
}
.choose .choose_item .viewmore_wrap{
    text-align: right;
    line-height: 1.3;
    margin-top: 1em;
}
.choose .choose_item .viewmore{
    border-bottom: 1px solid #000;
    display: inline-block;
}
.choose .choose_item .title_wrap span{
    font-weight: normal;
    display: block;
    color: #15c021;
}
.choose .choose_item .number{
    line-height: 1;
    font-style: oblique;
}
.choose .choose_item .number::after{
    counter-increment: number;
    content:"#" counter(number, decimal-leading-zero);
    display: block;
    font-size: 300%;
}
.choose .choose_item .title_wrap{
    margin-bottom: 1em;
}
.choose .choose_item .title_wrap h3{
    margin-right: auto;
    margin-left: 1em;
    align-self: flex-end;
}

.faq-rec {
    padding: 0;
}
.faq-rec > div {
    position: relative;
    text-align: center;
    overflow: hidden;
}
.faq-rec > div::before{
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
    z-index: 1;
    pointer-events: none;
}
.faq-rec > div p{
    width: 100%;
    z-index: 2;
    color: #fff;
    pointer-events: none;
}
.faq-rec > div span{
    display: block;
}
.faq-rec > div img{
    transition:transform .3s ease;
}
.faq-rec > div a:hover img{
    transform: scale(1.2);
}
@media screen and (min-width:768px){
    .mainV .request{
        width: 50%;
        bottom: 0.5em;
    }
    .faq-rec {
        grid-template-columns: 1fr 1fr;
        height: 300px;
    }
    
}
@media screen and (min-width:1280px){
    main .mainV{
        height: 100vh;
    }
/*スライドの横移動アニメーション*/
    @-webkit-keyframes leftToRight {
      0% {
        -webkit-transform:scale(1.15) translateX(-5%);
        transform:scale(1.15) translateX(-5%);
      }
      100% {
        -webkit-transform:scale(1.15) translateX(5%);
        transform:scale(1.15) translateX(5%);
      }
    }
    @keyframes leftToRight {
      0% {
        -webkit-transform:scale(1.15) translateX(-5%);
        transform:scale(1.15) translateX(-5%);
      }
      100% {
        -webkit-transform:scale(1.15) translateX(5%);
        transform:scale(1.15) translateX(5%);
      }
    }
    .choose .choose_list{
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 4em;
        grid-row-gap: 2em;
    }
}