@charset "UTF-8";

/* CSS Document */

h2{
	background:#BACD22;
	padding:60px 0;
	text-align:center;
}

h3{
	text-align:center;
	margin-bottom:60px;
}

h4.flow{
	margin-bottom:140px;
}

h4 img{
	width:100%;
	height:auto;
}

h4.sp{
	display:none;
}

	.rslides_sp{
		display:none;
	}
	
	.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
  
  .ic_more{
	  margin-top:-100px;
	  text-align:center;
}

.ic_more img{
	position:absolute;
	  z-index:99999;
}
.top_bn{
	text-align:center;
}
.top_bn img{
	margin:20px 0 50px;
}


  /*矢印*/

.bg_arrow_green{
	width: 0;
	height: 0;
	border: 30px solid transparent;
	border-top: 30px solid #BACD22;
	position:relative;
	margin:0 auto 30px;
}

.bg_arrow_white{
	width: 0;
	height: 0;
	border: 30px solid transparent;
	border-top: 30px solid #ffffff;
	position:relative;
	margin:0 auto -60px;
}

.bg_arrow_bluegreen{
	width: 0;
	height: 0;
	border: 30px solid transparent;
	border-top: 30px solid #DFEFE1;
	position:relative;
	padding-top:1px;
	margin:0 auto -61px;
}

.bg_arrow_green02{
	width: 0;
	height: 0;
	border: 30px solid transparent;
	border-top: 30px solid #BACD22;
	position:relative;
	margin:60px auto 30px;
}

.bg_arrow_white02{
	width: 0;
	height: 0;
	border: 30px solid transparent;
	border-top: 30px solid #ffffff;
	position:relative;
	margin:120px auto -60px;
}

.bg_arrow_bluegreen02{
	width: 0;
	height: 0;
	border: 30px solid transparent;
	border-top: 30px solid #DFEFE1;
	position:relative;
	margin:0 auto 60px;
}

.concept{
	text-align:center;
	margin:0 auto 90px;
	max-width:680px;
}

.concept dt{
	font-size:23px;
	color:#040000;
	font-weight:bold;
	letter-spacing:8px;
	padding-bottom:30px;
	margin-bottom:30px;
	border-bottom:1px solid #CCCCCC;
}

.concept dd{
	font-size:16px;
	color:#040000;
	letter-spacing:3px;
	line-height:2em;
}

.life_style{
	text-align:center;
	margin-bottom:65px;
}

.recommended_area{
	background:#DFEFE1;
	padding:100px 0 60px;
}

.recommended_area ul{
}

.recommended_area ul li{
	margin-bottom:40px;
}

.recommended_area ul li img{
	width:100%;
	height:auto;
}

.flow_box{
}

.flow_box dl{
}

.flow_box dl dt{
	font-size:30px;
	color:#040000;
	letter-spacing:4px;
	margin-bottom:20px;
	font-weight:bold;
}

.flow_box dl dd.text01{
	font-size:14px;
	color:#040000;
	margin-bottom:30px;
}

.flow_box dl dd.text02{
	font-size:24px;
	color:#231815;
	letter-spacing:2px;
	font-weight:bold;
}

.flow_box dl dd.text02 a{
	font-size:24px;
	color:#B0C83A;
	letter-spacing:2px;
}

.blog_area{
	background:#E3F0E3;
	padding:100px 0 100px;
}

.blog_area .blog_inner{
	margin-bottom:60px;
}

.blog_area .blog_inner > div{
	margin-bottom:30px;
}

.blog_area .blog_inner .thumb{
	width:100%;
	height:150px;
	overflow:hidden;
	margin-bottom:10px;
	position:relative;
	-moz-transition:0.3s all;
	-ms-transition:0.3s all;
	-o-transition:0.3s all;
	-webkit-transition:0.3s all;
	transition:0.3s all;
}

.blog_area .blog_inner .thumb:hover{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	-moz-transition:0.3s all;
	-ms-transition:0.3s all;
	-o-transition:0.3s all;
	-webkit-transition:0.3s all;
	transition:0.3s all;
}

.blog_area .blog_inner .thumb img{
	width:100%;
	height:auto;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
}

.blog_area .blog_inner .title{
	margin-bottom:10px;
}

.blog_area .blog_inner .title a{
	font-size:19px;
	color:#040000;
	font-weight:bold;
}

.blog_area .blog_inner .category a{
	font-size:13px;
	color:#040000;
}

.blog_area .blog_inner .date{
	font-size:13px;
	color:#040000;
	margin-bottom:10px;
}

.blog_area .blog_inner .text{
	font-size:13px;
	color:#040000;
	margin-bottom:10px;
}

.blog_area .blog_inner .more{
	width:115px;
	background:#7F7F7F;
	padding:5px 0;
	text-align:center;
}

.blog_area .blog_inner .more a{
	font-size:13px;
	color:#ffffff;
	letter-spacing:3px;
}

.link_btn a{
	font-size:14px;
	color:#4D4D4D;
	font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif;
	max-width:690px;
	display:block;
	padding:15px 0;
	margin:0 auto;
	text-align:center;
	letter-spacing:2px;
	border:1px solid #7F7F7F;
	transition: 0.4s all;
	-webkit-transition: 0.4s all;
	-moz-transition: 0.4s all;
	-o-transition: 0.4s all;
	-ms-transition: 0.4s all;
}

