@charset "UTF-8";
.top-MvSlide_Item-08 .top-MvSlide_Image-picture{-webkit-clip-path:url(#image-Path_Sp-08);clip-path:url(#image-Path_Sp-08);opacity:0}.top-MvSlide_Item-08.is-prev-slide .top-MvSlide_Image-picture{opacity:0;-webkit-transition:opacity .1s ease-in .5s;-o-transition:opacity .1s ease-in .5s;transition:opacity .1s ease-in .5s}.top-MvSlide_Item-08.is-prev-slide .top-MvSlide_Body{-webkit-transition-delay:.5s;-o-transition-delay:.5s;transition-delay:.5s;opacity:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.top-MvSlide_Item-08.is-prev-slide .top-MvSlide_Item-link,.top-MvSlide_Item-08.is-prev-slide .top-MvSlide_Item-text,.top-MvSlide_Item-08.is-prev-slide .top-MvSlide_Item-title{-webkit-transition:opacity .5s ease-in,-webkit-transform .5s ease-in;transition:opacity .5s ease-in,-webkit-transform .5s ease-in;-o-transition:opacity .5s ease-in,transform .5s ease-in;transition:opacity .5s ease-in,transform .5s ease-in;transition:opacity .5s ease-in,transform .5s ease-in,-webkit-transform .5s ease-in;opacity:0;-webkit-transform:translate(100px);-ms-transform:translate(100px);transform:translate(100px);-webkit-backface-visibility:hidden;backface-visibility:hidden}.top-MvSlide_Item-08.is-prev-slide .top-MvSlide_Item-text{-webkit-transition-delay:.1s;-o-transition-delay:.1s;transition-delay:.1s;-webkit-backface-visibility:hidden;backface-visibility:hidden}.top-MvSlide_Item-08.is-prev-slide .top-MvSlide_Item-link{-webkit-transition-delay:.2s;-o-transition-delay:.2s;transition-delay:.2s;-webkit-backface-visibility:hidden;backface-visibility:hidden}.top-MvSlide_Item-08.swiper-slide-active .top-MvSlide_Body{-webkit-transition-duration:2s;-o-transition-duration:2s;transition-duration:2s;opacity:1;-webkit-backface-visibility:hidden;backface-visibility:hidden}.top-MvSlide_Item-08.swiper-slide-active .top-MvSlide_Item-link,.top-MvSlide_Item-08.swiper-slide-active .top-MvSlide_Item-text,.top-MvSlide_Item-08.swiper-slide-active .top-MvSlide_Item-title{opacity:1;-webkit-transform:translate(0);-ms-transform:translate(0);transform:translate(0);-webkit-transition-duration:.1s;-o-transition-duration:.1s;transition-duration:.1s}.top-MvSlide_Item-08.swiper-slide-active .top-MvSlide_Image-picture{opacity:1}

.top-MvSlide_Item-08 .top-MvSlide_Image-picture{-webkit-clip-path:url(#image-Path_Pc-08);clip-path:url(#image-Path_Pc-08)}.top-MvSlide_Item-08 #image-Path_Pc-08{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.top-MvSlide_Item-08.is-prev-slide #image-Path_Pc-08{-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95);-webkit-backface-visibility:hidden;backface-visibility:hidden}.top-MvSlide_Item-08.swiper-slide-active #image-Path_Pc-08{-webkit-animation:delta-anim 1s ease-in-out .8s 1 forwards;animation:delta-anim 1s ease-in-out .8s 1 forwards;-webkit-backface-visibility:hidden;backface-visibility:hidden}

top-MvSlide_Item-08 #image-Path_Sp-08{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.top-MvSlide_Item-08.is-prev-slide #image-Path_Sp-08{-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95);-webkit-backface-visibility:hidden;backface-visibility:hidden}.top-MvSlide_Item-08.is-prev-slide .sw-ButtonOval_Left{-webkit-transition:opacity .5s ease-in,-webkit-transform .5s ease-in;transition:opacity .5s ease-in,-webkit-transform .5s ease-in;-o-transition:opacity .5s ease-in,transform .5s ease-in;transition:opacity .5s ease-in,transform .5s ease-in;transition:opacity .5s ease-in,transform .5s ease-in,-webkit-transform .5s ease-in;opacity:0;-webkit-transform:translate(100px);-ms-transform:translate(100px);transform:translate(100px);-webkit-transition-delay:.3s;-o-transition-delay:.3s;transition-delay:.3s;-webkit-backface-visibility:hidden;backface-visibility:hidden}.top-MvSlide_Item-08.swiper-slide-active #image-Path_Sp-08{-webkit-animation:delta-anim 1s ease-in-out .8s 1 forwards;animation:delta-anim 1s ease-in-out .8s 1 forwards;-webkit-backface-visibility:hidden;backface-visibility:hidden}.top-MvSlide_Item-08.swiper-slide-active .sw-ButtonOval_Left{opacity:1;-webkit-transform:translate(0);-ms-transform:translate(0);transform:translate(0);-webkit-transition-duration:.2s;-o-transition-duration:.2s;transition-duration:.2s}

.top-MvSlide_Item-09 .top-MvSlide_Image-picture{-webkit-clip-path:url(#image-Path_Sp-09);clip-path:url(#image-Path_Sp-09);opacity:0}.top-MvSlide_Item-09.is-prev-slide .top-MvSlide_Image-picture{opacity:0;-webkit-transition:opacity .1s ease-in .5s;-o-transition:opacity .1s ease-in .5s;transition:opacity .1s ease-in .5s}.top-MvSlide_Item-09.is-prev-slide .top-MvSlide_Body{-webkit-transition-delay:.5s;-o-transition-delay:.5s;transition-delay:.5s;opacity:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.top-MvSlide_Item-09.is-prev-slide .top-MvSlide_Item-link,.top-MvSlide_Item-09.is-prev-slide .top-MvSlide_Item-text,.top-MvSlide_Item-09.is-prev-slide .top-MvSlide_Item-title{-webkit-transition:opacity .5s ease-in,-webkit-transform .5s ease-in;transition:opacity .5s ease-in,-webkit-transform .5s ease-in;-o-transition:opacity .5s ease-in,transform .5s ease-in;transition:opacity .5s ease-in,transform .5s ease-in;transition:opacity .5s ease-in,transform .5s ease-in,-webkit-transform .5s ease-in;opacity:0;-webkit-transform:translate(100px);-ms-transform:translate(100px);transform:translate(100px);-webkit-backface-visibility:hidden;backface-visibility:hidden}.top-MvSlide_Item-09.is-prev-slide .top-MvSlide_Item-text{-webkit-transition-delay:.1s;-o-transition-delay:.1s;transition-delay:.1s;-webkit-backface-visibility:hidden;backface-visibility:hidden}.top-MvSlide_Item-09.is-prev-slide .top-MvSlide_Item-link{-webkit-transition-delay:.2s;-o-transition-delay:.2s;transition-delay:.2s;-webkit-backface-visibility:hidden;backface-visibility:hidden}.top-MvSlide_Item-09.swiper-slide-active .top-MvSlide_Body{-webkit-transition-duration:2s;-o-transition-duration:2s;transition-duration:2s;opacity:1;-webkit-backface-visibility:hidden;backface-visibility:hidden}.top-MvSlide_Item-09.swiper-slide-active .top-MvSlide_Item-link,.top-MvSlide_Item-09.swiper-slide-active .top-MvSlide_Item-text,.top-MvSlide_Item-09.swiper-slide-active .top-MvSlide_Item-title{opacity:1;-webkit-transform:translate(0);-ms-transform:translate(0);transform:translate(0);-webkit-transition-duration:.1s;-o-transition-duration:.1s;transition-duration:.1s}.top-MvSlide_Item-09.swiper-slide-active .top-MvSlide_Image-picture{opacity:1}

.top-MvSlide_Item-09 .top-MvSlide_Image-picture{-webkit-clip-path:url(#image-Path_Pc-09);clip-path:url(#image-Path_Pc-09)}.top-MvSlide_Item-09 #image-Path_Pc-09{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.top-MvSlide_Item-09.is-prev-slide #image-Path_Pc-09{-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95);-webkit-backface-visibility:hidden;backface-visibility:hidden}.top-MvSlide_Item-09.swiper-slide-active #image-Path_Pc-09{-webkit-animation:delta-anim 1s ease-in-out .8s 1 forwards;animation:delta-anim 1s ease-in-out .8s 1 forwards;-webkit-backface-visibility:hidden;backface-visibility:hidden}

top-MvSlide_Item-09 #image-Path_Sp-09{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.top-MvSlide_Item-09.is-prev-slide #image-Path_Sp-09{-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95);-webkit-backface-visibility:hidden;backface-visibility:hidden}.top-MvSlide_Item-09.is-prev-slide .sw-ButtonOval_Left{-webkit-transition:opacity .5s ease-in,-webkit-transform .5s ease-in;transition:opacity .5s ease-in,-webkit-transform .5s ease-in;-o-transition:opacity .5s ease-in,transform .5s ease-in;transition:opacity .5s ease-in,transform .5s ease-in;transition:opacity .5s ease-in,transform .5s ease-in,-webkit-transform .5s ease-in;opacity:0;-webkit-transform:translate(100px);-ms-transform:translate(100px);transform:translate(100px);-webkit-transition-delay:.3s;-o-transition-delay:.3s;transition-delay:.3s;-webkit-backface-visibility:hidden;backface-visibility:hidden}.top-MvSlide_Item-09.swiper-slide-active #image-Path_Sp-09{-webkit-animation:delta-anim 1s ease-in-out .8s 1 forwards;animation:delta-anim 1s ease-in-out .8s 1 forwards;-webkit-backface-visibility:hidden;backface-visibility:hidden}.top-MvSlide_Item-09.swiper-slide-active .sw-ButtonOval_Left{opacity:1;-webkit-transform:translate(0);-ms-transform:translate(0);transform:translate(0);-webkit-transition-duration:.2s;-o-transition-duration:.2s;transition-duration:.2s}

/*------------------*/
/*     Carousel     */
/*------------------*/

@media (min-width: 769px){
	.top-Mv{
	margin-bottom: 100px;
	}
}

@media (max-width: 768px){
	.top-Mv{
	margin-bottom: 40px;
	padding-top: 100px;
	}
	.swiper-wrapper{
	margin-bottom: 20px;
	}
	.swiper-function{
	margin-top: 0;
	}
}


/* ボタンリンク改良用
@media (min-width:769px)
	.top-MvSlide_Body .sw-ButtonOval_Left {
	display: block;
	margin: 0 0 20px;
	}

	.top-MvSlide_Item-text {
	margin-bottom: 40px;
	}
}
 */


/*------------------*/
/*     Solution     */
/*------------------*/

@media (min-width: 769px){
	.top-Solution{
	padding: 0 0 30px;
	}
}

@media (max-width: 768px){
	.top-Solution{
	padding: 0 0 40px;
	}
	.top-Solution_Title{
	margin-bottom: 40px;
	}
	.top-Solution_Inner{
	margin-bottom: 30px;
	}
}


/*------------------*/
/*  Customer Logo   */
/*------------------*/

@media (min-width: 769px){
	.top-Case{
	padding: 60px 0;
	}
}

@media (max-width: 768px){
	.top-Case{
	padding: 40px 0;
	}
	.top-Case_Title{
	margin-bottom: 30px;
	}
	.top-Case_Slide{
	margin-bottom: 30px;
	}
}


/*------------------*/
/*  Brand & Group   */
/*------------------*/

@media (min-width: 769px){
	.top-Brands{
	margin: 80px 0;
	}
}


@media (max-width: 768px){
	.top-Brands{
	margin: 60px 0 40px;
	}
}


/*------------------*/
/*    Group Menu    */
/*------------------*/


.top-Brands_SDD, .top-Brands_divx {
width: 100%;
}

.top-Brands_SDD_tile, .top-Brands_divx_tile {
margin-top: 30px;
}

@media (max-width: 768px){
.top-Brands_SDD_tile  {
min-height: 340px;
}
.top-Brands_divx_tile  {
min-height: 680px;
}
}


@media (min-width: 769px){
.top-Brands_SDD_tile, .top-Brands_divx_tile {
min-height: 170px;
}
}

.top-Brands_SDD h2 p, .top-Brands_divx h2 p{
font-weight: bold;
}

.sdd_topmenu, .divx_topmenu {
position: relative;
width: 25%;
float: left;

z-index: 1;
-webkit-transition: -webkit-transform .2s ease-in-out;
transition: -webkit-transform .2s ease-in-out;
-o-transition: transform .2s ease-in-out;
transition: transform .2s ease-in-out;
transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
will-change: transform;
-webkit-backface-visibility: hidden;
backface-visibility:hidden;
}

.sdd_topmenu:hover, .divx_topmenu:hover {
z-index: 2;
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}

@media (max-width: 768px){
.sdd_topmenu, .divx_topmenu {
width: 50%;
float: left;
}
}

.sdd_topmenu_photo1, .sdd_topmenu_photo2, .sdd_topmenu_photo3, .sdd_topmenu_photo4 {
background-repeat: no-repeat;
background-size: cover;
}

.sdd_topmenu_photo1 {
background-image: linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0.5)),url(/assets/img/index/sdd_topmenu_photo_01.jpg);
}

.sdd_topmenu_photo2 {
background-image: linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0.5)),url(/assets/img/index/sdd_topmenu_photo_02.jpg);
}

.sdd_topmenu_photo3 {
background-image: linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0.5)),url(/assets/img/index/sdd_topmenu_photo_03.jpg);
}

.sdd_topmenu_photo4 {
background-image: linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0.5)),url(/assets/img/index/sdd_topmenu_photo_04.jpg);
}



