@charset "utf-8";

/****************************************************
  BASIC
****************************************************/

#content p{
  line-height: 1.6;
}

.container{
	width: 1100px;
	margin: 120px auto;
}

.container_full{
	width: 100%;
	margin: 120px auto;
}

@media only screen and (max-width: 1100px){
  .container{
	margin: 40px auto 120px auto;
    width:100%;
    padding: 0 15px ;
  }
  .container_full{
    margin: 40px auto 120px auto;
    width:100%;
    padding: 0 ;
  }
}

.page a{
  text-decoration: none;
}

/*---- breadcrumb ----*/
#breadcrumb {
	position: relative;
	left: 0;
	bottom: 90px;
	background:url("../img/page/breadcrub-bg.png") no-repeat;
  background-size: cover;
	z-index:  2;
	height: 90px;
}

#breadcrumb ul {
	line-height:  90px;
}

#breadcrumb li {
	float: left;
	padding: 0 5px 0;
}

#breadcrumb a{
  color: #471803;
  text-decoration: none;
}

@media only screen and (max-width: 1100px){
  #breadcrumb{
	display: none;
  }
}

/*---- h_Area ----*/
#h_Area{
	height: 450px;
	position: relative;
	background: url(../img/page/h1-back.png) no-repeat center ;
	background-size: cover;
	}

@media screen and (max-width: 768px) {
#h_Area{
    height: 180px;
  }
}

.h_inner{
	max-width: 1100px;
	margin-right: auto;
	margin-left: auto;
	min-height: 450px;
}

@media screen and (max-width: 768px) {
  .h_inner{
		min-height: 180px;
		display: flex;
		align-items: center;
  }
}

/****************************************************
  H1,H2,H3,H4
****************************************************/

h1{
	position:absolute;
	z-index:1;
	color: #471803;
	font-size: 65px;
  font-family: uzura;
  font-weight: normal;
	top: 30%;
	right: 0;
	left: 0;
	text-align: center;
  line-height: 1;
}

h1::after{
  content: url("../img/page/h1-btm.png");
  display: block;
  line-height: 10px;
}

h1 span{
  font-size: 3.5rem;
  display: block;
  margin-bottom: 10px;
}

h1 span::before{
  content: url("../img/page/h1-span.png");
  display: inline-block;
}

@media screen and (max-width: 768px) {
  h1 {
		font-size: 32px;
    top: 40%;
  }
  h1 span{
    display: none;
  }
}

h2{
	font-size: 45px;
  font-weight: bold;
  padding-bottom: 10px;
  margin-bottom: 45px;
  text-align: center;
  color: #471803;
}

h2::after{
  content: url("../img/page/h2.png");
  display: block;
  line-height: 0;
}

.philosophy h2{
  color: #fff;
  font-size: 55px;
  text-shadow: 0px 0px 6px #4F4F4F;
}

@media screen and (max-width: 768px) {
  h2,
  .philosophy h2{
    padding-left: 15px;
    padding-right: 15px;
    font-size: 32px;
  }
}


.tree_ver{
   border-bottom: 5px dotted #8ABC71;
  font-size: 35px;
}

.tree_ver::before{
  content: url("../img/page/tree-h2.png");
  height: 68px;
  width: 66px;
  display: inline-block;
  margin-right: 30px;
  vertical-align: top;
}

.tree_ver::after{
  content: none;
}

@media screen and (max-width: 768px) {
  .tree_ver{
    font-size: 24px;
  }
}

.brwh3{
  width:920px;
	margin: 0 auto 35px;
	font-size: 35px;
	font-weight: bold;
  color: #fff;
  background: #76573C;
  padding-left: 70px;
  line-height: 55px;
  border-radius: 30px;
}
@media screen and (max-width: 768px) {
  .brwh3{
    padding-left: 30px;
  }
}

h3.spring,
h3.summer,
h3.autumn,
h3.winter,
h3.event{
	width:920px;
	margin: 0 auto 35px;
	font-size: 35px;
	font-weight: bold;
  color: #fff;
  text-align: center;
  border-radius: 40px;
}

