@charset "utf-8";

.top-one { background:url(../../img/top/top2.png) top center no-repeat; margin-top: 120px;}
.top-tit { padding: 120px 0; padding-left: 50px;}

.top-two { padding: 95px 0; background: url(../../img/top/bgtop.png) top left no-repeat;}
.top-wrap { font-size: 0; letter-spacing: 0;}
.top-photo { width: 43%; display: inline-block; vertical-align: middle;}
.top-photo img { max-width: 100%; height: auto;}
.top-text { width: 57%; display: inline-block; vertical-align: middle; font-size: 16px; line-height: 160%; padding: 0 50px 0 90px;}

.top-three { padding: 50px 0; text-align: center;}
.top-three-item { display: inline-block; padding: 50px; vertical-align: top; background: url(../../img/top/top6.png) center top no-repeat;}
.top-three-item-title { display: block;}
.top-three-item-text { display: inline-block; vertical-align: top; font-size: 20px; text-align: left; margin-top: 20px; min-height: 50px; line-height: 180%;}

.top-four { background: url(../../img/top/topbg.jpg) center top no-repeat; padding: 50px 0;}
.top-four-photo { width: 50%; display: inline-block; vertical-align: top;}
.top-four-photo-sp { display: none;}
.top-four-photo img { max-width: 100%; height: auto;}
.top-four-content { width: 50%; display: inline-block; vertical-align: top; padding: 0 50px;}
.top-four-tit { display: inline-block; vertical-align: top; width: 20%; padding-left: 10px;}
.top-four-table { width: 80%; display: inline-block; vertical-align: top;}
.top-four-table table { width: 100%;}
.top-four-table table tr td { font-size: 16px; border:1px solid #fff; border-left: none; border-right: none; line-height: 180%; padding: 10px 5px;}
.top-four-table table tr td:first-child { font-weight: bold;}
.top-five-photo{ text-align: center; margin-top: 50px; padding-left: 10px; padding-right: 10px;}
.top-five-photo img {
	max-width: 100%;
	height: auto;
}

.top-bn { text-align: center; margin: 20px auto 80px;}
.top-bn_icon { display: inline-block; width: 49%;}

.cook_bana.cook_top {
	text-align: center;
	margin: 50px 0;
	padding-left: 10px;
	padding-right: 10px;
}
.cook_bana.cook_top img {
	max-width: 100%;
	height: auto;
}

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

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

@media screen and (max-width:767px) {
  .top-one { background-position: top left -500px;}
  .top-tit { padding-left: 10px;}
  .top-tit img { max-width: 120px;}

  .top-two { padding: 30px 10px;}
  .top-photo { width: 100%; display: inline-block; vertical-align: middle;}
  .top-text { width: 100%; padding: 0px; margin-top: 20px; font-size: 14px;}

  .top-three  { padding: 20px 0;}
  .top-three-item { display: inline-block; padding: 20px; vertical-align: top; background-size: 100px;}
  .top-three-item-text { font-size: 14px; text-align: left; margin-top: 20px; min-height: auto; line-height: 160%;}

  .top-four { padding: 0; padding-bottom: 20px;}
  .top-four-photo { width: 100%; display: inline-block; vertical-align: top;}
  .top-four-photo-sp { display: inline-block;}
  .top-four-photo-pc { display: none;}
  .top-four-content { width: 100%; margin-top: 20px; padding: 10px;}
  .top-four-tit { width: 15%; padding-left: 0px;}
  .top-four-table { width: 85%;}
  .top-four-table table tr td { font-size: 14px; width: 100%; display: inline-block; border-top: none;}
  .top-four-table table tr td:first-child { background: #8c7c52; padding: 5px;}

  .top-bn_icon { display: inline-block; width: 96%;}	
	.top-bn_icon img {width: 85%; margin-bottom: 20px;}
	.top-bn { margin: 20px auto; padding-top: 40px;}
	
  .top-five-photo {
	margin-top: 20px;
  }
  .cook_bana.cook_top {
	text-align: center;
	margin: 20px 0;
  }
}

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

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

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

@media screen and (min-width:767px) {
	.row.news-list div:nth-child(4n+1){
		clear:left;
		
	}
}

.top-three-item-text p{
	margin-bottom: 10px;
}

.top-three-item-text span {	
	border-radius:30px 30px;
	border:#FFFFFF solid 2px;
	background-color: #FFFFFF;
	color: #000000;
	font-size: 13px;
	box-sizing: border-box;
	padding: 4px 10px 3px;
	margin-right: 10px;
	text-align: center;
}
.top-three-kachi {
	background: url(../../img/top/top16.png) center top no-repeat;
	box-sizing: border-box;
	padding: 80px 0 100px;
	max-width: 1000px;
	margin: auto;
}

.top-three-kachi-title {
  display: block;
}

.top-three-kachi .txt_sub{
	width: 100%;
	margin-top: 5%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.top-three-kachi .txt_sub li{
	width: 32%;
	margin-bottom: 20px;
	border-radius:15px 15px;
	border:#FFFFFF solid 1px;
	box-sizing: border-box;
	padding: 20px 0;
	
}
.top_youtube {
	text-align: center;
	margin: 20px auto 100px;
	max-width: 1146px;
}

.top_youtube img {
	width: 100%;
}



@media screen and (max-width: 767px){
	
.top-three-kachi {
  display: inline-block;
  padding: 20px;
  vertical-align: top;
  background-size: 100px;
}	
	
	
.top-three-item-text span {	
	font-size: 10px;
	padding: 4px 10px 3px;
	margin-right: 8px;
}	
	
.top-three-kachi .txt_sub li{
	width: 96%;
	margin-bottom: 20px;
	border-radius:15px 15px;
	border:#FFFFFF solid 1px;
	box-sizing: border-box;
	padding: 12px 0;
	margin: 5px auto;
	
}	
	
.top_youtube {
	width: 100%;
	margin: -15px auto 50px;
}
	
	
	
	
}