@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@300;500&family=Noto+Serif+JP:wght@300&display=swap');
/*
font-family: 'M PLUS Rounded 1c', sans-serif;
font-family: 'Noto Serif JP', serif;
font-family: 'M PLUS Rounded 1c', sans-serif;
*/

/* MATERIALS */


/* INTERFACE */


body{
	-webkit-text-size-adjust:100%;
	margin:0;
	padding:0;
	background-color:#fbf9f3;
	color:#000;
	font-family:'M PLUS Rounded 1c',"Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", Meiryo, sans-serif;
}

body>header{
	max-width:1040px;
	margin:0 auto;
	padding:38px 0 33px;
	position:relative;
}


body>header>h1,
body>header>a{
	display:block;
	width:165px;
	margin:0 auto;
	padding:0;
	font-size:18px;
	line-height:1;
	font-weight:300;
	text-align:center;
}
body>header>a{
	color:#000;
	text-decoration:none;
}

body>header>h1>img,
body>header>a>img{
	width:165px;
	vertical-align:bottom;
}
body>header>h1>span,
body>header>a>span{
	display:block;
	margin:5px;
	font-family:'Noto Serif JP', serif;
	font-size:10px;
	line-height:1;
}


body>header>nav{
	position:absolute;
	top:44px;
	right:0;
}

@media screen and (max-width:1080px){
	body>header>nav{
		right:40px;
	}
}

body>header>nav>ul{
	margin:0;
	padding:0;
	list-style-type:none;
	font-family:'Noto Serif JP', serif;
	font-size:15px;
	line-height:1;
}

body>header>nav>ul>li{
	float:left;
	margin:0 0 0 40px;
}
body>header>nav>ul>li>a{
	padding:0 0 0 10px;
	color:#000;
	text-decoration:none;
	background-image:url("../img/interface/ico_arrow.svg");
	background-repeat:no-repeat;
	background-position:left center;
	background-size:8px 8px;
}
body>header>nav>ul>li>a:hover,
body>header>nav>ul>li>a:active{
	color:#aaa;
}


@media screen and (max-width:767px){
	body>header>h1,
	body>header>a{
		display:block;
		width:120px;
		margin:0 0;
		padding:0 0 0 20px;
		font-size:18px;
		line-height:1;
		text-align:left;
	}
	body>header>a{
		color:#000;
		text-decoration:none;
	}
	
	body>header>h1>img,
	body>header>a>img{
		width:120px;
		vertical-align:bottom;
	}

	body>header>nav{
		right:20px;
	}

	body>header>nav>ul{
		margin:0;
		padding:0;
		list-style-type:none;
		font-family:'Noto Serif JP', serif;
		font-size:12px;
		line-height:1;
	}
	
	body>header>nav>ul>li{
		float:left;
		margin:0 0 0 10px;
	}
	body>header>nav>ul>li>a{
		padding:0 0 0 10px;
		color:#000;
		text-decoration:none;
		background-image:url("../img/interface/ico_arrow.svg");
		background-repeat:no-repeat;
		background-position:left center;
		background-size:5px 5px;
	}
}


body>footer{
	background-color:#473120;
	color:#fff;
}


body>footer#home_footer{
	background-color:#fbf9f3;
	color:#473120;
}


body>footer>div{
	box-sizing:border-box;
	max-width:1040px;
	margin:0 auto;
	padding:38px 40px 33px;
	position:relative;
	font-size:13px;
	line-height:1.6;
	font-weight:200;
}

body>footer>div a:link,
body>footer>div a:visited{
	color:#fff;
}
body>footer>div a:hover,
body>footer>div a:active{
	color:#a29e7e;
}

body>footer#home_footer>div a:link,
body>footer#home_footer>div a:visited{
	color:#473120;
}
body>footer#home_footer>div a:hover,
body>footer#home_footer>div a:active{
	color:#a29e7e;
}


#footer_logo{
	width:150px;
	margin:0 0 40px 0;
}

#footer_logo img{
	vertical-align:bottom;
}

#footer_logo span{
		font-family:'Noto Serif JP', serif;
		font-size:10px;
		line-height:1;
}

body>footer address{
	font-style:normal;
}
body>footer ul{
	margin:0;
	padding:0 0 0 1.6em;
}

body>footer small{
	display:block;
	margin:80px auto 40px;
	color:#d4d2c5;
	font-size:9px;
	font-family:Verdana,sans-serif;
	text-align:center;
}

body>footer#home_footer small{
	display:block;
	margin:80px auto 40px;
	color:#333;
	font-size:9px;
	font-family:Verdana,sans-serif;
	text-align:center;
}

body>footer small a:link,
body>footer small a:visited,
body>footer small a:hover,
body>footer small a:active{
	color:#d4d2c5;
}

#footer_sns{
	width:200px;
	text-align:right;
	position:absolute;
	top:38px;
	right:0;
}

#footer_sns img{
	width:20%;
	margin:5%;
}


@media screen and (max-width:767px){
	#footer_sns{
		width:80%;
		margin:40px auto 0;
		text-align:center;
		position:static;
		top:0;
		right:0;
	}
	
	#footer_sns img{
		width:40px;
		margin:5%;
	}
	
	body>footer small{
		display:block;
		margin:20px auto 40px;
		color:#d4d2c5;
		font-size:9px;
		font-family:Verdana,sans-serif;
		text-align:center;
	}
}




/* HOME */

#home_contents_area{
	background-color:#473120;
	color:#fff;
}


#home_kv_area{
	max-width:880px;
	margin:0 auto;
}
#home_kv_area img,
#home_kv_area picture{
	width:100%;
	vertical-align:bottom;
}

#home_kv_bottom_area{
	max-width:880px;
	margin:0 auto 80px;
}
#home_kv_bottom_area img,
#home_kv_bottom_area picture{
	width:100%;
	vertical-align:bottom;
}

