/*------------------------------------------------------------------------------
 * PC
------------------------------------------------------------------------------*/


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

	main{
		padding-bottom: 120px;
	}

	/*---------------------------------------
	 * ヘッダー
	---------------------------------------*/

	.page-head{
		width: 100%;
		padding: 70px 0;
		text-align: center;
	}
	.page-head .sub-title{
		font-size: 16px;
		letter-spacing: 1px;
		font-weight: 200;
		color: #6da591;
		margin-bottom: 5px;
		line-height: 1;
	}
	.page-head .title{
		font-size: 30px;
		letter-spacing: .1em;
		margin-bottom: 5px;
	}

	/*---------------------------------------
	 * 概要
	---------------------------------------*/
	main .about {
		width: 90%;
		max-width: 1200px;
		margin: 0 auto 80px;
	}
	main .about h3,
	main .about .note p{
		text-align: center;
		font-size:14px;
		line-height:2;
	}
	main .about h3{
		font-size: 25px;
		letter-spacing: .1em;
	}
	main .about .note{
		margin: 20px 0 50px;
	}
	main .about .main-movie{
		margin-bottom: 60px;
	}
	main .about .main-movie video{
		width:100%;
	}
	/*
	main .about figure {
		margin-bottom: 60px;
	}
	*/

	/*---------------------------------------
	 * スライド
	---------------------------------------*/ 

	.gallery-sec{
		margin-top: 20px;
	}
	.gallery-sec .slides .slide{
		width: 520px;
		margin: 0 4px;
		box-sizing: border-box;
	}
	.gallery-sec .slides .slide p{
		margin-top: 15px;
		font-size: 12px;
	}
	.gallery-sec .slides .slick-prev{
		width: 30px;
		height: 30px;
		background: url(../img/arrow-left.svg) 50% no-repeat;
		background-size:100%;
		left: 5%;
		z-index: 10;
	}
	.gallery-sec .slides .slick-next{
		width: 30px;
		height: 30px;
		background: url(../img/arrow-right.svg) 50% no-repeat;
		background-size:100%;
		right: 5%;
		z-index: 10;
	}
	.gallery-sec .slides .slick-prev::before,
	.gallery-sec .slides .slick-next::before{
		content:none;
	}
	
	/*---------------------------------------
	 * main
	---------------------------------------*/
	
	.sec{
		width: 90%;
        max-width: 1100px;
        margin: 0 auto;
		padding: 80px 0;
	}
	.sec__ttl{
		text-align:center;
		font-size:24px;
        letter-spacing: .1em;
		text-align:center;
		margin-bottom: 60px;
	}
	.sec__txt{
		line-height:2;
	}
	
	.cuisine__feature{
		background:#F9F9F9;
	}
	.cuisine__feature__sec{
		display:flex; flex-wrap: wrap;
		align-items:center;
	}
	.cuisine__feature__sec__img{
		width:50%;
	}
	.cuisine__feature__sec__dsc{
		width:50%;
		padding-left:60px;
	}
	.cuisine__feature__sec:nth-of-type(even) .cuisine__feature__sec__img{
		order:2;
	}
	.cuisine__feature__sec:nth-of-type(even) .cuisine__feature__sec__dsc{
		order:1;
		padding-right:60px;
	}
	.cuisine__feature__sec__ttl{
		font-size:20px;
		letter-spacing:.1em;
		margin-bottom:25px;
	}
	
	.cuisine__chef__sec{
		width: 90%;
        max-width: 1000px;
        margin: 0 auto;
		display:flex; flex-wrap: wrap;
		align-items:end;
		background:url(../img/pic_chef-03.jpg) right top no-repeat;
		background-size:73px auto;
	}
	.cuisine__chef__img{
		margin-bottom:80px;
	}
	.cuisine__chef__sec__img{
		width:37%;
	}
	.cuisine__chef__sec__dsc{
		width:63%;
		padding-left:70px;
	}
	.cuisine__chef__sec__ttl{
		font-size:24px;
		letter-spacing:.1em;
		margin-bottom:25px;
	}
	.cuisine__chef__sec__ttl span{
		display:block;
		font-size:18px;
		letter-spacing:.1em;
		margin-bottom:20px;
	}
	
	.sec__fairlink{
		margin-top:126px;
		padding:120px 5%;
		background:url(../img/fairlink.jpg) center no-repeat;
		background-size:cover;
	}
	.sec__fairlink__ttl{
		text-align:center;
		font-size:24px;
		letter-spacing:.1em;
		line-height:1.5;
		color:#fff;
		margin-bottom:25px;
	}
	.sec__fairlink__txt{
		text-align:center;
		font-size:14px;
		letter-spacing:.1em;
		line-height:2;
		color:#fff;
	}
	.sec__fairlink__more{
		display:block;
		width:310px;
		margin:40px auto 0;
		height:55px;
		line-height:53px;
		text-align:center;
		font-size:14px;
		letter-spacing:.1em;
		background:#fff;
	}
	.sec__fairlink__more a{
		color:#189a6f;
	}
	
}

