body{background:#eeeded;}

#wrap {width: auto;height: auto;overflow: hidden;}
.wrap_{overflow: hidden; display: none;}


p {
  color: #252525;
  font-size: 14px;
  line-height: 2;
  font-family: 'Roboto Slab',"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: 400;
  letter-spacing: 0.1em;
  text-indent: 0.1em;
}

a{
    font-family: 'Roboto Slab', serif;
}


.player {
  width: 100%; 
  height: 100%;  
  z-index: 99;
  position: relative;
  top: 0
}

#button{
  width:18px; 
  height:18px;
  z-index: 999999999999;
  position: absolute;
  top: 5%;
  left: 96%;
  -ms-transform: translate(0%,0%);
  -webkit-transform: translate(0%,0%);
  transform: translate(0%,0%);
}

@media only screen and (max-width: 768px) {

#button{
  top: 5%;
  left: 93%;
  -ms-transform: translate(0%,0%);
  -webkit-transform: translate(0%,0%);
  transform: translate(0%,0%);
}

}

.header {position: relative;width: 100vw;height: 75vh;}

.sp_gnav{
    background-color: rgba(255,255,255,0.8);
    display: none;
    padding: 40px 0 40px 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 1;

}

.site-logo_sp {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
  }

.site-logo_sp img{height:30px;width: auto;}

.site-logo_spp {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
  }

.site-logo_spp img{height:50px;width: auto;}










.pc_gnav{
    background-color: rgba(255,255,255,0.8);
    display:  block;
    padding: 11px 0px 0px 0px;
    position: fixed;
    width: 100%;
    z-index: 999;
}


.site-logo_pc {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
  }

.site-logo_pc img{height:40px;width: auto;}
.gnavxx{text-align: right;padding:0 5% 0 5%;}
.gnav{display: inline-block;}

.gnav__menu{
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  /* justify-content: flex-end; */
  align-items: center;
  /* text-align: right; */
  margin-bottom: 0px;
}


