@charset "UTF-8";
/* CSS Document */

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

  
  
#logo img{
	max-width: 150px;
}

  
.header {
	padding-top: 30px;
}


  
.openbtn{
	top: 25px;
	right: 20px;
}

#slider .lead{
	bottom: 1em;
}
  
#slider .lead p{
  font-size: 2.3rem;
}
#slider .lead p span{
  font-size: 1.8rem;
}

  
  
h2{
	font-size: 2.4rem;
}
h2 span{
	font-size: 1.5rem;
}

  
  
#lead h2{
  font-size: 3em;
}

.title{
  display: block;
  }
  
  

  
  
footer{
	padding: 90px 0 0 0;
}

footer .inner{
	display: block;
}

.ft_logo{
	width: 50%;
  margin: 0 auto 3em;
}

footer ul{
	width: 100%;
  font-size: 20px;
}
footer li{
  width: 50%;
  text-align: center;
  margin-bottom: .5em;
}


.copyright{
	padding: 20px 0 0 0;
}

  
  
  
.main-title{
	padding: 150px 0 40px 0;
}
.main-title span{
}


.philosophy h2{
	font-size: 36px;
}
.philosophy h3{
	font-size: 30px;
}
.profile dd span{
  display: block;
  width: 100%;
}

  
  
.headline02 span{
  margin-right: 0.5em;
}
  
.headline03{
  font-size: 2.3rem;

}


  
.points_inner{
  padding-left: 5em;
}	
  
  
.facilities dt{
	width: 25%;
}

.facilities dd{
	width: 70%;
	text-align: left;
	margin: 0;

}

  
  
.scroll-area {
	width: 90%;
	margin: 0 auto;
	overflow-x: scroll;
  scrollbar-gutter: stable;
}

.sp-scroll {
	width: 100%;
	min-width: 900px;
	margin: 5em auto 2em;
}

  
.column3{
	display: block;
}

.column3 .col{
  width: 100%;
}

  
  
  
  

#pagetop{
	width: 40px;
	bottom: 0.5em;
}

  
  
  
  
  
  
  
}