/* ==========================================================================
   Main visual
========================================================================== */
#mv .hero__inner{
  text-align: center; }
#mv .hero__inner span{
  display: block; }

/* ==========================================================================
   Banner
========================================================================== */
/* 3 column */
.bannerlist.skew-bannerlist-3col .bannerlist__header {
  margin-top: -15px; }
.bannerlist.skew-bannerlist-3col ul {
  margin-bottom: 30px; }
.bannerlist.skew-bannerlist-3col ul li .row {
  height: 240px; }
.bannerlist.skew-bannerlist-3col ul li {
  margin-top: -48px; }
.bannerlist.skew-bannerlist-3col ul li:first-of-type {
  margin-top: 60px; }
.bannerlist.skew-bannerlist-3col li:nth-of-type(1) > .row {
  clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%);
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%); }
.bannerlist.skew-bannerlist-3col li:nth-of-type(2) > .row {
  clip-path: polygon(0 20%, 100% 0, 100% 80%, 0 100%);
  -webkit-clip-path: polygon(0 20%, 100% 0, 100% 80%, 0 100%); }
.bannerlist.skew-bannerlist-3col li:nth-of-type(3) > .row {
  clip-path: polygon(0 20%, 100% 0, 100% 100%, 0 100%);
  -webkit-clip-path: polygon(0 20%, 100% 0, 100% 100%, 0 100%); }

/* 2 column */
.bannerlist.skew-bannerlist-2col ul {
  margin-bottom: 90px; }
.bannerlist.skew-bannerlist-2col ul li .row {
  height: 280px; }
.bannerlist.skew-bannerlist-2col ul li {
  margin-top: -56px; }
.bannerlist.skew-bannerlist-2col ul li:first-of-type {
  margin: 0; }
.bannerlist.skew-bannerlist-2col li:nth-of-type(odd) > .row {
  clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%);
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%); }
.bannerlist.skew-bannerlist-2col li:nth-of-type(even) > .row {
  clip-path: polygon(0 20%, 100% 0, 100% 100%, 0 100%);
  -webkit-clip-path: polygon(0 20%, 100% 0, 100% 100%, 0 100%); }
.bannerlist.skew-bannerlist-2col li .bannerlist__header {
  padding: 0 30px; }
.bannerlist.skew-bannerlist-2col li:nth-of-type(odd) .bannerlist__header {
  top: -4.25rem; }
.bannerlist.skew-bannerlist-2col li:nth-of-type(even) .bannerlist__header {
  top: calc(100% - 2rem); }
.bannerlist.skew-bannerlist-2col li:nth-of-type(even) .bannerlist__header .headline {
  flex-direction: column-reverse; }


#product.bannerlist .bannerlist__header {
  margin-bottom: 0;
}
#product.bannerlist .imgBox {
    height: 325px;
}
#feature .banner .label,
#other .banner .ttl__en {
  font-size: 2.167rem; }
@media(max-width:767px){
  #product.bannerlist .bannerlist__header + .row {
    margin-top: -2rem;
  }
  #feature.bannerlist .bg-txt,
  #product.bannerlist .bg-txt {
    left: auto;
    right: 0;
  }
}
@media(min-width:768px){
  #product.bannerlist .imgBox {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 12% 100%);
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 12% 100%);
  }
}
#news .container .youtubeBtn ul li:first-child {
	margin-bottom: 20px;
}