h3.spring{background: #F0A3AF;}
h3.summer{background: #71BCAD;}
h3.autumn{background: #BC9671;}
h3.winter{background: #71A1BC;}
h3.event{background: #72A35A;}

h3.spring::before{content: url( "../img/page/life/h3-spring.png");}
h3.summer::before{content: url( "../img/page/life/h3-summer.png");}
h3.autumn::before{content: url( "../img/page/life/h3-autumn.png");}
h3.winter::before{content: url( "../img/page/life/h3-winter.png");}
h3.event::before{content: url( "../img/page/life/h3-event.png");}

h3.spring::before,
h3.summer::before,
h3.autumn::before,
h3.winter::before,
h3.event::before{
    display: inline;
    margin-right: 20px;
    vertical-align: middle;
    line-height: 45px;
}

.brwh3::before{
  content: url("../img/page/h3.png");
  display: inline-block;
  margin-right: 25px;
}

@media screen and (max-width: 920px) {
  .brwh3,
  h3.spring,
  h3.summer,
  h3.autumn,
  h3.winter,
  h3.event{
    width: 100%;
    font-size: 24px;
  }
}


h4{
  	position: relative;
  	padding: 0.3em;
	margin-bottom: 40px;	
	font-size:30px;
	font-weight: bold;
	color: #8ABC71;
}

h4:after{
  	content: '';
  	position: absolute;
  	left: 0;
  	bottom: 0;
  	width: 100%;
  	height: 7px;
  	background: repeating-linear-gradient(-45deg, #8ABC71, #8ABC71 2px, white 2px, white 4px);	
}
@media screen and (max-width: 768px) {
h4{
	font-size: 24px;
}
}



/*****************************************************
  SIDE
*****************************************************/
.lead_contents,.contents_area{
	width: 825px;
  float: right;
}

.side_contents{
	width: 255px;
	float: left;
}

@media screen and (max-width: 1100px) {
	.lead_contents, 
	.contents_area{
		width: 100%;
		margin: 0;
	}
	
	.side_contents{
		width: 100%;
    margin-top: 75px;
	}
}

.side_linkbox{
	margin-bottom: 40px;
}

.side_linkbox p{
	line-height:65px; 
	font-size: 2.4rem;	
	color: #fff;
	font-weight: bold;
	background: #64ACB0;
  text-align: center;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.side_linkbox ul,li{
	list-style: none;
}

.side_linkbox ul{
  width: 100%;
  margin: 0;
  padding: 20px 0;
  background: #FAFAFA;
  color: #757575;
}

.side_linkbox li{
  width: 80%;
  margin: 0 auto;
	margin-bottom: 16px;
  border-bottom: 1px dotted #757575;
}

.side_linkbox a{
  text-decoration: none;
  color: #757575;
}



/**********************************************
  NEWS aarchive,single
**********************************************/

.newsItem{
	display: inline-block;
  border-top: 1px solid #E9E9E9;
  margin-bottom: 75px;
  padding-top: 15px;
}

.newsItem dt{
	width: 20%;
	float: left;
}
.newsItem dd{
	width: 75%;
	margin-left: 30px;
	float: left;
  line-height: 1.5;
}

.newsItem__title{
  font-weight: bold;
  font-size: 2.4rem;
}

.newsItem .topics__cat{
  margin: 0;
  padding: 0;
  line-height: 70px;
}

@media screen and (max-width: 768px) {
  .newsItem{margin-bottom: 30px;}
  .newsItem dt,
  .newsItem dd{
    width: 100%;
    float: none;
    display: block;
    margin: 0;
  }
  .newsItem .topics__cat{
    width: 200px;
    line-height: 40px;
  }
}

.newscontents p{
  font-size: 2.4rem;
}

@media screen and (max-width: 768px) {
  .newscontents p{
    font-size: 2.1rem;
  }
}

/*---- Pagenation ----*/

.pageNation {
	text-align: center;
	margin: 0 auto;
}
.pageNation ul {
    margin: 0;
}
.pageNation li {
	font-size: 16px;
	margin-right: 6px;
	display: inline-block;
	color: #471803;
	border:1px solid #471803;
	text-align: center;
	border-radius: 4px;
  overflow: hidden;
  line-height: 50px;
  width: 50px;
}
.pageNation li.prev,
.pageNation li.next {
  width: 50px;
  border:none;
}
.pageNation li.active {
	color: #fff;
	background-color: #471803;
}
.pageNation li a {
	display: block;
	line-height: 50px;
  width: 100%;
  text-decoration: none;
  color: inherit;
}
.pageNation li a:hover {
	text-decoration: none;
	color: #fff;
	background-color: #471803;
}

/*---- single-backNext ----*/
.backNext{
  width: 930px;
  margin: 120px auto 0;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.backNext li a{
  display: block;
  width: 450px;
  height: 80px;
  line-height: 80px;
  font-size: 2.4rem;
  font-weight: bold;
  text-align: center;
  color: #fff;
  text-decoration:none;
  border-radius: 10px;
  position: relative;
}

.backNext__back a::before{
  content: '◀';
  position: absolute;
  left: 30px;
  top:0;
  bottom:0;
  margin: auto;
}

.backNext__next a::after{
  content: '▶';
  position: absolute;
  right: 30px;
  top:0;
  bottom:0;
  margin: auto;
}

.backNext li:first-child a{
  background: #8ABC71;
  border-bottom:4px solid #72A35A;
}

.backNext li:first-child a:hover,
.backNext li:last-child a:hover
{
  border-bottom:4px solid #fff;
  transform: translate3d(0, 4px, 0);
	transition: .0s;
}

.backNext li:last-child a{
  background: #76BEC2;
  border-bottom:4px solid #64ACB0;
}


@media screen and (max-width: 1200px) {
  .backNext{
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%
  }
  
  .backNext li{
    width: 100%;
    margin-bottom: 30px;
  }
  .backNext li a{
    width: 80%;
    margin: 0 auto;
    font-size: 2.0rem;
  }
}

/****************************************************
  PAGE -sitemap-
****************************************************/

.sitemap_wrap{
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}

.sitemap{
  width: 540px;
}

@media screen and (max-width: 1100px) {
  .sitemap_wrap{
    flex-wrap: wrap;
  }
  .sitemap{
    margin: 0 auto;
  }
}

.sitemap_child{
  width: 100%;
  margin:0 0 30px 30px;
  font-size: 2.4rem;
  box-sizing: border-box;
}

.sitemap_child a{color:#76573C;}

.sitemap_child li::before{
  content:'»';
  display: inline-block;
  margin-right: 10px;
}

@media screen and (max-width: 768px) {
  .sitemap_child{
    margin: 0 0 30px 0;
  }
}

.sitemap_green,
.sitemap_blue{
  width: 100%;
  margin-bottom: 30px;
  display: block;
  line-height: 50px;
  font-size: 3.5rem;
  font-weight: bold;
  color: #fff!important;
  border-radius: 25px;
  text-align: center;
}

.sitemap_green::before,
.sitemap_blue::before{
  content: url("../img/page/sitemap/sitemap.png");
  display: inline-block;
  margin-right: 30px;
}

.sitemap_green{background: #8ABC71;}
.sitemap_blue{background: #76BEC2;}

@media screen and (max-width: 1100px) {
  .sitemap_green,
  .sitemap_blue{
    font-size: 2.4rem;
  }
}

/****************************************************
  PAGE -contact,visit,recruitform-
****************************************************/

.contact_lead::before,
.contact_lead::after{
  content:'';
  width: 61px;
  height: 71px;
  position: absolute;
  display: block;
}

.contact_lead::before{
  background:url("../img/page/contact/contact-lead01.png") no-repeat;
  left:0;
  top:0;
}

.contact_lead::after{
  background:url("../img/page/contact/contact-lead02.png") no-repeat;
  right:0;
  top:0;
}

@media screen and (max-width: 960px) {
  .contact_lead::before,
  .contact_lead::after{
    content:none;
  }
}

.contact_list{
  margin-bottom: 120px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.contact_list li{
  width: 500px;
  padding: 30px;
  box-shadow: 0px 0px 6px #00000029;
  border-radius: 10px;
}

@media screen and (min-width:769px) and (max-width:1100px) {
  .contact_list li{
    width: 48%;
  }
}

@media screen and (max-width: 768px) {
  .contact_list li{
    width: 80%;
    margin: 0 auto 30px;
    padding: 10px;
  }
}

.contact_title{
  width: 250px;
  margin: 35px auto 25px;
  line-height: 45px;
  background: #76573C;
  color: #fff;
  font-weight: bold;
  font-size: 24px;
  border-radius: 10px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .contact_title{
    background: #fff;
    color: #76573C;
  }
}

.contact_text{
  font-size: 18px;
  margin-bottom: 35px;
}

.mailForm{
  width: 930px;
  margin: 0 auto;
  font-size: 2.1rem;
}

@media screen and (max-width: 768px) {
  .mailForm{
    width: 100%;
    font-size: 1.8rem;
  }
}

table.mail_form{
  width: 100%;
  margin: 50px 0 0;
  border-collapse: separate;
  border-spacing: 0px 30px;
}

table.mail_form th{
  width: 35%;
  font-weight: bold;
}

table.mail_form td{
  width: 65%;
}

.supplement{
  display: block;
  font-size: initial;
  color: #707070;
}

@media screen and (max-width: 768px) {
  table.mail_form th,
  table.mail_form td{
    display: block;
    width: 100%;
  }
  .astarisk{
    color: #F30000;
  }
}

@media screen and (min-width: 769px) {
  .astarisk{
    margin-right: 40px;
    padding: 0 10px;
    font-size: initial;
    color: #fff;
    line-height: 25px;
    background: #F30000;
    border-radius: 15px;
    float: right;
    box-sizing: border-box;
  }
}

.form_wrap{
  width: 930px;
  margin: 0 auto;
}

.form_lead{
  width: 700px;
  margin: 0 auto 75px;
}

@media screen and (max-width: 930px) {
  .form_wrap,
  .form_lead{
    width: 100%;
  }
}

.red{
  color: #F30000;
  font-weight: bold;
}

/****************************************************
  PAGE -Privacy policy-
****************************************************/

.policy_box{
  width: 660px;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .policy_box{
    width: 100%;
  }
}

.disclaimer{
  width: 920px;
  margin: 30px auto 120px;
  background: #FAFAFA;
  padding: 35px 100px;
}

.disclaimer li{
  width: 100%;
  font-weight: bold;
  display: list-item;
  list-style-image: url("../img/page/disclaimer.png");
  list-style-position: inside;
  margin-right: 10px;
}

@media screen and (max-width: 920px) {
  .disclaimer{
    width: 100%;
    padding: 30px;
  }
}

/****************************************************
  PAGE -Guidance-
****************************************************/

.w720{
  width: 720px;
  margin: 0 auto 120px;
  position: relative;
}

@media screen and (max-width: 768px) {
  .w720{
    width: 80%;
    margin: 0 auto 120px;
  }
}

@media screen and (min-width: 768px) {
  .allergies_deco::before{
    content: url("../img/page/guidance/allergies-deco01.png");
    position: absolute;
    left: -160px;
    top:0;
  }

  .allergies_deco::after{
    content: url("../img/page/guidance/allergies-deco02.png");
    position: absolute;
    right: -160px;
    top:0;
  }

  .allergies_deco2::before{
    content: url("../img/page/guidance/allergies-deco03.png");
    position: absolute;
    left: -160px;
    top:0;
  }

  .allergies_deco2::after{
    content: url("../img/page/guidance/allergies-deco01.png");
    position: absolute;
    right: -160px;
    top:0;
  }
}

.toggle_contents{margin-bottom: 20px;}

.toggle_btn {
	display: inline-block;
	width: 98px;
	height: 33px;
  margin: auto;
	background: url( "../img/page/guidance/faq-click.png") no-repeat right top;
	position: absolute;
	top: 0;
  bottom:0;
	right: 30px;
	cursor: pointer;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

@media screen and (max-width: 768px) {
  .toggle_btn{
    display: block;
    position: unset;
  }
}

.toggle_btn.selected {
	background: url("../img/page/guidance/faq-close.png") no-repeat right top;
}

.toggle_title{
	font-weight: bold;
	line-height: 64px!important;
	margin: 0;
	padding: 0 0 0 75px;
	position: relative;
  background: #8ABC71;
  color: #fff;
}

.toggle_txt{
	display: none;
  font-weight: bold;
  border: 3px solid #8ABC71;
  padding: 5px 20px 5px 75px;
}

.toggle_txt a{
  word-break: break-all;
}

@media screen and (max-width: 768px) {
  .toggle_title,
  .toggle_txt{
    padding: 10px 30px;
    font-size: 18px;
  }
}

.toggle_title::before{
  content:'Q.';
  color: #fff;
  display: inline-block;
  margin-right: 20px;
}

.toggle_txt::before{
  content:'A.';
  color: #64ACB0;
  display: inline-block;
  margin-right: 20px;
}

/****************************************************
  PAGE -Recruit-
****************************************************/
.recruit_bg{
  background: url("../img/page/recruit/recruit-bg.png") no-repeat center bottom;
  margin-bottom: 120px;
}

.leadtext{/*contactページと共通*/
  width: 100%;
  margin-bottom: 45px;
  color: #471803;
  font-family: uzura;
  font-weight: normal;
  font-size:45px;
  text-align: center;
  position: relative;
  line-height: 1.5;
}

@media screen and (max-width: 960px) {
  .leadtext{
    font-size: 24px;
  }
}

.rec_lead::before,
.rec_lead::after{
  content:'';
  width: 145px;
  height: 177px;
  position: absolute;
  display: block;
}

.rec_lead::before{
  background:url("../img/page/recruit/rec-lead01.png") no-repeat;
  left:0;
  top:0;
}

.rec_lead::after{
  background:url("../img/page/recruit/rec-lead02.png") no-repeat;
  right:0;
  top:0;
}

@media screen and (max-width: 960px) {
  .rec_lead::before,
  .rec_lead::after{
    content:none;
  }
}

.rec_text{
  text-align: center;
  margin-bottom:75px;
}

.rec_img{
  width: 100%;
  padding-bottom: 50px;
  display:flex;
  flex-wrap:nowrap;
  justify-content:space-between;
}

.rec_img li{ width: 300px;}
.rec_img li:nth-child(2){margin-top: 50px;}

.person_wrap{
  width: 100%;
  float:left;
  position: relative;
}

@media screen and (min-width: 960px) {
  .person_deco{
    position: absolute;
    right:-60px;
    bottom:0;
  }
}
@media screen and (max-width: 768px) {
  .person_deco{
    display: block;
    margin: 0 auto;
    padding-top: 30px;
  }
}

.rec_list{
  width: 665px;
  float: left;
}

.rec_list li{
  border-bottom:1px solid #E9E9E9;
  color: #4F4F4F;
  font-weight: bold;
  display: list-item;
  list-style-image: url("../img/page/recruit/recruit-list.png");
  list-style-position: inside;
  line-height: 3;
}

@media screen and (max-width: 960px) {
  .rec_list{
    width: 100%;
    float: left;
  }
}

/****************************************************
  PAGE -life-
****************************************************/
.flow_title{
  font-size: 24px;
  margin-bottom: 75px;
}

@media screen and (max-width: 768px) {
  .flow_title{
    padding: 0 20px;
    background: none;
    color: #76573C;
  }
  
  #flow .brwh3::before{
    content: none;
  }
}

.time_wrap{
  position: relative;
}

@media screen and (min-width: 769px) {
  .time_deco01{
    position: absolute;
    right:125px;
    bottom:125px;
  }

  .time_deco02{
    position: absolute;
    right:0;
    bottom:0;
  }
}

@media screen and (max-width: 768px) {
  .time_deco01,
  .time_deco02{
    display: none;
  }
}

.time_list{
  margin-bottom: 120px;
}

.time_wrap li{
  width: 100%;
  padding: 15px 0;
  border-bottom: 2px dashed #E9E9E9;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}

.time_title{
  width: 250px;
  line-height: 65px;
  font-family: uzura;
  font-weight: normal;
  font-size: 35px;
  text-align: center;
  color: #fff;
  border-radius: 35px;
}

.time_title img{
  display: inline-block;
  margin-right: 15px;
  vertical-align: sub;
}

.time_text{
  width: 775px;
  text-align: left;
  line-height: 65px;
  font-size: 24px;
  font-weight: bold;
  color:#4F4F4F;
}

@media screen and (max-width: 1100px) {
  .time_title{
    width: 28%;
  }
  .time_text{
    width: 68%;
  }
}

@media screen and (max-width: 768px) {
  .time_wrap li{
    flex-wrap: wrap;
  }
  .time_title{
    width: 100%;
    font-size: 32px;
  }
  .time_text{
    width: 100%;
    text-align: center;
    font-size: 24px;
  }
}

.event_box{
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;
}

.event_content{
  width: 630px;
}

@media screen and (max-width: 1100px) {
  .event_box{
    flex-wrap: wrap;
  }
  
  .event_box img{
    display: block;
    margin: 0 auto 35px;
  }
  .event_content{
    width: 100%;
  }
}

.eventList{
  font-size: 24px;
  color: #76573C;
  margin-bottom: 35px;
  display: flex;
  flex-wrap: wrap;
}

.eventList li{
  display: list-item;
  font-weight: bold;
  list-style-image: url(../img/page/life/event-list.png);
  list-style-position: inside;
  margin-right: 20px
}

.periodic_wrap{
  background: url("../img/page/life/event-full-bg.png") no-repeat;
  padding: 130px 0;
  margin-bottom: 120px;
  position: relative;
  background-size: cover;
}

.periodic_wrap::before,
.periodic_wrap::after{
  content: '';
  width: 100%;
  height: 60px;
  display: block;
  position: absolute;
}

.periodic_wrap::before{
  background: url("../img/page/life/event-before.png") no-repeat center;
  top: 0;
}

.periodic_wrap::after{
  background: url("../img/page/life/event-after.png") no-repeat center;
  bottom: 0;
}

.periodic_3col{
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;
}

@media screen and (max-width: 1100px) {
  .periodic_3col{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
  }
  
  .periodic_3col li{
    margin-bottom: 35px;
  }
}

.periodic_text{
  width: 245px;
  margin: 45px auto 0;
  line-height: 45px;
  background: #76573C;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  color: #fff;
  border-radius: 30px;
}

.ex_list{
  margin-bottom: 75px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

.ex_list li{
  width: 400px;
  margin-bottom: 50px; 
}

.ex_list li img{
  display: block;
  margin: 0 auto 20px;
}

.dotWrap{
  width: 100%;
  line-height: 100px;
  font-size: 35px;
  font-family: uzura;
  font-weight: normal;
  color: #72A35A;
  text-align: center;
  border: 5px dotted #72A35A;
  position: relative;
}

.add_left{
  position: absolute;
  bottom:0;
  left: 100px;
}

.add_right{
  position: absolute;
  bottom:0;
  right:50px;
}

@media screen and (max-width: 1100px) {
  .add_left,
  .add_right{
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .dotWrap{
    font-size: 24px;
    line-height: 2;
  }
}

/****************************************************
  PAGE -feature-
****************************************************/

.tree_3col{
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}

.tree_3col li{
  width: 350px;
  padding: 5px;
  box-sizing: border-box;
}

.tree_3col li img{
  display: block;
  margin: 0 auto 15px;
}

.tree_title{
  font-size: 3.5rem;
  font-weight: bold;
  line-height: 1.6;
  margin-bottom: 15px;
  text-align: center;
}

@media screen and (max-width: 1100px) {
  .tree_3col{
    flex-wrap: wrap;
    justify-content: space-around;
  }
  
  .tree_3col li{
    margin-bottom: 75px;
  }
}

@media screen and (max-width: 768px) {
  .tree_title{
    font-size: 24px;
  }
}

.food_wrap{
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}

.food_img{
  width: 475px;
  height: 308px;
  background: url("../img/page/feature/food01.png") no-repeat;
  position: relative;
}

.food_deco{
  position: absolute;
  right:-160px;
  bottom:-50px;
}

.food_text{
  width: 420px;
  padding: 75px 0;
}

@media screen and (max-width: 960px) {
  .food_img{
    margin: 0 auto;
  }
  .food_wrap{
    flex-wrap: wrap;
  }
  .food_text{
    width: 100%;
    padding: 75px 0 0;
  }
}

@media screen and (max-width: 768px) {
  .food_img{
    width: 100%;
    height: 300px;
    background-size: contain;
    background-position: center;
  }
  .food_deco{
    width: 70%;	  
    position: absolute;
    left: -2px;
    bottom: -20px;
  }
}

.current_box{
  position: relative;
  width: 100%;
  height: 286px;
  margin-bottom: 30px;
}

@media screen and (min-width: 769px) {
  .current_img01{
    position: absolute;
    left:0;
    top: 0;
    z-index: 1;
  }

  .current_img02{
    position: absolute;
    left:0;
    right:0;
    margin: auto;
    top: 0;
    z-index: 1;
  }

  .current_img03{
    position: absolute;
    left:100px;
    top: 0;
    z-index: 1;
  }
}

.current_text-l,
.current_text-r{
    padding: 30px;
    font-size: 35px;
    font-family: uzura;
  font-weight: normal;
    color: #000;
    background: #fff;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 90px;
    line-height: 1!important;
}

@media screen and (min-width: 769px) {
  .current_text-l,
  .current_text-r{
    z-index: 2;
    position: absolute;
  }
  
  .current_text-r{ right: 0;}
  .current_text-l{ left: 0;}
}



@media screen and (max-width: 768px) {
  .current_box{
    height: auto;
    border-bottom: 2px dotted #72a35a;
    padding-bottom: 30px;
  }
  
  .current_box img{
    display: block;
    margin: 0 auto;
  }
  
  .current_text-l,
  .current_text-r{
    font-size: 24px;
    text-align: center;
  }
}

.facility_img{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.facility_img li{
  margin-bottom: 30px;
}

.facility_img li p::before{
  content: url(../img/page/feature/facility_img--p.png);
  display: inline-block;
  padding-top: 10px;
  margin-right: 15px;	
}

@media screen and (max-width: 768px) {
  .facility_img li{
	display: contents;
    padding: 10px;
    margin-bottom: 10px;
  }
}
.facility_img li img{
	margin-bottom: 10px;
	object-fit: contain;
}
.facility_img li p{
	margin:0 0 40px 0;
}

.greenList{width: 100%;}

.greenList dt{
  width: 100%;
  display: block;
  background: #8ABC71;
  font-weight: bold;
  font-size: 35px;
  color: #fff;
  padding-left: 65px;
}

.greenList dt::before{
  content:url("../img/page/feature/greenList-dt.png");
  display: inline-block;
  margin-right: 30px;
}

.greenList dd{
  width: 100%;
  margin-bottom: 30px;
  padding: 20px 65px;
  border: 2px dashed #E9E9E9;
}

@media screen and (max-width: 768px) {
  .greenList dt{
    font-size: 24px;
    padding-left: 30px;
  }
  .greenList dd{
    padding: 20px;
  }
}

/****************************************************
  PAGE -about-
****************************************************/
.greeting_wrap{
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;
}

.greeting_wrap--contents {
    width: 475px;
}

.greeting_text{width: 570px;}
.director_text{width: 570px;}

.greeting_text p,
.director_text p{
  margin-bottom: 30px;
}

.signature{
  text-align: right;
  font-size: 24px;
  font-weight: bold;
  font-family: 'YuMincho','Yu Mincho','游明朝体','游明朝体+36ポかな','YuMincho +36p Kana','ヒラギノ明朝 ProN','Hiragino Mincho ProN', sans-serif;
}

.signature span{
  font-size: 18px;
  display: block;
  margin-right: 35px;
}

@media screen and (max-width: 960px) {
  #greeting .greeting_wrap{
    flex-direction:column-reverse;
  }
  
  .greeting_wrap{
    flex-wrap: wrap;
  }
  
  .greeting_wrap--contents {
    margin: 0 auto;
  }
  
  .greeting_wrap img{
    display: block;
    margin: 0 auto 45px;
  }
  
  .greeting_text,
  .director_text{
    width: 100%;
  }
}

.philosophy{
  width: 100%;
  height: 550px;
  position: relative;
  padding: 130px 0;
  background: url( "../img/page/about/philosophy-bg.png") no-repeat;
  background-size: cover;
}

@media screen and (min-width: 769px) {
.philosophy {
    height: 400px;
    padding: 80px 0;
}

  .philosophy::before{
    content: url("../img/page/about/philosophy-deco-l.png");
    position: absolute;
    left: 0;
    top: 0;
  }

  .philosophy::after{
    content: url("../img/page/about/philosophy-deco-r.png");
    position: absolute;
    right: 0;
    top: 0;
  }
}

.rinen{
  width: 1700px;
  margin: 0 auto;
  text-align: center;
  font-family: uzura;
  font-weight: normal;
  font-size:4.8vw;
  color: #fff;
  text-shadow: 0px 0px 10px #471803;
  line-height: 1;
  position: relative;
}

.rinen_deco{
  position: absolute;
  top: -180px;
  left: 120px;
}

@media screen and (max-width: 1700px) {
  .rinen{
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .rinen{
    font-size: 35px;
  }
  .rinen_deco{display: none;}
}

.policy{
  width: 100%;
  padding: 130px 0 160px;
  background: url("../img/page/about/policy-full-bg.png") no-repeat;
  background-size: cover;
  position: relative;
}

.policy::after{
  content: '';
  width: 100%;
  height: 60px;
  display: block;
  position: absolute;
  background: url("../img/page/about/policy-after.png") no-repeat center;
  bottom: 0;
  background-size: cover;
}

.policy_list{
  width: 100%;
  font-size: 35px;
  font-weight: bold;
  color: #471803;
}

.policy_list li{
  padding-left: 60px;
  background-size: 24px 38px;
}

.flag_grn{background: url("../img/page/about/list-grn.png")no-repeat left;}
.flag_sky{background: url("../img/page/about/list-sky.png")no-repeat left;}

.flag_grn::marker{margin-right: 10px!important;}

@media screen and (max-width: 768px) {
  .policy_list{
    font-size: 24px;
  }
  
  .policy_list li{
    margin-bottom: 45px;
    padding-left: 30px;
  }
}

.policy_deco{
  position: absolute;
  top: 0;
  right: 0;
}

.goal{
  padding: 120px 0;
}

.goal_list{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

@media screen and (min-width: 960px) {
  .goal_list{
    background: url("../img/page/about/goal-back.png") no-repeat center bottom;
  }
}

.goal_list li{
  width: 50%;
}

@media screen and (max-width: 768px) {
  .goal_list{
    justify-content: space-between;
  }
  .goal_list li{
    text-align: center;
    width: 50%;
  }
}

.goal_box{
  width: 300px;
  position: relative;
  display: inline-block;
}

@media screen and (max-width: 750px) {
  .goal_list li{
    width: 100%;
    margin-bottom: 45px;
  }
  .goal_list li:last-child{
    margin: 0;
  }
}

.goal_title01,
.goal_title02,
.goal_title03,
.goal_title04{
  position: absolute;
  font-size: 35px;
  font-weight: bold;
  line-height: 1.2!important;
  text-shadow: 3px 3px 3px #fff,
               -3px 3px 3px #fff,
               3px -3px 3px #fff,
               -3px -3px 4px #fff;
  bottom: 0; 
  right: -50px;
}

@media screen and (max-width: 768px) {
  .goal_title01,
  .goal_title02,
  .goal_title03,
  .goal_title04{
    font-size: 21px;
    text-align: center;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 30px;
    position: absolute;
  }
}

@media screen and (min-width: 769px) {
  .alignL{text-align: left;}
  .alignR{text-align: right;}
}



#content .mapArea {
    position: relative;
    border-radius: 30px;
    overflow: hidden;
}

/****************************************************
  COMMON　Use multiple pages. Don't delite or change
****************************************************/

.clearfix::after {
    content: "";
    clear: both;
    display: table;
}
/*---- btn ----*/
.contents-area
.backNext a:before{
	content: "▶";
	margin-right: 10px;
}

.btn_green,
.btn_blue{
  display: block;
  width: 100%;
  height: 80px;
  line-height: 80px;
  font-size: 2.4rem;
  font-weight: bold;
  text-align: center;
  color: #fff;
  text-decoration:none;
  border-radius: 10px;
  position: relative;
}

@media screen and (max-width: 960px) {
  .btn_green,
  .btn_blue{
    font-size: 18px;
  }
}

@media screen and (min-width: 769px) {
  .btn_green::after,
  .btn_blue::after{
    content: '▶';
    position: absolute;
    right: 20px;
    top:0;
    bottom:0;
    margin: auto;
  }
}

.btn_green{
  background: #8ABC71;
  border-bottom:4px solid #72A35A;
}

.btn_green:hover,
.btn_blue:hover
{
  border-bottom:4px solid #fff;
  transform: translate3d(0, 4px, 0);
	transition: .0s;
}

.btn_blue{
  background: #76BEC2;
  border-bottom:4px solid #64ACB0;
}

.btnArea{
  width: 940px;
  margin: 0 auto;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}

.btnArea_left,
.btnArea_right{
  width: 450px;
}

@media screen and (max-width: 940px) {
  .btnArea{
    width: 90%;
    margin: 0 auto;
    flex-wrap: wrap;
  }
  .btnArea_left{margin-bottom: 30px;}
  
  .btnArea_left,
  .btnArea_right{
    width: 100%;
  }
}

.btnTel::before{
  content: url("../img/page/btn-tel.png");
  display: inline-block;
  margin-right: 25px;
  vertical-align: sub;
}

.btnTel::after{
  content:none;
}

.btnMail::before{
  content: url("../img/page/btn-mail.png");
  display: inline-block;
  margin-right: 25px;
  vertical-align: sub;
}

/*---- Use multiple pages  ----*/
.contact_to{
  width: 100%;
  margin-bottom: 30px;
  display:flex;
  flex-wrap: wrap;
}

.contact_to dt{
  width: 20%;
  background: #76573C;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  color: #fff;
  font-weight: bold;
  text-align: center;
}

.contact_to dd{
  width: 80%;
  padding-left: 20px;
  border-bottom:  dotted 1px #76573C;
}

@media screen and (max-width: 768px) {
  .contact_to{
    font-size: 16px;
  }
  .contact_to dt{
  color:#76573C;
  background:#f8f0e9;
  border-radius:0;
  }
  .contact_to dt,
  .contact_to dd{
    width:100%;
  }

}

/*---- table ----*/

.tbl{
  width: 100%;
  border-collapse: separate;
  border-spacing: 0px 15px;
}

.tbl th{
  width: 20%;
  background: #8ABC71;
  color: #fff;
  text-align: center;
}

.tbl td{
  width: 80%;
  padding-left: 40px;
  border-bottom: 1px dotted #8ABC71;  
}

@media screen and (max-width: 768px) {
  .tbl th,
  .tbl td{
    width:100%;
    display: block;
    border: none;
  }
}

/*---- others ----*/
.leadArea{}

.leadArea p{line-height: 2;}

.subTitle{
	text-align: center;
	margin-bottom:  80px;
	font-size: 22px;
}

.w920{
  width: 920px;
  margin: 0 auto;
}

@media screen and (max-width: 960px) {
  .w920{
    width: 100%;
  }
}

.gray_wrap{
  width: 100%;
  margin-bottom: 120px;
  padding: 25px;
  background:#E9E9E9;
  border-radius: 20px;
}

.gray_inner{
  width: 100%;
  padding:60px 70px;
  background:#fff;
  border-radius: 20px;
}

@media screen and (max-width: 768px) {
  .gray_wrap{
    padding: 10px;
    border-radius: 30px;
  }

  .gray_inner{
    padding:10px;
    border-radius: 20px;
  }
}

@media screen and (max-width: 768px) {
  .contact-to dt{
    width: 100%;
    background: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    color: #76573C;
  }

  .contact-to dd{
    width: 100%;
    padding: 0;
    border:none;
    text-align: center;
  }
}

.telno_wrap{
  text-align: center;
  margin-bottom: 100px;
}

.telno{
  font-size: 45px;
  font-weight: bold;
  color: #4F4F4F;
  line-height: 1;
}

.mB45{margin-bottom: 45px!important;}
.mB75{margin-bottom: 75px;}
.mB120{margin-bottom: 120px;}
.floL{float: left;}
.floR{float: right;}
.imgCenter{display: block;margin: 0 auto;}
.ft16{font-size: 16px;}
.mB120{margin-bottom: 120px;}
.mB100{margin-bottom: 100px;}
.ftBlue{color:#76BEC2;}
.ftGreen{color:#72A35A;}
.bgBlue{background:#76BEC2;}
.bgGreen{background:#72A35A;}
.tCenter{	text-align: center;}


.mT_56{
	margin-top:56px;
}

@media(min-width: 768px){
  a[href^="tel:"]{
    pointer-events: none;
  }
}