.sfondo {
  background-image: url(/img/sfondo_02.webp);
  background-position: top right;
}
@media screen and (max-width: 767px) {
  .sfondo {
      background-image: none;
  }
}

button.slick-next:before, button.slick-prev:before{
  display: none!important;
}
ul.slick-dots {
  display: none!important;
}

/* slideshow */
@charset "utf-8";

/*------------------------------------------------
slider
------------------------------------------------*/
.slider {
  position: relative;
  z-index: 10;
  height: 60vh;
}

.slider .slider-top,
.slider .slider-bottom {
  height: 30vh;
}


.slider .slider-item01 {
  background: url(https://provasitiacross.it/kore-design/img/slide/farfalla.jpg);
}

.slider .slider-item02 {
  background: url(https://provasitiacross.it/kore-design/img/slide/LK.jpg);
}

.slider .slider-item03 {
  background: url(https://provasitiacross.it/kore-design/img/slide/mecolpress.jpg);
}

.slider .slider-item04 {
  background: url(https://provasitiacross.it/kore-design/img/slide/mecolpress2.jpg);
}

.slider .slider-item05 {
  background: url(https://provasitiacross.it/kore-design/img/slide/slide-kore-04.jpg);
}

.slider .slider-item06 {
  background: url(https://provasitiacross.it/kore-design/img/slide/SIAD_2.jpg);
}

.slider .slider-item {
  width: 100%;
  height: 30vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}


/*------------------------------------------------
レイアウト用
------------------------------------------------*/
*{
  margin: 0;
  padding: 0;  
}

ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

a {
  color: #fff;
}

a:hover,
a:active {
  text-decoration: none;
}

.Content-main {
  background: #555;
}

.Content-main p {
  padding: 300px 0;
  text-align: center;
  color: #fff;
}


.slidetext {
  position: absolute;
  z-index: 20;
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  font-size: 5vw;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
/* slideshow end */

/* timeline */
body{
padding:0;
margin:0;
}

.timeline{
position:relative;
margin:0px auto 30px;
padding:40px 0;
width:1000px;
box-sizing:border-box;
}
.timeline:before{
content:'';
position:absolute;
left:50%;
width:2px;
height:100%;
background:#ae6679;
}
.timeline ul{
padding:0;
margin:0;
}
.timeline ul li{
list-style:none;
position:relative;
width:50%;
padding:0px 40px;
box-sizing:border-box;
}
.timeline ul li:nth-child(odd){
float:left;
text-align:right;
clear:both;
}
.timeline ul li:nth-child(even){
float:right;
text-align:left;
clear:both;
}
.content{
padding-bottom:20px;
}
.timeline ul li:nth-child(odd):before
{
content:'';
position:absolute;
width:10px;
height:10px;
top:24px;
right:-6px;
background: #ae6679;
border-radius:50%;
box-shadow:0 0 0 3px rgba(233,33,99,0.2);
}
.timeline ul li:nth-child(even):before
{
content:'';
position:absolute;
width:10px;
height:10px;
top:24px;
left:-4px;
background: #ae6679;
border-radius:50%;
box-shadow:0 0 0 3px rgba(233,33,99,0.2);
}
.timeline ul li h3{
padding:0;
margin:0;
color: #ffffff;
font-weight:600;
}
/* .timeline ul li p{
margin:10px 0 0;
padding:0;
} */
/* .timeline ul li .time h4{
margin:0;
padding:0;
font-size:14px;
} */
.timeline ul li:nth-child(odd) .time
{
position:absolute;
top:0px;
right:-465px;
margin:0;
padding:8px 16px; 
width: 450px;

}
.timeline ul li:nth-child(even) .time
{
position:absolute;
top:0px;
left:-463px;
margin:0;
padding:8px 16px;
width: 450px;

}
@media(max-width:1100px)
{
.timeline{
  width:100%;
}
}
@media(max-width:767px){
.timeline{
  width:100%;
  padding-bottom:0;
}
h1{
  font-size:40px;
  text-align:center;
}
.timeline:before{
  left:20px;
  height:100%;
}
.timeline ul li:nth-child(odd),
.timeline ul li:nth-child(even)
{
  width:100%;
  text-align:left;
  padding-left:50px;
  padding-bottom:20px;
}
.timeline ul li:nth-child(odd):before,
.timeline ul li:nth-child(even):before
{
  top:-18px;
  left:16px;
}
.timeline ul li:nth-child(odd) .time,
.timeline ul li:nth-child(even) .time{
  top:-30px;
  left:50px;
  right:inherit;

}
}
.time{
 width:300px;
}
/* timeline end */

video{
object-fit: cover;
width: 100vw;
height: 70vh;
top: 0;
left: 0;
margin-top: -2%;
}