.divx_topmenu_photo0, .divx_topmenu_photo1, .divx_topmenu_photo2, .divx_topmenu_photo3, .divx_topmenu_photo4, .divx_topmenu_photo5, .divx_topmenu_photo6, .divx_topmenu_photo7, .divx_topmenu_photo8, .divx_topmenu_photo9 {
position: relative;
z-index: 0;
overflow: hidden;
background-color: #fff;
}



.divx_topmenu_photo1::before, .divx_topmenu_photo2::before, .divx_topmenu_photo3::before, .divx_topmenu_photo4::before, .divx_topmenu_photo5::before, .divx_topmenu_photo6::before, .divx_topmenu_photo7::before, .divx_topmenu_photo8::before, .divx_topmenu_photo9::before {
content: '';
position: absolute;
z-index: -1;
width: 100%;
height: 100%;
top: -5px;
bottom: -5px;
left: -5px;
right: -5px;
width: 100%;
height: 100%;
filter: blur(5px);
background-size: cover;
background-repeat: no-repeat;
background-color: #fff;
}

.divx_topmenu_photo0::before {
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
filter: none;
}

.divx_topmenu_photo0::after, .divx_topmenu_photo1::after, .divx_topmenu_photo2::after, .divx_topmenu_photo3::after, .divx_topmenu_photo4::after, .divx_topmenu_photo5::after, .divx_topmenu_photo6::after, .divx_topmenu_photo7::after, .divx_topmenu_photo8::after, .divx_topmenu_photo9::after {
content: '';
position: absolute;
z-index: 1;
width: 100%;
height: 100%;
top:0;
left:0;
background: linear-gradient(135deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.7));
}

