@charset "UTF-8";

.slider {
position: relative;
width: 100%;
height: 400px;
overflow: hidden;
text-align:center;
}

.slides {
height: 100%;
overflow: hidden;
*zoom: 1;
}

.slide {
height: 100%;
float: left;
clear: none;
}

/*包括*/
.slide_wrapper {
	display: none;
}

/*キャッチ1*/
/*1920px
.slide img#home_copy_01 {
	position: absolute;
	top: 80px;
	right: 610px;
}
.slide img#home_copy_02 {
	position: absolute;
	top: 80px;
	right: 665px;
}
.slide img#home_copy_03 {
	position: absolute;
	top: 80px;
	right: 720px;
}
*/

/*line*/
.slide img#fan {
	position: absolute;
    bottom: 50px ;
    left: 0%;
   width: 320px;
}
.slide img#linePc {
	position: absolute;
    bottom: 50px ;
    left: 325px;
	width: 320px;
}

.slide img#experience {
	position: absolute;
    bottom: 50px ;
    right: 0%;
   width: 320px;
}
@media (min-width:1100px){
.slide img#fan {
   width: 390px;
}
.slide img#linePc {
    left: 405px;
	width: 390px;
}

.slide img#experience {
   width: 390px;
}
}



.slide img#home_copy_01 {
	position: absolute;
	top: 145px;
	right: 545px;
}
.slide img#home_copy_02 {
	position: absolute;
	top: 145px;
	right: 595px;
}
.slide img#home_copy_03 {
	position: absolute;
	top: 145px;
	right: 645px;
}


/*キャッチ2*/
.slide img#home_copy_04 {
	position: absolute;
	top: 80px;
	left: 220px;
}
.slide img#home_copy_05 {
	position: absolute;
	top: 80px;
	left: 165px;
}
.slide img#home_copy_06 {
	position: absolute;
	top: 80px;
	left: 110px;
}
/*キャッチ3*/
.slide img#home_copy_07 {
	position: absolute;
	top: 80px;
	right: 210px;
}
.slide img#home_copy_08 {
	position: absolute;
	top: 80px;
	right: 265px;
}



.slider-arrow {
position: absolute;
display: block;
padding: 10px;
}

.slider-arrow--right {
top: 50%;
right: 10px;
background: url(../images/right.png) no-repeat;
}

.slider-arrow--left {
top: 50%;
left: 20px;
background: url(../images/left.png) no-repeat;
}

.slider-nav {
position: absolute;
bottom: 20px;
}

.slider-nav__item {
width: 8px;
height: 8px;
float: left;
clear: none;
display: block;
margin: 0 5px;
border: 1px solid #fff;

border-radius: 8px;
}

.slider-nav__item:hover { background: #fff; }

.slider-nav__item--current { background: #fff; }

.bg01 {
background: url(../images/index-sp-slide-01.jpg) no-repeat center center;
background-size: cover;
}

.bg02 {
background: url(../images/index-sp-slide-02.jpg) no-repeat center right;
background-size: cover;
}

.bg03 {
background: url(../images/index-sp-slide-03.jpg) no-repeat center center;
background-size: cover;
}


/*英語*/
.bg01_en {
background: url(../images/en/index-sp-slide-01.jpg) no-repeat center center;
background-size: cover;
}

.bg02_en {
background: url(../images/en/index-sp-slide-02.jpg) no-repeat center center;
background-size: cover;
}

.bg03_en {
background: url(../images/en/index-sp-slide-03.jpg) no-repeat center center;
background-size: cover;
}







/***************************************************************

英語サイト用CSS

******************************************************************/

/*キャッチ1*/
.slide img#home_copy_01_en {
	position: absolute;
	top: 420px;
	right: 0px;
}
.slide img#home_copy_02_en {
	position: absolute;
	top: 470px;
	right: 0px;
}
.slide img#home_copy_03_en {
	position: absolute;
	top: 520px;
	right: 0px;
}
/*キャッチ2*/
.slide img#home_copy_04_en {
	position: absolute;
	top: 410px;
	left: 0px;
}
.slide img#home_copy_05_en {
	position: absolute;
	top: 460px;
	left: 0px;
}
.slide img#home_copy_06_en {
	position: absolute;
	top: 510px;
	left: 0px;
}
/*キャッチ3*/
.slide img#home_copy_07_en {
	position: absolute;
	top: 470px;
	right: 0px;
}
.slide img#home_copy_08_en {
	position: absolute;
	top: 520px;
	right: 0px;
}
@media (min-width:768px){
.slider {
    height: 600px;
}
}
@media (min-width:1024px){
.slider {
    height: 800px;
}
/*包括*/
.slide_wrapper {
    display: block;
	position: relative;
	width: 970px;
	margin: 0 auto;
	height: 100%;
}
@media (min-width:1100px){
.slide_wrapper {
	width: 1200px;
}
}
.slider-arrow--right {
    right: 40px;
}
.slider-arrow--left {
    left: 50px;
}
.bg01,.bg01_en {
    background: url(../images/index-slide-01.jpg) no-repeat center center;
    background-size: cover;
}
.bg02,.bg02_en {
    background: url(../images/index-slide-02.jpg) no-repeat center center;
    background-size: cover;
}
.bg03,.bg03_en {
    background: url(../images/index-slide-03.jpg) no-repeat center center;
    background-size: cover;
}
}