@charset "utf-8";

/*
  File Name   : style.css
  Description : CSS
*/


/* PC Layout ******************************************************************************************* */

/* Common
============================================================ */


/* Home
============================================================ */
/*add 20200803*/
.swiper {
width: 90%;
height: 450px;
margin: 0.5rem auto;
}

.swiper-slide {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
font-weight: bold;
font-size:30px;
}

.swiper-slide{
height:400px;
}
.slide1,
.slide2,
.slide3,
.slide4,
.slide5,
.slide6 {
background-repeat:no-repeat;
background-position:center top;
background-size:cover;
}
.slide1 {
background-image:url("../images/top/pickup-01.png");
}

.slide2 {
background-image:url("../images/top/pickup-02.png");
}

.slide3 {
background-image:url("../images/top/pickup-03.png");
}
.slide4 {
background:url("../images/top/pickup-04.png");
}

.slide5 {
background-image:url("../images/top/pickup-05.png");
}

/* tablet Layout ******************************************************************************************* */
@media screen and (min-width: 768px) and (max-width: 1250px) {

}

/* SP Layout ******************************************************************************************* */

/* Index
============================================================ */
@media screen and (max-width: 767px) {
}

@media screen and (max-width: 480px) {
	
}

@media screen and (max-width: 425px) {
	
}

@media screen and (max-width: 375px) {
	
}

@media screen and (max-width: 325px) {
	
}