@charset "UTF-8";
/* ------------------------------------
				about
--------------------------------------*/
#aboutMv{
 display: flex;
 flex-flow: column;
 justify-content: center;
 align-items: center;
 background: url("../images/about_mv.jpg") no-repeat center top/cover;
 height: 677px;
 margin: 20px;
}
#aboutMv *{
 color: #fff;
 text-align: center;
}
#aboutMv h1{
 margin-bottom: 50px;
 letter-spacing: 0.15em;
}
@media screen and (max-width: 768px) {
#aboutMv{
 display: flex;
 flex-flow: column;
 justify-content: center;
 align-items: center;
 background: url("../images/about_mv_sp.jpg") no-repeat center top/cover;
 height:calc(100vh - 84px);
 height:calc(100svh - 84px);
 margin:0 10px 20px;
}
#aboutMv h1{
 font-size: 30px;
 margin-bottom: 40px;
 line-height: 1.53;
}
}/*-SP only-*/

/**/
#features h2{
 margin-bottom: 50px;
}
#features ul li h3{
 margin-bottom: 30px;
}
#features ul li figure{
 margin: 0 0 25px;
}
@media screen and (min-width: 769px) {
 #features ul li{
  width: 31%;
  max-width: 370px;
 }
}/*-PC only-*/
@media screen and (max-width: 768px) {
#features h2{
 font-size: 20px;
 margin-bottom: 50px;
}
 #features ul li + li{
  margin-top: 50px;
 }
#features ul li h3{
 font-size: 18px;
}
}/*-SP only-*/

/**/
#location{
 overflow: hidden;
}
#location h2{
 margin-bottom: 50px;
}
.locationList{
 margin-left: -15px;
 padding-right: 145px;
}
.locationList li a{
 display: flex;
 align-items: flex-start;
 gap:0 10px;
 padding: 0 15px;
}
.locationList li p{
 -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
 font-size: 18px;
 line-height: 1;
}
.locationList li p::before{
 content: "";
 display: inline-block;
 border-radius: 50%;
 width: 6px;
 height: 6px;
 background: var(--base);
 margin-bottom: 15px;
}
.locationList .slick-list{
 overflow: visible;
}

@media screen and (max-width: 768px) {
 #location h2{
}
.locationList{
 padding-right: 130px;
}
}/*-SP only-*/




@media screen and (min-width: 769px) {
}/*-PC only-*/
@media screen and (max-width: 768px) {
}/*-SP only-*/