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

/* ==========================================================================
   News
========================================================================== */
#news .buttons {
  position: absolute;
  top: -45px;
  right: 40px;
  z-index: 3; }
#news .buttons .btn {
  margin: 0; }


/* ==========================================================================
Banner
========================================================================== */

/* 3 column */
.bannerlist.skew-bannerlist-3col .bannerlist__header {
	margin-bottom: -1.75rem;
	padding-left: calc(7.5vw - 15px);
	display: flex;
	align-items: flex-end; }
.bannerlist.skew-bannerlist-3col .bannerlist__header .header__description {
	margin: 0 0 4px 30px;
    min-width: 53%;
}

.bannerlist.skew-bannerlist-3col ul {
	margin-bottom: 180px; }
.bannerlist.skew-bannerlist-3col ul li {
	margin-right: -3.5%;
	margin-left: -3.5%; }
.bannerlist.skew-bannerlist-3col ul li .row {
	height: 555px; }
.bannerlist.skew-bannerlist-3col li:nth-of-type(1) > .row {
	clip-path: polygon(0 0, 80% 0, 100% 100%, 0% 100%); }
.bannerlist.skew-bannerlist-3col li:nth-of-type(2) > .row {
	clip-path: polygon(0 0, 80% 0, 100% 100%, 20% 100%);
	transform: translateY(77px); }
.bannerlist.skew-bannerlist-3col li:nth-of-type(3) > .row {
	clip-path: polygon(0 0, 100% 0, 100% 100%, 20% 100%);
	transform: translateY(154px); }

/* 2 column */
.bannerlist.skew-bannerlist-2col ul {
	margin-bottom: 220px; }
.bannerlist.skew-bannerlist-2col ul li .row {
	height: 600px; }
.bannerlist.skew-bannerlist-2col li:nth-of-type(odd) > .row {
	clip-path: polygon(0 0, 100% 0, 80% 100%, 0 100%);
	margin-right: -10%; }
.bannerlist.skew-bannerlist-2col li:nth-of-type(even) > .row {
	clip-path: polygon(20% 0, 100% 0, 100% 100%, 0 100%);
	margin-left: -10%;
	transform: translateY(135px); }
.bannerlist.skew-bannerlist-2col li:nth-of-type(odd) .bannerlist__header {
	top: -5rem;
	left: 15%; }
.bannerlist.skew-bannerlist-2col li:nth-of-type(even) .bannerlist__header {
	top: calc(100% + 5rem);
	left: -20%; }
.bannerlist.skew-bannerlist-2col li:nth-of-type(even) .bannerlist__header .headline {
	filterlex-direction: column; }

.bannerlist.skew-bannerlist-2col li:nth-of-type(odd) .bg-txt {
	left: -12.5%;
	margin: -10rem 0 0; }
.bannerlist.skew-bannerlist-2col li:nth-of-type(even) .bg-txt {
	right: -12.5%; }


#feature .bg-txt {
  margin: -9rem 0 0;
}
#feature.bannerlist .bannerlist__header {
  padding-left: calc(7.5vw - 15px);
}
#feature .banner .label,
#other .banner .ttl__en {
  font-size: 2.143rem; }
#product .bg-txt {
  margin: -9rem 0 0;
}
#product.bannerlist .bannerlist__header {
  padding-left: calc(7.5vw - 15px);
  margin-bottom: -9rem;
}
#product.bannerlist .imgBox {
    height: 500px;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 20% 100%);
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 20% 100%);
}