.link_btn a:hover{
	text-decoration:none;
	color:#FFFFFF;
	background:#7F7F7F;
	transition: 0.4s all;
	-webkit-transition: 0.4s all;
	-moz-transition: 0.4s all;
	-o-transition: 0.4s all;
	-ms-transition: 0.4s all;
}

.shop_info_area{
	margin-bottom:20px;
}

.shop_info_area .logo{
	font-size:14px;
	color:#4D4D4D;
	letter-spacing:1px;
	margin-bottom:20px;
}

.shop_info_area .tel{
	margin-bottom:15px;
}

.shop_info_area .tel a{
	font-size:34px;
	letter-spacing:2px;
	color:#1A1A1A;
}

.shop_info_area .info{
	font-size:16px;
	color:#231815;
	line-height:2em;
	letter-spacing:1px;
}

.shop_pic{
	margin-bottom:100px;
}

.map{
	margin-bottom:140px;
}

.staff_box{
	margin-bottom:100px;
}

.staff_box .name{
	font-size:39px;
	color:#040000;
	margin-bottom:-10px;
}

.staff_box .ruby{
	font-size:16px;
	color:#040000;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	margin-bottom:35px;
}

.staff_box dl{
	margin-bottom:40px;
}

.staff_box dl dt{
	margin-bottom:10px;
}

.staff_box dl dd{
	font-size:13px;
	color:#040000;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

.price_box{
	font-size:23px;
	color:#040000;
	max-width:730px;
	font-weight:bold;
	border:1px solid #432E21;
	letter-spacing:5px;
	text-align:center;
	margin:0 auto 15px;
	padding:20px 0;
}

.price_box span{
	font-size:13px;
	color:#040000;
}

.price_text{
	font-size:13px;
	color:#040000;
	text-align:center;
	margin:50px 0 110px;
	letter-spacing:2px;
}




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




@media only screen and (max-width: 767px) {
	
	h2{
		padding:30px 0;
	}
	
	h2 img{
		width:85%;
	}
	
	h3{
	margin-bottom:30px;
}

h3 img{
	width:85%;
}

h4.flow{
	margin-bottom:70px;
}
	
	h4.pc{
	display:none;
}
	
	h4.sp{
	display:block;
}
	
	.rslides{
		display:none;
	}
	
	.rslides_sp {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  display:block;
  }

.rslides_sp li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides_sp li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides_sp img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
	
	.ic_more{
		display:none;
	}
	.top_bn img{
	text-align:center;
	margin:0px 0 50px;
	max-width:100%;
}

  /*矢印*/

.bg_arrow_green{
	margin:0 auto 15px;
}

.bg_arrow_white{
	margin:0 auto -30px;
}

.bg_arrow_green02{
	border: 15px solid transparent;
	border-top: 15px solid #BACD22;
	margin:30px auto 15px;
}

.bg_arrow_white02{
	margin:60px auto -60px;
}

.bg_arrow_bluegreen02{
	margin:0 auto 30px;
}
	
	.concept{
		padding:0 10px;
	margin:0 auto 45px;
}

.concept dt{
	font-size:17px;
	margin-bottom:15px;
	padding-bottom:15px;
}

.concept dt br{
	display:none;
}

.concept dd{
	font-size:14px;
}

.concept dd br{
	display:none;
}

.life_style{
	margin-bottom:30px;
}

.life_style img{
	width:95%;
}

.recommended_area{
	padding:50px 0 30px;
}

.recommended_area ul li{
	margin-bottom:20px;
}

.flow_box img{
	margin-bottom:10px;
}

.flow_box dl dt{
	font-size:20px;
	letter-spacing:2px;
	margin-bottom:10px;
}

.flow_box dl dd.text01{
	margin-bottom:10px;
}

.flow_box dl dd.text02{
	font-size:18px;
}

.flow_box dl dd.text02 a{
	font-size:18px;
}

.blog_area{
	padding:50px 0 50px;
}

.blog_area .blog_inner{
	overflow:hidden;
	margin-bottom:30px;
}

.blog_area .blog_inner .thumb{
	height:200px;
}

.blog_area .blog_inner .title a{
	font-size:16px;
}

.blog_area .blog_inner .more{
	margin-bottom:30px;
}

.link_btn a{
	margin:0 15px;
}

.shop_info_area > div{
	margin-bottom:10px;
}

.shop_info_area .logo{
	margin-bottom:10px;
}

.shop_info_area .logo img{
	width:150px;
	height:auto;
}

.shop_info_area .tel{
	margin-bottom:10px;
}

.shop_info_area .tel a{
	font-size:22px;
}

.shop_info_area .info{
	font-size:14px;
	letter-spacing:0;
}

.shop_pic{
	margin-bottom:20px;
}

.shop_pic img{
	margin-bottom:30px;
}

.map{
	margin-bottom:70px;
}

.staff_box{
	margin-bottom:50px;
}

.staff_box .name{
	font-size:30px;
}

.staff_box .ruby{
	margin-bottom:20px;
}

.staff_box dl{
	margin-bottom:20px;
}

.price_box{
	margin-left:15px;
	margin-right:15px;
}

.price_box{
	font-size:20px;
}

.price_text{
	margin:25px 0 55px;
	letter-spacing:0;
}


}