@charset "utf-8";

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

/*--------------------------------------------------
* section#keyvisual
==================================================*/

main section#keyvisual {
 padding-top: 52px;
 position: relative;
}

main section#keyvisual h1{
	position: absolute;
	bottom:-16%;
	text-align: center;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);	
	width: 52%;

}
main section#keyvisual h1.left{
	position: absolute;
	bottom:-16%;
	text-align: center;
	left: 45%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);	
	width: 52%;

}
main section#keyvisual p{
	position: absolute;
	bottom:0;
	text-align: center;
	right:-8%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);	
	width: 25%;
}
main section#keyvisual p.under{
	position: absolute;
	bottom:-100px;
	text-align: center;
	right:-8%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);	
	width: 25%;
}


p.open{
	text-align: center;
	margin-bottom: 20px;
}

p.open img{
	width: 95%;
}
.kv_top{
	margin-top:0;
}	

/*--------------------------------------------------
* section#news
==================================================*/

main section#news {
  width: 90%;
  margin: 0 auto 100px auto;
  height: 200px;
   overflow-y: scroll;
   box-sizing: border-box;
}
main section#news dl::-webkit-scrollbar {
  width:5px;
  height: 5px;
}
main section#news dl::-webkit-scrollbar-track {
  border-radius: 5px;
  background: #eee;
}
main section#news dl::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #62C9B5;
}
main section#news dl dd {
  margin-bottom: 20px;
  padding: 0 10px 15px 130px;
  background: url(../img/home/bg_line_01.gif) 0 bottom no-repeat;
}
main section#news dd a{
	word-break: break-all;
}


/*--------------------------------------------------
* section#video
==================================================*/
section#video{
	text-align:center;
	margin:30px 10px 50px;
}
section#video iframe{
	width:100%;
}



/*--------------------------------------------------
* section#greeting
==================================================*/

main section#greeting {
  padding-bottom: 100px;
}

main section#greeting div.inner {
  width: 90%;
  margin: 0 auto;
}

main section#greeting div.inner div.photo {
  float: none;
  max-width: 383px;
  margin: 0 auto 20px;
}

main section#greeting div.inner h3 {
  display: inline-block;
  margin-bottom: 30px;
  padding-bottom: 25px;
  padding-right:60px;
  background: url(../img/common/bg_headline_02.jpg) 0 bottom repeat-x;
  color: #43b57d;
  font-size: 1.2rem;
  font-weight: normal;
}
main section#greeting div.inner h3 .text{
	background: url(../img/home/title01.png) no-repeat left top;
	background-size:100px;
	padding:34px 0 0 80px;

}
#top-about .top-text{
	padding: 0 10px;
}

#top-about .box{
	width: 100%;
	padding: 0 10px;
	box-sizing: border-box;
	display: block;
}
#top-about li{
	width: 100%;
	margin-bottom: 20px;
	padding: 10px;
}
#top-about h4{
	font-size: 1.1rem;
	
}
#top-about{
	padding-bottom: 20px;
}
/*--------------------------------------------------
* section#promise
==================================================*/

main section#promise {
  height: inherit;
  padding-bottom: 50px;
  background: url(../img/home/bg_promise.jpg) center 0 / cover no-repeat;
}

main section#promise h1 {
  width: 90%;
  height: auto;
  margin: 0 auto 50px auto;
}

main section#promise ul {
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 90%;
  height: auto;
}

main section#promise ul li {
  width: 48%;
  margin-bottom: 10px;
}




/*--------------------------------------------------
* section#service
==================================================*/

main section#service {
  height: inherit;
  padding-bottom: 40%;
  background: url(../img/home/bg_service.jpg) center bottom / cover no-repeat;
}

main section#service ul {
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 90%;
  margin: 0 auto;
}

main section#service ul li {
  width: 48%;
  margin-bottom: 10px;
}


/*--------------------------------------------------
* section#about
==================================================*/

main section#about {
  height: inherit;
  padding: 80px 0 20px 0;
  background: url(../img/home/bg_about.jpg) center 0 / cover no-repeat;
}

main section#about h1 {
  margin-bottom: 50px;
}

main section#about div.box {
  width: 90%;
  margin: 0 auto 100px auto;
}

main section#about div.box ul {
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  display: block;
}

main section#about div.box ul li {
  width: 100%;
  margin-bottom: 20px;
  text-align: center;
}

main section#about div.box p.more {
  text-align: center;
}

/*2018.03.01追加*/
p.web_reserve{
	text-align: center;
	margin-left: 0px;
	background-color: #68BA92;
	padding: 3% 2% 3% 2%;
	box-sizing: border-box;
	line-height: 1.4;
	width: 28%;
	float: right;
	margin-right: 28%;
	font-size:76%;
}

p.web_reserve a{
	color:rgba(251,247,196,1);
	text-decoration:none;
	display:block;
}

p.web_reserve span{
	font-size: 90%;
	background-color: white;
	padding-left: 13%;
	padding-right: 13%;
	color: #68BA92;
	border-radius:25px;
}

p.web_reserve.reserve_bottom{
	width: 100%;
	margin-left: auto;
	margin-bottom: 20px;
	font-size: 20px;
	margin-right: auto;
}

p.web_reserve.reserve_bottom span{
	padding-left:40px;
}

p.dr_file{
	width:95%;
	margin-left:auto;
	margin-right:auto;
	margin-top:60px;
	position:inherit;
}

p.dr_file img{
	width:100%;
	height:auto;
}

.pc_display_none{
	display: block;
}

.sp_display_none{
	display:none;
}

}