@charset "utf-8";

/* CSS Document */

/*-------------------------
- base
- MV
- section_box
- title_intro
- sec_charity
- sec_challenge
- sec_kids
- sec_kitchen
-------------------------*/

/*=======================================
　base
=======================================*/
#suntory_contents .contents {
	background: #fff;
}
#suntory_contents #east_garden .common_text {
	font-size: 1.071rem;
}
#suntory_contents #east_garden .notes {
	font-size: 0.714rem;
	background: initial;
}
#suntory_contents #east_garden .nav {
	display: flex;
	max-width: inherit;
	width: 90%;
	align-items: flex-end;
}
#suntory_contents #east_garden .nav ul {
	display: inherit;
	gap: 0.536rem 0;
}
#suntory_contents #east_garden .nav ul:nth-child(1) {
	width: 38%;
}
#suntory_contents #east_garden .nav ul:nth-child(2) {
	width: 34%;
}
#suntory_contents #east_garden .nav ul:nth-child(3) {
	width: 27%;
}
@media only screen and (max-width: 768px){
	#suntory_contents #east_garden .nav ul li a {
		font-size: 3vw;
	}
}

/*=======================================
　MV
=======================================*/
#suntory_contents .main_ttl {
	background: #00B08D;
}

/*=======================================
　section_box
=======================================*/
#suntory_contents .section_box {
	padding: 1.5rem 0 3.036rem;
    background-size: cover!important;
	margin-bottom: 3.036rem;
}
#suntory_contents .section_box .title {
	margin-bottom: 1.071rem;
	width: 102.24%;
	transform: translateX(-2.24%);
}
#suntory_contents .section_box .common_text {
	margin-bottom: 1.429rem;
}
#suntory_contents .section_box .img {
	width: 85.68%;
	margin: 0 auto;
}
#suntory_contents .section_box .img figure figcaption{
	font-size: 0.6428571428571429rem;
	font-size: 18px;
	text-align: right;
	margin-top: 0.0785714285714286rem;
}
@media only screen and (max-width: 768px){
#suntory_contents .section_box .img figure figcaption{
	font-size: 0.5rem;
	font-size: 12px;
}
}

/*=======================================
　title_intro
=======================================*/
#suntory_contents .title_intro {
	background: url("../images/east_garden/east_concept_bg.jpg") no-repeat center top;
}
#suntory_contents .title_intro .img {
	width: 100%;
}

/*=======================================
　sec_charity
=======================================*/
#suntory_contents .sec_charity {
	background: url("../images/east_garden/east_charity_bg.jpg") no-repeat center top;
}
#suntory_contents .sec_charity .img:not(:last-of-type) {
	margin-bottom: 1.893rem;
}

/*=======================================
　sec_challenge
=======================================*/
#suntory_contents .sec_challenge {
	background: url("../images/east_garden/east_challenge_bg.jpg") no-repeat center top;
}

/*=======================================
　sec_kids
=======================================*/
#suntory_contents .sec_kids {
	background: url("../images/east_garden/east_kids_bg.jpg") no-repeat center top;
}

/*=======================================
　sec_kitchen
=======================================*/
#suntory_contents .sec_kitchen {
	background: url("../images/east_garden/east_kitchen_bg.jpg") no-repeat center top;
	padding-bottom: 0.786rem;
	margin-bottom: 3.929rem;
}
#suntory_contents .mojidume {
	letter-spacing: -0.04em;
}
#suntory_contents .sec_kitchen .kitchen_item {
	background: #fff;
	border: 2px solid #00B08D;
}
#suntory_contents .sec_kitchen .kitchen_item:not(:last-child) {
	margin-bottom: 3.929rem;
}
#suntory_contents .sec_kitchen ul {
	margin-bottom: 1.786rem;
}
#suntory_contents .sec_kitchen .kitchen_item .shop_name {
	background: #00B08D;
	color: #fff;
	font-size: 1.429rem;
	letter-spacing: 0.1em;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 2.716rem;
	margin-bottom: 1.071rem;
	font-weight: 700;
}
#suntory_contents .sec_kitchen .kitchen_item .img {
	width: 73.93%;
	margin-bottom: 0.536rem;
}
#suntory_contents .sec_kitchen .kitchen_item .food_name {
	font-size: 1.071rem;
	line-height: 1.833;
	width: 87.48%;
	margin: 0 auto 1.071rem;
}
#suntory_contents .sec_kitchen .notes {
	text-align: right;
}
@media only screen and (max-width: 768px){
	#suntory_contents .mojidume {
		letter-spacing: 0;
	}
}