/*------------------------------------------------------------------------------
 * SP
------------------------------------------------------------------------------*/

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

	main{
		padding-bottom: 60px;
		overflow: hidden;
	}

	/*---------------------------------------
	 * ヘッダー
	---------------------------------------*/

	.page-head{
		width: 100%;
		padding: 35px 0;
		text-align: center;
	}
	.page-head .sub-title{
		font-size: 15px;
		letter-spacing: 1px;
		font-weight: 200;
		color: #6da591;
		margin-bottom: 13px;
		line-height: 1;
	}
	.page-head .title{
		font-size: 20px;
		letter-spacing: .1em;
		margin-bottom: 5px;
	}

	/*---------------------------------------
	 * 概要
	---------------------------------------*/
	main .about {
		margin-bottom: 50px;
	}
	main .about h3,
	main .about .note p{
		padding-left: 5%;padding-right: 5%;
		line-height: 1.8;
	}
	main .about h3{
		margin-bottom: 20px;
		font-size: 20px;
	}
	main .about .main-movie{
		margin-bottom: 35px;
	}
	main .about .main-movie video{
		width:120%;
		margin-left:-10%;
	}
	/*
	main .about figure {
		margin-bottom: 35px;
	}
	*/

	/*---------------------------------------
	 * スライド
	---------------------------------------*/ 

	.gallery-sec{

	}
	.gallery-sec .slides .slide{
		margin: 0 2.5px;
		box-sizing: border-box;
	}
	.gallery-sec .slides .slick-prev{
		width: 26px;
		height: 26px;
		background: url(../img/arrow-left.svg) 50% no-repeat;
		background-size:100%;
		left: 2%;
		z-index: 10;
	}
	.gallery-sec .slides .slick-next{
		width: 26px;
		height: 26px;
		background: url(../img/arrow-right.svg) 50% no-repeat;
		background-size:100%;
		right: 2%;
		z-index: 10;
	}
	.gallery-sec .slides .slick-prev::before,
	.gallery-sec .slides .slick-next::before{
		content:none;
	}
	
	/*---------------------------------------
	 * main
	---------------------------------------*/
	
	.sec{
		width: 90%;
        margin: 0 auto;
		padding: 60px 0;
	}
	.sec__ttl{
		font-size:20px;
		margin-bottom: 40px;
	}
	.sec__txt{
		line-height:1.8;
	}
	
	.cuisine__feature{
		background:#F9F9F9;
	}
	.cuisine__feature__sec{
		margin-bottom:40px;
	}
	.cuisine__feature__sec:last-child{
		margin-bottom:0;
	}
	.cuisine__feature__sec__img{
		margin-bottom: 25px;
	}
	.cuisine__feature__sec__dsc{

	}
	.cuisine__feature__sec__ttl{
		font-size:18px;
		margin-bottom:20px;
	}
	
	.cuisine__chef__sec{

	}
	.cuisine__chef__img{
		margin-bottom:60px;
	}
	.cuisine__chef__sec__img{
		margin-bottom:40px;
		background:url(../img/pic_chef-03.jpg) 98% bottom no-repeat;
		background-size:65px auto;
	}
	.cuisine__chef__sec__img img{
		width:73%;
	}
	.cuisine__chef__sec__ttl{
		font-size:20px;
		margin-bottom:20px;
	}
	.cuisine__chef__sec__ttl span{
		display:block;
		font-size:16px;
		margin-bottom:15px;
	}
	
	.sec__fairlink{
		margin-top:60px;
		padding:60px 5%;
		background:url(../img/fairlink_sp.jpg) center no-repeat;
		background-size:cover;
	}
	.sec__fairlink__ttl{
		text-align:center;
		font-size:18px;
		line-height:1.5;
		color:#fff;
		margin-bottom:20px;
	}
	.sec__fairlink__txt{
		font-size:13px;
		line-height:2;
		color:#fff;
	}
	.sec__fairlink__more{
		display:block;
		width:80%;
		max-width:310px;
		margin:30px auto 0;
		height:50px;
		line-height:48px;
		text-align:center;
		font-size:13px;
		letter-spacing:.1em;
		background:#fff;
	}
	.sec__fairlink__more a{
		color:#189a6f;
	}
	
}