@media screen and (max-width:767px){
	#home_kv_bottom_area{
		max-width:880px;
		margin:0 auto;
	}
}

#home_welcome_area{
	box-sizing:border-box;
	max-width:960px;
	margin:0 auto;
	padding:0 40px 115px;
	overflow:hidden;
}

#home_welcome_area h2{
	margin:80px auto 70px;
	font-family: 'Noto Serif JP', serif;
	font-size:27px;
	font-weight:300;
	letter-spacing:0.15em;
	line-height:1.4;
}

#home_welcome_txt_area{
	width:100%;

}

#home_welcome_txt_area p{
	margin:0 0 1em;
	font-size:15px;
	line-height:1.7;
	font-weight:200;
	text-align:justify;
}


#home_welcome_txt_area a{
	color:#000;
	text-decoration:underline;
}
#home_welcome_txt_area a:hover,
#home_welcome_txt_area a:active{
	color:#aaa;
	text-decoration:underline;
}


#home_welcome_pic_area{
	box-sizing:border-box;
	width:40%;
	margin:0;
	padding:0 0 0 40px;
	float:right;
}

#home_welcome_txt_area h3{
	margin:0 0 1em;
	font-size:18px;
	line-height:1.7;
	font-weight:500;
}

#home_welcome_pic_area img{
	width:100%;
}

#home_welcome_pic_area figcaption{
	margin:0;
	font-size:13px;
	line-height:1.7;
	font-weight:200;
}



@media screen and (max-width:767px){
	#home_welcome_txt_area{
		width:100%;
		float:none;
	}
	#home_welcome_pic_area{
		box-sizing:border-box;
		width:100%;
		padding:0;
		float:none;
	}
	figure#home_welcome_pic_area{
		width:80%;
		margin:40px auto;
		padding:0;
	}
}

#home_system_area{
}

#home_system_area>div{
	box-sizing:border-box;
	max-width:960px;
	margin:0 auto;
	padding:0 40px 115px;
	overflow:hidden;
}

#home_system_area h2{
	margin:80px auto 70px;
	font-family: 'Noto Serif JP', serif;
	font-size:27px;
	font-weight:300;
	letter-spacing:0.15em;
	line-height:1.4;
}

#home_system_area h3{
	margin:0 0 1em;
	font-size:17px;
	font-weight:500;
	line-height:1.4;
}

#home_system_area b{
	font-weight:500;
}

#home_system_area>div>div{
	column-count:2;
	column-gap:10%;
}

#home_system_area p{
	margin:0 0 1em;
	font-size:15px;
	line-height:1.7;
	font-weight:200;
	text-align:justify;
}

#home_system_area>div>div>div{
	margin:0 0 2em;
	page-break-inside:avoid;
	break-inside:avoid;
}

#home_system_area ul{
	margin:0 0 1em;
	font-size:15px;
	line-height:1.7;
	font-weight:200;
	text-align:justify;
}

@media screen and (max-width:767px){
	#home_system_area>div>div{
		column-count:1;
		column-gap:0%;
	}
}


#chef_prof_area{
	box-sizing:border-box;
	max-width:960px;
	margin:0 auto;
	padding:0 40px 115px;
	overflow:hidden;
}

#chef_prof_area h2{
	margin:80px auto 70px;
	font-family: 'Noto Serif JP', serif;
	font-size:27px;
	font-weight:300;
	letter-spacing:0.15em;
	line-height:1.4;
}

#chef_prof_txt_area{
	width:60%;
	float:left;
}

#chef_prof_txt_area p{
	margin:0 0 1em;
	font-size:15px;
	line-height:1.7;
	font-weight:200;
	text-align:justify;
}


#chef_prof_txt_area a{
	color:#000;
	text-decoration:underline;
}
#chef_prof_txt_area a:hover,
#chef_prof_txt_area a:active{
	color:#aaa;
	text-decoration:underline;
}


#chef_prof_pic_area{
	box-sizing:border-box;
	width:30%;
	margin:0;
	padding:0 0 0 40px;
	float:right;
}

#chef_prof_txt_area h3{
	margin:0 0 1em;
	font-size:18px;
	line-height:1.7;
	font-weight:300;
}

#chef_prof_pic_area img{
	width:100%;
}

#chef_prof_pic_area figcaption{
	margin:0;
	font-size:13px;
	line-height:1.7;
	font-weight:200;
}



@media screen and (max-width:767px){
	#chef_prof_txt_area{
		width:100%;
		float:none;
	}
	#chef_prof_pic_area{
		box-sizing:border-box;
		width:100%;
		padding:0;
		float:none;
	}
	figure#chef_prof_pic_area{
		width:55%;
		margin:40px auto;
		padding:0;
	}
}





/* ACCESS */

#access_area{
	box-sizing:border-box;
	max-width:960px;
	margin:0 auto;
	padding:0 40px 115px;
	overflow:hidden;
}

#access_area h2{
	margin:80px auto 70px;
	font-family: 'Noto Serif JP', serif;
	font-size:27px;
	font-weight:300;
	letter-spacing:0.15em;
	line-height:1.4;
}

#access_area p{
	margin:0 0 1em;
	font-size:15px;
	line-height:1.7;
	font-weight:200;
	text-align:justify;
}


#access_area a{
	color:#000;
	text-decoration:underline;
}
#access_area a:hover,
#access_area a:active{
	color:#aaa;
	text-decoration:underline;
}

#access_area iframe{
	width: 100%;
	aspect-ratio: 16/9;
	transition: all 0.7s ease;
}

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

	#access_area iframe{
		width: 100%;
		aspect-ratio: 5/5;
		transition: all 0.7s ease;
	}