.divx_topmenu_photo0::before {
background-color: #333;
background-size: cover;
}
	
.divx_topmenu_photo1::before {
background-image: url(/assets/img/index/divx_topmenu_photo_01.jpg);
}

.divx_topmenu_photo2::before {
background-image: url(/assets/img/index/divx_topmenu_photo_02.jpg);
}

.divx_topmenu_photo3::before {
background-image: url(/assets/img/index/divx_topmenu_photo_03.jpg);
}

.divx_topmenu_photo4::before {
background-image: url(/assets/img/index/divx_topmenu_photo_04.jpg);
}

.divx_topmenu_photo5::before {
background-image: url(/assets/img/index/divx_topmenu_photo_05.jpg);
}

.divx_topmenu_photo6::before {
background-image: url(/assets/img/index/divx_topmenu_photo_06.jpg);
}

.divx_topmenu_photo7::before {
background-image: url(/assets/img/index/divx_topmenu_photo_07.jpg);
}
																																																																							.divx_topmenu_photo8::before {
background-image: url(/assets/img/index/divx_topmenu_photo_08.jpg);
}
																																																																							.divx_topmenu_photo9::before {
background-image: url(/assets/img/index/divx_topmenu_photo_09.jpg);
}
																																				
.sdd_topmenu a, .divx_topmenu a {
color: #fff;
display: block;
position: relative;
min-height: 170px;
text-decoration: none;
z-index: 2;
}

.sdd_topmenu a h3, .divx_topmenu a h3 {
text-align: center;
font-size: 2.4rem;
font-weight: bold;
padding-top: 70px;
line-height: 1.4em;
}

.sdd_topmenu a p, .divx_topmenu a p {
width: 100%;
position: absolute;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-webkit-transition: all 1s ease;
transition: all 1s ease;
bottom: 0;
padding: 15px 30px;
text-align: left;
font-size: 15px;
font-size: 1.5rem;
line-height: 1.8;
}