.gnav__menu__item{margin-left: 30px;}
.gnav__menu__item a{color: #252525;text-decoration: none;font-size: 14px;}
.gnav__menu__item img{height: 9.5px;}

.wrap_pc{width: 100vw;margin: 0 auto;}
.wrap_pc{background:  #eeeded;}
.wrap_pc img{  max-height:100%;max-width: 100%; }




.content01{background: #fff;height: 600px;/* padding-bottom: 90px; *//* margin-bottom: 100px; */}
.content02{/* height: 1000px; */text-align: center;}
.content03{/* height: 100px; */text-align: center;}
.culture_pc{/* height: 100%; */text-align: center;background: #fff;margin-top: 50px;}
.design_pc{text-align: center;/* margin-bottom: 35px; */}
.nupka_pc{text-align: center;background: #fff;margin-top: 75px;padding-top: 100px;}



.content01_pc_wrap{
  height: auto;
  width: 1200px;
  text-align:center;
  margin-left:auto;
  margin-right:auto;
  text-align:
  left;
  display: block;
  padding-bottom: 40px;
  }
.content01_pc{margin: 0 160px;max-width: 1200px;}
.maincopy_pc{width: 390px;height: 195px; display: flex;justify-content: center;align-items: center;}
.maincopy_pc p{font-size: 50px; color:#252525}
.content01_pc_box01{display: block;float: right;width: 420px;height: 300px;margin-right: -80px;}
.content01_pc_box01 p{font-size: 18px;color:  #252525;}

.content02_pc_wrap{padding-top: 100px; position: relative;height: auto;width: 1200px;text-align:center;margin-left:auto;margin-right:auto;text-align:left;background-color: #eeeded;display: inline-block;}

.content02_pc{margin: 80px 160px 0 160px;}

.content02_pc_box01{  
  display: block;
  float: left;
  width: 880px;
  height:auto;
  margin: 0 0 0 0;
  background-color:#eeeded;
}

.content02_pc_box02{  
  float:  right; 
  margin-top:  40px;  
  padding:35px;
  height: 580px;
  width: 500px;
  z-index: 1;
  background:#fff;
}

.content02_pc_box02 p{font-size: 18px;}

.content03_pc_wrap{position: relative;height: auto;width: 1200px;text-align:center;margin-left:auto;margin-right:auto;text-align:left;background-color: #eeeded;display: inline-block;}
.content03_pc{
margin: 40px 160px 0 160px;
}

.content03_pc_box01{
  display: flex;
  justify-content: center;
  align-items: center;
  float: left;
  width: 250px;
  height:490px;
  margin: 40px 0 0 60px;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}
.content03_pc_box01 p{font-size: 30px}

.content03_pc_box02{  
  display: block;
  float: right;
  width: 450px;
  margin: 40px 0 40px 0;
}

.content03_pc_box02 img{  width: 100%;height: 100%;}

.content04_pc_wrap{
position: relative;
height: auto;
width: 1200px;
text-align:center;margin-left:auto;margin-right:auto;text-align:left;
display: inline-block;
margin-bottom:  40px
}

.content04_pc{margin: 40px 160px 0 160px;}

.content04_pc_box01{  
  position: relative;
  display: block;
  float: left;
  width: 390px;
  height:300px;}

.content04_pc_title{
  position: absolute;
  top: 0;
  left: 195%;
  -ms-transform: translate(-100%,-0%);
  -webkit-transform: translate(-100%,-0%);
  transform: translate(-100%,-0%);
  margin:0;
  padding:0;
  z-index: 1;
  width: 400px;
}
.content04_pc_title p {font-size: 24px;color: #252525;}


.content04_pc_box02{  
  float: right;
  width: 440px;
  height: 100%;
  margin: 90px 0 0 30px;
}

.content04_pc_box02 p{  color: #252525;
  font-size: 14px;
  line-height: 2;
}

.content05_pc_wrap{
position: relative;
height: auto;
width: 1200px;
text-align:center;margin-left:auto;margin-right:auto;text-align:left;
display: inline-block;
margin-bottom:  40px;
}
.content05_pc{margin: 40px 160px 0 160px;}

.content05_pc_box01{  
  display: block;
  float: left;
  width: 440px;
  height:100%;
  }

.content05_pc_box01 p{  color: #252525;
  font-size: 14px;
  line-height: 2;
}


.content05_pc_box02{  
  position: relative;
  display:block;
  float: right;
  width: 390px;
  height: 300px;
  margin: 0 0 0 30px;}

.content05_pc_title p {font-size: 24px;color: #252525;line-height:  1.7;}





.tour_pc_wrap{
position: relative;
height: auto;
width: 1200px;
text-align:center;
margin-left:auto;margin-right:auto;
text-align:left;
background-color: #eeeded;
display: inline-block;}


.tour_pc{margin-left: 100px;}


.tour_pc_box01{
  display: block;
  float: left;
  width: 1100px;
  background-color:#eeeded;
}

.tour_pc_box02{float:left;height: 1100px;width: 850px;z-index: 1;background:#fff;padding: 50px 50px 50px 100px;}
.tour_pc_box02 p{font-size: 16px;}
.tour_pc_box03 {font-size: 30px;padding: 20px 0 50px 0 ; width: 400px;}


.tour_pc_box04{float: left;height: 250px;width:500px;margin:0 0 50px 0 ; }
.tour_pc_box05{float: left;height: 250px;width:500px;margin:0 0 50px 0 ;}
.tour_pc_box06{float: left;height: 200px;width: 600px;/* margin:0 0 50px 0 ; */}
.tour_pc_box07{float: left;height: 250px;width: 700px;margin:0 0 50px 0;}

.tour_pc_box08{
  position: relative;
  top: 0%;
  left: 45%;
  -ms-transform: translate(0%,0%);
  -webkit-transform: translate(0%,0%);
  transform: translate(0%,-20%);
  margin:0;
  padding:0;
  z-index: 1;
  float: left;
  width: 480px;
  height: 360px;
  background: #f5f5f5;
}

.tour_pc_box09{
  float: left;
  width: 480px;
  height: 360px;
  background: #f5f5f5;
  position: relative;
  top: 0%;
  left: 0%;
  -ms-transform: translate(0%,0%);
  -webkit-transform: translate(0%,0%);
  transform: translate(0%,-40%);
  margin:0;
  padding:0;
  z-index: 1;

}



.horse_pc_wrap{
position: relative;
height: auto;
width: 1200px;
text-align:center;
margin-left:auto;margin-right:auto;
text-align:left;
background-color: #eeeded;
display: inline-block;}

.horse_pc{margin-right: 100px;}


.horse_pc_box01{
  display: block;
  float: left;
  width: 1100px;
  background-color:#eeeded;
}

.horse_pc_box02{float:left;height: 1350px;width: 900px;z-index: 1;background:#fff;padding: 50px;margin-left: 100px;}


.horse_pc_box03 p{font-size: 30px;padding: 20px 0 20px 0 ;}

.horse_pc_box04{float: left;width:1200px; margin-left: 50px;}

.horse_pc_box03 {font-size: 30px;padding: 20px 0 50px 50px ; width: 400px;}

.horse_pc_box05{
  float: left;
  width: 580px;
  height: 460px;
  /* background: #f5f5f5; */
  margin: 50px 0 0 50px;
  z-index: 3;
}

.horse_pc_box06{
  float: left;
  width: 580px;
  height: 560px;
  /* background: #f5f5f5; */
  position: relative;
  top: -7.5%;
  left: 55%;
  -ms-transform: translate(0%,0%);
  -webkit-transform: translate(0%,0%);
  transform: translate(0%,0%);
  margin:0;
  padding:0;
  z-index: 1;
}

.horse_pc_box07{
  float: left;
  width: 480px;
  /* height: 460px; */
  /* background: #f5f5f5; */
  position: relative;
  top: -38%;
  left: -10%;
  -ms-transform: translate(0%,0%);
  -webkit-transform: translate(0%,0%);
  transform: translate(0%,0%);
  margin:0;
  padding:0;
  z-index: 1;
}

.horse_pc_box08{float: left;width: 480px;height: 360px;background: #f5f5f5;margin-left:30px;}
.horse_pc_box09{
  float: left;
  width: 480px;
  height: 360px;
  background: #f5f5f5;
  position: relative;
  top: 0%;
  left: 0%;
  -ms-transform: translate(0%,0%);
  -webkit-transform: translate(0%,0%);
  transform: translate(0%,0%);
  margin:0;
  padding:0;
  z-index: 1;

}



.cabin_pc_wrap{
position: relative;
height: auto;
width: 1200px;
text-align:center;
margin-left:auto;margin-right:auto;
text-align:left;
background-color: #eeeded;
display: inline-block;}

.cabin_pc{margin-left: 100px;}


.cabin_pc_box01{
  display: block;
  float: left;
  width: 1100px;
  background-color:#eeeded;
}

.cabin_pc_box02{float:left;height: 1200px;width: 900px;z-index: 1;background:#fff;padding: 50px;}


.cabin_pc_box03 {font-size: 30px;padding: 20px 0 50px 50px;width: 400px;}

.cabin_pc_box04{float: left;width:1200px;margin-left: 50px;}

.cabin_pc_box04 p{font-size: 18px;}

.cabin_pc_box05{
  float: left;
  width: 480px;
  height: 360px;
  background: #f5f5f5;
  margin: 50px 0 0 50px ;


}

.cabin_pc_box06{
  float: left;
  width: 480px;
  height: 360px;
  /* background: #f5f5f5; */
  position: relative;
  top: -15%;
  left: 45%;
  -ms-transform: translate(0%,0%);
  -webkit-transform: translate(0%,0%);
  transform: translate(0%,0%);
  margin:0;
  padding:0;
  z-index: 1;
}

.cabin_pc_box07{
  float: left;
  width: 480px;
  height: 360px;
  background: #f5f5f5;
   position: relative;
  top: 0%;
  left: 0%;
  -ms-transform: translate(0%,0%);
  -webkit-transform: translate(0%,0%);
  transform: translate(0%,0%);
  margin:0;
  padding:0;
  z-index: 1;

}

.cabin_pc_box08{float: left;width: 480px;height: 360px;background: #f5f5f5;margin-left:30px;}
.cabin_pc_box09{
  float: left;
  width: 480px;
  height: 360px;
  background: #f5f5f5;
  position: relative;
  top: 0%;
  left: 0%;
  -ms-transform: translate(0%,0%);
  -webkit-transform: translate(0%,0%);
  transform: translate(0%,0%);
  margin:0;
  padding:0;
  z-index: 1;

}





.staff_pc_wrap{
position: relative;
height: auto;
width: 1200px;
text-align:center;
margin-left:auto;margin-right:auto;
text-align:left;
background-color: #eeeded;
display: inline-block;}

.staff_pc{margin-right: 100px;}


.staff_pc_box01{
  display: block;
  float: left;
  width: 1100px;
  background-color:#eeeded;
}

.staff_pc_box02{float:left;height: 1100px;width: 900px;z-index: 1;background:#fff;padding: 50px;margin-left: 100px;}


.staff_pc_box03 {font-size: 30px;padding: 20px 0 50px 50px;width: 400px;}

.staff_pc_box04{float: left;width:1200px;margin-left: 50px;}

.staff_pc_box04 p{font-size: 18px;}

.staff_pc_box05{
  float: right;
  width: 480px;
  height: 360px;
  /* background: #f5f5f5; */
  margin: 50px 0 0 50px;
}

.staff_pc_box06{
  float: left;
  width: 480px;
  height: 360px;
  background: #f5f5f5;
  position: relative;
  top: -15%;
  left: 0%;
  -ms-transform: translate(0%,0%);
  -webkit-transform: translate(0%,0%);
  transform: translate(0%,0%);
  margin:0;
  padding:0;
  z-index: 1;
}

.staff_pc_box07{
  float: left;
  width: 480px;
  height: 360px;
  background: #f5f5f5;
   position: relative;
  top: 0%;
  left: 0%;
  -ms-transform: translate(0%,0%);
  -webkit-transform: translate(0%,0%);
  transform: translate(0%,0%);
  margin:0;
  padding:0;
  z-index: 1;

}

.staff_pc_box08{float: left;width: 480px;height: 360px;background: #f5f5f5;margin-left:30px;}
.staff_pc_box09{
  float: left;
  width: 480px;
  height: 360px;
  background: #f5f5f5;
  position: relative;
  top: 0%;
  left: 0%;
  -ms-transform: translate(0%,0%);
  -webkit-transform: translate(0%,0%);
  transform: translate(0%,0%);
  margin:0;
  padding:0;
  z-index: 1;

}










.culture_pc_wrap{position: relative;height: auto;width: 1200px;text-align:center;margin-left:auto;margin-right:auto;text-align:left;/* background-color: #eeeded; */display: inline-block;margin-top: 100px;margin-bottom: 100px;}

.culture_pc_{margin: 80px 160px 0 160px;}


.culture_pc_box01{  
  display: block;
  float: right;
  width: 680px;
  height:auto;
  background-color:#eeeded;
}

.culture_pc_box02{
  float:  left;
  margin-top:  40px;
  padding: 35px;
  height: 525px;
  width: 540px;
  z-index: 1;
  background: #eeeded;
}

.culture_pc_box02 p{font-size: 18px;}

.culture_pc_box03{
  display: flex;
  justify-content: center;
  align-items: center;
  float: left;
  width: 100px;
  height:390px;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}

.culture_pc_box03 p{font-size: 30px}
.culture_pc_box04{  display: block; float: left; width: 580px;margin: 50px 0 40px 0;}
.culture_pc_box04 img{  width:100%;height: 100%;}

.culture_pc_box05{
  position: relative;
  top: 10%;
  left: 100%;
  -ms-transform: translate(-100%,-0%);
  -webkit-transform: translate(-100%,-0%);
  transform: translate(-100%,-10%);
  margin:0;
  padding:0;
  z-index: 2;
  display: block;
  float: right;
  width: 680px;
  height:390px;
  /* background-color:#fff; */
}

.culture_pc_box06{
  display: block;
  float: left;
  /* width: 680px; */
  height:390px;
  background-color:#eeeded;
  position: relative;
  top: 10%;
  left: 60%;
  -ms-transform: translate(-100%,-20%);
  -webkit-transform: translate(-100%,-20%);
  transform: translate(-100%,-20%);
  margin:0;
  padding:0;
  z-index: 1;
}



.design_pc_wrap{position: relative;height: auto;width: 1200px;text-align:center;margin-left:auto;margin-right:auto;text-align:left;background-color: #eeeded;display: inline-block;margin-top: 100px;margin-bottom: 100px;}

.design_pc_{margin: 80px 160px 0 160px;}


.design_pc_box01{
  display: flex;
  justify-content: center;
  align-items: center;
  float: right;
  width: 880px;
  height: 440px;
  /* margin: 0 100px 0 100px; */
  background-color:#fff;
}

.design_pc_box02{
  margin: 40px 0px 0 50px;
  padding: 20px 20px 20px 20px;
  height: 550px;
  width: 640px;
  z-index: 2;
  float: left;
}

.design_pc_box02 p{font-size: 18px;}

.design_pc_box03{
  position: relative;
  top: -40%;
  left: 0%;
  -ms-transform: translate(35%,-30%);
  -webkit-transform: translate(35%,-30%);
  transform: translate(35%,-30%);
  margin:0;
  padding:0;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 150px;
  height:390px;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  float: right;
}

.design_pc_box03 p{font-size: 30px}

.design_pc_box04{
  display: flex;
  justify-content: center;
  align-items: center;
  float: right;
  width: 880px;
  height: 440px;
  margin: 50px 0 0 0;
  background-color:#fff;
}

.design_pc_box05{
  display: flex;
  justify-content: center;
  align-items: center;
  float: right;
  width: 880px;
  height: 440px;
  /* margin: 0 100px 0 100px; */
  background-color:#fff;
  margin: 40px 0 0 0 ;
}

.nupka_pc_wrap{position: relative;height: auto;width: 1200px;text-align:center;margin-left:auto;margin-right:auto;text-align:left;/* background-color: #eeeded; */display: inline-block;}

.nupka_pc_{margin: 80px 160px 0 160px;}


.nupka_pc_box01{
  display: block;
  float: left;
  width: 700px;
  height: 490px;
  /* background-color:#eeeded; */
}

.nupka_pc_box02{
  float:  left;
  margin-top:  40px;
  padding: 35px;
  height: 520px;
  width: 600px;
  z-index: 1;
  background: #eeeded;
}

.nupka_pc_box02 p{font-size: 18px;}

.nupka_pc_box03{
  display: flex;
  justify-content: center;
  align-items: center;
  float: right;
  width: 120px;
  height:390px;
  margin-left: 30px;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}

.nupka_pc_box03 p{font-size: 30px}
.nupka_pc_box04{display: block;float: right;width: 580px;}
.nupka_pc_box04 img{  width:100%;height: 100%;}

.nupka_pc_box05{
  position: relative;
  top: 10%;
  left: 100%;
  -ms-transform: translate(-110%,-10%);
  -webkit-transform: translate(-110%,-10%);
  transform: translate(-115%,-5%);
  margin: 0px 0 50px 0;
  padding:0;
  z-index: 1;
  display: block;
  float: right;
  width: 680px;
  height: 450px;
}








.wrap_sp{display: none;overflow: hidden;}

.content01_sp{height:100%;display: none;/* margin-right: 5%; */padding-top: 10px;padding-bottom: 70px;background: #fff;/* margin: 0px; *//* padding: 0px; */}
.content02_sp{height:100%;display: none;}
.content03_sp{height:100%;display: none;}
.content04_sp{height:100%;display: none;}
.content05_sp{height:100%;display: none;}
.content06_sp{height:100%;display: none;}









.maincopy_sp{width: 70%;height: 100px;margin: 5% 10% 0 13%;}

.content02_sp_box00{
  height: 175vw;
  /* background: #fff; */
  margin-left: 13%;
  /* margin-bottom: 50px; */
  z-index: -1;
}

.content02_sp_box001{
  height: 100vw;
  position: relative;
  top: 13%;
  left: -3%;
  -ms-transform: translate(0%,0%);
  -webkit-transform: translate(0%,0%);
  transform: translate(0%,0%);
  z-index: 1;
}

.content02_sp_box002{
  position: relative;
  top: 0%;
  left: 0%;
  -ms-transform: translate(0%,0%);
  -webkit-transform: translate(0%,0%);
  transform: translate(0%,0%);
  z-index: 1;
  display: inline-block;
  /* margin-left: 10%; */
}

.content02_sp_box003{
  width: 70%;
  margin-left: 13%;
  margin-bottom: 8%;
  margin-top: 15px;
  }
.content02_sp_box004{width: 70%;margin: 8% 0 6.5% 0% ;}


.horse_sp_box01{width: 70%;height: 75px;margin: 6.5% 0 6.5% 13%;}
.horse_sp_box02{margin: 85%;margin: 0 0 6.5% 13%}
.horse_sp_box03{width: 60%;margin-left: 40%;}
.horse_sp_box04{
  width: 60%;
  position: relative;
  top: 0%;
  left: 0%;
  -ms-transform: translate(0%,-10%);
  -webkit-transform: translate(0%,-10%);
  transform: translate(0%,-10%);
  z-index: 1;

}


.cabin_sp_box00{height: 160vw;background: #fff;margin: 0 6.5% 0 6.5%;padding: 0 6.5% 0 6.5% }
.cabin_sp_box01{width: 100%;  padding:  6.5% 0 6.5% 0;}
.cabin_sp_box02{}


.culture_sp_box00{height: 220vw;background: #fff;}

.culture_sp_box01{width: 100%;padding: 0 0 6.5% 0;margin-top: 115px;}

.culture_sp_box02{width: 70%;height: 75px;margin: 6.5% 0 6.5% 13%;}

.culture_sp_box03{
  width: 100%;
  margin: 6.5% 0 6.5% 13%;
  z-index: 1;
}


.design_sp_box00{height: 262vw;}

.design_sp_box01{width: 100%;padding: 115px 0 6.5% 0;}

.design_sp_box02{width: 70%;height: 75px;margin: 6.5% 0 6.5% 13%;}

.design_sp_box03{
  width: 100%;
  margin: 6.5% 0 6.5% 13%;
  z-index: 1;
}

.nupka_sp_box00{height: 265vw;background: #fff;/* margin-top: 115px; */}

.nupka_sp_box01{width: 100%;padding: 0 0 6.5% 0;margin-top: 90px;}

.nupka_sp_box02{width: 70%;height: 75px;margin: 6.5% 0 6.5% 13%;}

.nupka_sp_box03{
  width: 100%;
  margin: 6.5% 0 6.5% 9%;
  z-index: 1;
}











.content01_sp_box01{
  width: 75%;
  height: auto;
  margin: 10% 7% 10% 13% ;
}

.content02_sp_img{
  position: relative;
  z-index: -2;
  width: 100%;
  height: auto;
}
.content02_sp_img img{  max-width: 100%;max-height: 100%;}


.content02_sp_box01{
  width: 69%;
  height: 100%;
  margin: 5% 13% 10% 18% ;
}
.content02_sp_box01 p{font-size: 1.1em;}

.content02_sp_box02{
  width: 85%;
  height: 100%;
  margin: 0 5% 5% 10% ;
}







.loop {
  width: 100%;
  height: 77.6vh; /* 画像の高さを指定 */
  position: relative;
  background: url("../img/sp_top-20200331.jpg") repeat-x 0 0;
  background-size: auto 100%;
  animation: bg-slider 115s linear infinite; /* 23sの部分背景画像の約数だとスムーズ */
  margin: 80px 0 0 0 ;
  padding: 0;
  display: none;
}
@keyframes bg-slider {
  from { background-position: 0 0; }
    to { background-position: -6720px 0; } /* 1518pxとは使用した背景画像の長さ */
}



.pc_movie{display: block;}
.sp_movie{display: none;}

@media only screen and (max-width: 768px) {
p{line-height: 2;font-size: 3.38vw;}
.header {width: 100%;height: auto;min-height: 77.6vh;display: none;}
.loop_css{display: block;}
.loop{width: 100%;height: auto;min-height: 67vh;display: block;}
.pc_gnav{display: none;}
.sp_gnav{display: block;}
.content01_pc_wrap{display: none;}
.content02_pc_wrap{display: none;}
.content03_pc_wrap{display: none;}
.wrap_sp{display: block;margin: 0px;}
.wrap_pc{display: none;}
.content01_sp{display: block;}
.content02_sp{display: block;}
.content03_sp{display: block;}
.content04_sp{display: block;}
.content05_sp{display: block;}
.content06_sp{display: block;}
.sp_about{display: block !important;}
.pc_about{display: none !important;}
.sp_footer{display: block !important;}
.pc_footer{display: none !important;}
.header_sp{display: block;height: 0px !important;}
img{max-width: 100%;max-height: 100%;}
.sp_nav{display: block !important;}
.pc_movie{display: none;}
.sp_movie{display: block;}
  .is-show {display: block !important;}

}



.header_sp{
  width: 100vw;
  height: 57px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.header_sp img{width:auto;height:50px;}

.inner {display: inline-block;}

.accordion_pc{height: 550px;width: 1200px;margin-left:auto;margin-right:auto;display: inline-block;margin-bottom: 25px;}

.accordion2_pc {
  text-align: center;
  color: #252525;
  margin: 50px 0 0 0;
  display: inline-block;
}

.accordion2_pc .inner {display: none;}

.xx01 img{cursor: pointer;width: 100%;height: 50px;}
.xx01{width: 1100px;height: 100px;margin-left: 100px;margin-bottom: -3.33333px;}
.xx02 img{cursor: pointer;width: 100%;height: 50px;}
.xx02{width: 1100px;height: 100px;margin-right: 100px;margin-bottom: -3.33333px;}
.accordion2_pc p.ac1{background: #F50057;}
.accordion2_pc p.ac2{background: #FFEA00;}
.accordion2 p.ac3{background: #64DD17;}
.accordion2_pc .inner li{padding: 0 0;}
.accordion2_pc .inner li.content1-1{background: #F48FB1;}
.accordion2_pc .inner li.content1-2{background: #F8BBD0;}
.accordion2_pc .inner li.content1-3{background: #FCE4EC;}
.accordion2_pc .inner li.content2-1{background: #FFF59D;}
.accordion2_pc .inner li.content2-2{background: #FFF9C4;}
.accordion2_pc .inner li.content2-3{background: #FFFDE7;}
.accordion2_pc .inner li.content3-1{background: #C5E1A5;}
.accordion2_pc .inner li.content3-2{background: #DCEDC8;}
.accordion2_pc .inner li.content3-3{background: #F1F8E9;}


.oya{text-align: center;}







.accordion2 {color: #252525;margin-top: 25px;}
.accordion2 .inner {display: none;}
.accordion2 img{cursor: pointer;width: 100vw;}
.accordion2 p.ac1{background: #F50057;} 
.accordion2 p.ac2{background: #FFEA00;}
.accordion2 p.ac3{background: #64DD17;}
.accordion2 .inner li{padding: 0 0;}
.accordion2 .inner li.content1-1{background: #F48FB1;}
.accordion2 .inner li.content1-2{background: #F8BBD0;}
.accordion2 .inner li.content1-3{background: #FCE4EC;}
.accordion2 .inner li.content2-1{background: #FFF59D;}
.accordion2 .inner li.content2-2{background: #FFF9C4;}
.accordion2 .inner li.content2-3{background: #FFFDE7;}
.accordion2 .inner li.content3-1{background: #C5E1A5;}
.accordion2 .inner li.content3-2{background: #DCEDC8;}
.accordion2 .inner li.content3-3{background: #F1F8E9;}


.header-change{
    background: #252525;
    display:  block;
    padding: 60px 0 60px 0 ;
    position: fixed;
    top: -120px;
    transition: .5s;
    width: 100vw;
    z-index: 1;
}


.header-change.show{
    top: 0;
}
.header-change .gnav__menu__item a{
    color: #fff;
    text-decoration: none;
}






.sp_footer p{
  font-size: 14px;
  line-height: 3;
  font-weight: 400;
  color: #eeeded;
}
.sp_footer img{
  width: 30px;
  height:30px;
  padding: 10px 10px 10px 0 ;
}
.sp_footer{
background-color: #595758;
  text-align: center;
  height: 100%;
  width: 100vw;
  display: none;
  text-decoration : none;  
}
 a{text-decoration: none;}

.pc_footer p{
  font-size: 14px;
  line-height: 26px;
  font-weight: 300;
  color: #eeeded;
}
.pc_footer a{text-decoration: none;}

.pc_footer{
  position: relative;
  background-color: #595757;
  text-align: left;
  padding: 5% 0 0 10%;
  display: block; 
  height: 42vh;
}

.footer_left{float: left;width: 30%}
.footer_right{float: left;margin-left: 5%;width: 30%;}
.footer_img{
  position: absolute;
  bottom: 0;
  left: 67%;
  float: right;
  width:32%;
  max-height:420px;
}
.footer_img img{width: 100%;} 





.header-change01{background-color: #f8f8f8;z-index: 2;display:  block;padding: 40px 0 40px 0 ;position: absolute;width: 100vw;}
.header-change01.fixed{position: fixed;top: 0;}
.header-change02{background-color: #f8f8f8;z-index: 3;display:  block;padding: 40px 0 40px 0 ;position: absolute;width: 100vw;}
.header-change02.fixed{position: fixed;top: 0;}
.header-change03{background-color: #f8f8f8;z-index: 4;display:  block;padding: 40px 0 40px 0 ;position: absolute;width: 100vw;}
.header-change03.fixed{position: fixed;top: 0;}
.header-change04{background-color: #f8f8f8;z-index: 5;display:  block;padding: 40px 0 40px 0 ;position: absolute;width: 100vw;}
.header-change04.fixed{position: fixed;top: 0;}
.header-change05{background-color: #f8f8f8;z-index: 6;display:  block;padding: 40px 0 40px 0 ;position: absolute;width: 100vw;}
.header-change05.fixed{position: fixed;top: 0;}
.header-change06{background-color: #f8f8f8;z-index: 7;display:  block;padding: 40px 0 40px 0 ;position: absolute;width: 100vw;}
.header-change06.fixed{position: fixed;top: 0;}
.header-change07{background-color: #f8f8f8;z-index: 8;display:  block;padding: 40px 0 40px 0 ;position: absolute;width: 100vw;}
.header-change07.fixed{position: fixed;top: 0;}
.header-change08{background-color: #f8f8f8;z-index: 9;display:  block;padding: 40px 0 40px 0 ;position: absolute;width: 100vw;}
.header-change08.fixed{position: fixed;top: 0;}
.header-change09{background-color: #f8f8f8;z-index: 10;display:  block;padding: 40px 0 40px 0 ;position: absolute;width: 100vw;}
.header-change09.fixed{position: fixed;top: 0;}
.header-change10{background-color: #f8f8f8;z-index: 11;display:  block;padding: 40px 0 40px 0 ;position: absolute;width: 100vw;}
.header-change10.fixed{position: fixed;top: 0;}



.header_sp {position: relative;}
.nav-button {display: none;}

.ggnav {
    color: #f8f8f8;
    text-align: center;
    line-height:56px;
    margin-top:0px;
}

.sp_nav{display: none; }

  .ggnav a {text-decoration: none;}
  .ggnav li {display: inline-block;margin: 0 25px;}

.nav-wrap.open {display: block;}
.nav-wrap.close {display: none;}

@media screen and (max-width: 768px) {
  .nav-button {
    display: block;
    cursor: pointer !important;
  }

  .nav-wrap {
    position: fixed;/*fixed*/
    left: 0;
    top: 0;
    display: none;
    z-index: 11;
    background-color: rgba(255, 255, 255, 0.9);
    width: 100%;
    height: 100%;
  }

    .nav{
      height: 100%;
      position: relative;
      overflow-x: hidden;
      overflow-y: auto;
    }

.none{border-bottom: solid 0px #252525 !important;margin-top: 65px !important;}


 .nav_logo{
    position: absolute;
    top: 0;
    left: 0;

}
  .nav-wrap li {
    display: block;
    padding: 1vw;
    /* border-bottom: 2px solid rgba(203,203,203,.6); */
  }


 .logo_wrap{
  margin: 0 0 0 0 ;
  text-align: left;
}
  .nav-wrap a {
    font-size: 16px;
    color: #f8f8f8;
}

  /*メニューボタンのエフェクト*/
  .nav-button,
  .nav-button span {
    display: inline-block;
    transition: all 0.4s;
    box-sizing: border-box;
  }
  .nav-button {
    z-index: 20;
    position: fixed;/*fixed*/
    width: 40px;
    height: 36px;
    top: 0;
    right :0;
    margin: 25px 25px 25px 25px ;
    coursor:pointer;
  }
.hamburg_logo img{height: 50px !important;}

  .nav-button span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 4px;
    border-radius: 4px;
  }

    .nav_color1 span {
    background-color: #F8F8F8;
  }
    .nav_color2 span {
    background-color: #252525;
  }
  .nav-button.active span{
  background-color: #252525;
  }

  .nav-button span:nth-of-type(1) {top: 0px;}
  .nav-button span:nth-of-type(2) {top: 12px;}
  .nav-button span:nth-of-type(3) {bottom: 8px;}

  .nav-button.active span:nth-of-type(1) {
    -webkit-transform: translateY(12px) rotate(-45deg);
    transform: translateY(12px) rotate(-45deg);}

  .nav-button.active span:nth-of-type(2) {opacity: 0;}

  .nav-button.active span:nth-of-type(3) {
    -webkit-transform: translateY(-12px) rotate(45deg);
    transform: translateY(-12px) rotate(45deg);}}


@media(min-width: 768px)　{ 
  .nav_wrap img{
    display:none;}
  }/*768px以上の画面サイズにCSSを適応*/


@media(max-width:768px){
 .nav-wrap img{height:20px;}
 .nav_logo{margin: 25px 0 0 25px;}

}/*768px以下の画面サイズにCSSを適応*/

@media(max-width:480px){
.header-logo1{display: none;}
.header-logo2{display: block; width: 50%;position: absolute;top: 45%;left: 50%;
  -ms-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);margin:0;padding:0;}
.bar{display: none;}
  }/*480px以下の画面サイズにCSSを適応*/



.information-barr{
  position: absolute;
  top: 62.5%;
  left: 0%;
  -ms-transform: translate(0%,0%);
  -webkit-transform: translate(0%,0%);
  transform: translate(0%,0%);
  margin-top: 100px;
  width: 100vw;
  height: 28px;
  background-color: rgba( 255, 255, 255, 0.55 );
  color: #252525;
}

.category{
  padding-left: 3px;
  padding-right:3px;
  padding-top: 1px;
  text-align: center;
  float: left;
  margin-left: 160px;
  height: 27px;
  color: #fff;
  background-color: #000;
}

.category a{color: #fff}

.memory{
  float: left;
  padding-left: 10px;
  padding-top: 1px;
}

.title_bar{
  float: left;
  padding-left: 10px;
  padding-top: 1px;
}

.title_bar a{
  color: #252525; 
  line-height: 2;
  letter-spacing: 0.1em;
  text-indent: 0.1em;

}



.news_pc_box01{  display: block; float: right; width: 580px;height: 100px; margin: 50px 0 40px 0;}


.photoThumb img{
  padding: 0 0 10px 0;
  width: 225px;

}



.blog-inner{    
    display : -webkit-box;     /* old Android */
    display : -webkit-flex;    /* Safari etc. */
    display : -ms-flexbox;     /* IE10        */
    display : flex;
    -webkit-flex-wrap: wrap;          /* Safari etc. */
    -ms-flex-wrap    : wrap;          /* IE10        */
    flex-wrap        : wrap;
    width: 850px;  
  }

  .blog-card{
    margin-top: 5px;
    margin-left: 5px;
    border: 0px solid #eeeeee;
    width: 90%;  
  }

  .blog-card dd{padding-bottom: 10px;}

  a {text-decoration: none; color: #252525}

  .text-box{padding-bottom: 10px; font-size: 18px;word-break:break-all;}

  .blog-card figcaption{padding-bottom: 10px; font-size: 10px; padding-left: 10px;}

  .blog-card dt{text-align: right; padding-right: 10px;}


.news_pc_wrap{position: relative;height: auto;width: 1200px;text-align:center;margin-left:auto;margin-right:auto;text-align:left;background-color: #fff;display: inline-block;}

.news_pc{margin: 0px 160px 180px 160px;}

.news{text-align: center;background-color: #fff;}


.news_sp{
  background-color: #fff;
  height: 100%;
  display: none;
}


.news_sp_box00{
  height: 60vw;
  /* background: #fff; */
  margin-left: 5px;
  /* margin-bottom: 10px; */
  z-index: -1;
}

.news_sp_box001{
  height: 100vw;
  position: relative;
  top: 13%;
  left: -3%;
  -ms-transform: translate(0%,0%);
  -webkit-transform: translate(0%,0%);
  transform: translate(0%,0%);
  z-index: 1;
}

.news_sp_box002{
  position: relative;
  top: 0%;
  left: 0%;
  -ms-transform: translate(0%,0%);
  -webkit-transform: translate(0%,0%);
  transform: translate(0%,0%);
  z-index: 1;
  display: inline-block;
  /* margin-left: 10%; */
}

.news_sp_box003{
  width: 70%;
  margin-left: 13%;
  margin-bottom: 8%;
  margin-top: 15px;
  }
.news_sp_box004{width: 70%;margin: 8% 0 6.5% 0% ;}






@media only screen and (max-width: 768px) {

.information-barr{top: 55%;height: auto;}
.category{margin-left: 20px;height: auto;}
.news_sp_wrap{display: inline-block !important;}
.news_sp{display: block !important;}
.blog-card{
  margin-top: 10px;
  margin-left: 10px;
  border: 0px solid #eeeeee;
  width: 90%;}
  .blog-inner{    
    width: 100%;  
  }

  .hamburg_logo{padding: 3vw !important;}
}